@media screen and (max-width: 1699px){
    header .lang-bar {
        position: absolute;
        margin: -30px 0 0 calc((100% - 890px)) !important;}
}
@media screen and (max-width: 1670px) and (min-width: 1521px){
    header #head-book {width: 235px;}
    header .lang-bar {margin: -30px 0 0 calc((100% - 746px)) !important;}
    #head-right .btn-more {
        padding: 0 75px 0 30px;
    }
}
@media screen and (max-width: 1520px) and (min-width: 1440px){
    header #head-book {width: 158px;}
    header .lang-bar {margin: -30px 0 0 calc((100% - 669px)) !important;}
    header nav {margin-left: -3%;}
    #head-right .btn-more {
        padding: 0 25px 0 17px;
    }
}
@media screen and (max-width: 1440px) and (min-width: 1281px){
    header .lang-bar {margin: -30px 0 0 calc((100% - 669px)) !important;}
    .wrap-inner {
        width: 1200px;
    }
    /*==========================================
    Group
    ==========================================*/
    .less-form .row{
        width: 80%;
    }
}
@media screen and (max-width: 1440px) and (min-width: 1025px){
    /*==========================================
    popUpRoom
    ==========================================*/
    /*#popUpRoom-slider{width:500px;}*/
    /*.popUpRoom .fl-left {width: 47.9%;}*/
}
/*==========================================
Small Screen
==========================================*/
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .wrap-inner {
        width: 1000px; }

    .col-lg-1 {
        width: 8.3333%; }

    .col-lg-2 {
        width: 16.6666%; }

    .col-lg-3 {
        width: 25%; }

    .col-lg-4 {
        width: 33.3333%; }

    .col-lg-5 {
        width: 41.6666%; }

    .col-lg-6 {
        width: 50%; }

    .col-lg-7 {
        width: 58.3333%; }

    .col-lg-8 {
        width: 66.6666%; }

    .col-lg-9 {
        width: 75%; }

    .col-lg-10 {
        width: 83.3333%; }

    .col-lg-11 {
        width: 91.66667%; }

    .col-lg-12 {
        width: 100%; }

    .list-lg-i2 > li {
        width: 48%; }
    .list-lg-i2 > li:nth-child(2n) {
        margin-right: 0; }

    .list-lg-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-lg-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-lg-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-lg-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-lg-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-lg-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-lg-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-lg-i6 > li:nth-child(6n) {
        margin-right: 0; } 

    /*==========================================
    popUpRoom
    ==========================================*/
    /*.popUpRoom .fl-left {margin-right: 30px;}*/
    .popUpRoom-right{width: 45%;}
}

/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .wrap-inner {
        width: 748px; }

    .col-md-1 {
        width: 8.3333%; }

    .col-md-2 {
        width: 16.6666%; }

    .col-md-3 {
        width: 25%; }

    .col-md-4 {
        width: 33.3333%; }

    .col-md-5 {
        width: 41.6666%; }

    .col-md-6 {
        width: 50%; }

    .col-md-7 {
        width: 58.3333%; }

    .col-md-8 {
        width: 66.6666%; }

    .col-md-9 {
        width: 75%; }

    .col-md-10 {
        width: 83.3333%; }

    .col-md-11 {
        width: 91.66667%; }

    .col-md-12 {
        width: 100%; }

    .list-md-i2 > li {
        width: 48%; }
    .list-md-i2 > li:nth-child(even) {
        float: right; }

    .list-md-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-md-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-md-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-md-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-md-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-md-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-md-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-md-i6 > li:nth-child(6n) {
        margin-right: 0; } 

    /*==========================================
    Group
    ==========================================*/  
    .less-form .table-tr > div select {
        padding: 0;
        margin: 0 2px 0 -2px;
    }


}
@media screen and (max-width: 1024px) and (min-width: 600px) {
    /*==========================================
    Index
    ==========================================*/
    .widgetHotelsForm .horizontal-widget a.submit_link {
        top: -12px !important;
    }
    .CloudBedsWidget .widgetHotelsForm .acessa_widget_block{margin-right:0px !important;}
    #banner-booking .checking-box p {padding-top: 4px;}
    #banner-location{left: 0;}
}
@media screen and (max-width: 1600px) {
    /*==========================================
    Index
    ==========================================*/
    #banner-location .title:after {
        top: 22px;
    }
}
@media screen and (max-width: 1550px) {
    /*==========================================
    Group
    ==========================================*/
    .mfp-content{
        width:100%!important;
    }
}
@media screen and (max-width: 1440px) {
    /*==========================================
    Index
    ==========================================*/
    header nav {margin-left: -9%;}
    header #head-book {width: 158px;}
    .main-logo{
        /*        width: 254px;
                margin-top: 15px;*/
        margin-left: -60px;
    }
    #head-right .btn-more {
        padding: 0 25px 0 17px;
    }
    /*==========================================
    popUpRoom
    ==========================================*/
    /*#popUpRoom-slider{width:500px;}*/
    /*==========================================
    Footer
    ==========================================*/
    footer #footer-right {width: 160px;}
}
@media screen and (max-width: 1400px) {
    /*==========================================
    Index
    ==========================================*/
    header nav {margin-left: -7%;}
    #banner-location .title:after {top: 20px;}
    #banner-booking .checking-box ul input {height: 24px;}
    #banner-booking .checking-box .btn-booking {height: 24px;margin-top: 20px;}
    /*==========================================
    popUpRoom
    ==========================================*/
    /*.mfp-close {right: 4%;}*/
    /*==========================================
    Group
    ==========================================*/
    .less-form .row{
        width: 80%;
    }
    /*==========================================
    Footer
    ==========================================*/
    footer #footer-nav {width: calc(100% - 160px);}
    footer #footer-nav > li {margin-right: 60px;}
    footer #footer-nav > li .footer-sub {width: 108px;}
    footer #footer-right {width: 160px;}
}

