@media (max-width: 1440px) {
    .image-box {
        height: 450px !important;
    }
    /* PADDING */
    .envelop-box{
        padding: 80px;
    }
    .envelop-box.except {
        padding: 130px 80px 80px;
    }
    .wrap-footer {
        padding: 80px;
    }

    .slider-content {
        padding: 50px 0 0;
    }
    .guest-review {
        padding: 0 80px 80px;
    }
}
@media (max-width: 1440px) and  (max-height: 660px){
    #book-header {
        right: 0;
    }
}
@media (max-width: 1380px) {

    /* TEB */
    .roomtitle .owl-nav .owl-prev {
        left: -50px;
    }
    .roomtitle .owl-nav .owl-next {
        right:-50px;
    }
    #book-header {
        right: 0;
    }


}
@media (max-width: 1300px) {

    /* TEB */
    .roomtitle .owl-nav .owl-prev {
        left: 0;
    }
    .roomtitle .owl-nav .owl-next {
        right:0;
    }

    /* HEADER */

    .wrap-header .site-logo img {
        width: 120px;
    }
    .wrap-header .site-logo {
        padding: 16px 0;
    }
    .wrap-header .site-logo {
        padding: 23px 30px;
    }
    .wrap-header .navbar-nav a {
        font-size: 14px;
    }
    .wrap-scroll .navbar-nav > li {
        padding: 27px 0;
    }
    #book-header > a {
        padding: 34px 25px;
        color: #fff;
    }


}
@media (max-width: 1200px) {
    .title {
        display: block;
    }
    .roomtitle .owl-nav {
        z-index: 3;
    }

    /* HEADER */
    .wrap-header {
        padding: 0 30px;
    }

    .wrap-scroll {
        padding: 0;
    }
    .navbar-right {
        padding-right: 30px;
    }
    .wrap-scroll .navbar-right {
        padding-right: 0;
    }

        /* IBE */
    /*.reservation-box {*/
    /*    padding: 0 50px;*/
    /*}*/

    /* PAGE INFO */
    .content_child .col-xs-6 {
        padding: 0 15px;

    }
}
@media (max-width: 1130px) {
    .wrap-scroll .navbar-nav a {
        font-size: 14px;
    }
    .wrap-scroll .site-logo img {
        width: 160px;
    }
    #book-header > a {
        padding: 34px 15px !important;
    }
    .wrap-scroll .navbar-nav > li {
        padding: 26px 0;
    }
}
@media (max-width: 1038px) {
    /* HEADER */
    .wrap-header {
        padding: 0 20px;
    }

    .wrap-scroll {
        padding: 0;
    }
    .wrap-scroll .navbar-brand .site-logo {
        margin: 14px 20px;
    }
    .wrap-scroll .site-logo {
        padding: 12px 20px;
    }
    .wrap-header .navbar-nav a {
        font-size: 14px;
    }


}
@media (max-width: 1024px) {
    .image-box {
        height: 350px !important;
    }
    .reservation-box {
       padding: 0 30px;
    }
    .title {
        display: block;
    }

    .content-info {
        padding: 50px 0;
    }
    .guest-review img {
         width: auto;
    }

    /* HEADER */
    .wrap-scroll .site-logo img {
        width: 110px;
    }
    .wrap-scroll .site-logo {
        padding: 17px 20px;
    }
    #book-header {
        right: 0;
    }
    .nav > li > a {
        padding: 0 5px !important;
    }
    #book-header > a {
        padding: 34px 10px !important;
    }
    .wrap-scroll .navbar-nav > li {
        padding: 33px 0;
    }
    .wrap-header .site-logo {
        padding: 0;
    }
    .wrap-scroll .site-logo {
        padding: 25px 20px;
    }
    .navbar-right {
        padding-right: 0;
    }


    /* OWL */
    .roomimages .owl-nav {
        bottom: 0;
        top: 0;
    }
    .roomimages.owl-theme .owl-nav [class*=owl-] i {
        color: #fff;
    }

    /* PADDING */
    .wrap-footer {
        padding: 80px;
    }
    /* PADDING */
    .envelop-box , .envelop-box.envelop-icon{
        padding: 50px;
    }
    .wrap-best {
        padding: 0 50px;
    }

    .box-slider {
        padding: 0 50px 50px;
    }
    .guest-review {
        padding: 0 50px 50px;
    }

    .wrap-footer {
        padding: 50px;
    }
    .contact-footer .ui-telmail.margin15 span {
        display: block;
        padding: 6px;
    }
    .wrap-footer {
        font-size: 14px;
    }
}
@media (max-width: 1003px) {
    .nav > li > a {
        padding: 0 6px !important;
    }
    .wrap-scroll .navbar-nav > li {
        padding: 36px 0;
    }
    .navbar-nav a.active:before {
        top: -15px;
    }
    .wrap-header .site-logo img,.wrap-scroll .site-logo img {
        width: 130px;
    }
    .wrap-header .site-logo {
        padding: 17px 30px;
    }
    .wrap-scroll .site-logo {
        padding: 18px 30px;
    }

}
@media (max-width: 991px) {
    .certificate {
        bottom: 80px;
    }
    .envelop {
        display: flex;
    }
    .guest-review img {
        width: 100%;
    }

    /* PAGE INFO */
    .gallery .col-xs-4 {
        width: 50%;
    }

    /* HEADER */
    .reservation-box , .navbar {
        display: none !important;
    }
    .text-slider h1 {
        font-size: 40px;
    }
    .wrap-scroll .navbar-brand .site-logo {
        margin: 14px 20px;
    }
    .wrap-header {
        padding: 0;
    }
    .ui-style {
        display: block !important;
    }
    .menu-container ul {
        max-height: 600px;
        overflow: auto;
    }
    .menu-container a {
        font-size: 16px;
        padding: 6px 10px;
    }
    .menu-container .info-detail {
        padding-left: 25px;
    }
    .menu-container .nav_fixed {
        max-height: 500px;
        overflow: auto;
    }
    .ui-icon-plus {
        display: block;
    }
    .info-detail.active {
        display: block;
    }
    .menu-container a {
        color: #6c6c6c;
    }

    /* SLIDER */
    .text-slider {
        padding: 40px;
    }
    .slider-arrow a {
        margin: 0 25px;
    }
    .slider-arrow img {
        width: 35px;
    }

    /* TEB */
    .roomtitle .owl-item.active.center , .roomtitle .teb-title:hover{
         background: #f7f7f7;
     }
    .roomtitle .owl-nav .owl-prev {
        left: 35px;
    }
    .roomtitle .owl-nav .owl-next {
        right: 35px;
    }



    /* OWL */
    .slider-info.owl-carousel .owl-stage-outer {
        overflow: hidden;
    }
    .owl-theme .owl-nav {
        height: 250px;
    }

    /* IBE */
    .reservation-box-mobile {
        display: block !important;
    }

    /* PAGE INFO */
    .amenities .icon .detail-amenities{
        width: 50%;
    }
    .amenities .icon {
        display: block;
    }

    .content_child .col-xs-6 {
        padding: 0;
        width: 100%;
    }
    .content-info {
        height: auto;
    }
    .type-facilities .col-xs-6 {
        width: 100%;
    }
    .box-type {
        height: auto;
        padding: 25px 0 0 0;
    }
    .camera {
        bottom: 15px;
    }

    /* FOOTER */
    .copyright {
        margin-bottom: 50px;
    }
    .wrap-footer {
       display: inline-block;
        text-align: center;
    }
    .wrap-footer .col-xs-4 {
        padding: 15px;
        width: 100%;
    }
    .copy-right {
        margin-bottom: 25px;
    }
    .address h4 {
        margin-bottom: 15px;
    }

    .ui-social {

        text-align: center;
    }

}
@media (max-width: 768px) {
    /* CONTACT FROM */

    .contact-from .col-xs-6 , .sitemap .col-xs-6 , .envelop-box ul {
        width: 100%;
    }
    .wrap-footer .col-xs-4 {
        padding: 15px 0;
    }
    .contact-footer i {
        font-size: 16px;
    }
}
@media (max-width: 600px) {

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }
    .image-box , .box-slider iframe {
        height: 250px !important;
    }
    .slider-arrow a {
        margin: 0 10px;
    }


    /* SLIDE */
    .text-slider {
       display: none;
    }

    /* OWL */

    .roomtitle .teb-title {
        padding: 10px;
        font-size: 22px;
    }

    /* PADDING */
    .envelop-box , .envelop-box.envelop-icon{
        padding: 50px 25px;
    }

    .box-slider{
        padding: 0 25px 50px;
    }
    .wrap-footer {
        padding: 50px 25px;
    }
    .slider-content {
        padding: 25px 0 0;
    }
    .content-info {
        padding: 25px 0;
    }

    .content-info.location-box {
        padding: 0 0 25px;
    }
    .wrap-best {
        padding: 0 25px;
    }
    .guest-review {
        padding: 0 25px 25px;
    }

    .gallery .col-xs-4 {
        width: 100%;
    }
    .album-gallery {
        padding: 10px 15px;
    }
    .amenities .icon .detail-amenities{
        width: 100%;
    }
    .amenities img {
        width: 25px;
    }
    .icon-amenities {
        width: 50px;
        height: 50px;
        padding: 10px;
    }
    .btn-main {
        margin-top: 10px;
    }
    .sister-hotel .box-sister {
        padding: 50px 25px;
    }
    .sister-hotel .box-sister .icon-sis .innresidence {
        width: 140px !important;
    }
    .owl-theme .owl-nav {
        height: 160px;
    }
    .roomtitle .owl-nav i {
        color: #fff !important;
    }
    .certificate {
        bottom: 60px;
    }
    .certificate img {
        height: 60px;
    }
}
@media (max-width: 414px) {
    .wrap-header .site-logo img {
        width: 150px;
    }
    .ui-style {
        margin: 19px 30px;
    }
    .menu-container a {
        font-size: 18px;
    }

    .text-slider {
        z-index: 6;
    }
    .owl-theme .owl-nav .owl-next , .owl-theme .owl-nav .owl-prev {
        margin: 0 15px;
    }
    .roomtitle .owl-nav .owl-next {
        right: 15px;
    }
    .roomtitle .owl-nav .owl-prev {
        left: 15px;
    }
    .menu-container ul {
        max-height: 400px;
        overflow: auto;
    }
    .wrap-header .site-logo {
        padding: 3px 30px;
    }
    .wrap-scroll .site-logo {
        padding: 18px 30px;
    }

}
@media (max-width: 320px) {
    .slider-arrow a {
        margin: 0 10px;
    }
    .menu-container a {
        font-size: 14px;
        padding: 6px;
    }
    .text-slider h1 {
        font-size: 18px;
    }
    .menu-container .nav_fixed {
        max-height: 350px;
        overflow: auto;
    }

}