@media screen and (max-width:576px){
    /* Modal map */
    .modal-frame .frame{
        max-width: calc(100% - 15px);
    }
    /* End Modal map */
}
@media screen and (max-width:768px){
    *{
        font-size: 12px;
    }

    /* Modal search */
    #modal-search .content{
        width: 100%;
    }
    /* End Modal Search */

    /* Modal map */
    .modal-frame .frame{
        max-width: 600px;
    }
    /* End Modal map */

    /* Header*/
    .chaychu .top{
        font-size: 16px;
        -webkit-text-stroke: 0.2px #ccc;
    }
    /* End Header */

    /* Article*/
    .article{flex-direction: column;gap: 10px;}
    .article .thumb,.article .content{width:100%;}
    /* End Article */

    /* Index */
    .about .sup-title.vline,.sup-title.vline{margin-top: 30px}
    .sup-title.vline::after{height: 30px;}
    .thongtin h3 {font-size: 16px;}
    .thongtin {flex-wrap: wrap;text-align: center;}
    .thongtin .thumb,.thongtin .content{width:100%;}
    .thongtin h3::after{left:50%;transform: translateX(-50%)}
    .room .content .label{font-size:13px;}
    .area-feedback,section.area-congtrinh,.area-room,.area-thienduong,
    .area-video,.area-label-booking,.area-thongtin
    {padding:20px 0px;}

    
    .owl-carousel.in-number .numb-dot{
        font-size:13px;
        width: 16px;
        height: 16px;
    }
    .area-partner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .feedback{
        gap: 10px;
        padding: 30px;
        flex-wrap: wrap;
    }

    .borderline::before, .borderline::after {    
        width: 100px;
        height: 50px;     
    }
    .box-booking>div{width:100% !important;}
    .box-booking{gap:10px;padding:15px;}
    .partner-left{padding:15px;}
    section.area-product{padding:20px 0px;}
    .area-about{padding:20px 0px;}
    .booking-form a.submit_form{height: 40px;}
    .booking-form input{height: 40px;}
    .info-box{margin-top:20px;padding:20px 0px;}
    .slogan-box{padding:20px 0;}
    .congtrinh .label h3{font-size:12px;}
    a.view.more{font-size:12px;}
    .sup-title {font-size: 12px;}
    /* End Index */

    /* Product */
    .pro .price{flex-direction: column;gap: 0;justify-content: center;align-items:flex-start;}
    .pro .label{font-size:13px;}
    .pro .price p.new,.pro .price p.old{font-size:13px;}
    /* Product */


    /*Mucluc*/
    .toc-wrapper {
        max-width:100%;
    }
    /*End Mucluc*/

    /* Tool PC */
    .tool-pc{display:none}
    /* End Tool PC */

    /* Tool mobi */
    .menu-bottom {
        display: flex;
    }
    /* End Tool mobi */


    /* title*/
    .title h1,.title h2,.title h3,.title h4,.title h5,.title h6{font-size:16px !important;}
    .title.line-through{display:flex;justify-content: center;text-align:center;}
    .title.upline h2{padding-top: 15px;}
    /* End title */

    /* Liên hệ */
   .lienhe .left,.lienhe .right{padding:15px;}
    /* End liên hệ */

    /* Copy */
    .area-copy {
        padding: 10px 0px 80px 0px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .box-copy{
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
    /* End Copy */

    /* Box */
    .box.line-white{padding-bottom: 20px;}
    /* End box */

    /*footer*/
    .area-footer{}
    a.logo-footer { justify-content: center;}
    ul.list.list-footer li a{font-size: 12px;}
    .title-footer span{font-size:14px;font-weight: 600;}
    ul.info li .icon{font-size:18px;}
    ul.info li{flex-wrap: wrap;text-align: center;}
    ul.info li .icon,ul.info li .content{width:100%;}
    ul.info li .content p{font-size:10px;}
    ul.info li .icon i {
        font-size: 18px;
    }
    /*End footer*/

    /* Content */
    .descript table{
        width: 100% !important;
    }
    /* Content */
}
@media screen and (max-width:1024px){
    /* Modal map */
    .modal-frame .frame{
        max-width: 800px;
    }
    /* End Modal map */
}

@media screen and (max-width:1200){
    
}

@media screen and (min-width:1440px){

}