@media only screen and (max-width:1660px){
    header{padding: 40px 0 20px;}
}
@media only screen and (max-width:1460px){
  /*  .main_banner {background-size: cover;}  */
}


/* 1366 */
@media only screen  and (max-width:1399px)
{
    header {padding: 20px 0;}
    header .wrapper {padding: 0px 20px;}
    header a.brand {max-width: 245px;display: inline-block;}
    header a.brand img{max-width: 100%;}
    /*.main_banner {min-height: 520px;}*/
    .main_banner .bottom_text h2 {font-size:36px;padding-bottom: 10px;}
    .find_your_style {padding-top: 90px;}
    /*.find_your_style .inner {margin-top: 50px;}*/
    .instagram_photos .col {height: 250px;}
    footer{padding: 50px 20px 20px 20px;}

}
@media only screen and (max-width:1100px) /* container size */
{

}
/* 1024 */
@media only screen and (max-width:1279px) /* if tablet and mobile view is same */
{

    h1{font-size: 45px;}
    h2{font-size: 26px;}
    h3{font-size: 20px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}
    p{font-size: 14px;}
/*    a{font-size: 12px;}*/

    .hotelview h2 {font-size: 16px;}

    header a.brand {max-width: 200px;margin-top: 10px;}
    .book { /* padding-top: 65px; */ }
    .book .wrapper{padding: 0 20px;}
    .logos a {max-width: 150px;}
    .gallary .left_col {height: 550px;}
    .gallary .right_col .col {height: 271px;margin-left: 1.5%;margin-bottom: 7px;}
    .find_your_style {padding-top: 70px;}
    #partners, .setcards, #aboutus {margin-top: 70px !important;}
    .instagram_photos h2 {padding-left: 20px;}
    .instagram_photos {margin-top: 70px;}
    .instagram_photos .col {height: 200px;}

}


/* 1024 iPad portrait */
@media only screen and (max-width:1024px) /* if tablate and mobile view is same */
{
    h1 {font-size: 2.9em;}
    .gray_btn {min-width: 80px;height: 35px;line-height: 35px;font-size:14px}
    #maincol_wide .h1a, #wrapperp1 h2{font-size: 1.6em}
    #hpiclist{float: none; width: 100%; float: none; margin: 0; padding-bottom: 30px;}
    .setcards p{padding-right: 20px;}
    .setcards .col{min-height: 340px;}
    .box1-2 {width:99.5%;height:49.5%}
    .box1-6 {width:49%;margin-right:1%}
    .box1-8 {width:49%;height:24.5%;margin:0.5% 1% 0 0}
/*    #hpiclist img{width: 22%; margin-right: 1%; margin-bottom: 0.5%;} */
    .oPriceBox {float:none !important;width:100% !important;}
    #aboutus, #press {margin-top:70px}

}

@media only screen and (min-width: 768px) and (max-width: 1024px)
{


    h1{font-size: 40px;}
    h2{font-size: 24px;}
    h3{font-size: 20px;}
    h4{font-size: 14px;}
    h5{font-size: 13px;}
    h6{font-size: 12px;}
    p{font-size: 14px;text-align:left}
/*    a{font-size: 12px;} */

    .hotelview h2 {font-size: 14px;}

    header a.brand {margin-top: 10px;}
    header nav ul li {padding: 0 6px;line-height: 15px;}
    header nav {padding-top: 16px;}
/*    .main_banner .rslides li{height: 450px;} */
/*    .main_banner {min-height: 400px;} */
    .main_banner .bottom_text h2 {padding-bottom: 10px;font-size:30px}
    .main_banner .bottom_text .arrow_left,.main_banner .bottom_text .arrow_right{max-width: 30px; top: calc(50% - 60px);}
    .main_banner .bottom_text .arrow_left img,.main_banner .bottom_text .arrow_right img{max-width: 100%;}
/*    .main_banner .bottom_text {padding: 50px 0;bottom: 40px;} */
    .find_bar select {min-width: 200px;}
    .find_bar .wrapper {padding: 0px 20px;}
    .find_bar h2,.select_box{vertical-align: middle;}
    .find_bar h3 {margin-top: 5px;}
    .find_bar {padding: 15px 0;margin-bottom: 90px;}
    .book h2 {font-size: 20px;}
    .book .map{height:auto}
    .book .right_col .col {width: 190px;margin: 0 auto;}
    .book .right_col .col img{max-width: 100%;}
    .book .left_col h2, .book .left_col h3, .book .left_col a {margin-left: 30px;margin-right: 40px;}
    .book .right_col .col h3 {margin-top: 18px;}
    .book h3 {font-size: 17px;line-height: 27px;}
    .gallary {margin-top: 60px;}
    .gallary .left_col {height: 300px; width: 100%;float: none;margin-bottom: 7px;}
    .gallary .right_col{width: 100%;float: none;}
    .gallary .right_col .col{margin-left: 0px;margin-right: 1%;width: 49.5%;}
    .gallary .right_col .col:nth-child(2n){margin-right: 0px;}
    .find_your_style .col h4 {margin-top: 2px;}
    .luxury_ceo .inner .col .img_col {height: 200px;}
    .news_latter {padding-top: 70px;}
    .instagram_photos .col {height: 160px;}
    footer .col {padding-right: 5px;}

}

