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

    #container {
        padding: 20px 15px;
    }

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

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

    .banner-hotline {
        display: none;
    }
}

@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-product {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

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

    .box-product: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,
    .right,
    #menu {
        display: none;
    }

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

    .logo {
        position: static;
        padding: 0;
        margin-right: 15px;
    }

    .banner {
        padding: 0;
        flex: 1;
        margin-left: 10px;
    }

    #menu-mobile {
        display: block;
    }

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

    .left {
        width: 100%;
    }

    .slideshow-left,
    .list-menu {
        display: none;
    }

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

    .slideshow-right-right {
        margin-top: 20px;
    }

    .mySwiper2 {
        height: unset;
    }

    .branch-container-map:after,
    .branch-container-fix {
        display: none;
    }
}

@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-product {
        width: 32%;
        margin: 0px 2% 20px 0px;
    }

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

    .box-product: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) {

    /* .btn-zalo,.btn-phone,#messages-facebook{display:none;} */
    .flex-banner {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .banner,
    .logob {
        margin: 0px;
        width: 100%;
        flex: unset
    }

    .banner {
        display: none;
    }

    .fix-toolbar {
        display: block;
    }

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

    .content img {
        height: inherit !important
    }

    .logo {
        position: static;
        margin-right: 10px;
        height: auto;
    }

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

    .footer-1,
    .footer-2,
    .footer-3,
    .footer-4 {
        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
    }

    .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;
    }

    .content-tabs-pro-detail img,
    .content-news img {
        width: auto !important;
        height: auto !important;
    }

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

    #product,
    #accessory,
    #producthot,
    #feedback-fanpage {
        padding: 25px 0px;
    }

    .feedback-fanpage-left,
    .feedback-fanpage-right {
        width: 100%;
    }

    .feedback-fanpage-left {
        margin-bottom: 25px;
    }

    #product-new {
        padding: 30px 0px;
    }

    .productlistSwiper {
        height: 700px;
    }

    #product .productlisthot {
        padding: 25px;
    }

    #productlisthot,
    #product {
        padding-bottom: 30px;
    }

    #partner {
        padding: 30px 0px;
    }

    .branch-content {
        background-color: #f4f4f4;
        border-radius: 5px;
        padding: 10px;
        margin-top: 20px;
    }

    .branch-content-info {
        position: relative;
        bottom: unset;
        left: unset;
        max-width: unset;
    }

    .branch-content-list {
        position: relative;
        left: unset;
        bottom: unset;
        order: -1;
        margin-bottom: 15px;
        margin-left: -5px;
    }

    #branch {
        padding-bottom: 30px;
    }
}

@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-product {
        width: 49%;
        margin: 0px 2% 15px 0px;
    }

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

    .box-product: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: 49%;
        margin: 0px 2% 10px 0px;
    }

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

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

    .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;
    }
}

@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;
    }
}