@media (min-width:1200px) {}

@media (max-width:1199px) {
    #search {
        right: 15px;
    }

    #container {
        padding: 20px 15px;
    }

    .box-dt {
        max-width: 95%;
    }

    .box-tintuc {
        max-width: 95%;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .box-sp {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

    .box-sp:nth-child(3n) {
        margin-right: 0;
    }

    .box-sp:nth-child(3n+1) {
        clear: both;
    }

    .box-album {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

    .box-album:nth-child(3n) {
        margin-right: 0;
    }

    .box-album:nth-child(3n+1) {
        clear: both;
    }

    .box-video {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

    .box-video:nth-child(3n) {
        margin-right: 0;
    }

    .box-video:nth-child(3n+1) {
        clear: both;
    }

    .footer-1 {
        width: 35%;
        margin: 0px;
    }

    .footer-2 {
        width: calc(35% - 20px);
        margin: 0 0 0 20px;
    }

    .footer-3 {
        width: calc(30% - 20px);
        margin: 0 0 0 20px;
    }
}

@media (max-width:991px) {

    #header,
    .banner-ab,
    #menu,
    .right {
        display: none;
    }

    #banner .center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo {
        position: static;
        padding: 0;
        margin: auto;
    }

    .banner {
        padding: 0;
    }

    #menu-mobile {
        display: block;
    }

    #smenu a {
        font-family: RM;
        color: #fff;
        font-size: 16px;
        margin-left: 5px;
    }

    .left {
        width: 100%;
    }

    .box-product {
        width: calc(100% / 4);
    }

    .box-product1 {
        width: calc(100% / 4);
    }

    #banner {
        display: block;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 11;
    }

    #tieuchi {
        padding: 30px 0
    }

    .slogan {
        width: 75%;
        text-align: center !important;
        margin: auto !important;
    }

    #cacdongxe {
        padding: 30px 0;
    }

    .huongdan {
        margin: 0 -12px;
    }

    .box-hd {
        padding: 0 12px;
    }

    .img-hd img {
        max-width: 100%;
    }

    #chungtoi {
        background: #000;
        padding: 30px 0;
        margin: 0;
    }

    .newshome-normal .desc-newshome {
        display: none;
    }

    .newshome-normal {
        width: 50%;
    }

    .bg-hotline {
        display: block;
        padding: 32px;
    }

    .title-hot {
        margin: 0;
        text-align: center;
    }

    .huongdan::before {
        display: none;
    }

    #huongdan {
        padding: 40px 0;
    }

    .click-cap1sp:last-child::before {
        display: none;
    }

    #khachhang::after {
        display: none;
    }

    .khachhang {
        display: block;
        padding: 0;
    }

    .load-map {
        width: 100%;
    }

    .title-map {
        width: 100%;
    }

    .spden {
        margin: -5px -10px;
    }

    .click-cap1sp {
        padding: 5px 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .box-sp {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

    .box-sp:nth-child(3n) {
        margin-right: 0;
    }

    .box-sp:nth-child(3n+1) {
        clear: both;
    }

    .box-album {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

    .box-album:nth-child(3n) {
        margin-right: 0;
    }

    .box-album:nth-child(3n+1) {
        clear: both;
    }

    .box-video {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

    .box-video:nth-child(3n) {
        margin-right: 0;
    }

    .box-video:nth-child(3n+1) {
        clear: both;
    }

    .footer-1 {
        width: 100%;
        float: none;
        margin: 0 0 15px;
    }

    .footer-2 {
        width: 350px;
        float: left;
    }

    .footer-3 {
        width: 350px;
        float: right;
    }
}

@media (max-width:767px) {
    .spden {
        max-width: 100%;
        overflow: auto;
        white-space: nowrap;
    }

    .btn-zalo,
    .btn-phone,
    #messages-facebook {
        display: none;
    }

    .fix-toolbar {
        display: block;
    }

    .content iframe {
        width: 100% !important;
        height: 45vh;
    }

    .content img {
        height: inherit !important
    }

    .logo {
        position: static;
        margin: auto;
        height: auto;
    }

    #footer {
        padding-bottom: 45px;
    }

    .footer-top {
        padding-bottom: 0;
    }

    .footer-1,
    .footer-2,
    .footer-3 {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .copyright,
    .statistic {
        width: 100%;
    }

    .statistic span {
        margin: 0 5px;
    }

    .ft-b .center>div {
        width: 100%;
    }

    .top-contact .article-contact {
        width: 100%;
        margin-bottom: 20px;
    }

    .form-contact {
        width: 100%;
    }

    #top .center>div {
        width: 100%;
    }

    #top #breadcrumb {
        margin-bottom: 0
    }

    .box-news {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

    .pic-news {
        width: 35%;
    }

    .bottom-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .bottom-right:not(.onApp) {
        width: 100%;
    }

    .tintuc-l {
        width: 100%;
        margin-bottom: 20px;
    }

    .tintuc-r {
        width: 100%;
    }

    .left-pro-detail {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .right-pro-detail {
        float: none;
        width: 100%;
    }

    .grid-thuvienanh {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 22vh);
    }

    .box-thuvienanh .box-thuvienanh-content {
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    .box-product {
        width: calc(100% / 3);
    }

    .box-product1 {
        width: calc(100% / 3);
    }

    .san-pham {
        display: block;
    }

    .spden {
        padding: 20px 0 0;
    }

    .box-ch {
        width: calc(100% / 1);
    }

    .newshome-normal .info-newshome-normal {
        padding: 10px;
    }

    .newshome-normal.newshome-normal-two .info-newshome-normal {
        padding-left: 35px;
    }

    .prev-news {
        left: 0px;
    }

    .next-news {
        right: 0px;
    }

    .title-tt {
        display: block;
        text-align: center;
    }

    .newshome-normal .name-newshome {
        margin: 0px;
        font-size: 13px;
    }

    .hot-bg {
        justify-content: center;
        padding: 20px 0 0
    }

    h3.name-product1 a {
        font-size: 13px;
    }

    a.btn-product1 {
        font-size: 12px;
    }

    .content-product1 {
        padding: 5px;
    }

    .content-product11 {
        padding: 10px;
    }
}

@media (max-width:600px) {

    .product-total-right,
    .product-total-left {
        width: 100%;
    }

    .product-total-left {
        margin-bottom: 25px;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .box-sp {
        width: 49%;
        margin: 0px 2% 15px 0px;
    }

    .box-sp:nth-child(2n) {
        margin-right: 0;
    }

    .box-sp:nth-child(2n+1) {
        clear: both;
    }

    .box-album {
        width: 49%;
        margin: 0px 2% 15px 0px;
    }

    .box-album:nth-child(2n) {
        margin-right: 0;
    }

    .box-album:nth-child(2n+1) {
        clear: both;
    }

    .box-video {
        width: 49%;
        margin: 0px 2% 15px 0px;
    }

    .box-video:nth-child(2n) {
        margin-right: 0;
    }

    .box-video:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width:480px) {
    .box-sp {
        width: 49%;
        margin: 0px 2% 10px 0px;
    }

    .box-sp:nth-child(2n) {
        margin-right: 0;
    }

    .box-sp:nth-child(2n+1) {
        clear: both;
    }

    .box-product {
        width: calc(100% / 2);
    }

    .box-product1 {
        width: calc(100% / 2);
    }

    .box-album {
        width: 49%;
        margin: 0px 2% 10px 0px;
    }

    .box-album:nth-child(2n) {
        margin-right: 0;
    }

    .box-album:nth-child(2n+1) {
        clear: both;
    }

    .box-video {
        width: 49%;
        margin: 0px 2% 10px 0px;
    }

    .box-video:nth-child(2n) {
        margin-right: 0;
    }

    .box-video:nth-child(2n+1) {
        clear: both;
    }

    .pic-tc {
        padding: 63px 20px 54px;
    }

    .hotline-1 {
        padding: 33px 20px;
    }

    .click-map {
        width: calc(100% / 2);
    }
}

@media (max-width:374px) {

    .lh-con-l,
    .lh-con-r {
        width: 100%;
        float: none;
        margin: 0px;
        padding: 0px;
    }

    .lh-con-r {
        margin-bottom: 10px;
    }

    .box-sp {
        width: 90%;
        margin: 0px 5% 10px;
        float: none;
    }

    .box-product {
        width: 90%;
        margin: 0px 5% 10px;
        float: none;
    }

    .box-album {
        width: 90%;
        margin: 0px 5% 10px;
        float: none;
    }

    .box-video {
        width: 90%;
        margin: 0px 5% 10px;
        float: none;
    }
}