.booknow-mobile {
    display: none;
}
@media (max-width: 1200px) {
    .section1, .section3, .section4 {
        padding: 100px;
    }
    .gallery {
        padding: 0 100px;
    }
}
@media (max-width: 1130px) {
    .detail-box.no-bg {
        height: auto;
    }
}
@media (max-width: 991px) {
    .col-xs-4 ,.col-xs-6 {
        width: 100%;
    }
    .detail-box ,.detail-box.accom{
        height: auto;
    }
    .text_slide {
        width: 70%;
        height: 400px;
    }
    .detail {
        width: 100%;
    }
    .detail-box.no-bg {
        height: 300px;
    }
    ul.navigation {
        width: 100%;
        padding: 0;
    }
    #menu .box-menu {
        overflow: scroll;
        max-height: 100%;
    }
    #menu .box-menu .menu .content-menu .contact-menu {
        margin-bottom: 30px;
    }
    #menu .box-menu .menu .content-menu {

        padding: 100px 200px;
    }
    .box-reservation {
        padding: 200px 100px;
    }
    .detail {
        position: relative;
    }

}
@media (max-width: 768px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 26px;
    }
    #menu {
        right: 0;
        height: 80px;
        background-color: #2e2c28;
        overflow: hidden;
        padding: 0 50px;
    }
    #menu .logo, #menu .hamburger-menu {
        width: auto;
        position: initial;
        background: none;
    }
    #nav-icon {
        left: auto;
        right: auto;
    }
    #menu .booknow-mobile {
        width: 120px;
        height: 80px;
        top: 0;
        right: 0;
        position: absolute;

    }
    #menu .booknow-mobile .book-button:after {
       display: none;
    }
    #menu .booknow-mobile .book-button-text {
        margin-top: 10px;
    }
    .col-xs-4 {
        width: 100%;
    }
    .copyright {
        padding: 30px;
    }
    .detail-box.no-bg {
        height: 325px;
    }
    .booknow-mobile {
        display: block;
    }
    .booknow {
        display: none;
    }

}
@media (max-width: 660px) {
    #menu .box-menu .menu .content-menu {
        padding: 100px 80px;
    }
    .demo-gallery .image_box {
        height: 250px;
    }
}
@media (max-width: 600px) {
    .text_slide {
        height: 500px;
    }
    .text_slide p ,.button-link.left {
        margin-left: 0;
    }
    .detail-box.no-bg .first-text ,.info-detail {
        padding-left: 0;
    }
    .section3 p {
        padding: 10px 0;
    }
    .section1, .section3, .section4 , .page_footer ,.box-entity ,.gallery{
        padding: 50px;
    }
    figure.effect-lily:hover p {
        padding: 0 50px;
    }
    .detail-box.no-bg {
        height: 375px;
    }
}
@media (max-width: 500px) {
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 16px;
    }
    .text_slide p{
        display: none;
    }
    .default_img , .map iframe{
        height: 250px !important;
    }
    .detail-box {
        padding: 30px;
    }
    .detail-box.accom {
        padding: 50px;
    }
    .detail-box p {
        padding: 20px 0;
    }
    .detail-box.no-bg {
        height: auto;
    }
    .text_slide {
        width: 90%;
        height: 200px;
    }
    .navigation.mobile {
        display: none;
    }

    .title-section h4:before ,.box-entity h1:before{
        width: 60px;
    }
    .detail-box.no-bg {
        padding: 0;
    }
    #menu {
        padding: 0 30px;
    }
    .detail-box.no-bg {
        height: 300px;
    }
    #menu .box-menu .menu .content-menu ul li {
        font-size: 16px;
    }
}
@media (max-width: 360px) {
    .section1, .section3, .section4, .page_footer,.box-entity {
        padding: 30px;
    }
    .text_slide {
        height: 150px;
        padding: 30px;
    }
    .demo a {
        left: 40%;
    }
    #menu .booknow-mobile {
        width: 100px;
    }
    #menu .box-menu .menu .content-menu {
        padding: 100px 30px;
    }
    .detail-box.no-bg {
        height: auto;
    }


}