
/* ******************************************************************** */
/*                      media queries                                  */
/* ******************************************************************** */

@media print{
 /*hide the left column when printing*/
 #leftcol{display:none;}

 /*hide the right column when printing*/
 #rightcol{display:none;}
 #onecol, #twocols, #maincol, #maincol_wide {width:100%; float:none;}
}

@media only screen and (min-width: 1280px) {
 #pagewidth {width:97%;max-width: 1330px;}
 #logobox {max-width: 430px;}
 #headerrp1 {width:775px;margin-top: 30px;}
 #navip1 {margin-top:20px;}
 .partnerbanner { height: 120px; }
 #nav-bottom {max-width: 1160px;}
/* .oPicBox { width:375px !important; } */
 .oTextBox { width:100% !important; float:none !important;padding-left:430px; }
 #hotelOffers .oTextBox {padding-left: 0}
 .hentrypic {max-width: 450px;width: 33%}
 #hpiclist {width:100%;}
 .newspic_v { max-height: 293px; }
/* .hotelmap {max-width: 500px;} */
}

@media only screen and (max-width: 980px) {
 .liList ul li {width: 30% }
}

@media only screen and (max-width: 768px) {
 #leftcol {display:none;}
 #naviobn {display:block;}
 #navip1 ul.rex-navi1 li {padding:0;}
 #social-box {margin:0;height:28px;}
 #onecol {padding:0;}
 .onethird, .twothirds {width:100%;margin:0;padding:0;border:0;}
 #themebox .onethird { width:100%; }
 #themebox .onethird img { max-width:330px; }
 #searchbox {width:205px;}
 .onefourth { width: 50%; }
 .nav-bottom1 { width: 33% !important; }
 .btn {}
 #mapBanner { margin-top: 0; }
 .oPicBox { width:100% !important; max-width: 100% !important;}
 .oTextBox { width:100% !important; }
 #filteroptions {width: 100% !important;float: none !important;clear:both;}
 .filterbox {width: 47%;margin-right:2%;float:left;}
 #banners {display:none; /* width: 47%;margin: 0 4% 80px 0;float:right;*/ }
 #conti { width:100%; }
 #maplink1 {display:none;}
 #map_canvas {height:300px !important;}
/* .hotelmap {max-width:400px;}*/
 .w_2-3 { width: 100% }
 .w5s { width: 50%; }
 .plaincol { width: 100% }
 .hentrypic {width:100%;max-width: 200px;}
 .hentrytext {width:95%;}
 #paspartout {width:100%;margin:0;}
 #hpiclist {width:238px;}
 #searchbox { 
   position:relative;
   top:0; 
   left:0; width:100%;
   margin: 10px 0;
   padding:10px 20px;
   background: #FFF7E4;
   border: 1px solid #FFF68E;
 }
 .liList { padding: 13px 0px 13px 0px;}
 .liList ul li {width: 47% }
}

@media only screen and (max-width: 415px) {
 .col {border-bottom: 1px solid #e9c300;margin-bottom: 22px;}
 #logobox {width:100%;}
 #headerr {width:100%;}
 #headerrp1 {width:100%;}
 #hpiclist {width:188px;}
 .w5, .w5s { width: 100% }
 .liList ul li { width: 47%; }
 .flex-caption { display: none; }
}

@media only screen and (max-width: 360px) {
 .liList ul li { width: 100% }
}

