﻿
@media only screen and (max-width: 1800px) {
}
@media only screen and (max-width: 1380px) {
    section {
     width: 100%;
    }
    /*.logo_home {width:11%}*/
    .other_news_2 > ul > li > div > a > img {
        width: 100%;
    }

    .main_news_3 > ul > li > div > a > img {
        width: 100%;
    }
    /*footer{height:auto}*/
}
@media only screen and (max-width:1366px) {
    section {
          width: 100%;
    }}
@media only screen and (max-width:980px) {
}

@media only screen and (min-device-width : 320px) and (max-device-width :736px) {

    body{color:#fff}
    section {width:100%}
    .main_cont{margin:5px auto 0px auto;text-align:center}
    #about .aside_left{width:95%;margin-left:2.5%;padding:0px 10px}
    .aside_left h1{width:100%}
    .flexslider_about .slides img{height:100% !important;
    width: 100%;}
    .flexslider_about{display:none}

    .flexslider .slides img {
    /* width: 100%; */
    display: block;
    height: 200px;
}
    .line-content{width:100%}
    .services2{display:none}

    .boxright{width:100% !important;padding:10px  }
    .boxright .br_main{width:100% !important;margin-bottom:7px; padding-bottom:7px;border-bottom:solid 1px #b1b1b1}

    .ul_km li img {
    width: 100% !important;
    height: auto !important;
    /*margin-bottom: 7px;*/
}



    #room .room_left img {height: 270px !important;

                          width:auto !important
    }

    .boxthird{width:100% !important;padding:0px 10px !important;border:none !important}


    #about .aside_right{width:100%;height:auto}
    .services ul li{width:95%;margin:0px 2.5%}
    #room .room_left{width:100%;height:auto!important;margin-bottom:20px}
    #room .room_right{    width: 100%;
    height: 0px;
    /* margin-bottom: 20px; */
    position: absolute;
        z-index: 99;
    }
    .room_right h1{display:none}
    #menu_btn{display:block}
       .room_right h2{    font: bold 19px UTMPENUMBRA;
    color: #fff !important;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    margin-bottom: 19px;left:0px !important;opacity:1 !important}
       .room_right p{display:none}

       .room_right .ico-room {
    margin-bottom: 14px;
    width: 94px !important;
    height: 94px!important;
    background: #fff;
    padding: 2px;
    border-radius: 50%;
    margin-top: 5px;
}


 .flexslider_room > .flex-direction-nav{right:0px !important;display:none}
 /*.btn-room{display:none}*/
 .sky-mega-menu{background:#fff !important}
 .sky-mega-menu li p a{    padding:5px 10px 5px 10px !important;border-bottom:solid 1px #b1b1b1;}
   .sky-mega-menu li:last-child p a{border:none}

   .room_type ul li{width:100% !important}
   .h_room h1{width:100% !important}

   .h_room  >img:nth-child(2){width:100% !important}

  .name_book{margin-left:0px !important}
  .boxleft{display:none}
  .pageScroll{display:none}  
        .popup_block{padding:10px 5px !important}
        .booking_left{width:100% !important}
         .booking_right{width:100%!important;border:none !important}
         .price_sale{padding:10px 5px !important}
         .name_book{width:95% !important}
         .input_name{width:95% !important}

@media only screen and (min-device-width : 480px){
    .services ul li{    width: 48.5%;
    margin: 0px 5px 5px 5px;}
    .services ul li:nth-child(odd){margin:0px 0px 5px 0px }
     .services ul li:nth-child(even){  margin: 0px 5px 5px 5px;}
      .btn-room{display:block}
           .name_book{width:100% !important}

       .booking_left{width:50% !important}
         .booking_right{width:50%!important}
      .ul_km li {

    width: 48.6% !important;
    float: left;
    margin-bottom: 14px;
    background: none;
    padding: 0px;
    margin-right:10px;
}
      .price_sale{padding:5px !important}
      .ul_km li:nth-child(even){margin-right:0px}
  
    nav {
        height:100%;
        width: 60% !important;
        overflow:scroll;
        position:absolute !important
    }

      .room_type ul li{width:48.8% !important;display:block !important;float:left}
      .room_type ul li:nth-child(even){margin-right:0px }
             .room_type ul li:nth-child(odd){margin-right:10px !important}
     .room_type ul li img{width:auto!important; height:200px !important}

}

/*Top*/
/*.flexslider{display:none}*/
/**/.name_ct {width:75%;margin: 10px;top:0px;display:none !important}
.logo_home {display: none;}
/*Menu*/

.menutop {height: 80px;width: 100%;}
nav {   overflow:scroll;height:auto;width:100%;background: none;float: right;margin-right: 10px;position:absolute;right: 0px;z-index: 10;border:none}
.showNav {display: block;}
.hideNav {display: none;}
nav ul{display:none}
nav ul.sky-mega-menu li {width: 100%;}
nav ul.sky-mega-menu li:first-child {padding: 0px !important;display: none;}
nav ul.sky-mega-menu li p {width:100% !important;margin-left:0px !important}
/*Booking*/
#reservation >img.reser{display:none}
#reservation{height:auto;display:none}
#reservation >ul{display:none}
.promotion{width:105px;height:39px;font-size:17px;padding-top:6px;background:#0089cf;position:relative;float:right;margin:-14px 10px 0px 0px ;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:solid 1px #fff}
.promotion:nth-child(2){margin-right:0px}
/*Banner*/
#banner{    height: auto}
#slide01 img{  height: 255.875px !important}
.jcarousel-skin-tango .jcarousel-container-horizontal{margin-top:-89px !important;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:94% !important}
.jcarousel-item-horizontal{margin:0px 5px 0px 5px  !important}
.jcarousel-skin-tango .jcarousel-item {width:109px !important;height:69px !important}
.jcarousel-skin-tango .jcarousel-prev-horizontal{left:30px !important}
.jcarousel-skin-tango .jcarousel-next-horizontal{right:0px !important}

/*Content Home*/
/*.mt1{display:none}
.mt2{display:block}*/
#bg_des{padding:15px;font-size:13px}
.a-more:link, .a-more:visited {font: normal 11px Arial;color: #fff;text-transform: uppercase;background: #0993da;width: 90px;height: 27px;float: left;text-align: center;padding-top: 8px;margin-top: 5px;border-radius: 5px;}
.showroom{display:block;padding:15px 8px 15px 15px ;display:inline-block;position:relative;margin:0 auto;background:#dee0de}
.showroom li{width:49%;height:120px;margin:0px 3px 4px 0px;float:left;position: relative;}
.showroom li img{width:100%;height:100%}
.showroom li .title_pr{width:100%;height:25px;text-align:center;padding: 7px 7px 0px 7px;}
.showroom li .title_pr a.more:link, a.more:visited{font-size:11px !important;}
.title_left {top: 5px;font: normal 18px UVNCHINHLUAN;background:rgba(150, 150, 150,0.6);height:32px;width:auto;padding-left:20px}
#line-space{display:none}

/*Rooms*/
.thumb{display:none}
a.more:link{font:normal 8px Arial !important}
#tabs_2, #tabs {width: 100%;}
#tabs_2 > li, #tabs > li {width: 50% !important;float:left;}
#tabs a {padding: 10px 10px 0px 10px;}
#tabs #current a {font-size: 14px;}
.folder {width: 100% !important;margin: 0px;padding: 5px;}
/*Detail Room*/
#bt_now{display:none}
.jcarousel-skin-tango{display:none}
/*Category*/
    ul.thumb-news li {width:50%;padding: 13px 5px 0 10px;height:305px}
    ul.thumb-news li .drop-img{padding:1px;height:auto}
    ul.thumb-news li .drop-img .swap_img_Fill{height:120px}
    .title-main{display:none}

/*Aritcle*/

.content { width: 100%;}
p {width: 100%;}
.de_text img {width:95% !important;height: auto !important;padding: 2px; border: solid 1px #808080;margin: 10px 0px;}
/*Hinh Anh*/
.album-list { width: 100%;height: 160px;}
.album li {width:50%}
.album-list h4 {font-size:14px;height:18px;margin-bottom:5px}
.album-list img{height:120px}
.fig-set[data-layout=beta] li {width:48% !important;}
.fig-set[data-layout=beta] li:nth-child(even){margin-right:0px}
/*Video*/
.item_videos{width:100%;background:none}
.url_videos{width:97%;background:rgba(255,255,255,0.6);border:solid 1px #0089cf;height:138px;padding:2px}
.thumb-pic >img{border-radius:0px;width:100%;margin:0px}
.thumb-pic{height:auto}
.name_videos{margin-top:10px}
.name_videos >h4{width:100%;text-align :center;border-bottom: dashed 1px #fff;margin-bottom: 10px;padding-bottom: 10px;}
/*Contact*/
.contact-left{width:100%}
.contact-right{width:100%}
 textarea {width: 100% !important;}
.btn_ct {-moz-appearance: button;-webkit-appearance: button;width: 100%;height: 40px;}
.comment li{width:100%}
/*Footer*/
footer {height: auto;padding: 9px 10px;font:normal 11px UVNCHUKY_0;text-align:justify}
footer div:first-child{width:60%}
footer div:nth-child(3){width:100%;float:left}
footer div:nth-child(2) {    /* position: absolute; */
    /* right: 10px; */
    /* bottom: 5px; */
    width: 30%;}
.left { width: 100%;}
.right {width: 100%;}
#bot{position:relative;float:left;display:none}
#bot2{display:block;background: url(../../Design/bg_bot.jpg);height: 110px;padding: 9px 10px;float:left;border-top: dashed 1px #fff}
}

