@media only screen and (max-width:1199px) {
    .wrap-content { padding: 0px 10px; }
    .section-6 .main:before, .section-6 .main:after, .section-3 .grid:before { display: none !important; }
}
@media only screen and (max-width:991px) {
    .scrollToTop, #messages-facebook, .btn-frame, .menu, .footer-social .main:before, .footer-social .main:after { display: none !important; }
    .btn-booking{ display:block !important; bottom:170px }
    .menu-res { display: block; }
    .contact-input { margin-bottom: 15px; }
    .cart-fixed { bottom: 220px; }
    .cart-pro-detail { width: 100%; margin-top: 10px; }
    .header { position: fixed; top: 0px; left: 0px; right: 0px; box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.3); z-index: 999; padding: 5px 0px; }
    .header-logo { zoom: 0.58; }
    .othernews { position: initial; }
    .left-account { display: none; }
    .right-account { width: 100%; }
    .grid-pro-detail .left-pro-detail { width: 100%; text-align: center; margin-bottom: 30px; }
    .grid-pro-detail .right-pro-detail { width: 100%; }
    .contact-detail { flex-direction: column-reverse; }
    .left-contact-detail { width: unset; }
    .right-contact-detail { width: unset; margin-bottom: 30px; }
    .left-content-detail { width: 100%; margin-bottom: 20px; }
    .right-content-detail { width: 100%; }
    .row-contact { justify-content: center; }
    .contact-item { width: 100%; margin: 5px; }
    .contact-item span { word-break: break-all; }
    .news-left { width: 100%; margin-bottom: 30px; }
    .news-right { width: 100%; }
    .footer { padding: 32px 0 100px; background: var(--color-main); }
}
@media only screen and (max-width:767px) {
    .left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
    .🐷 { margin-top: 32px; }
    .section-2 .about .center .title h2, .title-main h2, .section-7 .title h2 { font-size: 26px; }
    .title-main p, .section-7 .title p { font-size: 14px; }
    .service-info { padding: 20px 8px; }
    .service-view { font-size: 14px; padding: 5px 10px; }
    .service-name a { height: 50px; }
    .title-team { gap: 8px; }
    .title-team span { font-size: 14px; padding: 5px 8px; }
    .section-6 .main { padding: 32px 10px; background: var(--color-main); border-radius: 10px; }
    .section-6 .main .title h2 { font-size: 26px; }
}
@media only screen and (max-width:575px) {
    .box-readmore { width: calc(100% - 5px); }
    .cart-pro-detail { flex-wrap: wrap; gap: 10px; }
    .cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; }
    .cart-pro-detail a:first-child { margin-bottom: 5px !important; }
    .item-register > label{ width: 100%; text-align:left; }
    .item-register .w100{ width: 100% }
    .item-register .w50{ width: calc((100% - 10px)/2) }
    #form-class{ padding:15px }
    .box-checkbox > label{ width: calc((100% - 20px) / 2); }
}