@media screen and (max-width: 1440px){
    
}

@media screen and (max-width: 1366px){
    .ast-separate-container #content .ast-container, .ast-separate-container #primary, .ast-separate-container #secondary{padding:0 !important;margin:0 !important}
}

@media screen and (max-width: 1280px){
    header .eael-simple-menu-container.preset-1 .eael-simple-menu li>a{font-size: 18px;}
    .blog-site-contain{margin: 40px auto; padding: 0 16px;}
    .custom-shop-container{padding: 0 30px;}
    .single-product-wrapper{padding: 0 30px;}
    .single-product-buy{max-width: calc(100% - 60px);}
}

@media screen and (max-width: 1024px){
    .h-slider .elementor-image-carousel-wrapper:after{background-size: 80%;}
    .h-certificate-swiper .swiper-slide img{height: auto;}
    .h-certificate-swiper:after{display: none;}
    .h-product-btn{display: none;}
    .h-hoptac-contain{padding-left: 16px;min-height: auto;}
    .mySwiper-hoptac .swiper-slide{ flex-basis: unset; }
    .mySwiper-hoptac .swiper-slide-active {flex-basis: unset;}
    .mySwiper-hoptac .swiper-slide-active .h-hoptac-box{ border:1px solid #FFD7D8; border-radius: 200px 200px 24px 24px; -webkit-border-radius: 200px 200px 24px 24px; -moz-border-radius: 200px 200px 24px 24px; -ms-border-radius: 200px 200px 24px 24px; -o-border-radius: 200px 200px 24px 24px; padding:24px; padding-bottom: 6px; box-shadow: none;}
    .mySwiper-hoptac .swiper-slide-active .h-hoptac-box h3{color:#262626; font-size: 18px; font-weight: 700; margin-bottom: 0; text-align: center; margin-top:0px; padding:10px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s;opacity: 1;}
    .mySwiper-hoptac .swiper-slide-active .h-hoptac-subname{opacity: 0;}
    .h-hoptac-subname{display: none !important;}
    .ehf-header #masthead{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
    .banner-info-detail{padding:0 16px;}
    .category-detail-banner{height: 350px;}
    .banner-info h1 { font-size: 36px; }
    .casestudies-detail-left{display: none;}
    .casestudies-detail-right{width: 100%;}
    .casestudies-detail-content{padding:40px 16px;}
    .popup-wrapper{overflow: auto;}
    .custom-shop-container{padding: 0 16px;margin: 40px auto;}
    .single-product-wrapper { padding: 0 16px; }
    .single-product-buy{max-width: calc(100% - 32px);}
    .footer-social{transform: scale(0.7); right: -15px; bottom: -40px;}
}


@media screen and (max-width: 900px){
    .single-product-dacdiem-box{flex-direction: column;padding-bottom: 30px;}
    .single-product-dacdiem-content { width: 100%; padding: 30px; }
    .single-product-dacdiem-box:nth-child(even) { flex-direction: column; }
    .single-product-dacdiem-content h3 { text-align: center; }
    
}


@media screen and (max-width: 767px){
    .h-customer-box{ width: calc(100% / 2 - 20px);}
    .h-customer-photo{top: 0px; left: 0; padding: 12px 16px !important; width: 100%; height: 100%;}
    .h-customer-photo img{ width: 100%;height:100%; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
    .custom-product-item{width: calc(100% / 2 - 15px);}
    .custom-product-item .product-title a{font-size: 20px;}
    .single-product-boxIntro{flex-direction: column-reverse;}
    .single-product-boxIntro-content { width: 100%; padding-left: 0; }
    .single-product-boxIntro img { width: 100%; }
    .single-product-buy{font-size: 30px;}
    .single-product-tabs span{margin: 0 15px;font-size: 14px;}
}


@media screen and (max-width: 600px){
    .h-kiemdinh-title{background-size: contain;}
    .h-productTop-wrapper{flex-direction: column;}
    .h-productTop-box, .h-productTop-box:nth-child(2){width: 100%;}
    .h-productTop-box:nth-child(2) h3 { font-size: 18px; }
    .h-customer-photo img{ border-radius:32px ; -webkit-border-radius:32px ; -moz-border-radius:32px ; -ms-border-radius:32px ; -o-border-radius:32px ; }
    .h-customer-photo{padding: 12px !important;}
    .h-customer-icon{transform: scale(0.8);}
    .h-customer-box:after{background-size: 72%;}
    .form-km-wrapper{width:100%;}
    #toggle-mobile-menu-btn svg{width: 30px !important;height: 30px !important;}
    .mobile-menu-items a{font-size: 16px !important;}
    .banner-info h1 { font-size: 32px; }
    .blog-info h3 a{font-size: 16px;}
    .blog-excerpt{font-size: 13px;}
    .category-detail-banner { height: 300px; }
    .popup-title{font-size:26px;}
    .popup-content{width: calc(100% - 32px);margin: auto;}
    .popup-content{padding:16px;}
    .single-product-s-title span{font-size: 24px;}
    .casestudies-detail-title h1{font-size: 24px;width: 100%;}
    .casestudies-detail-title{flex-direction: column; justify-content: start; align-items: start;}
}


@media screen and (max-width: 550px){
   .h-certificate-swiper .swiper-slide h3{font-size: 16px;}
   .form-contact-item >p{font-size:12px;}
   .form-contact-largeTitle{font-size: 17px;}
   .form-contact-fileLabel{min-height: 40px;}
   .form-contact-wrapper{gap:12px;}
}

@media screen and (max-width: 500px){
    .h-customer-photo img{ border-radius:23px ; -webkit-border-radius:23px ; -moz-border-radius:23px ; -ms-border-radius:23px ; -o-border-radius:23px ; }
    .form-km-container{width: 100%;}
    .form-km-submit .wpcf7-spinner{right: 5px;}
    .custom-product-item{width:100%;}
    .single-product-buy { font-size: 22px; min-height: 50px; }
    .single-product-tabs{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .form-contact-boxSub .form-contact-item { width: 100%; }
    .form-contact-boxSub { display: flex ; gap: 12px; flex-wrap: wrap; }
    .h-customer-icon{transform: scale(0.6);}
}
@media screen and (max-width: 450px){
    .blog-site-box{flex-direction: column;}
    .blog-img{width: 100%;}
    .blog-info{width: 100%;}
    .single-product-dacdiem-box{padding-bottom: 0;}
    .single-product-tabs span{font-size: 13px; line-height: 140%;}
}

@media screen and (max-width: 400px){
    .h-customer-photo img{ border-radius:14px ; -webkit-border-radius:14px ; -moz-border-radius:14px ; -ms-border-radius:14px ; -o-border-radius:14px ; }
}