@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1280px) {
    .section1, .section3, .section4, .box-entity, .page_footer{
        padding: 50px 0;
    }
    .container{
        width: 100%;
        padding: 0 100px;
    }
    .box-section3{
        padding: 0 0 50px;
        display: inline-block;
        width: 100%;
    }
    .detail-box.accom{
        padding: 100px;
    }
}

@media screen and (max-width: 1200px) {
    .gallery{
        padding: 0;
    }

}
@media screen and (max-width: 1199px) {
    .reservation_box {
        width: 600px;
    }

}

@media screen and (max-width: 1110px) {

}

@media screen and (max-width: 1024px) {
    .detail-box.accom {
        padding: 50px;
    }

    .default_img {
        height: 500px !important;
    }

    .detail-box.accom {
        height: 500px;
    }

    .box-entity {
        padding: 50px;
    }

    .page_footer {
        padding: 50px;
    }

    .section1, .section3, .section4 {
        padding: 50px;
    }

    .box-section3 {
        padding: 0 0 50px;
    }

    #menu .box-menu .menu .content-menu {
        padding: 100px;
    }

    h1 {
        font-size: 30px;
    }

    .demo-gallery .col-xs-4 {
        width: 50%;
    }
    .box-reservation {
        padding: 100px!important;
    }
    .section1, .section3, .section4, .page_footer, .box-entity{
        padding: 50px 0;
    }
    .roomamenities li{
        width: 50%;
    }
    .contact-menu, .section_social{
        margin-bottom: 25px!important;
    }

}

@media screen and (max-width: 991px) {
    .button-link.left {
        margin-left: 0;
    }
    .detail-box, .detail-box.accom {
        padding: 50px;
        height: auto;
    }
    .detail-box.no-bg{
        padding: 50px;
    }
    .detail-box.no-bg{
        height: auto;
    }
    .detail-box.no-bg {
        padding: 50px 0;
    }
    .section3 p {
        padding: 50px 0;
    }
    .page_footer .col-xs-4 {
        padding: 0;
    }
    h3{
        font-size: 20px;
    }
    .mobile{
        display: block;
    }
    .contact-menu, .section_social{
        display: none;
    }
    .gallery {
        padding: 0 50px;
    }
    .text_slide{
        height: 200px;
    }
    .detail-box.no-bg {
        padding: 50px 0 0;
    }
    .gallery {
        padding: 0;
    }
    .section3 p {
        padding: 10px 0;
    }
}

@media screen and (max-width: 768px) {
    #menu {
        right: 0;
        background: none;
        height: auto;
        /* overflow: hidden; */
        padding: 0;
        z-index: 8;
    }
    .menu_active{
        height: 100vh!important;
    }
    .menu_active .hamburger-menu{
        height: 100vh;
    }

    #menu .booknow-mobile {
        height: auto;

        background: #c19500;
        padding: 38px 10px;
    }

    #menu .booknow-mobile .book-button {
        color: #fff;
        font-family: inherit;
    }

    #menu .booknow-mobile .book-button-text {
        color: #fff;
        font-family: inherit;
    }
    #nav-icon span{
        background: #2d2b28;
    }
    #nav-icon{
        left: 25px;
    }
    #menu{
        box-shadow: none;
    }
    #menu .box-menu .menu .content-menu {
        padding: 150px 25px 100px 25px;
    }

    #menu .box-menu{
        z-index: 7;
    }
    .reservation_box{
        display: none;
    }
    .box-reservation{
        display: none;
    }
    .book_onlinestore{
        position: absolute;
        top: 0;
        right: 120px;
    }
    #menu .booknow-mobile{
        height: 105px;
    }
    .hamburger-menu{
        background: transparent!important;
    }
    #nav-icon{
        top: 40px;
    }
    .open #nav-icon span{
        background: #fff;
    }
    #menu .box-menu {
        z-index: 11;
    }
    .open  span {
        background: #fff!important;
    }
    #menu .logo, #menu .hamburger-menu{
        border: none;
    }
    .text_slide {
        height: 200px;
        width: 100%;
        padding: 50px;
    }
    .gallery-title li{
        margin: 5px;
    }
    .copyright{
        padding: 25px 0;
    }
    .container {
        padding: 0 50px;
    }
    #menu img {
        padding: 0;
        width: 75px;
        bottom: auto;
        top: 20px;
    }
    #menu {
        box-shadow: none;
        height: 104px;
    }
    #nav-icon {
        top: 40px;
        bottom: auto;
    }
}

@media screen and (max-width: 690px) {
    .default_img {
        height: 350px !important;
    }
}

@media screen and (max-width: 600px) {
    .box-entity {
        padding: 50px 25px;
    }
    .page_footer {
        padding: 50px 25px;
    }
    .section1, .section3, .section4 {
        padding: 50px 25px;
    }
    .detail-box, .detail-box.accom {
        padding: 50px 25px;
    }
    h1 {
        font-size: 20px;
    }
    .gallery {
        padding: 0 25px;
    }
    .demo-gallery .col-xs-4 {
        width: 100%;
    }
    .logo img{
        left: 85px!important;
        right: auto!important;
    }
    #menu img {
        left: 0!important;
        right: 0!important;
    }
    .section1, .section3, .section4, .page_footer, .box-entity{
        padding: 50px 0;
    }
    .container{
        padding: 0 25px;
    }
    .roomamenities li{
        width: 100%;
        padding: 10px 0;
    }
    .gallery-title li {
        margin: 5px;
        width: 100%;
        padding: 10px;
    }
    .padding10 {
        padding: 10px 0;
    }
    .gallery {
        margin-left: 0;
        margin-right: 0;
    }
    .gallery {
        padding: 0;
    }
    .slider_arrow{
        right: 10px;
    }
    .default_img {
        height: 250px !important;
    }
    .text_slide{
        display: none;
    }
}

@media screen and (max-width: 360px) {
    .book_onlinestore{
        right: 90px;
    }
    #menu .booknow-mobile .book-button{
        font-size: 14px;
    }
    #menu .booknow-mobile .book-button-text{
        font-size: 14px;
    }
    #menu .booknow-mobile {
        width: 90px;
    }
    #nav-icon {
        left: 15px;
    }
    .logo img{
        left: 75px!important;
    }
    #nav-icon {
        left: 25px;
    }
    .page_footer .social a{
        width: 40px;
        height: 40px;
    }
    .text_slide {
        height: 100px;
        width: 100%;
        padding: 50px 25px;
    }
    #menu .box-menu .menu .content-menu ul li{
        padding: 10px;
    }
}