@media only screen and (max-width:1660px){
/*    header{padding: 40px 0;} */
}
@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 .bottom_text {bottom:33%;padding:2%} 
 */
    .main_banner .bottom_text h2 {font-size:16px;}
    .main_banner .bottom_text h3 {font-size:16px}
    .find_your_style {padding-top: 90px;}
    .find_your_style .inner {margin-top: 50px;}
    .instagram_photos .col {height: 250px;}
    footer{padding: 50px 20px 20px 20px;}

}


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

    .go-top { bottom: 1em; right: 0.5em; opacity:0.85;}
    .go-top:hover {color:#f9a80b !important}
}


/* 1280 */
@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;}
    #p1About ul, #p1About li { font-size: 14px;}

    .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;}
    .gallary h2{font-size:36px;}
    .find_your_style {padding-top: 60px;}
    .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 */
{
   #logo-p1 { width: 288px }
   #navbox { max-width:50% }

    .gray_btn {min-width: 80px;height: 35px;line-height: 35px;font-size:14px}
    h1{font-size: 28px;} 
    h2{font-size: 24px;}
    h3{font-size: 20px;}
    h4{font-size: 14px;}
    h5{font-size: 13px;}
    h6{font-size: 12px;}
    p{text-align:left}

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

    #hpiclist{float: none; width: 100%; float: none; margin: 0; padding-bottom: 30px;}
    .setcards p{padding-right: 20px;}
    .box1-2 {width:99.5%;height:49.5%}
    .box1-4 {width:49%;height:49.5%;margin:0.5% 1% 0 0}
    .box1-8 {width:49%;height:24.5%;margin:0.5% 1% 0 0}
    .oBox2 {grid-template-columns: 45% auto !important;grid-gap: 5%;}
    .oPriceBox {float:none !important;width:100% !important;}
    .nyroModalCont {min-height:70% !important;}

    .liList ul li { width: 31%; }
}

@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 .bottom_text h2 {font-size:14px}
    .main_banner .bottom_text h3 {font-size:14px;line-height:1.5em}
    .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%;}
    .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: 25px 10px;margin:-15px auto 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: 50px;}
    .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%}
    #p1About ul, #p1About li { font-size: 16px;}

    #maincol, #maincol_wide { margin:0 }

    .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:15px; top: 9px;width: 36px;height: 36px;z-index: 9999;}
    .menu1 span{position: absolute;width: 100%;height:3px;background-color: #fcb043;top: 48%;left:0;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;left:0;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);}

    #lang_nav {display:none}

    header {padding: 10px 0;height:115px;}
    header nav, #lang_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;text-decoration:none} 
    header a.brand {max-width: 120px;margin: 5px 0px;}
    header nav {padding-top: 65px;}
    header nav ul{display: block;}
    header nav ul li, ul.rex-navi1 li {display: block;float:none}
    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: 15px;list-style: none;}
    .mob .dropbtn {border: none;cursor: pointer;background: url(/images/arrow_down.png) no-repeat right 7px;padding-right: 20px;}
    .mob .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 110px;min-height: 72px;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.2);z-index: 100;right: -15px;top: 30px; padding:10px} 
    .mob .dropdown-content a {color: black;padding: 5px 10px;text-decoration: none;display: block;text-align: center;}
    .mob a:hover {color: #c9ce4a;}
    .mob a:active {color: #560 }
    
    .find_bar .wrapper{text-align: center;}
    .main_banner .bottom_text h2 {padding-bottom:0px;max-width: 600px;margin: 0 auto;font-size:15px;}
    .main_banner .bottom_text h3 {font-size:14px;margin:0;line-height: 1.2em;}
    .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:60px;padding:5px 0 0;bottom:0px;left: 0;right: 0;position:absolute;background:rgba(150, 130, 120, 0.8); }
  */  
    .main_banner .rslides_nav.rslides1_nav{height: 55px;top:35%;}
    .main_banner .rslides h1{font-size: 19px;}
    .main_banner .rslides li a {display: block;background: none !important;}
    .main_banner .rslides li a img, .main_banner img {display: block; /* margin-bottom: 60px;*/ }
    .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}
    .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;}
    .box1-2, .box1-3, .box1-4, .box1-6 {height: 32%;}
    .box1-8 {height: 16%;}
    .box1-3 {width:99%;margin-right:1%}
    .box1-6 {width:49%;margin-right:1%}
    .gallary {margin-top: 35px;height:920px;}
    .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;font-weight:bold;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;}
    #partners, .setcards, #aboutus {margin-top: 50px}
    .logos {margin-top: 25px;}
    .logos h3 {margin-bottom: 15px;}
    .logos a {width: 45%;}
    #press {margin:70px auto 70px}
    #press .inner{margin: 20px auto 0; width: 480px;}
    .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;}

   .selBtn { margin: 20px}

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



    /**** 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%}
   
    .liList ul li { width: 47%; }


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


    /**** forms ****/

    .g-recaptcha {margin-left: 0;}
    .submit {margin-left: 0;}
    .w2 {width:50% !important;}
    .w5 {width:100% !important;}


}


@media (max-width:600px)
{
    .wrapper { padding: 0px 10px; }
    #logo-p1 {margin: 10px auto 0 0px;width: 70%; max-width:288px; }
    footer .col {width:100%;border-bottom: 1px solid #e9c300; margin-bottom: 10px;}
    #footer #coops img { width: 30%; }
    #footer #press img { width: 32% !important; height: auto !important; }
    .floatRight {width:100% !important;margin:10px auto}
    .box1-2, .box1-3, .box1-4, .box1-6, .box1-8 {width: 100%;}
    .box1-8 {height: 35%;margin-top:5px}
    .gallary{overflow:visible}
.nav-bottom1 { width: 45% !important;margin-right:4%}
.nav-bottom1 h5 { font-size: 16px;line-height:1.3em}
.nav-bottom1 li {font-size:14px;}
.nav-bottom1 a {font-size:14px;}
    .oBox2 {display:block !important}
    .oPrice {
      grid-template-columns: 100% !important;
      min-width:0 !important;
    }
    .oPriceText {margin-bottom:15px;} 
}

@media (max-width:415px)
{
    h1 {font-size: 22px;padding-bottom: 0;}
    h2 {font-size: 22px !important;text-transform:initial !important;}
    .btn{min-width:150px}
    .mob {display: inline-block;position: absolute;right: 10px;top: 60px;list-style: none;}
 
    /* .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{display:none; /* left: 7%;*/}
    .main_banner .rslides_nav.rslides1_nav.next{display:none; /* right: 7%;*/}
/*
    .main_banner .bottom_text{height:55px; bottom:5px; }
    .main_banner .bottom_text h2{padding:0;font-size:14px !important;font-weight:normal;font-family:inherit;text-transform: uppercase !important;color:#f7f7f3;} 
    .main_banner .bottom_text h3{padding:0;font-size:13px !important;font-weight:400;font-family:inherit;color:#f7f7f3;}
*/
    .main_banner .bottom_text { display:none }
    .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 }

    #social-box {height: 170px;}
    #news-box {margin: 15px 15px 0 !important;}
    #press .inner{width: 330px;}
    .liList ul li { width: 100%; }
}