@media screen and (max-width: 768px)
{
    .gallery-download {
    display: none;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    /* STYLES GO HERE */
    .tpl-egm-box_moving {
        display: none;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    /* STYLES GO HERE */
    .tpl-egm-box_moving {
        display: none;
    }
    body #button-booknow {
        display: inline-block;
        position: absolute;
        bottom: 0px;
        /* margin: 0 auto; */
        background-color: #d6af74;
        left: 0;
        right: 0;
    }
    body .boxsearch {
        bottom: -217px;
    }
    body.open-button-booknow .boxsearch {
        bottom: -11px;
    }
    ul.settings.dibr.fr {
        display: none;
    }
    div#tpl-egm-header-settings {
        background: none;
    }
}

@media screen and (min-width: 1199px) {
    .sf-menu {
        float: left !important;
    }
}

@media screen and (max-width: 1199px) {
    .sf-menu {
        float: none !important;
        position: absolute;
        right: 80px;
    }
    #fh5co-menu-wrap .sf-menu a {
        font-size: 14px !important;
    }
    div#fp-nav {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .intro.home h1 {
        font-size: 60px;
        letter-spacing: 1px;
    }
    .logo-box {
        bottom: 170px;
    }
    section#booking-engine {
        padding-top: 450px;
        padding-bottom: 20px;
    }
    .special-box {
        width: auto;
        margin-top: 50px;
        padding: 0 20px;
    }
    .content-box p {
        padding: 0;
    }
    img.accom-logo {
        width: 50px;
    }
    .promotion-box {
        padding: 30px 100px;
    }
    .intro.accom h3 {
        font-size: 30px;
    }
    .intro.accom h2 {
        font-size: 50px;
        padding: 0 30px;
    }
    .int .intro.promotion h3 {
        padding-top: 20px;
    }
    .title-promotion {
        float: none;
    }
    .padding-contact {
        padding: 0;
    }
    .boxsearch {
        padding: 30px;
    }
    .signup-box {
        height: 160px;
    }
    .ourgroup-page {
        padding: 20px 20px;
        margin: 50px 0;
    }
    .logo-green {
        display: none;
    }
    .logo-box {
        width: 100%;
    }
    .boxsearch-page-book {
        background-color: rgb(137, 151, 162);
        min-height: 41px;
        padding: 24px 0;
    }
}

@media screen and (min-width: 601px) {
    img.img-responsive.logo-hotel {
        display: none;
    }
}

@media screen and (max-width: 686px) {
    .signup-box {
        height: 200px;
    }
}

@media screen and (max-width: 600px) {
    .title-about {
        text-align: center;
        border: none;
    }
    .title-about h1 {
        font-size: 38px;
        padding: 0;
    }
    
    span.title_text.no_mobile.sort-by,
span.icon.list,
span.icon.boxes {
    display: none;
}
    .intro.home .auto {
        padding: 0px 10px;
        background: none;
    }
    #boxsearch-booking-engine .boxsearch-page-book {
        top: 96px !important;
    }
    div#boxsearch-booking-engine header > #tpl-egm-header-settings > .auto {
        max-width: none;
        background-color: #8997a2;
    }
    .title-about h2,
    .title-about p {
        padding: 0;
    }
    #frmCheckRate .col-md-3 span {
        display: none;
    }
    .boxsearch input {
        width: 80% !important;
        margin-top: 8px;
        padding: 5px 10px !important;
    }
    .boxsearch a {
        width: 80% !important;
        margin-top: 15px !important;
        margin: 0 auto;
    }
    .auto {
        padding: 5px 10px;
    }
    .boxsearch span {
        display: inline-block;
        /* padding-bottom: 7px; */
        color: #fff;
        font-size: 14px;
        /* display: none; */
    }
    .logo-home img {
        margin: 0 auto;
        height: 200px;
        position: absolute;
        left: 0;
        right: 0;
        top: 150px !important;
    }
    a img.img-responsive.logo-hotel {
        display: block;
        position: absolute;
        left: 0;
        z-index: 9;

    }
    .tpl-header2 > div.mas > nav > div > ul{
        z-index: 9999 !important;
    }
    
    a.img-logo-mobile {
        vertical-align: top;
    }
    .boxsearch {
        padding: 15px 10px;
    }
    .boxsearch p {
        padding: 5px 0 5px 0;
    }
    .boxsearch-page-book .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background: #fff url(../images/cal.png) no-repeat 95% center;
        background-size: 18px;
    }
    .intro.home .btn {
        margin-top: 15px;
        height: 28px;
        margin-bottom: 15px;
        line-height: 10px;
    }
    .tpl-egm-box_moving .content {
        padding: 40px 10px !important;
    }
    .tpl-egm-box_moving .content .box3 {
        padding: 0 10px 10px 10px !important;
    }
    .control-about {
        padding-top: 20px !important;
    }
    .form-control {
        height: 28px;
    }
    .btn-default {
        color: #fff;
        background-color: #b08e5e;
        border-color: #b08e5e;
        width: 100%;
        height: auto;
        font-size: 15px;
        line-height: 19px;
        text-transform: uppercase;
        margin: 0 auto;
        font-family: 'Playfair Display SC';
    }
    .signup-box {
        /* color: #000; */
        padding: 10px;
    }
    .logo-spa {
        display: none;
    }
    .fp-controlArrow.fp-prev {
        left: 15px;
        width: 0;
        border-width: 20.5px 16px 20.5px 0;
        border-color: transparent #fff transparent transparent;
    }
    .fp-controlArrow.fp-next {
        right: 15px;
        border-width: 20.5px 0 20.5px 16px;
        border-color: transparent transparent transparent #fff;
    }
    #section03 .control-about {
        padding-top: 80px !important;
    }
    .icon-tree img {
        margin: 0 auto;
        display: block;
        width: 30%;
        padding-top: 20px;
    }
    .title-about h2 {
        text-align: center;
        font-size: 36px;
    }
    .title-about p {
        font-size: 16px;
    }
    .special-box p {
        font-size: 16px;
    }
    .signup-box {
        margin-top: 10px;
    }
    .signup-box h2 {
        font-size: 18px;
    }
    .logo-360 img {
        height: 280px;
    }
    #tpl-egm-motor .sta-control .title {
        width: 100%;
        top: 5px;
    }
    #tpl-egm-motor {
        box-shadow: none !important;
    }
}