@media screen and (max-width: 1280px) {
    /*==========================================
    Index
    ==========================================*/
    header .lang-bar {margin: -30px 0 0 calc((100% - 669px)) !important;}
    header nav {margin-left: -10%;}
    #banner-location .title:after {top: 18px;}
    /*==========================================
    Header
    ==========================================*/
    header #head-right {margin-right: -20px;}

    /*==========================================
    popUpRoom
    ==========================================*/
    /*#popUpRoom-slider{width:500px;}*/
    .product-item img{max-width: 240px;}

    /*==========================================
    Promotion
    ==========================================*/
    .promotionImg{
        background-position: center;
    }
    .promotion .columns, .promotion-content{width:100%;}
    /*==========================================
    Group
    ==========================================*/
    .less-form .row{
        width: 100%;
    }
}
@media screen and (max-width: 1279px) {
    /*==========================================
    Header
    ==========================================*/
    header .lang-bar {margin: -30px 0 0 calc((100% - 669px)) !important;}
    .main-logo {
        /*width: 215px;margin-top: 15px;*/
        width: 300px;margin-top: 10px;
        margin-left: -65px;}
    header nav {margin-left: -18%;}
    header nav > div {margin-left: 15px;}
    header #head-right {margin-right: -66px;}
    header .lang-bar {margin-left: 0;}
}
@media screen and (max-width: 1150px) {
    /*==========================================
    Header
    ==========================================*/
    header nav {margin-left: -23%;}
}
@media screen and (max-width: 1080px) {
    /*==========================================
    Header
    ==========================================*/
    header nav {margin-left: -29%;}
}
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {
    .wrap-inner, .wrap {padding: 0 10px;}
    .tablet-show, .tablet-block {display: block; }
    .tablet-hide {display: none; }
    header {height: 60px; }
    header .wrap {width: 100%;padding: 0 20px; }
    header #head-left, header #head-right {
        /*display: none;*/ 
    }
    .moveLeft{transform: translate(-100%);transition: 0.6s;-webkit-transition: 0.6s;}
    header #head-right{position: fixed;top: 60px;
                       /*right: -300px;*/
                       right:0;
                       transform: translate(100%);
                       margin-right: 0;width: 100%;height: calc(100%);background-color: #003466;transition: 0.6s;-webkit-transition: 0.6s;margin-top: 0;}
    #head-right .btn-more {
        padding: 0 100px 0 30px;
        width: 100%;
    }
    #head-right.show{
        /*right:0;*/
        transform: translate(0px);
    }

    header .lang-bar{margin: -65px -15px 0 0px !important;position: relative;width: 100%;}
    header #head-book {
        width: calc((100% - 30px));
        margin-top: 40px;
        margin-left: 15px;
        /*width: calc((100% - 170px));margin-left: 104px;*/
        float: left;
    }
    header .main-logo {
        margin-top: 10px/*5px*/;
        width: 200px;
        margin-left: calc((100% - 200px)/2)/*0*/;}
    header nav {
        position: relative;
        width: 100%;
        background-color: #003466;
        height: calc(100%);
        margin: 0; }
    header nav > div {margin-left:0;padding-bottom: 0;width: 100%;}
    header nav > div > a {
        display: block;
        padding: 0 30px 0 15px;
        font-size: 20px;
        line-height: 48px;
    }
    header nav > div:nth-child(1) > a{padding: 30px 30px 0 15px;}
    header nav > div .nav-sub {
        width: calc(100% - 30px);/*257px;*/
        margin: 0 15px;
        position: relative; 
        top: 0;
    }
    header nav > div:hover .nav-sub {
        display: none;
    }
    header nav > div .nav-sub.show {display: block;}
    .header-cover, .top-nav{display: none;}
    .page-container {margin-top: 60px; } 
    .basic-heading {
        padding-top: 0; 
        padding-bottom: 20px;
    }
    /*==========================================
    Index
    ==========================================*/
    #home h1, .undoreset h1 {font-size: 38px;}
    #banner-location .title:after {top: 15px;}
    #banner-location.show{background-color: rgba(255,255,255,0.8)}
    #banner-location.show .pop-content {padding-bottom: 3%;}
    #banner-booking {position: inherit;right: 0;top: 101%;margin: 0 10px;background-color: rgba(0, 52, 102, 1);}
    #banner-booking h2 {font-size: 14px;line-height: 17px;margin-bottom: -5px;}
    #banner {margin-bottom: 115px;}
    #banner-booking .checking-box {background-color:  rgba(255, 255, 255, 1);}
    #banner-booking .checking-box p {float: left;margin: 3px 10px 0 0;font-size: 18px;}
    #banner-booking .checking-box ul input {float: left;width: 70%;height: 24px;}
    #banner-booking .checking-box .btn-booking {height: 22px;margin-top: 1px;font-size: 18px;margin-left: 70%;}
    #banner-booking .checking-box ul li {/*width: calc(100%/3);margin-right: calc(200vw / 19.2);*/width: calc(100%/2.4);margin-right: 0;}
    #banner-booking .checking-box ul li:nth-last-child(1) {width: 10%;}
    .home-article .text{padding-right: 0;}
    #home-menu li.item-i2 .btn-more {bottom: 20px;left: 13px;}
    #home-room ul li {
        float: none;
        width: 100%;}
    /*==========================================
    popUpRoom
    ==========================================*/
    /*.mfp-close {right: 5%;}*/
    .popUpRoom .fl-left{width: 100%;}
    .popUpRoom .fl-left:last-child {width: 100%;margin-top: 30px;}
    .popup-more-product .item-i1, .popup-more-product .item-i1:nth-child(2), .popup-more-product .item-i1:nth-last-child {width: 33%;/*46%;*/float: left; /*right;*/}

    /*==========================================
        Promotion
    ==========================================*/
    .promotionImg {height: unset;}
    /*==========================================
        Promotion Detail
    ==========================================*/
    .promotionDetail-left {margin: 0;float: none;width: 100%;}
    .promotionDetail-right{margin: 30px 0 0 0;float: none;width: 100%;}
    .promotionDetail-title , .promotionDetail-available-at{color:#000 !important;}
    /*.popup-more-product .more-product-menu {display: flow-root;}*/
    .popup-more-product .item-i1{margin: 0;}
    .product-item img {max-width: 160px;}
    .promotionDetail-banner {min-height: 240px !important;}
    /*==========================================
    Group
    ==========================================*/  
    /*    #group h2 {font-size: 22px;}*/
    .group-left , .group-right{width:100%;float: none;}
    .group-right{margin-top: 20px;}
    #less-form-title { margin: 0; }
    .less-form-div{width: 100%;}
    .less-form .btn-more {padding: 5px 70px 5px 20px;}

    /*==========================================
    Footer
    ==========================================*/
    footer #footer-nav {height: unset;}
    footer #footer-nav > li {margin-right: 60px;float: none;width: 100%;padding-bottom: 20px;}
    footer #footer-nav > li .footer-sub {position: unset;overflow: hidden;width: 100%;}
    footer #footer-nav > li .footer-sub > li{float: left;width: 50%;padding-bottom: 10px;}

}
/*==========================================
NOT Tablet
==========================================*/
@media screen and (min-width: 1024px) {
    .desktop-show {
        display: block !important; } }
