@media only screen and (max-width:767px){
body {font-family: 'Lato', sans-serif;}
.banner {position:relative;}
.banner img { display:none;}
.banner .container { padding:0!important;}
.hotel-heading { color:#fdda60; font-size:20px; text-align:center; margin:0 0 10px 0; font-family:Playball;}
.form-bg label{ color:#fff;} 
.form-bg {width:100%; z-index:99;}
.form-area { background:#000; padding:10px; overflow:hidden;}
.form-group { margin:0 0 8px 0!important; float:left; display:inline-block; }
.form-group.space { margin-right:8px!important;}
.form-group.autowidth { width:100% !important; }
.form-group.middlewidth { width:48.6% !important;}
.form-group.ful-mob-width { width:100%!important;}
.form-group.ful-mob-width.space { margin-right:0!important}
.form-group.smallwidth { width:48.6% !important;}
.form-group.newautowidth { width:48.6% !important; }
.form-group.searchwidth { width:100%; display:inline-block; margin:5px 4px 0 0!important;}
.form-group.newsmallwidth { width:47.3%; display:inline-block; margin:0 2px 10px 0;}
.slctbx label,.txtbxhtl label,.dtepik label {width:100%; font-size:12px; color:#666; line-height:14px; font-weight:normal;}
.room1 .slctbx {float:left; margin-left:1%;}
.slctbx option {font-size:14px; color:#494949; padding:4px 0; width:auto;}
.txtbxhtl.child1 {width:21%;}
.dtepik.child1 {width:16%;}
.slctbx.child1 {width:48.5%;}
.txtbxhtl.child2 {width:18%;}
.dtepik.child2 {width:13%;}
.slctbx.child2 {width:48.8%;}
.room1 {width:100% !important;}
.room2 { width:100% !important; float:left; clear:both; margin:0 0 0 0; padding-bottom:0 !important; }
.room2_details{ float:left; width:100%; color:#fdda60; font-size:15px; padding:0 0 0 0}
.room2 .slctbx { float:left; margin-left:1%;}

/*====search listing ends*/
.container h2 { color:#00629b; font-size:18px; margin:15px 0 15px 0; color:#333; text-transform:uppercase; line-height:22px; text-align:center;}
.container h2 span { color:#999; font-size:15px; text-transform:none;}
.container h3 { color:#00629b; font-size:18px; margin:0 0 10px 0; color:#333; text-transform:uppercase; line-height:22px; text-align:center;}
.container h3 span { color:#999; font-size:15px; text-transform:none;}
.container h4 { color:#00629b; font-size:18px; margin:15px 0 15px 0; color:#333; text-transform:uppercase; line-height:22px; text-align:center;}
.container h4 span { color:#999; font-size:15px; text-transform:none;}
.review {  margin: 20px 0 20px 0;}

.hotels-bg { overflow:hidden;}
.hotels-head { background:#e4f0f7; color:#2e8ac0; height:40px; font-weight:bold; font-size:14px; line-height:40px; padding:0 15px 0 15px}
.hotels-row { border-bottom:1px dashed #b5b5b5; padding:12px 15px 12px 5px; overflow:hidden; font-size:14px;}
.hotels-row:hover { background:#f4f0f0;}
.hotels-row.last { border-bottom:none; padding:12px 15px 12px 5px; overflow:hidden; font-size:14px;}
.hotels-col-1 { float:left; width:25%; margin:0 1% 0 0;}
.hotels-col-1 .name-show {}
.hotels-col-1 .name-hide { display:none;}
.hotels-col-2 { float:left; width:19%; margin:0 1% 0 0; }
.hotels-col-3 { float:left; width:19%; margin:0 1% 0 0;}
.hotels-col-4 { float:left; width:19%; margin:0 1% 0 0;}
.hotels-col-5 { float:left; width:13%; margin:0 1% 0 0; }
.hotels-col-5 span { display:none;}
.hide-480 { margin:0; padding:0;}
.hotels-name { float:left; width:25%; margin:0 1% 0 0;}
.hotels-name span { padding:0 5px 0 5px}
.hotels-city { float:left; width:19%; margin:0 1% 0 0;}
.hotels-rating { float:left;  width:19%;; margin:0 1% 0 0;}
.hotels-rating span { padding:0 2px 0 0;}
.hotels-price { float:left;  width:19%; margin:0 1% 0 0; color:#bb0a03 !important; text-align:left;}	
.hotels-price span{ padding:0 0 0 5px; color:#8c8c8c; font-size:14px; font-weight:normal;}
.hotels-buy { float:left; width:13%; margin:0 1% 0 0;}	
.hotels-buy .btn { width:90px; font-size:14px; height:32px; line-height:29px; border:1px solid #d0d0d0; background:#fff; color:#888}
.hotels-buy .btn:hover { background:#09a6da; border:1px solid #09a6da; color:#fff;}
.hotels-fare span { color:#333 !important;}	

.hotel-silder-bg { background:url(../img/hotels-slider-bg.jpg) no-repeat; background-size:100% 100%; margin:0 0 0 0; padding:0 0 15px 0}
.slider-block { width:31%; float:left; border:1px solid #FFF; overflow:hidden; margin:10px 0 0 0; padding-bottom:5px;  border-bottom:1px solid #c7c7c6; }
.slider-block.last { margin:10px 0 0 0;}
.slider-block .hotel-img { padding:0;}
.slider-block .hotel-img img { width:100%;}
.slider-block .detail-bg {overflow:hidden;}
.slider-block .name { float:left; width:60%; color:#1e7cb4; font-size:16px; padding:5px 0 0 0;}
.slider-block .location { float:left; width:67%; background:url(../images/hotels/location-icon.png) 0 4px no-repeat; color:#777; font-size:13px; padding:2px 0 0 20px;} 
.slider-block .star { width:35%; padding:0; margin:0 0 12px 0}
.slider-block .deal { text-align:right;padding:0 0 0 0; color:#666; font-size:14px; margin:5px 0 14px 0}
.slider-block .price-bg { float:right; width:30%;overflow:hidden; padding-bottom:5px;}
.slider-block .facility { float:left; width:45%; border-right:1px solid #c7c7c6; padding:14px 0 0 8px }
.slider-block .facility .fa { color:#b2b2b1; padding:0 10px 11px 0; font-size:19px;}
.slider-block .price { color:#b71d00; text-align:right; font-weight:bold; font-size:17px; padding:12px 0 0 0;  margin:0; line-height:14px;}
.slider-block .price span { color:#b0b0b0; font-size:14px; font-weight:normal;}
.slider-block .price .pn-show { display:inline; font-size:12px;}
.slider-block .price .pn-hide { display:none;}
.slider-block .details  {text-align:right; }
.slider-block .details .btn { border:1px solid #c7c7c6; background:#fff; margin-top:8px; height:32px; width:80px; color:#888; line-height:30px; font-size:15px;}
.slider-block .details .btn:hover { background:#09a6da; border:1px solid #09a6da; color:#fff;}

.promo-bg { margin:0; background:url(/content/images/hotels/hotel-promo-bg.jpg) no-repeat; text-align:center; padding:15px 0 }

.top-dest-bg { background:#efeded; padding:0 0 25px 0;}
.top-hotels { float:left; width:100%; margin:15px 0 0 0; padding:0 0 15px 0}
.pop-hotels { float:right; width:100%; margin:15px 0 0 0; padding:0 0 15px 0 }
.top-hotels .top-hotel-img img{ width:100%;}
.top-hotels .hotel-row { border-bottom:1px dashed #d5d5d5; padding:12px}
.top-hotels .hotel-row:hover { background:#f9f7f7; border-bottom:1px dashed #d5d5d5; padding:12px}
.top-hotels .name { width:42%; float:left; margin:0 2% 0 0; font-size:15px; line-height:20px;}
.top-hotels .name span { color:#777777; font-size:16px; }
.top-hotels .rating { width:32%; float:left;  margin:0 2% 0 0}
.top-hotels .rating span { padding:0 2px 0 0;}
.top-hotels .price { width:20%; float:left; margin:0 2% 0 0; text-align:right; color:#b71d00; font-weight:bold; font-size:17px; line-height:18px;}
.top-hotels .price span { color:#777777; font-size:14px; font-weight:normal; }

.pop-hotels-blk { float:left; width:30%; margin:0 3.5% 4% 0; background:#d7d7d7; }
.pop-hotels-blk img { width:100%;}
.pop-hotels-blk img:hover { background:#999;}
.pop-hotels-blk.last { width:30%; margin:0 0 4% 0; }
.pop-hotels-blk .pop-image { position:relative;}
.pop-hotels-blk .pop-image .txt { position:absolute; bottom:5px; font-size:15px; color:#FFF; left:5px; text-shadow:1px 1px 1px #000; }

.tab-pane .block { float:left; width:25%; margin:15px 0 0 0;}
.tab-pane .block ul { margin:0; padding:0 0 0 15px;}
.tab-pane .block ul li { margin:0; padding:0; list-style:url(../img/list-bull.gif); line-height:25px;}

.mask-hotels { display:none;}
.list-cities { border:1px solid #c7c7c6; overflow:hidden;}
.block { float:left; width:50%; margin:0 0 0 0; padding:0 5px;}
.block ul { margin:0; padding:0 0 0 15px;}
.block ul li { margin:0; padding:0; list-style:url(/content/images/list-bull.gif); line-height:27px; text-transform:uppercase; font-size:12px;}
.block ul li a {}
.block ul li a:hover {}
.block ul li span { color:#999}
}	

@media only screen and (max-width:600px){
.tab-content { padding:0 !important}
.review {  margin: 20px 0 20px 0;}
.hotels-bg { overflow:hidden;}
.hotels-head { background:#e4f0f7; color:#2e8ac0; height:40px; margin:15px 0 0 0; font-weight:bold; font-size:14px; line-height:40px; padding:0 0 0 8px}
.hotels-row { border-bottom:1px solid #b5b5b5; padding:12px 0 12px 0; overflow:hidden; font-size:14px;}
.hotels-row:hover { background:#f4f0f0;}
.hotels-row.last { border-bottom:none; padding:12px 0 12px 0; overflow:hidden; font-size:14px;}
.hotels-col-1 { float:left; width:65%; margin:0 0 0 0; }
.hotels-col-1 .name-show {display:none;}
.hotels-col-1 .name-hide { display:inline;}
.hotels-col-2 { display:none;}
.hotels-col-3 { display:none;}
.hotels-col-4 { display:none;}
.hotels-col-5 { float:left; width:35%; margin:0 0 0 0; }
.hotels-col-5 span { display:inline}
.hide-480 { margin:0; padding:0; float:left;  width:100%;}
.hotels-name { float:left; width:100%; margin:0 0 0 0; border-bottom:1px dashed #b5b5b5; padding:3px 0 3px 8px }
.hotels-city { float:left; width:100%; margin:0 0 0 0; border-bottom:1px dashed #b5b5b5; padding:3px 0 3px 8px }
.hotels-rating { float:left; width:100%; margin:0 0 0 0; border-bottom:1px dashed #b5b5b5; padding:3px 0 3px 8px }
.hotels-rating span { padding:0 2px 0 0;}
.hotels-price { float:left; width:56%; margin:0 1% 0 0; color:#bb0a03 !important; padding:14px 0 0 8px}	
.hotels-price span{ padding:0 0 0 5px; color:#8c8c8c; font-size:14px; font-weight:normal;}
.hotels-buy { float:right; width:28%; margin:0 15px 0 0; padding:8px 0 0 0}	
.hotels-fare span { color:#333 !important;}	
.view {width:50%; height:auto; float:left; overflow:hidden; position:relative; text-align:center;   cursor: default; }
.view .mask,.view .content {width:280px; height:304px;  position: absolute;  overflow: hidden; top: 0; left: 0;}
.view p { font-size:13px; position: relative; color: #fff; padding:7px 10px 10px; text-align: center;}
.view a.info {display: inline-block;text-decoration: none; padding: 7px 14px; background:#47d4ed; color: #fff;  text-transform: uppercase;  }
.view a.info: hover {  -webkit-box-shadow: 0 0 5px #000;  -moz-box-shadow: 0 0 5px #000;  box-shadow: 0 0 5px #000;}
.tab-pane .block { float:left; width:33%; margin:5px 0 0 15px;}
}	

@media only screen and (max-width:480px){
.hotel-silder-bg { background:url(../img/hotels-slider-bg.jpg) no-repeat; background-size:100% 100%; margin:0 0 0 0; padding:0 0 15px 0}
.slider-block { width:100%; float:left; border:1px solid #FFF; overflow:hidden; margin:0;}	
.view {width:100%; height:250px; float:left; overflow:hidden; position:relative; text-align:center;   cursor: default; }
.view .mask,.view .content {width:100%; height:250px;  position: absolute;  overflow: hidden; top: 0; left: 0;}
.view h2 {text-transform: uppercase; color: #fff; text-align: center;  position: relative;  font-size: 17px;  padding:10px; background:#05355d;
margin:5px 0 0 0; z-index:9999; height:30px;}
.view-head {position:absolute; z-index:99999; padding:10px 0 0 15px;  color:#FFF; text-transform:uppercase; text-shadow:1px 1px #000; font-size:16px; }
.view p { font-size:13px; position: relative; color: #fff; padding:5px; text-align: center;}
.view a.info {display: inline-block;text-decoration: none; padding:4px 8px; background:#47d4ed; color: #fff;  text-transform: uppercase;  }
.tab-pane .block { float:left; width:43%; margin:5px 0 0 15px;}
.pop-hotels-blk { float:left; width:47%; margin:0 3% 4% 0; background:#d7d7d7; }
.pop-hotels-blk.last { width:47%; margin:0 3% 4% 0; }
.top-hotels .name { width:100%; float:left; margin:0 2% 0 0; font-size:15px; line-height:20px;}
.top-hotels .name span { color:#777777; font-size:16px; }
.top-hotels .rating { width:100%; float:left;  margin:0 2% 0 0}
.top-hotels .rating span { padding:0 2px 0 0;}
.top-hotels .price { width:100%; float:left; margin:0 2% 0 0; text-align:right; color:#b71d00; font-weight:bold; font-size:17px; line-height:18px;}
.top-hotels .price span { color:#777777; font-size:14px; font-weight:normal; }
}

@media only screen and (max-width:420px){
.view {width:100%; height:210px; float:left; overflow:hidden; position:relative; text-align:center;   cursor: default; }
.view .mask,.view .content {width:100%; height:250px;  position: absolute;  overflow: hidden; top: 0; left: 0;}
.view h2 {text-transform: uppercase; color: #fff; text-align: center;  position: relative;  font-size: 17px;  padding:10px; background:#05355d;
margin:5px 0 0 0; z-index:9999; height:30px;}
.view-head {position:absolute; z-index:99999; padding:10px 0 0 15px;  color:#FFF; text-transform:uppercase; text-shadow:1px 1px #000; font-size:16px; }
.view p { font-size:13px; position: relative; color: #fff; padding:5px; text-align: center;}
.view a.info {display: inline-block;text-decoration: none; padding:4px 8px; background:#47d4ed; color: #fff;  text-transform: uppercase;  }
.pop-hotels-blk.last { width:50%; margin:0 0 0 0; }
.pop-hotels-blk { float:left; width:50%; margin:0 0 0 0; }
}