/* 768 */
@media only screen and (max-width:767px)
{

/*    h1{font-size: 30px;} */
    h1 {font-size: 1.9em;display: block;float: none;width: 100%; margin-top: 40px; padding: 0;}
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 14px;}
    h5{font-size: 12px;}
    h6{font-size: 10px;}
    p{font-size: 16px;text-align:left;line-height:1.3em;}
    a{font-size: 16px;}
    h2 a{font-size: 100%}

/*
    input[type=checkbox], input[type=radio] { margin-top:10px;margin-bottom:10px } 
    #na {max-height: 400px;}
    #sa, #as {max-height: 180px;}
    #eu {max-height: 905px;}
    #af {max-height: 185px;}
    #au {max-height: 80px;}
*/

    .linklist a { margin-bottom: 15px; }

    .hotelview h2 {font-size: 14px;}

    .main_banner {background-size: contain;}
    .main_banner .rslides li{height: auto;}
    .main_banner .rslides li a{height: auto;}
    .menu1 {position: absolute;right: 20px;top: 9px;width: 36px;height: 36px;z-index: 9999;}
    .menu1 span{position: absolute;width: 100%;height:3px;background-color: #fcb043;top: 48% ;transition: 0.4s ease all;-moz-transition: 0.4s ease all;-o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;}
    .menu1 span:before,.menu1 span:after{content: ''; position: absolute;width: 100%;height:3px;background-color: #fcb043;top: 10px;transition: 0.4s ease all;-moz-transition: 0.4s ease all;-o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;}
    .menu1 span:before{bottom: 10px; top: auto}
    .menu1.active {position: fixed;top: 12px;}
    .menu1.active span{background-color: transparent}
    .menu1.active span:before,.menu1.active span:after{top: 0;transform: rotate(45deg);background-color: #000;}
    .menu1.active span:before{transform: rotate(-45deg);}
    header nav{position: fixed !important;left: 0;top: 0;width: 100%;height: 100%;opacity: 1;visibility: visible;-moz-transition: 0.5s ease all;-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; transform: translateX(100%) !important; z-index: 99999; margin-top: 0px !important; z-index: 999 !important;padding-left: 0px !important;background: rgb(180,186,1);background-color: #b4c786}
    header nav.active{opacity: 1;visibility: visible;transform: translateX(0%) !important;} 
    header nav .dropdown{display: none;}
    header nav a:active, header nav a:hover{color: #fff !important;} 
    header a.brand {max-width: 120px;margin: 5px 0px;}
    header {padding: 10px 0;}
    header nav {padding-top: 65px;}
    header nav ul{display: block;}
    header nav ul li{display: block;}
    header nav ul li a{display: block;text-align: center;padding: 5px 0px;font-weight: 500;}
    .mob {display: inline-block;position: absolute;right: 70px;top: 5px;list-style: none;}
    .mob .dropbtn {border: none;cursor: pointer;background: url(../images/arrow_down.png) no-repeat right 7px;padding-right: 30px;}
    .mob .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 110px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;right: -15px;top: 46px;}
    .mob .dropdown-content a {color: black;padding: 5px 10px;text-decoration: none;display: block;text-align: center;}
    .mob .dropbtn:hover{color: #c9ce4a;}

    .find_bar .wrapper{text-align: center;}
    
    .main_banner .bottom_text h2 {padding-bottom: 10px;max-width: 300px;margin: 0 auto;font-size:18px;}
    .main_banner .bottom_text h3 {font-size:14px;margin:0}
    .main_banner .bottom_text .arrow_left{left: 5%;}
    .main_banner .bottom_text .arrow_right{right: 5%;}
    .main_banner .bottom_text .arrow_left,.main_banner .bottom_text .arrow_right{max-width: 30px;    top: calc(50% - 60px);}
    .main_banner .bottom_text .arrow_left img,.main_banner .bottom_text .arrow_right img{max-width: 100%;}
/* 
    .main_banner .bottom_text {height:100px;padding: 15px 0;bottom: 0px;left: 0;right: 0;position:absolute;background: rgba(0, 0, 0, 0.7);}
  */
    .main_banner .bottom_text {bottom: 0}
    .main_banner .rslides_nav.rslides1_nav{height: 65px;top:70%;}
    .main_banner .rslides h1{font-size: 19px;}
    /* .main_banner {min-height: 380px;}*/
    .main_banner .rslides li a {display: block;background: none !important;}
    .main_banner .rslides li a img, .main_banner img {display: block; /* margin-bottom: 100px;*/ }
    .find_bar { width:65%; min-width:325px; padding: 15px 0; margin: -20px auto 50px; 
      -webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.5);
      -moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.5);
      box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.5);
    }
    .find_bar h3 {margin-bottom: 5px;text-align: center;display: block;}
    .find_bar .select_box{display: block;text-align: center;}
    .find_bar .select_box img{width:16px}
    .find_bar {padding: 30px 0;}
    .book .left_col,.book .right_col{width: 100%;float: none;}
    .book {padding-top: 40px;}
    .book .left_col h2, .book .left_col h3, .book .left_col a {margin-left: 0;}
    .book h2 {;margin-bottom: 15px;}
    .book .map{height:auto}
    .map_section .mapText {font-size: 10px;line-height: 5px;padding: 8px 5px;min-height: 24px;min-width: 25px;padding-top: 8px;}
    .book .left_col h2 {margin-bottom: 10px;}
    .book .left_col h3 {margin-top: 28px;margin-bottom: 15px;}
    .book .right_col h2 {margin-bottom: 18px;margin-top: 20px;}
    .book .right_col .col {width: 100%;margin: 0;text-align:center}
    .book .right_col .col img{max-width: 100%;}
    .book .right_col .col h3 {margin-top: 5px;}
    .book .right_col .col a {margin-top: 10px;}
    .gallary {margin-top: 35px;}
    .gallary .left_col {height: 150px;width: 100%;float: none;margin-bottom: 5px;}
    .gallary .right_col{float: none;width: 100%;}
    .gallary .right_col .col{float: left;width: 100%;margin-left: 0px;height: 150px;margin-bottom: 5px;}
    .gallary .right_col .col+.col+.col{margin-bottom: 5px;}
    .gallary .col h3 {font-size: 20px;}
    .gallary .col p {margin-top: 2px;line-height: 15px;}
    .gallary .col .text {padding-top: 12px;padding-bottom: 10px;}
    .find_your_style {padding-top: 20px;}
    .find_your_style .wrapper>p {line-height: 20px;margin-top: 10px;}
    .find_your_style .inner {margin-top: 30px;}
    .find_your_style .col {width: 50%;min-height: 112px;margin: 40px auto 12px;}
    .find_your_style .col img{max-width: 50px;margin: 0 auto;}
    .find_your_style .col h4 {margin-top: 2px;}
    .find_your_style .col p {margin-top: 2px;}
    .setcards .col {min-height:375px}
    .luxury_ceo {padding: 0px 20px;padding-top: 24px;margin-top: 0;padding-bottom: 0;}
    .luxury_ceo .wrapper {padding: 0;}
    .luxury_ceo .wrapper>p {line-height: 20px;margin-top: 14px;}
    .luxury_ceo .inner {margin-top: 25px;}
    .luxury_ceo .inner .col {width: 100%;margin-right: 0;float: none;margin-bottom: 15px;}
    .luxury_ceo .inner .col .img_col {height: 150px;}
    .luxury_ceo .inner .col h3 {font-size: 16px;margin-top: 10px;}
    .luxury_ceo .inner .col p {margin-top: 1px;margin-bottom: 10px;}
    .news_latter {padding-top: 35px;}
    .news_latter {padding: 50px 20px;}
    .news_latter p {margin-top: 5px;margin-top: 10px;margin-bottom: 15px;line-height: 20px;}
    .news_latter .inp {height: 45px;width: 80%;padding-left: 10px;font-size: 14px;border-radius: 4px;margin-bottom: 12px;}
    .news_latter .sub {width: 150px;line-height: 45px;height: 45px;font-size: 14px;letter-spacing: 1.5px;}
    .news_latter .icon {margin-top: 25px;}
    .news_latter .icon h3 {letter-spacing: 2px;margin-bottom: 10px;}
    .news_latter .icon a {width: 35px;height: 35px;margin: 0px 1px;font-size: 18px;line-height: 35px;}
    .logos {margin-top: 25px;}
    .logos h3 {margin-bottom: 15px;}
    .logos a {width: 45%;}
    #press {margin:70px auto 70px}
    .instagram_photos {margin-top: 20px;padding-top: 25px;}
    .instagram_photos h2{margin-bottom: 15px;font-size:22px;}
    .instagram_photos .inner{padding:0 15px;}
    .instagram_photos .col {height: auto;width: 47%; margin-bottom: 9px; float: none; display: inline-block; margin-right: 4%;}
    .instagram_photos .col:nth-child(2n){margin-right: 0;}
    .instagram_photos .col a{display: block;}
    .instagram_photos .col img{height: auto;}
    footer {padding: 40px 20px 20px 20px;}
    footer .col {width: 50%;float: left;min-height: 200px;}
    footer .col h4 {;margin-bottom: 10px;}
    footer p {font-size: 10px;margin-top: 12px;line-height: 13px;}
    .book .right_col .col img{margin: 0px;}
    .book .left_col h3{margin: 0px;}



    header #logobox {max-width: 180px;margin: 5px 0px;}
    ul.rex-navi1 li.rex-current a, ul.rex-navi1 a:hover {color: #373333; border-bottom: 1px solid #000}



    /**** page2 section  ****/

    a.nmodal { position: relative; }
    #wrapperp1 img.lupe { margin: 0; position: absolute; top: 30px; left: 20px; opacity: 1; z-index: 9; }
    .h_gal{float:none;width:100%}
    #hpiclist img { width: 30%;margin-right:5px}
    #vhdesc { margin-top: 10px; width:100%}
    #h_price, #h_adrs, .hotelmap{width:100%}

   /* 2 column display with 2% margin in between */
   .width50{width:30% !important}
   .width50r{margin-right:5px !important}


}

@media (max-height: 500px)
{

}

@media (max-width:600px)
{
    header { padding: 10px 0 5px; }
    .main_banner .bottom_text{min-height:20%;padding: 10px 0;bottom: 10%;}

    footer .col {width:100%;border-bottom: 1px solid #e9c300; margin-bottom: 10px;}
    .floatRight {width:100% !important;margin:10px auto}
    .box1-2, .box1-3, .box1-6, .box1-8 {width: 100%;}
    .box1-8 {height: 35%;margin-top:5px}
    .gallary{overflow:visible}
    .oPriceText {margin-bottom:15px;} 
    #partners .inner a { max-width: 30%;}
}

@media (max-width:415px)
{
    h1 {font-size: 22px;padding-bottom: 0;}
    .btn{min-width:150px}
    /* .main_banner .rslides li a img{margin-bottom:70px} */
    .main_banner .rslides_nav.rslides1_nav{height: 50px; /* top:73%; */ }
    .main_banner .rslides_nav.rslides1_nav.prev{left: 7%;}
    .main_banner .rslides_nav.rslides1_nav.next{right: 7%}
    .main_banner .bottom_text{height:70px;padding: 10px 0;}
    .main_banner .bottom_text h2{padding:0;}
    .find_bar { margin-bottom: 10px }
    .find_your_style .col{margin:20px auto}
    .instagram_photos .inner{padding:0}
    #instabox .column{width:32.8% !important;margin:0 0.5% 0.5% 0 }
}