/*==========================================
Small Tablet
==========================================*/
@media screen and (max-width: 768px) {
    .line{width: 0;}
    #back-top {right: 10px;bottom:20px;}
    .wrap-inner, .wrap {width: 100%;}

    .tablet-show, .tablet-block, .mobile-show, .mobile-block {
        display: block; }

    .tablet-hide, .mobile-hide {
        display: none; }

    h1, .undoreset h1 {
        font-size: 40px;
        line-height: 48px;
        margin: 0; }

    h2, .undoreset h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0; }

    h3, .undoreset h3 {
        font-size: 18px;
        line-height: 30px;
        margin: 0; }

    p, .undoreset p {
        font-size: 15px;
        line-height: 24px;
        margin: 0; }

    .col-sm-1 {
        width: 8.3333%; }

    .col-sm-2 {
        width: 16.6666%; }

    .col-sm-3 {
        width: 25%; }

    .col-sm-4 {
        width: 33.3333%; }

    .col-sm-5 {
        width: 41.6666%; }

    .col-sm-6 {
        width: 50%; }

    .col-sm-7 {
        width: 58.3333%; }

    .col-sm-8 {
        width: 66.6666%; }

    .col-sm-9 {
        width: 75%; }

    .col-sm-10 {
        width: 83.3333%; }

    .col-sm-11 {
        width: 91.66667%; }

    .col-sm-12 {
        width: 100%; }

    .list-sm-i1 > li {
        width: 100%;
        margin-right: 0; }

    .list-sm-i2 > li {
        width: 48%;
        margin-right: 4%; }
    .list-sm-i2 > li:nth-child(even) {
        float: right; }
    .list-sm-i2.list-lg-i3 > li:nth-child(3n) {
        margin-right: 4%; }
    .list-sm-i2.list-lg-i3 > li:nth-child(2n) {
        margin-right: 0%; }

    .list-sm-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-sm-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-sm-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-sm-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
        margin-right: 0; }

    .list-sm-i2 > li {
        width: 48%; }
    .list-sm-i2 > li:nth-child(2n) {
        margin-right: 0; }

    .list-sm-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-sm-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-sm-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-sm-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
        margin-right: 0; } 
    /*==========================================
    Index
    ==========================================*/
    #banner-location .title:after {top: 12px;}
    #banner-booking .checking-box p {margin: 3px 4px 0 0;font-size: 15px;}
    /*#banner-booking h2 {line-height: 12px;}*/
    #banner-street-view {left: 580px;}
    /*==========================================
    popUpRoom
    ==========================================*/
    /*.mfp-close {right: 7%;}*/  
    .popUpRoom .fl-left {margin-right: 0px;}
    #popUpRoom-slider {width: 728px;}
    .popup-more-product .more-product-menu {grid-auto-flow: unset;}
    .popup-more-product .item-i1{width:100% !important;margin-bottom: 40px;}
    .popup-more-product .item-i1:nth-last-child(1) {margin:0;}
    .popup-more-product .item-i2{width:100% !important;}
    .product-item img {max-width: 355px;}
    .product-item span {width: 120%;height: 1px;position: relative;overflow: hidden;margin: 30px 0 -10px -10%;}
    /*==========================================
            Promotion Detail
    ==========================================*/  
    .promotion-item-img {width: 100%;float: none;}
    .promotion-item-detail {width: 95%;float: none;padding-left: 0;margin: 10px auto;}
    #promotion .btn-more {width: 100%;}
    /*==========================================
            Promotion Detail
    ==========================================*/
    .hero__content {margin-top: 30px;}
    #promotionDetail h1 a {font-size: 65px;background-position: 0px 60px;}
    /*==========================================
    Group
    ==========================================*/  
    .group-form .table-tr > div {width: 100%;float: none;}
    .group-form .table-tr > div:nth-of-type(2){float:none;}
    .less-form .row{width: 100%;display: inherit;text-align: center;}
    .less-form-div{margin-bottom: 20px !important;}
    #less-form-title{width: 100%;float:none;}
    .less-form .table-tr{width:100%;}
    .less-form .table-tr > div {float:none;}
    /*    #group h2 {font-size: 22px;}*/

    /*==========================================
    Contact Us
    ==========================================*/
    .contactus-form .table-tr > div {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
        float: none;
    }
    .contactus-form .table-tr > div:nth-of-type(2) {
        float: none;
    }
}
@media screen and (max-width: 767px) {
    /*==========================================
    index
    ==========================================*/
    #banner-location{z-index: 2;}
    #banner-street-view {
        /*left: 24px;*/
        left: 3%;
        margin-bottom: 50px;
    }
    /*==========================================
    popUpRoom
    ==========================================*/
    #popUpRoom-slider {width: 731px;}
    .popUpRoom-list{float: none;width: 100%;padding-right: 0;}
    /*.popUpRoom .fl-left {width:99.9%;}*/
}
@media screen and (max-width: 700px) {
    /*==========================================
    index
    ==========================================*/
    #home-room ul li {
        float: none;
        width: 100%;}
    #home-menu li.item-i2{width:100%;}
}
@media screen and (max-width: 599px) {
    /*==========================================
    Index
    ==========================================*/
    #banner-location .title:after {top: 10px;}
    #banner-location.show .pop-content {padding-bottom: 3%;}
    #banner-booking .checking-box .btn-booking {margin-left: 50%;}
    #banner-booking .checking-box ul input {width: 95%;}
    #banner-booking .checking-box p {float: none;margin: 0px 0px 0 0;}
    #banner-booking .checking-box ul li:nth-last-child(1) {margin-top: 15px;}
}
@media screen and (max-width: 550px) {
    /*==========================================
    Footer
    ==========================================*/
    footer #footer-nav {width: 100%;}
    footer #footer-right {overflow: hidden;width: 100%;float: none;padding: 0 0 50px;}
}
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 480px) {
    header .main-logo{margin-left: calc((100% - 260px)/2); }
    #logo-icon{max-width: 130%;}
    #footer-bottom img{float: left;width: 48%;margin: 0 1% !important;}
    #footer-bottom img:nth-child(1){margin: 2% 1% !important;}
    /*==========================================
    index
    ==========================================*/
    #banner-location{width: 285px;height: 45px;}
    #banner-location .title p {margin-left: 30px;margin-top: -20px;width: 90%;}
    #banner-location.show .pop-content {/*padding-top: 25px;*/padding-bottom: 12%;}
    #banner-booking .checking-box .btn-booking {margin-top: 0px;margin-left: 20%;}
    #home-menu li.item-i3 {width: 100%;}
    #home-menu li.item-i2 {width: 100%;}

    /*.btn-more {font-size: 15px;padding: 0px 25px 0 15px;}*/
    /*#banner-booking .checking-box ul li {margin-right: calc(190vw / 19.2);}*/
    .home-article{padding: 20px 0;}
    .home-article .white-box ul li {width: 100%;}
    .list-xs-i1 > li {
        width: 100%;
        margin-right: 0%; } 
    .mobile-icon {right: -35px;}
    /*==========================================
    popUpRoom
    ==========================================*/
    /*.mfp-close {right: 8%;}*/
    .popUpRoom .btn-more {
        padding: 0 140px 0 30px;
        /*margin-left: calc((100% - 304px)/2);*/
    }
    .popup-more-product .item-i2{padding: 25px 0;}

    /*==========================================
    Group
    ==========================================*/
    #group h2 {font-size: 20px;}
    .group-form .table-tr > div input, .group-form .table-tr > div select, .less-form .table-tr > div select, .contactus-form .table-tr > div input, .contactus-form .table-tr > div select {padding: 0 10px;}
    .group-form .table-tr > div textarea, .contactus-form .table-tr > div textarea {padding: 10px;}
    .less-form .btn-more {width: 100%;}

    /*==========================================
    Contact Us
    ==========================================*/
    .q-and-a-info li a.questions, .answer p{font-size: 14px;}
    .mdl-checkbox__label {font-size: 14px;line-height: 20px;}
}
@media screen and (max-width: 470px) {
    /*==========================================
    index
    ==========================================*/
    .widgetHotelsForm .horizontal-widget a.submit_link {top: 5px !important;}
    #banner {
        margin-bottom: 140px;
    }
    /*==========================================
    promotion
    ==========================================*/
    .promotion-item-img{padding-right: unset;}
    .promotion-item-detail{width: 100%;}
    /*==========================================
    promotion Detail
    ==========================================*/
    #promotionDetail h1 a {font-size: 63px;}
}
@media screen and (max-width: 375px) {
    /*==========================================
    popUpRoom
    ==========================================*/
    /*.mfp-close {right: 9%;}*/
}
@media screen and (max-width: 374px) {
    #banner {
        margin-bottom: 180px;
    }
}
/*# sourceMappingURL=responsive.css.map */