/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.ex-flex-wrap {
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  transform: translateY(-50%);
}

.ex-transition {
  transition: all 0.6s ease;
}

.ex-transition-medium {
  transition: all 1.2s ease;
}

.ex-transition-large {
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------ Animation Starts -----------------------------------*/
/*------------------------------------- Animation Ends ------------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
/*--------------------------------------- Modal Ends --------------------------------------*/
@media all and (max-width: 1600px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 15px;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 18px;
  }

  .co-btn {
    padding: 10px;
    font-size: 10px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container h2 {
    margin-bottom: 35px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container .logo-container {
    width: 265px;
    margin-bottom: 50px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .title-container {
    margin-bottom: 40px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container {
    margin: -15px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item {
    padding: 15px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner {
    padding: 20px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner h4 {
    margin-bottom: 10px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .text-container {
    width: 350px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .image-container {
    width: 160px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .btn-container {
    margin-top: 25px;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .title-container {
    max-width: 550px;
  }
  .title-container p {
    margin-top: 20px;
  }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  /*--------------------------------------- Modal Ends --------------------------------------*/
}
@media all and (max-width: 1399px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 14px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 17px;
  }

  .co-btn {
    padding: 8px;
    font-size: 8px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container h2 {
    margin-bottom: 30px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container .logo-container {
    width: 240px;
    margin-bottom: 35px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .title-container {
    margin-bottom: 30px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner h4 {
    margin-bottom: 6px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .text-container {
    width: 330px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .image-container {
    width: 140px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .btn-container {
    margin-top: 20px;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .title-container {
    max-width: 400px;
  }
  .title-container p {
    margin-top: 15px;
  }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  /*--------------------------------------- Modal Ends --------------------------------------*/
}
@media all and (max-width: 1199px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 12px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 17px;
  }

  h4 {
    font-size: 15px;
  }

  .co-btn {
    padding: 6px;
    font-size: 7px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container h2 {
    margin-bottom: 20px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container .logo-container {
    width: 190px;
    margin-bottom: 30px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .title-container {
    margin-bottom: 30px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container {
    margin: -8px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item {
    padding: 8px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner h4 {
    margin-bottom: 8px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .text-container {
    width: 290px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .image-container {
    width: 100px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .btn-container {
    margin-top: 15px;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .title-container {
    max-width: 340px;
  }
  .title-container p {
    margin-top: 12px;
  }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  /*--------------------------------------- Modal Ends --------------------------------------*/
}
@media all and (max-width: 991px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 11px;
  }

  h2 {
    font-size: 18px;
  }

  h3 {
    font-size: 16px;
  }

  h4 {
    font-size: 14px;
  }

  .co-btn {
    padding: 5px;
    font-size: 6px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container h2 {
    margin-bottom: 17px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container .logo-container {
    width: 150px;
    margin-bottom: 25px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .title-container {
    margin-bottom: 20px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner h4 {
    margin-bottom: 6px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .text-container {
    width: 240px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .image-container {
    width: 70px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .btn-container {
    margin-top: 12px;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .title-container {
    max-width: 340px;
  }
  .title-container p {
    margin-top: 12px;
  }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  /*--------------------------------------- Modal Ends --------------------------------------*/
}
@media all and (max-width: 767px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 11px;
  }

  h2 {
    font-size: 16px;
  }

  h3 {
    font-size: 15px;
  }

  h4 {
    font-size: 13px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .banner-section .banner-container {
    display: block;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) {
    width: 100%;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .image-container {
    height: 60vh;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container {
    width: 92%;
    margin: auto;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container h2 {
    margin-bottom: 17px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(1) .inner .text-container .logo-container {
    width: 155px;
    margin-bottom: 25px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) {
    width: 100%;
    padding-top: 40px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper {
    position: relative;
    left: inherit;
    right: inherit;
    transform: inherit;
    width: 92%;
    margin: auto;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .title-container {
    margin-bottom: 20px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container {
    display: block;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item {
    width: 100%;
    margin-bottom: 30px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner {
    padding: 30px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner h4 {
    margin-bottom: 6px;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container {
    display: block;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .text-container {
    width: 100%;
    margin-bottom: 30px;
    border-right: none;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .image-text-container .image-container {
    width: 70px;
    margin: auto;
  }
  #content-wrapper #home-page .banner-section .banner-container .banner-items:nth-of-type(2) .inner .main-wrapper .content-container .content-item .content-inner .btn-container {
    margin-top: 12px;
    text-align: center;
    margin-top: 15px;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .title-container {
    max-width: 340px;
  }
  .title-container p {
    margin-top: 12px;
  }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  /*--------------------------------------- Modal Ends --------------------------------------*/
}/*# sourceMappingURL=responsive.css.map */