
/* REPONSIVE */

@media(max-width:1300px) { } 
@media(max-width:1001px){
 .banner-header, .hotline-header ,.address-header, .header-top, .intro-R::after, .intro-R::before, .btn-modal, .search-header, .popup-header { display: none !important; } 
.header .header-bottom .wrap-content { justify-content: center; padding: 5px 0; } 
.toolbar, .btn-social { display: block; } 
.search p { width: 40px; } 
.search input { width: calc(100% - 40px); padding: 0; } 
.header .header-bottom .wrap-content .col-lg-10 { display: none; } 
 }
@media(max-width:850px){
 .wrap-crit .wrap-content { padding: 20px 15px; margin-top: 0; } 
 .column-res { flex-direction: column-reverse; } 
 .main-certi, .flex-res { flex-wrap: wrap; } 
 .certi-L, .certi-R, .footer-news { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px !important; } 
 .items-crit { position: unset; } 
 .box-crit { width: 49%; margin: 10px 0; } 
 .certi-L { margin-right: 0 !important; } 
 .certi-R { margin-right: 0 !important; width: 100%; } 
 .certi-R .slick-slide { text-align: center !important; } 
 .wrap-argency .wrap-content { margin: auto 0; } 
 .title-list { width: 100%; border-radius: 0; margin-bottom: 10px; } 
 .title-product-cat, .title-product-list li { margin-top: 10px; } 
 .py36 { padding: 30px 0; } 
 .br-bottom { border: none; } 
 .title-product-cat li .active { border: 1px solid #8a8a8a; } 
 .title-product-list li .active { border: 1px solid #8a8a8a; } 
 .footer { background: var(--color-main); } 
 .logo-footer { margin: 0 auto; } 
 }
@media(max-width:769px) { } 
@media(max-width:550px){
 .logo-header { display: block; text-align: center; } 
 .box-crit:nth-child(2), .box-crit:nth-child(4) { justify-content: center !important; flex-direction: column-reverse !important; } 
 .image-crit { margin: 0 !important; width: 60px;height: 60px; } 
 .name-crit .text-split {font-size: 14px;}
 .desc-crit .text-split{font-size: 13px;}
 .wrap-crit { background-size: cover; } 
 .certi-R .slick-slide { margin-right: 10px; } 
 .wrap-argency { height: 350px; } 
 .title-product-list li a { padding: 10px !important; } 
 .title-product-cat li a { padding: 10px !important; } 
 .name-ft { font-size: 30px; } 

 .left-pro-detail{width: 100%;margin-bottom: 20px;flex-direction: column-reverse;flex-wrap: wrap;}
 .slick-photo2{width: 100%;margin: 10px 0 0 0 ;}
 .slick-photo1{width: 100%; max-height: unset;}
 .right-pro-detail{width: 100%;}
 .thumb-pro-detail{margin: 0 5px;}
 .map_frame{height: unset;}
 .box-crit{flex-wrap: wrap;flex-direction: column-reverse;}
 .content-crit { width: 100%; margin-top: 10px; text-align: center !important;} 
 .one-items{margin-bottom: 10px;}
 .wrap-argency{height: auto;}
 .wrap-argency .title-main span{font-size: 20px;}
 .items-argency{width: 150px;height: 130px;    margin: 0 auto 10px auto;}
 .content-argency{padding: 0;}
 }
@media(max-width:440px){
 .name-ft { font-size: 25px; margin: 15px 0 0 0; } 
 .title-list span { font-size: 20px; } 
 .box-argency { width: 50%; margin: auto 0; } 
 .items-argency { width: 100%; } 
 .wrap-argency { height: auto;  } 
 .footer-article .wrap-content{padding: 30px 15px;}
 .footer-social .wrap-content{padding-bottom: 30px;}
 .footer-copyright {font-size: 12px;}
 .product-all .name-product a{font-size: 13px;}
 .title-main span {font-size: 25px;}
 }
@media(max-width:391px) {
    .name-service a{font-size: 14px;}
    .name-ft{font-size: 20px;}
 }
@media(max-width:369px) {
    .name-crit .text-split{font-size: 13px;}
    .desc-crit .text-split {font-size: 12px;}
    .box-crit{margin: 5px 0;}
    .wrap-crit .wrap-content{padding: 0 15px;}
 } 
@media(max-width:360px) { 
    .product{padding: 5px 5px 0 5px;}
    .desc-product{font-size: 12px;}
    .title-main span {font-size: 20px;}
} 