@media(max-width:1400px){

    .pack-rgt {
        top: 100px;
    }
    .main-header.sticky a.nav-link
     {
        padding: 30.4px 0 !important;
    }
    section.i-banner {
        margin-top: -100px;
    }
    section.i-banner img {
        max-height: 350px;
    }
    .tfb-l i {
        font-size: 16px;
        color: #fff;
    }
    .tfb-l h5 {
        font-size: 18px;
        color: #fff;
    }
    /* section.banner-section {
        margin-top: -100px;
    } */
    .mt-30 {
        margin-top: 20px !important;
    }
    .ckb-r a {
        font-size: 12px;
    }
    .ibn-ic p {
        font-size: 14px;
    }
    .ibn-ic p span {
        font-size: 12px;
        margin: 0 8px;
    }
    .ibn-ic h4 {
        font-size: 44px;
        margin-bottom: 2px;
    }
    .thr-ic a, .thr-ic span {
        color: #fff;
        font-size: 14px;
    }   
    img.header-logo {
        max-width: 265px;
    }
    a.nav-link {
        font-size: 17px;
        font-weight: 700;
        padding: 30.4px 0;
    }
    .bs-con span.tts {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .bs-con h4 {
        font-size: 54px;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .bs-box img.hb-img {
        /*max-height: 750px;
        min-height: 750px;*/

        /*max-height: 100vh;
        min-height:100vh;*/

    }
    .tbp {
        padding: 70px 0;
    }
    .hssc-box img {
        max-height: 320px;
        min-height: 320px;
        object-fit: cover;
        border-radius: 10px;
    }
    .tbm {
        margin: 70px 0;
    }
    .pt-250{
        padding-top: 220px;
    }
    .pt-200 {
        padding-top: 160px !important;
    }
    p {
        margin: 0 0 14px;
        line-height: 29px;
        font-size: 17px;
    }
    .mb-30 {
        margin-bottom: 24px !important;
    }
    .ml-50 {
        margin-left: 40px !important;
    }
    .mt-40 {
        margin-top: 30px !important;
    }
    .ulb-r p {
        margin-bottom: 0px;
        font-size: 15px;
        color: #fff;
        line-height: 26px;
    }
    .bs-con {
        max-width: 670px;
        margin-top: 20px;
    }
}
@media(max-width:1199px){
    a.nav-link {
        font-size: 16px;
        margin: 0 14px;
    } 
    .bs-con h4 {
        font-size: 54px;
        margin-bottom: 20px;
    }
    .bs-con span.tts {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .bs-con {
        max-width: 450px;
    }
    .bsc-btn {
        column-gap: 14px;
    }
    .slick-next, .slick-prev {
        width: 30px !important;
        height: 30px !important;
        background-size: 30px !important;
    }

}
@media(max-width:991px){
    .navbar-brand{
        padding-bottom: 15px;
    }
    div#navbarSupportedContent {
        background: transparent;
        padding: 11px 20px;
        margin: 0 -12px;
    }
    .main-header.sticky a.nav-link {
        padding: 0 !important;
    }
    .bs-con {
        max-width: 80%;
        width: 100%;
        margin-top: 20px;
    }
    a.nav-link {
        color: var(--primary-color);
        margin: 8px 0px;
        padding: 0;
        font-size: 15px;
    }
    .header-btn {
        margin: 4px 0 14px;
    }
 .main-header{
    padding: 0;
    background-color: #FFF !important;
 }
.bs-con h4 {
    font-size: 46px;
    margin-bottom: 20px;
}
.prod-details-cont-wrapper{
    margin-top: 30px;
     margin-bottom: 30px;
}

}

@media screen and (min-width:992px){
      nav.navbar {
    background-color: #FFF !important;
    }
    #header-dropdown .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  animation: none;
  pointer-events: none;
}
#header-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  animation: fadeInUpDropdown 0.3s ease forwards;
  pointer-events: auto;
}
#header-dropdown .dropdown-menu::before{
  content: '';
  position: absolute;
  top: 0;
  height: 3px;
  width: 100%;
  background-color: var(--secondary-color);
}
.ps-lg-30{
    padding-left: 30px;
}
.pe-lg-30{
    padding-right: 30px;
}
.TEnoEF {
    position: static;
    transition: all 0.3s ease;
}
.TEnoEF.scrolled {
    position: fixed;
    bottom: 30%;
}
.sm-fs li{
    font-size: 12px !important;
}

}


@media(max-width:767px){


}
@media screen and (min-width:576px) and (max-width:991px){
    .proddet-widget-wrap img {
    height: 400px !important;
    }
}
@media screen and (min-width:576px){
    .sm-slider-img{
        display: none !important;
    }
}
@media(max-width:575px){
     .sm-slider-img{
        display: block;
    }
    .lg-slider-img{
        display: none !important;
    }
    .ban-top-text{
        font-size: 14px !important;
    }
    .tp-head-cont-wrap i {
    font-size: 14px;
}
    .tp-head-cont-wrap span{
        font-size: 12px;
    }
    img.header-logo{
        max-width: 255px !important;
    }
    .site-title-tagline{
        font-size: 15px;
    }
    .site-title{
        font-size: 35px;
    }
    .cta-text h1{
        font-size: 35px;
    }
    .cta-border-btn{
        font-size: 20px;
    }
    .cta-text p{
        font-size: 14px;
    }
    .site-breadcrumb{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .site-breadcrumb .breadcrumb-title {
    font-size: 33px;
    }
    section.banner-section{
        margin-top: 0;
    }
    .bs-box img.hb-img {
    max-height: 500px !important;
    min-height: 500px !important;
   }
   .bs-box img.hb-img{
    object-position: 50% 50%;
   }
    .slick-next, .slick-prev {
        display: none !important;
    }
    .bs-con span.tts {
        font-size: 14px !important;
        margin-bottom: 4px;
    }
    .bs-con h4 {
        font-size: 31px;
        margin-bottom: 14px;
    }
    .bs-con {
        max-width: 450px;
        width: 100%;
        padding: 0 14px;
    }
    .bsc-btn {
        column-gap: 8px;
    }
    .slick-dots {
        bottom: -45px !important;
    }
    .widget-title{
        font-size: 17px !important;
    }
    .Cert-HiAG .ul-img, .Cert-HiAG .rohs-img {
    height: 30px !important;
   }
   .sip-ic img {
    max-height: 300px;
    object-fit: cover;
    min-height: 300px;
}
  
}

@media screen and (min-width:992px) and (max-width:1199px){
    .navbar-container{
        max-width: 100% !important;
    }
}

@media(min-width: 1399px){
.header-logo{
    max-width: 283px !important;
}
}