/* Laptop */
@media (max-width: 1200px) {

}

/* Tablet ngang */
@media (max-width: 992px) {
    .box-title{
        flex-wrap: wrap;
    }
    .btn-tablist{width: 100%;}
    .title-list span{font-size: 18px;}
    .title-list::after{border-bottom: none;}
    .grid-products {
        grid-template-columns: repeat(3, 1fr);
    }
    .wrap-about .wrap-content{
        flex-wrap: wrap;
    }
    .left-about {
        width: 100%;
    }
    .right-about {
        width: 100%;
        margin-top: 20px;
    }
    .menu{
        display: none;
    }
    .menu-res{display: block;}
    .hotline-header, .box-social-nav{display: none !important;}
    .box-main-news{
        display: none;
    }
    .box-vt {flex-wrap: wrap;}
    .box-tt{width: 100%;}
    .box-video{width: 100%;}
    .footer-copyright{width: 100%;text-align: center;}
    .logo-header{margin: 0px auto;}
    .xemthem .call{font-size: 14px;}
}
/* Tablet dọc */
@media (max-width: 768px) {
    .title-main span{font-size: 20px;}
    .footer-news{width: 100% !important;margin-bottom: 20px;}
    .name-congtrinh {
        font-size: 14px;
        font-weight: 500;
    }
    .grid-products {
        grid-template-columns: repeat(2, 1fr);
    }
    .list-congtrinh {
        grid-template-columns: repeat(2, 1fr);
    }
    .title-prolist span {
        color: #0457b4;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 10px 20px;
        border-radius: 4px;
        border: 1px solid #0457b4;
        position: relative;
    }
}
/* Mobile lớn */
@media (max-width: 576px) {
        .title-list span {
        font-size: 14px;
    }

}
/* Mobile thông thường */
@media (max-width: 480px) {

}


@media (max-width: 320px) {

}