@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-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:1180px) {
    .logo-intro {
        display: none;
    }
}

@media (max-width:991px) {

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

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

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

    .banner {
        padding: 0;
    }

    #menu-mobile {
        display: block;
    }

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

    .left {
        width: 100%;
    }

    .menu-width {
        display: none;
    }

    .center-menuthucpham {
        justify-content: center;
    }

    #product {
        padding: 10px 0px;
    }

    .booking-form {
        margin: 0px;
        padding-top: 45px;
    }

    .menu-btn {
        display: none;
    }

    .search {
        display: none;
    }

    .footer-container-list {
        width: calc(100% / 3);
    }
}

@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) {
    .menu-top {
        display: none;
    }

    .logo-thucpham img {
        max-height: 100px;
    }

    .newsletter-about {
        width: 100%;
        padding-right: 0;
        padding-bottom: 15px;
    }

    .form-newsletter-thucpham {
        width: 100%;
    }

    .menutop-flex {
        flex-wrap: wrap;
    }

    .menutop-item {
        width: 100%;
        padding: 0;
    }

    .menu-thucpham {
        padding: 10px 0;
    }

    .bannerPage {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .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-right: 10px;
        height: auto;
    }

    #footer {
        padding-bottom: 45px;
    }

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

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

    .intro-content {
        width: 100%;
        padding: 15px 0px;
    }

    .intro-desc {
        text-align: center;
        padding-top: 10px;
        width: 100%;
    }

    .intro-desc>a {
        justify-content: center;
    }

    .intro-content:nth-child(2) .intro-desc {
        order: 1;
    }

    #intro {
        width: 100%;
        height: 100%;
        flex-wrap: wrap;
        padding: 0px;
    }

    .footer-intro {
        position: relative;
    }

    .footer-content-intro {
        width: 100%;
        text-align: center;
    }

    .intro-image {
        margin: 0 auto;
        padding: 0px;
        height: 291px;
        width: 291px;
    }

    .intro-content:nth-child(1) {
        padding-top: 0px;
    }

    .intro-container {
        padding: 15px 0px;
    }

    .product-items,
    .booking-col {
        width: calc(100% / 2);
        padding: 5px
    }

    .news-left,
    .news-right,
    .news-hot-image,
    .news-hot-desc {
        width: 100%;
    }

    .news-hot-desc>a {
        margin-top: 15px;
    }

    .news-hot-desc {
        padding: 10px 0px;
    }

    #news,
    #benefit-food,
    #benefit,
    #newsletter {
        padding: 30px 0px;
    }

    .menu-fly-right {
        display: none;
    }

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

    .menu-fly {
        justify-content: center;
    }

    .input-newsletter {
        flex: unset;
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-container-list {
        width: calc(100% / 2);
    }

    .booking-container-select-location {
        max-width: 100%;
        left: 0px;
    }

    .booking-col:nth-child(1) .booking-input-select,
    .booking-col:nth-child(2) .booking-input-select {
        position: unset;
    }

    .dtc-tabs-list li {
        width: 100%;
    }

    .dtc-tabs-list ul {
        max-height: 350px;
        overflow-y: auto;
    }

    .booking-input-select-den .booking-container-select-location {
        left: unset;
        right: 0px;
    }

    .dtc-flight-search-none {
        display: none !important;
    }
}

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

    .newsletter-container {
        padding: 4%;
    }

    .booking-col {
        width: 100%;
    }

    .footer-container-list {
        width: calc(100% / 1);
    }

    .booking-container-select-location {
        max-width: 100%;
    }

    .booking-col-mobie {
        display: block;
    }

    .booking-input-computer {
        display: none;
    }
}

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