@media screen and (max-width: 1280px) {
    #maximage {
        height: 600px !important
    }
}

@media screen and (max-width: 1199px) {
    .footer h2, .linkmenu {
        display: none
    }

    .bg_logo {
        width: 100px;
        height: 80px;
        background-size: 100px
    }

    .nav > li > a {
        font-size: 12px
    }

    .last_menu {
        padding: 0 0 10px 10px !important
    }

    .linkmenu, .logo_w {
        padding: 0
    }

    .active_w .bg_logo {
        width: 70px;
        height: 50px;
        background-size: 70px
    }

    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 18px
    }

    h4 {
        font-size: 16px
    }

    .height_facilities {
        height: 300px
    }

    .footer h2 {
        font-size: 12px;
        letter-spacing: 2px
    }

    .footer img {
        width: 20px
    }

    .logo_w img, .social img {
        width: inherit
    }

    .height_map {
        height: 400px
    }

    .time_weather {
        font-size: 30px
    }

    .footer .col-xs-2, .footer .col-xs-3 {
        width: 100%
    }

    .footer {
        text-align: center
    }

    .height_accommodation {
        height: 300px
    }

    .height_gallery {
        height: 250px
    }

    .section_contact li {
        font-size: 14px;
    }
    .nav > li > a{
        padding: 10px 10px;
    }
}

@media screen and (max-width: 1024px) {
    .slideshow .indicators{
        height: 120px;
    }
    .banner_promotion{
        right: 15px;
    }
    .time_clock{
        bottom: 140px;
    }
    .banner_promotion img, .logo_sha img {
        height: 80px;
    }
    .slideshow .indicators div{
        margin: 0 10px;
    }
    .logo_sha{
        left: 15px;
    }
}
@media screen and (max-width: 991px) {
    #slide_facilities .owl-nav {
        display: block
    }

    .pc {
        display: none !important
    }

    .nav_mobile, .translate_mobile {
        display: block
    }

    .navbar-header {
        margin-right: 0 !important;
        margin-left: 0 !important;
        position: relative;
        width: 100px;
        float: left
    }

    .last_menu {
        padding: 0 !important;
        margin-top: 0;
        margin-right: 50px;
        margin-left: 0;
        float: right;
        z-index: 0
    }

    .navbar-nav {
        margin: 0;
        padding: 0 !important
    }

    .section_accommodation .col-xs-6 {
        padding: 15px 0;
        width: 100%
    }

    .remake, .table_roomrate {
        padding: 0
    }

    .section_facilities .col-xs-6 {
        width: 100%
    }

    .details_facilities {
        height: auto !important;
        margin-bottom: 15px;
        padding: 25px
    }

    .details_accommodation {
        padding: 25px 10px
    }

    .section_facilities_all .col-xs-6 {
        width: 50%
    }

    .section_facilities_all .col-xs-12 {
        width: 100%
    }

    .name_facilities {
        padding: 5px 10px;
        font-size: 14px
    }

    .breakfast {
        padding: 50px 0 0
    }

    .facilities_left {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .facilities_right {
        padding: 0 0 30px 0;
        width: 100%;
    }

    .section_contact .col-xs-4 {
        width: 100%;
    }

    .section_contact ul {
        padding: 0 0 30px 0;
    }

    .chaina_lang ul {
        padding: 0 0 0 30px;
    }

    .sisterhotel_group img {
        height: 90px;
    }

    .sisterhotel li {
        padding: 0 20px;
    }
    .sisterhotel .col-xs-9, .sisterhotel .col-xs-3{
        width: 100%;
    }
    .sisterhotel .col-xs-9 {
        border-bottom: 1px solid #e4e4e4;
        border-right: none;
        padding-bottom: 20px;
    }
    .sisterhotel .col-xs-3{
        margin-top: 20px;
    }
    .sisterhotel{
        padding: 25px 0;
    }
    .section_remark .col-xs-1{
        width: 100%;
        margin-bottom: 15px;
    }
    .section_remark .col-xs-11{
        width: 100%;
    }
    .section_accommodation .col-xs-12 {
        padding: 0;
    }
    .section_remark {
        padding: 0;
    }
    .last_menu, .active_w .last_menu {
        padding: 12px 0 0 15px !important;
    }
}

@media screen and (max-width: 768px) {
    .time_weather .col-xs-6:nth-child(1){
        display: none;
    }
    .slideshow .indicators div{
        margin: 0 10px;
    }
    .banner_promotion {
        position: inherit;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        padding-top: 15px;
    }
    .slideshow {
        height: 60vh;
    }
    .time_weather{
        position: initial;
        bottom: auto;
    }
    .slideshow .indicators {
        height: 100px;
    }
    .time_clock {
        bottom: 120px;
    }
    .logo_sha {
        left: auto;
        position: inherit;
        text-align: center;
        padding-top: 50px;
    }
    .banner_promotion img, .logo_sha img {
        height: 100px;
    }
    .banner_desktop{
        display: none;
    }
    .banner_mobile{
        display: inline-block;
        height: 240px!important;
    }
}
@media screen and (max-width: 767px) {
    .demo-gallery .col-xs-4, .section_facilities_all .col-xs-3 {
        width: 50%
    }

    .collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important
    }

    .slideshow .indicators div {
        margin: 0 10px
    }

    .height_fac_s {
        height: 150px
    }

    .height_fac {
        height: 300px
    }

    .section_contact .col-xs-6, .section_contactform .col-xs-5, .section_contactform .col-xs-7 {
        width: 100%
    }

    .facilities_left {
        padding: 0 0 50px
    }

    .facilities_right {
        padding: 0
    }

    .sisterhotel_group img {
        height: 60px;
    }

    .sisterhotel p {
        letter-spacing: 3px;
        font-size: 14px;
    }
    .section_remark .col-xs-6{
        width: 100%;
    }
    .section_remark li{
        margin-left: 7px;
    }
}

@media screen and (max-width: 520px) {
    .demo-gallery .col-xs-4, .section_facilities_all .col-xs-6 {
        width: 100%
    }

    .time_weather {
        font-size: 20px
    }

    .time_weather p {
        font-size: 12px
    }

    #maximage {
        height: 500px !important
    }

    .section_facilities_all .col-xs-3 {
        width: 100%;
        margin-bottom: 15px
    }

    .height_fac_s {
        height: 300px
    }

    .padding10 {
        padding: 10px 0
    }

    .section_facilities_all .col-xs-12, .section_facilities_all .col-xs-6 {
        margin-bottom: 15px
    }

    .sisterhotel li {
        padding: 0 8px;

    }
    .slideshow{
        height: 55vh;
    }
    .height_accommodation{
        height: 250px;
    }
    .table_roomrate{
        overflow: scroll;
        display: inline-block;
        font-size: 12px;
    }
    #google_translate_element{
        transform: scale(0.8)!important;
        -webkit-transform: scale(0.8)!important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .last_menu{
        position: absolute!important;
        right: 25px;
        top: 18px;
        margin: 0;
    }
    .table_roomrate td{
        padding: 6px;
    }
    .sisterhotel_group img {
        height: 50px;
    }
    .logo_sha img{
        height: 80px;
    }
    .banner_promotion img{
        width: 100%;
        height: auto;
    }
    .banner_mobile{
        width: auto!important;
    }
    .traveltogether img{
        width: 100%;
    }

}

@media screen and (max-width: 320px) {
    .sisterhotel_group img {
        height: 40px;
    }
}