@media (max-width: 1024px) {    
    /* static */ 
    .pad-top {padding-top: 2rem;}
    .pad-bottom {padding-bottom: 2rem;}
    .mg-top {margin-top: 2rem;}
    .mg-bottom {margin-bottom: 2rem;} 
    .breadCrumbs .wrap-content {background: var(--color-border);}
    .contact-input{margin-bottom: 15px;}
    .flex-cus,.row-video, .row-20 {margin-left: -5px;margin-right: -5px;}
    .mg-cus,.mg-video, .col-20 {padding-left: 5px;padding-right: 5px;}
    .content-text img {height: auto !important;}   
    .title-detail-main {font-size: 20px;} 
    .title-contact span{font-size: 20px;}
    /* menu */
    .menu,.product-tool a span,.js-facebook-messenger-box,.btn-frame,.search-pc,.scrollToTop,.quick_contact {display: none;}
    .menu-res,.toolbar {display: block;}
 
    /* sản phẩm */
    .btn-product{font-size: 10px;text-transform: capitalize;gap: 3px;font-weight: 400; width: -webkit-calc(50% - 3px / 2); width: -moz-calc(50% - 3px / 2); width: calc(50% - 3px / 2);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
    .btn-product span, 
    .btn-product.cart-buy span::after, 
    .btn-product.cart-add span::after,  
    .hover3:hover .btn-product.cart-buy span::after,
    .btn-product.cart-buy:hover span::after,
    .hover3:hover .btn-product.cart-add span::after,
    .btn-product.cart-add:hover span::after{width: 15px;height: 15px;}
 
    .category-drop-inside,.category-drop {width: 100%;}
    .category-drop__inner{height: unset !important;display: block;}
    .category-drop__name {color: black;}
    
    /* .category-drop-inside,.category-drop {width: 200px;}
    .category-drop-inside{top: 60px;} */
    
    .bglistproduct {width: 100%;}
    .title-inside-category span {font-size: 14px;}

    .slick_video_nav {width: 70%;}

    .slideshow:not(.has-category) {width: 100%;}

    .title-inside-category{padding: 5px 10px;gap:5px;}

    
}

@media (max-width: 992px) {
	.othernews{position: initial;} 
    .time-news {display: none;}
    .copyright,.statistic {width: 100%;text-align: center;}    
}

@media (max-width: 768px) {  
    /* static */
    .title-main{margin-bottom: 1rem;}
    .title-main span{font-size: 28px;} 
    .padding50{padding: 30px 0;}
    .title-main .slogan{width: 100%;font-size: 13px;}

    /* header */
    .head_top { padding: 5px 0px;}

    /* tiêu chí */
    #counter{font-size: 30px;}
    /* tin tức */
    .pic-news {width: 40%;}
	.info-news{width: 60%;padding-left: 10px;}
	.name-news{font-size: 15px;}  
 
    .news-shadow{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;}
    .news-shadow-image {width: 100%;}
    .news-shadow-info { padding: 0px;padding-top: 10px; background: unset;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
    .news-shadow:hover .news-shadow-info{-webkit-box-shadow: unset;-moz-box-shadow: unset;box-shadow: unset;}
    
    .w-contact .wrap-content {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .bgform, .banner-static{width: 100%;}

    /* công trình */
    .project-name{font-size: 16px;}
    .project-desc{font-size: 14px;font-weight: 300;}

    /* dịch vụ */
    .service-info {margin: 5px;margin-bottom: 0;}
    .service-name{font-weight: 500;font-size: 13px;-webkit-line-clamp: 1;margin-bottom: 5px;}
    .service-desc,.btn-service{font-weight: 300;font-size: 13px;-webkit-line-clamp: 5;margin-bottom: 5px;}
    .service-item:hover .service-box { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);height: -webkit-calc(100% - 10px);height: -moz-calc(100% - 10px);height: calc(100% - 10px);bottom: 5px;left: 5px; }


    /* quy trình */
    .bgactProcess{display: none;}
    .bgactProcessMobi{display: block;}
    .actProcess-item {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .actProcess-name { font-size: 14px;font-weight: 500;}
    .actProcess-desc { font-size: 13px;font-weight: 300;}
    .actProcess-item::before{width: 79px;height: 25px;right: -50px;top: 20%;background:  url(../images/muiten.png) no-repeat !important;}

    
    /* sản phẩm */
    .price-new,.price-product{font-size: 14px;}   
    .left-pro-detail,.right-pro-detail {width: 100%;margin: 0px;}
    .left-pro-detail, .top-contact .article-contact {margin-bottom: 30px;}
    .info-product {padding: 10px 5px;}
    .btn-product {font-size: 9px;}
    .cats-owl.list-hot {width: 90%;margin-bottom: 20px;}
    
    /* album ảnh */
    .grid-album {grid-template-columns: repeat(6, 1fr);gap: 10px;}

    /* footer */
    .mgb-res, .mb-res, .footer-news{margin-bottom: 1rem;}

    /* video */
    .slick_video_nav {width: 90%;margin-top: -50px;}
    .slick_video_nav .slick-slide {padding: 0 5px;}

    /* giới thiệu */
    .info-aboutus {padding: 30px 50px 100px;}
    .slide-aboutus {width: 90%;}
    .title-aboutus h3{font-size: 28px;}

}

@media (max-width: 576px) {
    /* static */
	.toast-cus{left: 5px;width: -webkit-calc(100% - 10px);width: -moz-calc(100% - 10px);width: calc(100% - 10px);}
    .box-readmore {width: -webkit-calc(100% - 5px);width: -moz-calc(100% - 5px);width: calc(100% - 5px);} 
    .top-contact .form-contact .button-contact .file-contact span b {max-width: 105px;} 
    .toolbar .count-cart { right: 0px;width: 15px;height: 15px;line-height: 15px;}
    
 
    .bgcarousel .owl-dots{display: none;}

    .title-main{margin-bottom: 1rem;}
    .title-main span,.title-aboutus .lqd,.title-aboutus h3,.title-form span{font-size: 23px;}
    .criteria-name{font-size: 14px;}

    /* head */
    .hotline-mail{display: none;}
    .head_top {padding: 2px 0px;}
    .head_top marquee{font-size: 15px;}


    /* sản phẩm */
    .price-new,.price-product{font-size: 14px;}
    .cart-pro-detail{-webkit-box-flex: unset;-webkit-flex: unset;-moz-box-flex: unset;-ms-flex: unset;flex: unset;width: 100%;margin-left:0;margin-top: 5px;}
    .name-product {font-size: 13px; margin-bottom: 3px; font-weight: 500;}
   

    .actProcess-decor {padding: 30px;background: url(../images/decor.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}

    /* .category-drop-inside,.category-drop {display: none;}     */
    .bglistproduct{width: 100%;}

    /* tin tức */
    .news-shadow-name {line-height: 1.25;margin-bottom: 3px;font-size: 13px;font-weight: 500;}
    .news-shadow-desc {color: var(--color-gray);font-size: 13px;font-weight: 300;}
    /* album ảnh */
    .grid-album {display: none;}
    .mobi-album{display: block;}

    /* video */
    .slick_video_nav {width: 100%;margin-top: -10px;}
    .slick_video_nav .slick-slide {padding: 0px 3px;}
    .video .video-image:before {width: 40px;height: 25px;top: -webkit-calc(50% - 20px / 2);top: -moz-calc(50% - 20px / 2);top: calc(50% - 20px / 2);left: -webkit-calc(50% - 25px);left: -moz-calc(50% - 25px);left: calc(50% - 25px);background-repeat: no-repeat;background-image: url(../images/play.png);-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
    /* feedback */
    .feedback_item{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .feedback_info{text-align: center;}

    /* giới thiệu */
    .info-aboutus {padding: 0; background: unset; }
    .slide-aboutus {width: 100%; margin-top: 0px;}
    /* công trình */
    .project-info{padding: 8px;}
    .project-name {font-size: 14px;font-weight: 500;margin-bottom: 5px;}
    .project-desc {font-size: 12px;}

    /* đăng ký nhận tin */
    .bgform {padding: 10px;}

    /* tiêu chí */
    .criteria-image{margin-bottom: 0.5rem;}

    /* footer */
    .name-company{/* font-size: 27px; */} 

}