/* ==========================================================================
   Media Queries
   ========================================================================== */


   @media (max-width: 320px) {
  }
  
  @media (max-width: 360px) {
  }
  
  @media (max-width: 480px) {
   
  }

  @media (max-width: 640px) {
    .page_title h4 {
      font-size: 26px;
    }
  }
  
  @media (max-width: 768px) {
    .inner_box:before{
      content: inherit;
    }
    .icon_box span {
      top: -10px;
      right: -10px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
    }
    .icon_box {
      width: 126px;
      height: 108px;
      text-align: center;
      line-height: 128px;
      margin-bottom: 16px;
    }
    .anim-icon .icon-1 {
      width: 150px;
      height: 138px;
      background-size: 100%;
    }
    .inner_box h5 {
      color: #462b34;
      font-size: 16px;
      margin-bottom: 34px;
    }
    .sv_type img {
      width: 40px;
      height: 40px;
    }
    .sv_type h6 {
      font-size: 16px;
    }
    .cot_address{
      display: block;
    }
    .cu_text {
      width: 100%;
      padding-left: 0;
      margin-top: 20px;
    }
    .blank_sec {
      height: 98px;
    }
    .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title{
        right: 33px;
        font-size: 14px;
    }
  }
  
  @media (max-width: 860px) {
    .banner_textslid .swiper-slide h2 {
      font-size: 20px !important;
      width: 100% !important;
    }
    .site-navbar-wrap {
      top: 0;
      padding: 20px 0 0 0;
    }
    .homeBanner {
      height: 27vh;
      margin-top: 85px;
    }
    footer {
      padding: 50px 0 10px 0;
    }
    
    .sectionTitle div {
        margin-top: 20px;
    }
    
    .time_line .container .sectionTitle h2{
        font-size: 31px;
    }
    
    .time_line .container .sectionTitle {
        margin-bottom: 0px;
    }
    
    
    .cleanWaterSection .sectionTitle h2 {
      font-size: 20px;
      display: none;
    }
    .f-address ul {
      display: block;
      max-width: 100%;
    }
    .f-address ul li {
      width: 100%;
      font-size: 14px;
    }

    .site-navbar-wrap .site-navbar-top {
      display: none;
    }
    .site-menu-toggle{
      background: #005385;
    }
    .site-navbar .site-logo a img {
      width: 100%;
    }
    .f-address ul li svg {
      margin-bottom: 0;
      width: 30px;
    }
    
    .cleanWaterLeft h3 {
      font-size: 24px;
    }
    .cleanWaterRight img {
      height: 300px;
      margin-top: 15px;
      margin-bottom: -15px;
    }
    .sticky-wrapper.is-sticky .site-navbar {
      padding: 20px 0;
    }
    .cleanWaterSection {
      padding: 0px 0px;
    }
    .our__businesses::after {
      height: 30%;
      width: 100%;
      top: auto;
      right: 0;
      bottom: 0;
    }
    .our__businesses {
      padding: 30px 0;
    }
    
    .our__businesses .container .sectionTitle h2{
        font-size: 31px;
        margin-bottom: -10px;
    }
    .company-bg {
      padding-top: 50px;
      padding-bottom: 178px;
    }
    .company-bg .col{
      margin-bottom: 20px;
    }
    .cmemZerotext {
      padding: 20px;
    }
    .cmemZerotext h3 {
      font-size: 26px;
    }
    .partner .swiper-slide img{
      width: 100%;
    }
    .order-section {
      padding-bottom: 20px;
    }
    .swiper-container-wrapper--timeline .swiper-slide {
      display: block;
      width: 100% !important;
    }
    .swiper-container-wrapper--timeline .swiper-slide img{
      width: 100%;
      height: auto;
    }
    .swiper-container-wrapper--timeline .swiper-slide p {
      width: 100%;
      padding-left: 0;
    }
    .swiper-container-wrapper--timeline .swiper-slide .title {
      font-size: 20px;
      line-height: 26px;
    }
    .site-mobile-menu {
      width: 340px;
      z-index: 9999999;
      background: #005385;
          top: 0;
    }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
      color: #fff;
    }
    .site-mobile-menu .site-nav-wrap>li>a {
      padding: 10px 10px;
      font-size: 15px;
      color: #fff;
      font-weight: 600;
    }
    .site-mobile-menu .collapse:not(.show) {
      display: block;
    }
    .site-mobile-menu .site-nav-wrap>li>ul>li>a {
      padding-left: 20px;
      font-size: 14px;
      color: #c4e9ff;
      padding: 6px 25px;
    }
    .our__businessesInner {
      padding-right: 0;
    }
    .responsive-tabs .tab-pane {
      border: 0;
    }
    .tab-content .collapse.show{
      padding: 20px 15px;
    }
    .our__businessesInner p {
      margin-bottom: 15px;
      font-size: 16px;
    }
    .our__businessesInner ul li {
      font-size: 14px;
    }
    .innerheader {
      padding: 72px 0;
    }

    .innerheader h2 {
      font-size: 26px;
      line-height: 32px;
    }
    
          
    footer .sectionTitle
    {
      margin-bottom: 20px;
    }


  }
  

  @media (max-width: 770px)
  {
      /* This hides the award section as it is too cluttery on the phone */
      .company-section
      {
          display: none;
      }
  }
  
  
  
  @media (max-width: 991.98px) and (min-width: 861px)
  {
      .our__businessesInner
      {
          padding-right: 300px;
      }
  }

  @media (max-width: 1366px) {
   .banner_textslid .swiper-slide h2 {
        font-size: 44px;
   }
  }

  @media all and (min-width: 992px) {
    .dropdown-menu {
      width: 13rem;
    }
    .mega-submenu {
      left: 100%;
      top: 0;
      min-width: 25rem;
    }
    .ktm-mega-menu {
      position: static;
    }
    .mega-menu {
      left: 0;
      right: 0;
      width: 100%;
    }
    .dropdown-menu li {
      position: relative;
    }
    .dropdown-menu .submenu {
      display: none;
      left: 100%;
      top: 0;
    }
    .dropdown-menu>li:hover>.submenu,
    .dropdown:hover>.dropdown-menu {
      display: block;
    }
  }
  
  
  @media (max-width: 991.98px) {
    .offcanvas-collapse {
      position: fixed;
      top: 57px;
      /* Height of navbar */
      bottom: 0;
      left: 100%;
      width: 100%;
      padding: 1rem;
      overflow-y: auto;
      visibility: hidden;
      background-color: #0d6efd;
      transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }
    .offcanvas-collapse.open {
      visibility: visible;
      transform: translateX(-100%);
    }
  }