@media screen and (-webkit-min-device-pixel-ratio:0) {
    .boxBooking label{width: 44px;}
    .bookingDetail {width: 316px;}
    .bookDestination{width: 252px}
}
@media only screen and (min-width: 789px){
    .btn-m,
    .m-mainnav,
    .m-copyright,
    .m-copyrighthome,
    .m-bookingnow,
    .m-footer,
    .m-footer2,
    .m-nav
    {display:none}}
@media only screen and (min-width: 500px) and (max-width:789px){
    .Boxbody{
        width:50%!important;
        float:left!important;
    }
}
@media only screen and (min-width: 320px) and (max-width:789px){
    .mainnav,
    .copyright,
    .navigasi2,
    .footer2,
    .bookingnow,
    .BookNowInside,
    .nav {
        display:none
    }
    .m-bookingnow{
        position:absolute;
        color:#fff;
        height:40px;
        border-left:1px solid #333;
        padding:5px;
        line-height:30px;
        top:0px;
        right:0px;
    }
    .m-Boxbooking{padding:20px;}
    .m-copyrighthome{
        width:100%;
        position:absolute;
        bottom:0px;
        left:0px;
        height:40px;
        padding-top:10px;
        background:#000;
        text-align:center;
        color:#fff;
        border-top:1px solid #666;
        font-size:10px;
    }
    .m-copyright{
        height:40px;
        padding-top:10px;
        background:#000;
        text-align:center;
        color:#fff;
        border-top:1px solid #666;
        font-size:10px;
    }
    .m-copyrighthome a:link,.m-copyrighthome a:visited,
    .m-copyright a:link,.m-copyright a:visited{color:#fff}
    .menuPage {
        position:relative;
        width:100%;
        left:0;
        height:12px;
        margin-top:10px;
        margin-bottom:20px;
    }
    .Boxbody{
        width:100%;
        min-height:165px;
        float:none;
        margin-bottom:20px;
    }
    .FourBox{height:auto!important;}
    .detailPage{
        width:90%;
        padding:5%;
        color:#f2f2f2;
        text-align:justify;
    }
    .imagesBanner{
        position:relative;
        width:100%;
        min-height:100px!important;
        margin-bottom:10px;
    }
    .imagesBanner img{
        position:relative;
        width:100%;
        height:auto;
    }
    .titlePage,.titlePage span{
        font-size:20px;
        height:40px;
        letter-spacing:2px;
        text-align:center;
        width:100%;
        margin:0px;
        padding:0px;
    }
    .BoxTitleForm,.BoxInputForm,.BoxTitleForm-modul{padding:0;margin:0;width:100%;float:none;}
    .menuPageContent{
        width:80%;
        padding:0;
        margin:0;
    }
    .menu_border{background:none}
    .m-mainnav ul{padding:0;margin: 0;background: #000000;}
    .m-mainnav li{
        display: block;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #333;
        text-indent: 20px;
        color: #fff;
    }
    .m-mainnav a{color:#fff}
    .btn-m{
        color: #f5f5f5;
        height: 40px!important;
        line-height: 40px;
        text-indent: 20px;
        background:#000 url(../img/m-menu.png) right center no-repeat;
        width: 100%;
        height: 25px;
    }
}