/*
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;
*/
/* xs only */
@media(max-width: 767px) {
    .container-padd{
        padding: 0 15px;
    }    
    .sl-wrapper .sl-image .sl-caption{
        bottom: -44px!important;
    }
    .lSSlideOuter .lSPager.lSpg{
        margin-top: 20px!important;
    }
        .lSSlideOuter .lSPager.lSpg > li{
            margin-top: 0;
            position: relative;
        }
    .mogrid{
        overflow-y:auto;
        -webkit-overflow-scrolling: touch;
    }
    .breadcrumb{
        padding-left: 0;
        padding-right: 0;
    }
    .fulltext table{
        width: 100%!important;
    }
    #header{
        background: #525457;
        height: 70px;
    }
    #logo{
        position: absolute;
        left: 90px;
        top: 5px;
        margin: 0;
    }
        #logo img{
            height: 60px;
            width: auto;
        }
	#logo-left{display:none;}
    #bookmenu{
        right: 0;
        top: 0;
        width: 80px;
    }
        #bookmenu a{
            height: auto;
            padding: 17px 5px 8px 5px;
            text-align: center;
            font-size:16px;
            height: 70px;
        }
        #bookmenu span{
            position: fixed;
            border-radius: 5px 0 0 5px;
            right: 0px;
            width: 110px;
            height: 40px;
            line-height: 15px;
            padding: 5px 10px 5px 35px;
            background: url("../images/check.png") 5px 10px no-repeat rgba(177,170,2,0.7);
            margin-top: 10px;
        }
    .navbar{
        top: 70px;
        background: rgba(255,255,255,1);
        width: 70%;
        height: 100%;
        position: fixed;
        padding-top: 5px;
        left: -100%;
        display: block;
    }
        .navbar-header{
            display: block;
            position: fixed;
            left: 0px;
            top: 0px;
        }
            .navbar-header button{
                background: none;
                width: 80px;
                height: 70px;   
                padding: 0 23px;  
                border-right: 1px solid #6f7072;   
            }
                .navbar-header button:focus{
                    outline: none;
                }
            .btnline{
                float: left;
            }
                .topline{
                     padding: 5px 0;            
                }
                    .topline img{
                        display: block;            
                        -webkit-transition: all 0.2s ease;
                        transition: all 0.2s ease;           
                    }    
                .botline{
                    padding: 5px 0;           
                }       
                    .botline img{
                        display: block;
                        -webkit-transition: all 0.2s ease;
                        transition: all 0.2s ease;              
                    }
            .navbar-toggle.nocollapsed .topline img{
                -webkit-transform: rotate(135deg) translate3d(2px, -2px, 0px);
                transform: rotate(135deg) translate3d(5px, -3px, 0px);
            }
            .navbar-toggle.nocollapsed .botline img{
                -webkit-transform: rotate(-135deg) translate3d(4px, 4px, 0px);
                transform: rotate(-135deg) translate3d(7px, 5px, 0px);
            } 
            #mainmenu .nav{
                text-align: left;
            }            
            #mainmenu > ul > li{
                display: block;
                border-bottom: 1px dotted #ddd;
            }
                #mainmenu > ul > li > a, 
                #mainmenu > ul > li > .separator{
                    color: inherit;
                    padding: 5px 0px;
                }            
                #mainmenu > ul > li.parent{
                    background: url("../images/dropdown.png") right 15px no-repeat;
                }
                #mainmenu > ul > li > ul{
                    position: relative;
                    left: 0;
                    top: 0;
                    background: none;
                    width: 100%!important;
                }
                    #mainmenu > ul > li > ul > li > a, 
                    #mainmenu > ul > li > ul > li > .separator{
                        color: inherit;
                    }
    #slideshow .slide-desc{
        font-size:45px!important;
        line-height: 45px!important;
    }
        .flexslider.position-nav-bottom .flex-control-nav{
            bottom: 20px;
        }
        .position-nav-bottom .slide-desc-box.Bottom{
            bottom: 30px;
        }
        .slide-desc-box > div > div{
            padding-left: 0;
            padding-right: 0;
        }
    .blog-featured .item-page{
        display: block;
    }
        .blog-featured .item-image{
            width: 100%;
            min-height:200px
        }
        .blog-featured .articleBody{
            width: 100%;
            padding: 15px;
        }
            .blog-featured .articleBody .introtext{
                width: 100%;
            }
            .blog-featured .tripads{
                width: 100%;
                margin-top: 20px;
            }
            .blog-featured .tripads .TA_selfserveprop #CDSWIDSSP{
                width: 100%!important;
            }
        .blog-featured .readmore{
            text-align: center;
            margin-top: 20px;
        }
    #listrooms .container-padd{
        padding: 0 5px;
    }
        #roomcontent{
            padding-top: 15px;
        }
        .topCl{
            padding: 0 15px;
        }
        #roomcontent #room-title h4{
            font-size: 20px;
        }
        #roomcontent #room-morecontent{
            padding: 0 15px;
        }
        #roomcontent #room-price{
            padding: 10px 15px;
        }
            #roomcontent #room-price #currency{
                margin: 0 5px;
                font-size: 20px;
                background-position: 60px center;
            }
            #roomcontent #room-price #price{
                font-size: 20px;
            }
        #roomcontent #room-button{
            padding: 0 15px;
        }
            #roomcontent #room-button a{
                padding: 5px;
            }
    #footer #footer-top #footmenu > ul > li{
        width: 100%;
        margin: 0;
        border: 0;
        padding: 0;
   }
   #footer #footer-top #social{
        margin: 20px 0 20px 0;
        display: block;
   }
   /* About us */
   .thehotel .intro{
        margin-bottom: 10px;
   }
   .thehotel .cont{
        width: 100%;
        padding: 0;
        margin: 15px 0;
   }     
   .thehotel .tripads{
        width: 100%;
        margin-top: 0px;
    }
       .thehotel .tripads .TA_selfserveprop #CDSWIDSSP{
            width: 100%!important;
       }
    .thehotel .item-image{
        width: 100%;
        height:200px
    }
    .blog-featured .item-video .video-content, 
    #detailRoom .item-video .video-content, 
    #tourdetail .item-video .video-content, 
    #gallery-listimg .item-video .video-content,
    .thehotel .item-video .video-content,
    #listacc .box .item-video .video-content{
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
    }    
    /* Accommodation */
    #listacc{
        margin-bottom: 40px;
    }
    #listacc h1{
        font-size: 25px;
        font-weight: 500;
    }
    #listacc .intro{
        margin: 20px 0 0 0;
    }
    #listacc .box{
        display: block;
    }
        #listacc .box .boximg{
            width: 100%;
            height: 300px;
            position: relative;   
        }
            #listacc .box .boximg .imgintro .price{
                font-size: 13px;
            }        
        #listacc .box .boxcont{
            width: 100%;
            padding: 20px 15px 15px 15px;
            left: 0;
        }
            #listacc .box .boxcont h2{
                font-size: 25px;
                font-weight: 500;
                text-align: center;
            }
            #listacc .box .boxcont .boxcontt .facilities .coll{
                width: 100%;
                padding-left: 0;
                padding-right: 0;
            }
    #detailRoom h1{
        font-size: 25px;
        font-weight: 500;
    }
        #detailRoom #roomCont{
            display: block;
            margin-top: 20px;
        }
            #detailRoom #roomCont #roomCont-left{
                width: 100%;
            }
                #detailRoom #roomCont #roomCont-left .item-image{
                    min-height: 200px;
                }
            #detailRoom #roomCont #roomCont-right{
                width: 100%;
                padding: 15px 0px 0px 0px;
            }
            #detailRoom #roomCont #roomCont-right.hideprice{
                padding-bottom: 10px;
            }
                #detailRoom #roomCont #roomCont-right .room-tabs{
                    position: relative;
                    left: 0;
                    bottom: 0;
                }
                    #detailRoom #roomCont #roomCont-right .room-tabs ul{
                        text-align: center;
                    }
                        #detailRoom #roomCont #roomCont-right .room-tabs ul li{
                            display: block;
                            width: 100%;
                            margin: 10px 0 0 0;
                        }
                            #detailRoom #roomCont #roomCont-right .room-tabs a{
                                min-width: 200px;
                                max-width: 100%;
                            }
                #detailRoom #roomCont #roomCont-right .price{
                    position: relative;
                    left: 0;
                    bottom: 0;
                    margin: 20px 0 0 0;
                    white-space: normal;
                }
                    #detailRoom #roomCont #roomCont-right .price .price-left{
                        display: block;
                        text-align: center;
                    }
                        #detailRoom #roomCont #roomCont-right .price .price-left a{
                            display: inline-block;
                            min-width: 200px;
                            max-width: 100%;
                        }
                    #detailRoom #roomCont #roomCont-right .price .price-right{
                        width: 100%;
                        margin: 10px 0 0 0;
                        display: block;
                        text-align: center;
                    }
                        #detailRoom #roomCont #roomCont-right .price .price-right .priceCont{
                            line-height: 27px;
                            margin-top: 20px;
                        }
    #detailRoom #roomHigh{
        display: block;
        margin: 20px 0 40px;
    }
        #detailRoom #roomHigh .highlist{
            width: 100%;
            float: none;
        }
            #detailRoom #roomHigh .highlist .highlistr{
                float: none;
                width: 100%;
                padding: 15px 15px 20px 15px;
            }
                #detailRoom #roomHigh .highlist .highlistr h2{
                    margin-bottom: 0;
                }
                #detailRoom #roomHigh .highlist .highlistr .listcont li{
                    width: 100%;
                    padding-right: 0;
                }
        #detailRoom #roomHigh .highimg{
            float: none;
            min-height: 200px;
            width: 100%;
        }
            #detailRoom #roomHigh .highimg a:first-child{
                position: absolute;
            }
    /* Free */
    .experiences h1{
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .experiences .content-category{
        margin-bottom: 40px;            
    }
        .experiences .list{
            display: block;
        }
            .experiences .list .box:first-child{
                margin-top: 0;
            }
            .experiences .list .box{
                width: 100%!important;
                margin: 40px 0 0px 0;
                padding-bottom: 20px;
            }
                .experiences .list .box .boximg{
                    height: 200px!important;   
                }
                .experiences .list .box .boxcont{
                    padding: 20px 15px 15px 15px;
                }
                .experiences .list .box .readmore{
                    position: relative;
                    bottom: 0;
                }
    .freedetail .box{
        display: block;
    }
        .freedetail .box .boximg{
            width: 100%;
            min-height: 200px;
        }
        .freedetail .box .boxcont{
            width: 100%;
            padding: 15px 15px 15px 15px;
        }    
    /* transportation */
    #transportation h1{
        font-size: 25px;
        font-weight: 500;
    } 
    #transportation .bookhere a{
        padding: 15px 10px;
        font-size: 14px;
    } 
    #airport-form #airport-box{
        position: inherit;
    }
    #airport-form #airport-box:before{
        vertical-align: top;
    }
        #airport-form #airport-box #airport-content{
            width: 95%;
            max-width: 100%;
            padding: 10px 10px 10px 10px;
            margin: 60px 0 0 0;
        }
            #airport-form .row{
                margin-top: 0;
            }
            #airport-form [class*="col-"]{
                margin-top: 15px;
            }
            #airport-form select{
                font-size: 13px;
                padding-left: 45px;
            }
            #airport-form input[type=text]{
                font-size: 13px;
                padding-left: 45px;
            }
    /* Tour */  
    #grouplist,
    #groupdetail > .container-padd{
        margin-bottom: 40px;
    }      
    #grouplist h1,
    #groupdetail h1{
        font-size: 25px;
        font-weight: 500;
    }   
    #grouplist .intro,
    #groupdetail .intro{
        width: 100%;
        margin: 20px auto 30px auto;
    }     
    #grouplist .list,
    #groupdetail .list{
        display: block;
        width: 100%!important;
    }    
        #grouplist .list .box:first-child,
        #groupdetail .list .box:first-child{
            margin-top: 0;
        }
        #grouplist .list .box,
        #groupdetail .list .box{
            width: 100%!important;
            margin: 40px 0 0 0;
            padding-bottom: 20px;
        }
            #grouplist .list .box .boximg,
            #groupdetail .list .box .boximg{
                height: 200px!important;
            }
            #grouplist .list .box .boxcont{
                padding: 20px 15px 10px 15px;
            }
            #grouplist .list .box .readmore{
                position: relative;
                bottom: 0;
            }
    #groupdetail .list .box .boximg .imgintro .price{
        font-size: 14px;
    }   
    #groupdetail .list .box .boxcont{
        padding: 15px 15px 10px 15px;
    } 
        #groupdetail .list .box .boxcont h2{
            font-size: 18px;
            line-height: 24px;
        }
    #groupdetail .list .box .readmore{
        position: relative;
        bottom: 0;
        padding: 0 15px;
    }
        #groupdetail .list .box .readmore .highlight a,
        #groupdetail .list .box .readmore .readbtn a{
            padding-left: 5px;
            padding-right: 5px;
            font-size: 15px;
        }
    #tourdetail h1{
        font-size: 20px;
        font-weight: 500;
    }
        #tourdetail .price span.t1,
        #tourdetail .price span.t2{
            font-size: 20px;
        }
        #tourdetail #tourCont{
            display: block;
            margin-top: 30px;
        }
            #tourdetail #tourCont #tourCont-left{
                width: 100%;
            }
                #tourdetail #tourCont #tourCont-left .item-image{
                    min-height: 200px;
                }
            #tourdetail #tourCont #tourCont-right{
                width: 100%;
                padding: 20px 0px 0px 0px;
            }               
                #tourdetail #tourCont #tourCont-right h2{
                    left: 0;
                    position: relative;
                    margin-bottom: 10px;
                }
             
    #tourdetail #tourHigh{
        display: block;
        margin: 20px 0 40px 0;
    }
        #tourdetail #tourHigh .highlist{
            width: 100%;
            float: none;
        }
            #tourdetail #tourHigh .highlist .highlistr{
                width: 100%;
                float: none;                
                padding: 15px 15px 20px 15px;
            }
            #tourdetail #tourHigh .highlist .highlistr .listcont li{
                width: 100%;
                padding-right: 0;
            }
        #tourdetail #tourHigh .highimg{
            float: none;
            width: 100%;
            min-height: 200px;
        }            
            #tourdetail #tourHigh .highlist .highlistr h2{
                margin-bottom: 0;
            }
        #tourdetail #tourHigh .highlist .highlistr .downloadfull{
            margin-top: 20px;
        }
            #tourdetail #tourHigh .highlist .highlistr .downloadfull a{
                padding: 15px 10px;
                font-size: 12px;
            }
            #tourdetail #tourHigh .highimg a:first-child{
                position: absolute;
            }
        #tourdetail #tourFull{
            margin-bottom: 40px;
        }
    #tourdetail .other .img .price{
        font-size: 14px;
    }
    #tb-form #tb-box{
        position: inherit;
    }
    #tb-form #tb-box:before{
        vertical-align: top;
    }
    #tb-form #tb-box #tb-content{
        width: 95%;
        max-width: 100%;
        padding: 10px 10px 10px 10px;
        margin: 60px 0 0 0;
    }
        #tb-form #tb-box #tb-content #tb-top #tb-top-l{
            width: 100%;
        }
        #tb-form #tb-box #tb-content #tb-top #tb-top-r{
            width: 100%;
            margin-top: 10px;
        }
            #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-title{
                font-size: 18px;
                line-height: 24px;
                text-align: center;
            }
            #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-price{
                text-align: center;
            }
                #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-price span.t1,
                #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-price span.t2{
                    font-size: 20px;
                }
        #tb-form #tb-box #tb-content #tb-bot .row{
            margin-top: 0;
        }
        #tb-form #tb-box #tb-content #tb-bot [class*="col-"]{
            margin-top: 15px;
        }
        #tb-form #tb-box #tb-content #tb-bot input[type=text]{
            font-size: 13px;
            padding-left: 45px;
        }
    /* Dining */
    .dining{
        margin-bottom: 40px;
    }
    .dining .boxtop{
        display: block;
        margin: 30px 0 110px 0
    }
        .dining .boxtop .boximg{
            width: 100%;
            min-height: 200px;
            max-width: 100%;
        }
        .dining .boxtop .boxcont{
            max-width: 100%;
            width: 100%;
            float: none;
            padding: 15px 15px 15px 15px;
        }
    .dining .navbar-header{
       position: absolute;
       top: -70px;
       background: #f7a01b;
       width: 100%;
    }
        .dining .navbar-default-des{
            display: inline-block;
            color: white;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 22px;
        }
            .dining .navbar-header button{
                width: 100%;
                border: 0;
            }
    .dining .sub-nav{
        display: none;
    }
        .dining .boxbot ul{
           top: 0;
           left: 0;
        }
            .dining .boxbot ul li{
                width: 100%;
            }
                .dining .boxbot ul li a{
                    text-align: center;
                }
            .dining .boxbot .vview{
                display: block;
            }
                .dining .boxbot .vview .boximg{
                    width: 100%;
                    min-height: 200px;
                }
                    .dining .boxbot .vview .boximg a:first-child{
                        position: absolute;
                    }
                .dining .boxbot .vview .boxcont{
                    width: 100%;
                    padding: 15px 15px 15px 15px;
                }
                    .dining .boxbot .vview .boxcont .fileattach{
                        text-align: center;
                    }
    /* Package */
    #groupdetail.package .list .box{
        padding-bottom: 20px!important;
    }
        #groupdetail .list .box .boxcont{
            padding: 15px 15px 10px 15px!important;
        }
        #groupdetail.package .list .box .boxcont h2{
            padding: 0!important;
            font-size: 18px!important;
            line-height: 24px!important;
            margin-bottom: 10px;
        }
        #groupdetail.package .list .box .readmore{
            bottom: 0!important;
        }
        #groupdetail.package .list .box .boxcont .highlight img{
            height: 30px;
        }
    .packdetail .price span.t2:after{
        content: "";
        display: table;
        clear: both;
    }
    .packdetail .price a.bookhere{
        position: relative;  
        margin-top: 10px;
    }
    .packdetail .contt .bookbtn{
        text-align: center;
    }
    .packdetail .box{
        margin: 40px 0;
    }
    .packdetail .boxtt{
        display: block;
        margin-top: 20px;
    }
        .packdetail .boxtt .introimg{
            width: 100%;
            height: 200px;
        }
        .packdetail .boxtt .contb{
            width: 100%;
            padding: 0;
            margin-top: 30px;
        }
        .packdetail .boxtt .contb ul.tabs{
            position: absolute;
            width: 100%;
            left: 0;
            white-space: normal;
        }
            .packdetail .boxtt .contb ul.tabs li{
                float: none;
                width: 100%;
                margin: 0;
            }
                .packdetail .boxtt .contb ul.tabs li a{
                    display: block;
                    text-align: center;
                    padding: 20px 10px;
                    border: 0;
                    background: #ccc;
                    color: #333;
                    font-weight: 600;
                }
                .packdetail .boxtt .contb ul.tabs li a:hover, 
                .packdetail .boxtt .contb ul.tabs li.selected a{
                    border: 0;
                }
        .packdetail .sub-nav{
            display: none;
        }
        .packdetail .navbar-header{
           position: relative;
           background: #f7a01b;
           width: 100%;
        }
            .packdetail .navbar-default-des{
                display: inline-block;
                color: white;
                text-transform: uppercase;
                font-weight: 500;
                font-size: 22px;
            }
                .packdetail .navbar-header button{
                    width: 100%;
                    border: 0;
                }
    /* Enviroment */
    .enviroment h1{
        font-size: 25px;
        font-weight: 500;
    }  
    .enviroment .list .box{
        display: block;
    }
    .enviroment .list .box .boxtitle{
        width: 100%;
        padding: 15px 15px 15px 15px;
    }
        .enviroment .list .box .boxtitle h3{
            font-size: 20px;
            text-align: center;
            margin: 0;
            display: block;
        }
    .enviroment .list .box .boxcont{
        width: 100%;
        padding: 10px 15px 15px 15px;
    }
    .enviroment .list .box .boximg{
        width: 100%;
        min-height: 200px;
    }
    /* Gallery */
    #galleryL,
    .gallery-detail{
        margin-bottom: 40px;
    }
    #galleryL h1,
    .gallery-detail h1{
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 0px;
    }
    #galleryL .jg_row{
        margin-bottom: 0;
    }
    #galleryL .jg_element_gal, 
    #galleryL .jg_element_gal_r{
        width: 100%;
        margin-top: 20px;
    }
    .gallery-detail .row{
        margin-bottom: 0;
    }
    .gallery-detail .row [class*=col-]{
        margin-top: 20px;
    }
    /* Contact */
    .contact{
        margin-bottom: 40px;
    }
    .contact h1{
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .contact .controw{
        display: block;
    }
        .contact .controw .contact-left{
            width: 100%;    
        }
            .contact .controw .contact-left .contact-addr{
                padding: 10px 15px 15px 15px;
            }
                .contact .controw .contact-left .contact-addr h2{
                    font-size: 20px;
                }
        .contact .controw .contact-right{
            width: 100%;
            margin-top: 20px;
            padding: 15px 15px 15px 15px;
        }
            .contact .controw .contact-right #jform_captcha{
                width: 100%;
            }
    /* About Rose */
    .aboutrose h1{
        font-size: 25px;
        font-weight: 500;
    }
    .aboutrose .intro{
        width: 100%;
        margin: 20px auto 30px auto;
    }
    .aboutrose .list{
        margin-bottom: 40px;
    }
    .aboutrose .list .box .boximg{
        position: relative;
        width: 100%;
        height: 200px;
    }
    .aboutrose .list .box .boxcont{
        width: 100%;
        padding: 0;
    }
        .aboutrose .list .box .boxcont .boxcontt{
            padding: 15px 15px 15px 15px;
            overflow-wrap: break-word;
            min-height: inherit;
        }
            .aboutrose .list .box .boxcont .boxcontt h2{
                font-size: 20px;
                text-align: center;
            }
    /* Carreer */
    .carreer h1,
    .carreerdetail h1{
        font-size: 25px;
        font-weight: 500;
    }
    .carreer .intro{
        margin: 20px auto 30px auto;
    }
        .carreer .intro h2{
            font-size: 20px;
        }
    .carreer .list .box{
        padding: 15px 15px 15px 15px;
    }
        .carreer .list .box .introtext{
            width: 100%;
        }
            .carreer .list .box .introtext h3{
                font-size: 20px;
            }
        .carreer .list .box .apply-btn{
            top: auto;
            position: relative;
            right: auto;
            text-align: center;
            margin-top: 20px;
        }
    .carreerdetail #carreer-form{
        width: 100%;
    }
        .carreerdetail .intro{
            margin-top: 20px;
        }
        #carreer-form .submit{
            text-align: center;
        }
    /* News */
    .news{
        margin-bottom: 40px;
    }
    .news h1,
    .newdetail h1{
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .news .list{
        display: block;
    }
        .news .list .box:first-child{
            margin-top: 0;
        }
        .news .list .box{
            width: 100%;
            padding-bottom: 20px;
            margin-left: 0;
            margin-top: 40px;
        }
            .news .list .item-image{
                height: 200px;
            }
            .news .list .box .boxcont{
                padding: 15px 15px 10px 15px;
            }
                .news .list .box .boxcont h2{
                    font-size: 20px;
                    line-height: 26px;
                }
                .news .list .box .item-date{
                    padding: 0px 15px 10px 15px;
                }
                .news .list .box .item-intro{
                    padding: 10px 15px 0px 15px;
                }
                .news .list .box .readmore{
                    position: relative;
                    bottom: 0;
                    margin-top: 20px;
                }
    .newdetail .intro{        
       overflow-wrap: break-word;
       margin-bottom: 40px;
    }
        .newdetail .intro img{
            width: 100%;
            margin: 5px 0;
        }
        .newdetail .intro .introvideo{
            width: 100%;
            float: none;
        }
            .newdetail .intro .introvideo iframe{
                height: 200px;
                float: none;
            }
        .newdetail .intro .introfull{
            width: 100%;
            height: auto;
            padding: 0;
            float: none;
            margin-top: 20px;
        }
        .newdetail .intro .share-button{
            position: relative;
            text-align: right;
            margin-top: 20px;
        }
        .newdetail .intro .full{
            padding-bottom: 0;
        }
            .newdetail .intro .full iframe{
                height: 200px;
                float: none;
                width: 100%;
            }
            .newdetail .intro .full img{
                width: 100%;
                height: auto;
            }
        .newdetail .intro .single{
            padding-bottom: 0;
        }
    /* enviroment */
    .enviroment .intro{
        margin: 20px 0 20px 0;
    }
    .enviroment .list{
        margin-bottom: 40px;
    }
    /* policy */
    .policydetail{
        margin-bottom: 40px;
    }
    .policydetail h1{
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .policydetail .fulltext{
        width: 100%;
    }
    .policydetail .listother{
        display: block;
        margin-top: 0;
    }
        .policydetail .listother .box:first-child{
            margin-top: 30px;
        }
        .policydetail .listother .box{
            width: 100%;
            padding-bottom: 20px;
            margin-top: 40px;
            margin-left: 0;
        }
            .policydetail .listother .box .boximg{
                height: 200px;
            }
            .policydetail .listother .box .boxcont{
                padding: 15px;
            }
                .policydetail .listother .box .boxcont h2{
                    font-size: 20px;
                }
            .policydetail .listother .box .readmore{
                position: relative;
                bottom: 0;
            }
    .policytab{
        margin-bottom: 40px;
    }
        .policytab h1{
            margin-bottom: 20px;
        }
        .policytab .box{
            display: block;
        }
            .policytab .box .introimg{
                width: 100%;
                height: auto;
                padding: 20px;
            }
        .policytab .box .cont{
            padding: 0;
            width: 100%;
            margin-top: 30px;
            position: relative;
        }
            .policytab .box .cont ul.tabs{
                position: absolute;
                width: 100%;
                left: 0;
                white-space: normal;
            }
                .policytab .box .cont ul.tabs li{
                    float: none;
                    width: 100%;
                    margin: 0;
                }
                    .policytab .box .cont ul.tabs li a{
                        display: block;
                        text-align: center;
                        padding: 20px 10px;
                        border: 0;
                        background: #ccc;
                        color: #333;
                        font-weight: 600;
                    }
                    .policytab .box .cont ul.tabs li a:hover, 
                    .policytab .box .cont ul.tabs li.selected a{
                        border: 0;
                    }
        .policytab .box .cont .tabscontent{
            z-index: 1;
        }
        .srb{
            margin-top: 20px!important;
        }
            .srb .viewport{
                height: auto!important;
            }
                .srb .overview{
                    padding: 0!important;
                    position: relative!important;
                }
            .srb .scrollbar{
                display: none;
            }
        .policytab .sub-nav{
            display: none;
        }
        .policytab .navbar-header{
           position: relative;
           background: #f7a01b;
           width: 100%;
        }
            .policytab .navbar-default-des{
                display: inline-block;
                color: white;
                text-transform: uppercase;
                font-weight: 500;
                font-size: 22px;
            }
                .policytab .navbar-header button{
                    width: 100%;
                    border: 0;
                }
    /* howtodrive */
    .howtodrive{
        margin-bottom: 40px;
    }
        .howtodrive h1{
            margin-bottom: 20px;
        }
        .howtodrive table{
            width: 100%;
        }
    /* Group */      
    #airport-form .loadingimg, 
    .carreerdetail .loadingimg,
    #tb-form .loadingimg{
        position: absolute;
        top: 340px;
    }
    
    .freedetail .other .cont h3, 
    #transportation #othertour .cont h4, 
    #groupdetail .other .cont h3, 
    .carreer .other .cont h4, 
    .carreerdetail .other .cont h4, 
    .newdetail .other .cont h4, 
    .aboutrose .other .cont h3{
        font-size: 16px;
    }
    .freedetail .other h2, 
    #transportation #othertour h3, 
    #groupdetail .other h2, 
    #tourdetail .other h3, 
    .newdetail .other h3{
        font-size: 18px;
        padding: 0 15px;
    }
    .item-container .item-video::before{
        margin-left: -5px;
    }
    #footer #address strong:before{
        content: ' ';
        clear: right;
        display: block;
    }
    /* Group */
    .tabscontent .dsp{
        visibility: visible;
        width: 100%;
        display: none;
        position: relative;
        margin-top: 20px;
    }
    .tabscontent #view0{
        display: block;
    }
    /* Advertising */
    .gafancybox-inner img{
        width: 100%;
        height: auto!important;
    }
    
    .language{
        right: 90px;
        top: 20px;
    }
    
    #map .menu{
        width: 100%;
        text-align: center;
        left: 0!important;
    }
         body#vi-VN #map .menu li a{
            font-size: 12px;
        }
    body#vi-VN #bookmenu span{
        width: 120px;
    }   
    body#vi-VN #groupdetail .list .box .readmore .highlight a,
    body#vi-VN #groupdetail .list .box .readmore .readbtn a{
        font-size: 14px;
    }
    body#vi-VN #tourdetail #tourHigh .highlist .highlistr .downloadfull a.link2{
        display: none;
    }
    body#vi-VN #tourdetail #tourHigh .highlist .highlistr .downloadfull a{
        display: block;
        font-size: 14px;
        width: 100%;
        margin: 5px 0;
    }
}
/* only iphone 4,5,SE */
@media(min-width: 320px) and (max-width: 359px) {
    #airport-form select{
        font-size: 11px;
        padding-left: 45px;
    }
    #airport-form input[type=text]{
        font-size: 11px;
        padding-left: 45px;
    }
    #tourdetail #tourHigh .highlist .highlistr .downloadfull a{
        padding: 15px 5px;
        font-size: 10px;
    }
    #groupdetail .list .box .readmore .highlight a, 
    #groupdetail .list .box .readmore .readbtn a{
        font-size: 12px;
    }
    #groupdetail.package .list .box .boxcont .highlight img{
        height: 20px;
    }
    #logo{
        top: 15px;
    }  
        #logo img{
            height: 40px;
        }     
    body#vi-VN #map .menu li a{
        font-size: 10px;
    }
    body#vi-VN #groupdetail .list .box .readmore .highlight a,
    body#vi-VN #groupdetail .list .box .readmore .readbtn a{
        font-size: 12px;
    }    
}
/* only galaxy s , xiaomi */
@media(min-width: 360px) and (max-width: 374px) {
   
}
/* device remain */
@media(min-width: 376px) and (max-width: 500px) {
    
}
@media(min-width: 1024px) and (max-width: 1199px){
    .container-padd{
        padding: 0 20px!important;
    }
    .position-nav-bottom .slide-desc-box.Bottom{
        bottom: 35px;
    }
    #mainmenu > ul > li{
        margin: 0 7px;
    }
    #header.fixed #mainmenu > ul > li{
        margin: 0 5px;
    }
    #mainmenu > ul > li > a, 
    #mainmenu > ul > li > .separator{
        font-size: 15px;    
    }
        #mainmenu > ul > li > ul > li > a, #mainmenu > ul > li > ul > li > .separator{
            font-size: 15px;
        }
    /* Home page */
    .blog-featured .item-image{
        width: 30%;
    }
    .blog-featured .articleBody{
        width: 70%;
        padding: 15px 20px 20px 20px;
    } 
    .topCl{
        padding: 0 20px;
    }
    #roomcontent #room-title h4{
        font-size: 18px;
    }
    #roomcontent #room-morecontent{
        padding: 0 20px;
    }
    #roomcontent #room-price{
        padding: 10px 20px;
    }
        #roomcontent #room-price #currency{
            margin: 0 10px;
            font-size: 16px;
            background-position: 54px center;
        }
        #roomcontent #room-price #price{
            font-size: 20px;
        }
    #roomcontent #room-button{
        padding: 0 20px;
    }
        #roomcontent #room-button a{
            padding: 5px;
        }    
    /* Accommodation */
    #listacc .box .boxcont{
        padding: 15px 20px 20px 20px;
    }
    #detailRoom #roomCont #roomCont-right{
        padding: 20px 20px 140px 20px;
    }
        #detailRoom #roomCont #roomCont-right .room-tabs{
            left: 20px;
        }
            #detailRoom #roomCont #roomCont-right .room-tabs a{
                padding: 5px;
                font-size: 14px;
            }
        #detailRoom #roomCont #roomCont-right .price{
            left: 20px;
        }
            #detailRoom #roomCont #roomCont-right .price .price-left a{
                padding: 20px 10px;
            }
            #detailRoom #roomCont #roomCont-right .price .price-right{
                margin-left: 10px;
            }
                #detailRoom #roomCont #roomCont-right .price .price-right .priceCont strong{
                    font-size: 13px;
                }
    #detailRoom #roomHigh .highlist .highlistr{
        padding:20px 30px 30px 30px;
    }        
    /* Free Services */
    .experiences .list .box.col2 .boximg{
        height: 270px;
    }
    .experiences .list .box .boximg{
        height: 200px;
    }
    .experiences .list .box .boxcont{
        padding: 20px 20px 0px 20px;
    }
    .freedetail .box .boxcont{
        padding: 15px 20px 20px 20px;
    }
    .freedetail .box .boximg{
        min-height: 400px;
    }
    .freedetail .other .cont h3, #transportation #othertour .cont h4, #groupdetail .other .cont h3, .carreer .other .cont h4, .carreerdetail .other .cont h4, .newdetail .other .cont h4, .aboutrose .other .cont h3{
        font-size: 16px;
    }
    /* Tour */   
    #grouplist .list .box{
        padding-bottom: 80px;
    }
        #grouplist .list .box .boximg{
            height: 270px;
        }         
        #grouplist .list .box .readmore{
            bottom: 30px;
        }
    #groupdetail .list .box .boximg{
        height: 150px;
    }
        #groupdetail .list .box .boximg .imgintro .price{
        font-size: 15px;
    }
    #groupdetail .list.col2 .box .boximg{
        height: 270px;
    }    
    #groupdetail .list .box .boxcont{
        padding: 10px 20px 0px 20px;
    }
        #groupdetail .list .box .boxcont h2{
            font-size: 18px;
            line-height: 24px;
        }
    #groupdetail .list .box .readmore{
        padding: 0 20px;
    }
    #groupdetail .list .box .readmore .highlight a{
        padding: 7px 5px;
        font-size: 14px;
    }
    #groupdetail .list .box .readmore .readbtn a{
        padding: 7px 5px;
        font-size: 14px;
    }
    #tourdetail #tourCont #tourCont-right{
        padding: 30px 20px 44px 20px;
    }        
        #tourdetail #tourCont #tourCont-right h2{
            margin-bottom: 10px;
        }
    #tourdetail #tourHigh .highlist .highlistr{
        padding:20px 30px 30px 30px
    }
        #tourdetail #tourHigh .highlist .highlistr .downloadfull a,
        #tourdetail #tourFull .bookbtn a{
            padding: 15px 5px;
        }
    #tourdetail .other .img .price{
        padding: 5px;
    }
    /* Romance */
    #groupdetail.package .list .box{
        padding-bottom: 100px;
    }    
    #groupdetail.package .list.col3 .box .boxcont h2{
        font-size: 18px;
        line-height: 24px;
    }
    #groupdetail.package .list.col3 .box .boxcont .highlight img{
        height: 20px;
    }
    #groupdetail.package .list.col2 .box{
        padding-bottom: 100px;
    }
        #groupdetail.package .list.col2 .box .boxcont{
            padding-top: 30px;
        }            
            #groupdetail.package .list.col2 .box .boxcont h2{
                padding: 0;
            }
        #groupdetail.package .list.col2 .box .readmore{
            bottom: 30px;
        }
    .packdetail .boxtt .introimg{
        width: 40%;
    }
    .packdetail .boxtt .contb{
        width: 60%;
        padding: 0px 0px 0px 20px;
    }
    /* policy */
    .policy .box .boxcont{
        padding: 10px 20px 20px 20px;
    }
    .policydetail .listother .box .boximg{
        height: 270px;
    }
    .policytab .box .introimg{
        width: 40%;
    }
    .policytab .box .cont{
        padding: 0px 0px 0px 20px;
        width: 60%;
    }
        .policytab .box .cont ul.tabs li a{
            font-size: 11px;
        }
    /* news */
    .news .list .box .boxcont{
        padding: 10px 20px 10px 20px;
    }
        .news .list .box .boxcont h2{
            font-size: 18px;
            line-height: 24px;
            font-weight: 400;
        }
    .news .list .box .item-date{
        padding: 0px 20px 10px 20px;
    }
    .news .list .box .item-intro{
        padding: 10px 20px 0px 20px;
    }
    .news .list .item-image{
        height: 150px;
    }
    /* enviroment */
    .enviroment .list .box .boxtitle{
        width: 25%;   
   }
        .enviroment .list .box .boxtitle h3{
            font-size: 22px;
        }
   .enviroment .list .box .boxcont{
        width: 35%;
   }
   /* footer */
   #footer #footer-top #footmenu li{
        padding-left: 5px;
        margin-left: 5px;
   }
       #footer #footer-top #footmenu li a{
            font-size: 13px;
       }
   body#vi-VN #footer #footer-top #footmenu li a{
        font-size: 10px;
   }   
   body#vi-VN #detailRoom #roomCont #roomCont-right .room-tabs a{
        font-size: 10px;
        padding: 5px 2px;
   } 
   body#vi-VN #groupdetail .list .box .readmore .highlight a,
   body#vi-VN #groupdetail .list .box .readmore .readbtn a{
        font-size: 12px;
   }
   body#vi-VN #tourdetail #tourHigh .highlist .highlistr .downloadfull a{
        font-size: 15px;
   }
   body#vi-VN .packdetail .boxtt .contb ul.tabs li a{
        padding: 5px 15px;
    }
}
@media(min-width: 1200px) and (max-width: 1365px){
    .container-padd{
        padding: 0 50px!important;
   }   
   #listrooms .container-padd{
        padding: 0 40px!important;
   }
   .packdetail .box .container-padd{
        padding: 0 30px!important;
   }     
   .blog-featured .articleBody{
        padding: 30px;       
   }
   #detailRoom #roomCont #roomCont-left .item-image,
   #tourdetail #tourCont #tourCont-left .item-image{
       min-height: 400px; 
   } 
   #detailRoom #roomCont #roomCont-right .price .price-right .priceCont strong{
        font-size: 18px;
    }
   .experiences .list .box.col3 .boxcont h2{
       font-size: 20px;
   }
   .experiences .list .box.col2 .boximg{
       height: 300px;
   }
   .experiences .list .box .boximg{
       height: 200px;
   }
   .freedetail .box .boximg{
       min-height: 400px;
   }   
   #grouplist .list .box .boximg{
       height: 300px;
   }
   #groupdetail .list.col2 .box .boximg{
       height: 300px;
   }
   #groupdetail .list .box .boximg{
       height: 200px;
   }
   #groupdetail .list.col3 .box .readmore .highlight a,
   #groupdetail .list.col3 .box .readmore .readbtn a{
       font-size: 12px; 
   }
   #groupdetail.package .list .box .boxcont h2{
        font-size: 19px;
        line-height: 25px;
        padding: 0;
   }
   .news .row .item-image{
        height: 200px;
   }
   .enviroment .list .box .boxtitle{
        width: 25%;   
   }
   .enviroment .list .box .boxcont{
        width: 35%;
   }
   .policytab .box .cont ul.tabs li a{
        font-size: 10px;
   }
   #mainmenu > ul > li{
        margin: 0px 10px;
   }
   body#vi-VN #detailRoom #roomCont #roomCont-right .room-tabs a{
        padding: 5px 5px;
        font-size: 11px;
   }
   body#vi-VN #footer #footer-top #footmenu li a{
        font-size: 13px;
   }
   body#vi-VN #tourdetail #tourHigh .highlist .highlistr .downloadfull a{      
        font-size: 15px;
   }
   body#vi-VN .packdetail .boxtt .contb ul.tabs li a{
        padding: 5px 15px;
   }
}
@media(min-width: 1366px) and (max-width: 1740px){
   .container-padd{
        padding: 0 50px!important;
   }   
   #listrooms .container-padd{
        padding: 0 40px!important;
   }
   .packdetail .box .container-padd{
        padding: 0 30px!important;
   }     
   .blog-featured .articleBody{
        padding: 30px;       
   }
   #detailRoom #roomCont #roomCont-left .item-image,
   #tourdetail #tourCont #tourCont-left .item-image{
       min-height: 400px; 
   } 
   #detailRoom #roomCont #roomCont-right .price .price-right .priceCont strong{
        font-size: 18px;
    }
   .experiences .list .box.col3 .boxcont h2{
       font-size: 20px;
   }
   .experiences .list .box.col2 .boximg{
       height: 300px;
   }
   .experiences .list .box .boximg{
       height: 200px;
   }
   .freedetail .box .boximg{
       min-height: 400px;
   }   
   #grouplist .list .box .boximg{
       height: 300px;
   }
   #groupdetail .list.col2 .box .boximg{
       height: 300px;
   }
   #groupdetail .list .box .boximg{
       height: 200px;
   }
   #groupdetail .list.col3 .box .readmore .highlight a,
   #groupdetail .list.col3 .box .readmore .readbtn a{
       font-size: 14px; 
   }
   #groupdetail.package .list .box .boxcont h2{
        font-size: 19px;
        line-height: 25px;
        padding: 0;
   }
   .news .row .item-image{
        height: 200px;
   }
   .enviroment .list .box .boxtitle{
        width: 25%;   
   }
   .enviroment .list .box .boxcont{
        width: 35%;
   }
   .policytab .box .cont ul.tabs li a{
        font-size: 11px;
   }
   #mainmenu > ul > li{
        margin: 0px 10px;
   }
   body#vi-VN #detailRoom #roomCont #roomCont-right .room-tabs a{
        padding: 5px 5px;
   }
   body#vi-VN #tourdetail #tourHigh .highlist .highlistr .downloadfull a{
        font-size: 15px;
   }
   body#vi-VN #detailRoom #roomCont #roomCont-right .room-tabs a{
        padding: 5px 5px;
        font-size: 12px;
   }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
     #main{
        display: none;
     }   
     .rotalock{
        display: block;
        font-size: 30px;
        text-align: center;
        padding: 50px 20px 20px 20px;
     }   

}
@media screen
and (max-device-width : 1023px)  
and (orientation:landscape) {
    /* Advertising */    
    .gafancybox-overlay-fixed{
        position: absolute;
        overflow: auto;
    }   
    .gafancybox-inner{
        overflow: auto;
        height: auto!important;
    }       
}
/* Advertising */
.gafancybox-inner img{
    width: 100%;
    height: auto!important;
}