@media (max-width:992px) {
    .banner-overlay {
        padding-top: 120px;
    }

   .banner-text-area .banner-header {
    font-size: 45px;
  }

  .testi-contents .content h5 {
    font-size: 20px;
 }
   
   .offk-body {
    background: white;
   }

   .offk-title {
    color: white;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
   }

   .btn-offclose {
    color: #275b94;
    background: transparent;
    border: none;
    font-size: 22px;
   }

   .btn-offclose:hover {
    color: #275b94;
   }

   .btn-offclose:focus {
    box-shadow: none;
   }

   .navbar .navbar-nav .nav-item .nav-link {
    color: #282629;
    margin-right: 0px;
 }

 .navbar .navbar-nav .nav-item .nav-link.active {
    color: #e8433f;
 }

 .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #e8433f;
 }

 .body-offmain {
    padding-top: 0px;
 }

 .nav-socials a {
    text-decoration: none;
    color: #275b94;
    margin: 10px 10px;
    font-size: 22px;
  }

  .nav-socials a:hover {
    color: #e8433f;
  }

  .nav-socials a .fab {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
  }
  
  .nav-socials a .fab:hover {
    -moz-transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
  }

  .nav-drop {
    box-shadow: none;
  }

  .nav-drop .dropdown-item {
    font-size: 15px;
  }

}

@media (max-width:480px) {

    .banner-overlay {
        padding-top: 100px;
    }

    .banner-text-area .banner-header {
        font-size: 35px;
    }

    .banner-text-area .banner-text {
        font-size: 16px;
    }

    .intro-imgarea {
        padding: 0px 0px;
        margin-top: 30px;
    }

    .testi-contents .content h5 {
        font-size: 19px;
     }

    .testi-content-bg {
        min-height: 470px;
    }

    .mobile-testi-text h6 {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
    }

    .img-catindust {
        height: 150px;
    }

    .about-banner {
      padding-left: 10px;
    }

    .other-banhead h2 {
      font-size: 30px;
    }

    .other-banhead h6 {
      font-size: 15px;
    }

    .about-area h2 {
      font-size: 30px;
    }
  
    .about-area p {
      font-size: 17px;
    }

    .core-values .value-area {
      border-left: none;
      padding-left: 0px;
    }
  
    .core-values .value-area .value-list {
      padding-inline-start: 15px;
    }

    .member-area .img-ceo {
      max-height: 480px;
    }
  
    .member-area .img-member {
      max-height: 450px;
    }

    .coldstore-banner {
      padding-top: 80px;
    }

    .coldstorage-banner {
      padding-top: 80px;
      padding-bottom: 20px;
    }

    .cold-list {
      padding-inline-start: 20px;
    }

    .indusdev-banner {
      padding-top: 80px;
      padding-bottom: 20px;
    }

    .manufacturing-banner {
      padding-top: 80px;
      padding-bottom: 20px;
    }

}