@media only screen and (max-width: 1842px) {
    .banner-thang .box-thumbnail .text {
        width: 76%;
        top: 60%;
    }
}

@media only screen and (max-width: 1440px) {
    .banner-thang .box-thumbnail .text h3 {
        font-size: 40px;
    }
    .banner-thang .box-thumbnail .text p {
        margin-bottom: 15px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 1376px) {
    .menu ul.nav>li>a {
        font-size: 16px;
    }
    .slide .item .text {
        top: 40%;
        transform: translateY(-40%);
    }
    .about-us .things {
        transform: translateY(-10%);
    }
    .footer ul li a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    .quy-trinhs .things .img {
        width: 100%;
    }
}

@media only screen and (max-width: 1365px) {
    .banner-thang .box-thumbnail .text h3 {
        font-size: 40px;
    }
    .banner-thang .box-thumbnail .text p {
        margin-bottom: 15px;
        font-size: 22px;
    }
}

@media only screen and (min-width: 1366px) {
    .container {
        max-width: 1600px;
        padding: 0 95px;
    }
}

@media only screen and (max-width: 1200px) {
    .title h3 {
        font-size: 25px;
    }
    .title p {
        font-size: 20px;
    }
    #header {
        display: none;
    }
    #hd-mobile {
        display: flex;
        align-items: center;
    }
    .banner-thang .box-thumbnail .text h3 {
        font-size: 38px;
        letter-spacing: 6px;
    }
    #wrapper {
        margin-top: 60px;
    }
    .header-top {
        display: none;
    }
}

@media only screen and (max-width: 1047px) {
    .about-us .things {
        transform: translateY(-5%);
    }
    .about-us .things {
        width: 80%;
    }
    .banner-thang .box-thumbnail .text p {
        font-size: 24px;
    }
    .slide .item .text h3 {
        font-size: 40px;
    }
    .slide .item .text span {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .slide .item .text p {
        font-size: 20px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .chung-toi .col-lg-4{
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    
    .product .d-flex .flex1 ul li {
        font-size: 18px;
    }
    .product .d-flex p {
        font-size: 18px;
    }
    .banner-thang .box-thumbnail .text {
        top: 50%;
    }
    .xt-s {
        width: max-content !important;
    }
    .quy-trinh .left {
        padding: 15px;
    }
    .quy-trinh .left .w90 {
        width: 100%;
    }
    .imgsumale {
        right: 15px;
        bottom: 70px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .footer .col-lg-6 {
        display: block !important;
    }
    .footer .mt30 {
        margin-top: 0px !important;
    }
    .footer .mt10 img {
        width: 80px;
    }
    .footer .col-lg-6 .flex-fill {
        display: inline-block;
        margin: 0 5px;
    }
    .title h3 {
        margin: 10px auto;
    }
    .title p {
        margin: 10px auto;
    }
    .title h3 {
        font-size: 20px;
    }
    .title p {
        font-size: 18px;
        width: 100%;
    }
    .title .w70 {
        width: 100%;
    }
    .title .w80 {
        width: 100%;
    }
    .news .things {
        padding: 15px;
        transform: translateY(0%);
    }
    .news .col-lg-4 .w50 {
        width: 100%;
    }
    .banner-thang .box-thumbnail .text {
        width: 100% !important;
    }
    .quy-trinhs .things .img {
        width: auto;
        height: auto;
        margin: auto;
    }
    .quy-trinhs768 .things p {
        font-size: 20px;
    }
    .quy-trinhs768 .things .img {
        width: auto;
        height: auto;
        margin: auto;
    }
    .slide .item .text {
        display: none;
    }
    .quy-trinhs .col-lg-4 {
        padding: 20px 15px;
    }
    .header-top {
        display: none;
    }
    .news h3 {
        font-size: 20px;
    }
    .about-us .nha-may {
        padding: 15px;
    }
    .about-us .tn-sm {
        background-color: #F2F2F2;
        padding: 10px 0px;
    }
    .chung-toi {
        margin: 20px 0;
    }
    .quy-trinhs {
        padding: 20px 0;
    }
    .tinkhac .title h3 {
        font-size: 20px;
    }
    .thu-mua {
        padding: 20px 0;
        padding-bottom: 50px;
    }
    .product .title h3 {
        font-size: 20px;
    }
    .thu-mua .text {
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }
    .product h4 {
        font-size: 20px;
    }
    .quy-trinh {
        padding: 20px 0;
    }
    .tin-tuc h3 {
        font-size: 20px;
    }
    .tin-tuc p {
        font-size: 17px;
    }
    .chung-toi .text h3 {
        font-size: 20px;
    }
    .chung-toi .text p {
        font-size: 17px;
    }
    .xt {
        font-size: 16px;
    }
    .col-lg-4 {
        padding-bottom: 15px;
    }
    .newss .content {
        background-color: #fff;
        padding: 15px;
        position: inherit;
    }
    .newss .content h3 {
        font-size: 23px;
    }
    .newss .content h5 {
        font-size: 16px;
    }
    .s768 {
        width: 100%;
    }
    .about-us .things {
        width: 100%;
        transform: translateY(0%);
        padding: 15px 0;
        position: inherit;
    }
    .about-us .vcts {
        padding: 15px;
    }
    .about-us .sd-tc img {
        width: 100%;
        margin: auto;
    }
    .quy-trinhs768 h3 {
        font-size: 20px;
    }
    .quy-trinhs768 {
        display: block !important;
    }
    .quy-trinhs {
        display: none;
    }
    .banner-thang .box-thumbnail .text h5 {
        font-size: 15px !important;
    }
    .banner-thang .box-thumbnail .text h3 {
        font-size: 22px !important;
    }
    .banner-thang .box-thumbnail .text p {
        font-size: 18px !important;
    }
    .banner-thang .box-thumbnail .text {
        width: 100% !important;
        padding: 0 5px;
    }
    .banner-thang .box-thumbnail {
        padding-top: 80% !important;
    }
    .about-us .vanhoa .s768 {
        padding: 30px 0px;
    }
    .about-us .nha-may h3 {
        margin-bottom: 30px;
        font-size: 30px;
    }
    .about-us .nha-may p {
        font-size: 20px;
    }
    .about-us .vcts h3 {
        font-size: 30px;
    }
    .about-us .vcts p {
        font-size: 20px;
    }
}

@media screen and (max-width: 425px) {
    .banner-thang .box-thumbnail {
        padding-top: 100% !important;
    }
    .banner-thang .box-thumbnail .text h5 {
        font-size: 15px !important;
    }
    .banner-thang .box-thumbnail .text h3 {
        font-size: 20px !important;
    }
    .banner-thang .box-thumbnail .text p {
        font-size: 15px !important;
    }
    .banner-thang .box-thumbnail .text {
        width: 100% !important;
        padding: 0 5px;
    }
    .product .d-flex .w-25 {
        width: 50% !important;
    }
    .product .d-flex .w30 {
        width: 50% !important;
    }
}