@media screen and (min-width: 992px) {
    div#boxsearch-booking-engine .boxsearch-page-book {
        position: absolute;
        left: 0;
        right: 0;
        top: 90px;
        height: 130px;
        /* margin: 20px; */
        padding-top: 45px;
    }
}

@media screen and (min-width: 992px) {
    div#boxsearch-booking-engine #tpl-egm-header-settings {
        height: 28px !important;
    }
}

@media screen and (max-width: 991px) {
    #boxsearch-booking-engine .boxsearch-page-book {
        top: 120px;
        position: absolute;
        left: 0;
        right: 0;
    }
    div#boxsearch-booking-engine #tpl-egm-header-settings {
        padding-top: 2px;
        height: 58px !important;
    }
    div#boxsearch-booking-engine .member-account {
        background-image: none;
        position: static;
        padding: 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 601px) {
    div#boxsearch-booking-engine #tpl-egm-header-settings {
        padding-top: 2px;
        background: rgba(160, 184, 197, 0.8);
        width: 100%;
        line-height: 24px;
        color: #fff;
        font-size: 14px;
        z-index: 9;
        position: absolute;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 768px) {
    .intro.home h1 {
        text-align: center;
        font-size: 50px;
        margin-top: 0 !important;
    }
    

    .picker__holder {
        width: 90% !important;
    }
    .intro.home .picker__holder {
        margin-top: 0;
    }
    .img-spa {
        margin: 0 auto;
    }
    .logo-box img {
        padding: 0;
        height: auto;
        width: 100%;
    }
    .green-logo {
        margin: 0 auto;
        text-align: center;
    }
    .contact-footer-home {
        text-align: center;
        margin: 0 auto;
    }
    .logo-box {
        bottom: 235px;
    }
    .logo-360 img {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 5%;
        width: 40%;
        height: auto;
    }
    .control-about {
        padding-top: 100px;
    }
    .specail-box p {
        text-transform: uppercase;
        font-size: 18px;
    }
    #registerForm {
        padding: 0px;
        margin-top: 20px;
        width: 100% !important;
    }
    .home-col-left p {
        text-align: center;
    }
    .home-col-left {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .box-search {
        width: 85% !important;
    }
    #fh5co-logo-mobile-wrap {
        height: 50px !important;
    }
    #fh5co-logo-mobile-wrap img {
        height: 80px;
    }
    #fh5co-mobile-menu-btn {
        height: 50px !important;
        background-image: url(../images/logo-mobile.png) !important;
    }
    .demo {
        width: 380px !important;
    }
    .logo-home img {
        margin: 0 auto;
        height: 200px;
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /* STYLES HERE */
    .box-search {
        width: 80% !important;
        margin: 40px 80px !important;
    }
    .content-box {
        margin-left: -300px;
    }
}

@media screen and (max-width: 320px) {
    span.pickadate-title {
        font-size: 13px !important;
        letter-spacing: -1px !important;
        font-weight: 500 !important;
    }
}

@media screen and (max-width: 480px) {
    .demo {
        width: 300px !important;
    }
}

@media screen and (max-width: 410px) {
    .demo {
        width: 200px !important;
    }
}