@media only screen and (max-width: 1007px){
	#hotel-images #thumbnails a.thumb-img{
		margin-left:-moz-calc(16.6% - 39px);
		margin-left: -webkit-calc(16.6% - 39px);
		margin-left: -o-calc(16.6% - 39px);
		margin-left: calc(16.6% - 39px);
		margin-right:-moz-calc(16.6% - 39px);
		margin-right: -webkit-calc(16.6% - 39px);
		margin-right: -o-calc(16.6% - 39px);
		margin-right: calc(16.6% - 39px);
	}

}

@media only screen and (max-width: 1007px) and (min-width: 870px){

}

@media only screen and (max-width: 940px){
	div#photos-td{
		position: relative;
	}
	
	div#image{
		float:none;
		width: 100%;
		padding: 5px 0px;
		
	}
	div#image img{
		margin: 0px auto;
		max-width: 90%;
		max-width:-moz-calc(100% - 28px);
		max-width: -webkit-calc(100% - 28px);
		max-width: -o-calc(100% - 28px);
		max-width: calc(100% - 28px);
	}
	div#thumbnails{
		padding-left:0px;
	}
	
	#hotel-images #thumbnails a.thumb-img{
		margin-left:-moz-calc(8.3% - 39px);
		margin-left: -webkit-calc(8.3% - 39px);
		margin-left: -o-calc(8.3% - 39px);
		margin-left: calc(8.3% - 39px);
		margin-right:-moz-calc(8.3% - 39px);
		margin-right: -webkit-calc(8.3% - 39px);
		margin-right: -o-calc(8.3% - 39px);
		margin-right: calc(8.3% - 39px);
	}
}

@media only screen and (max-width: 870px){
	/* HOTEL LIST */
	#destinationblock, #dates{
		min-height: 45px;
	}
	
	#guests{
		width:100%;
		border-left: none;
		border-top:1px dotted #7A797B;
		padding-top: 5px;
	}
	#destinationblock{
		width:40%;
		border-left: none;
	}
	
	select#destination {
		width: 70%;
	}
	
	#dates {
		width: 56%;
		padding-left: 2%;
	}
	div.date-row{
		float:left;
	}
	div.daily-rate .days .item{
		width: 47px;
	}
	
	/* HOTEL DETAIL */
	
	div#hotel-detail #rates-box{
	  width: 135px;
	}
	
	div#hotel-detail #first-block #hotel-info{
		width:-moz-calc(100% - 180px);
		width: -webkit-calc(100% - 180px);
		width: -o-calc(100% - 180px);
		width: calc(100% - 180px);
	}
	
	div#hotel-detail #rates-box label{
		display: block;
	}
	div#hotel-detail #rates-box .dates span{
		display: none;
	}
	
	#lowest-room-price-promo .price-promo{
		margin-left: -30px;
		margin-top: -2px;
	}
	/* flights */
	#flights{
		padding: 10px !important;
		position: relative;
	}
	#flights.cars .description.top{
		width:-moz-calc(100% - 430px) !important;
		width: -webkit-calc(100% - 430px) !important;
		width: -o-calc(100% - 430px) !important;
		width: calc(100% - 430px) !important;
	}
	.car-gen-bgr{
		background-position:left top !important;
		
	}
	.car-gen-bgr p{
		right: 10px !important;
		margin-right: 0px !important
	}
	
	.firstStep #carTrawlerBoooking{
		width: 55% !important;
	}
	#carTrawlerInfo{
		width: 40% !important;
		background: none !important;
	}
	
	#carTrawlerInfo .logos{
		background-size: 100% !important;
	}
	
	#flights.cars.secondStep{
		padding:0px !important;
	}
	
	#flights.cars.secondStep #abe_default .ct_s2_sidecontent, #flights.cars.secondStep #abe_default .ct_s3_sidecontent{
		width: 204px !important;
	}
	#flights.cars.secondStep div.ct_s2_maincontent, #flights.cars.secondStep div.ct_s3_maincontent{
		width: 400px !important;
		width:-moz-calc(100% - 215px) !important;
		width: -webkit-calc(100% - 215px !important);
		width: -o-calc(100% - 215px) !important;
		width: calc(100% - 215px) !important;
	}
	
	div#abe_default .ct_car_type_row{
		padding: 0px 5px !important;
	}
	.carRowGridAlignment{
		/*border-left-width: 1px !important;
		border-right-width: 1px !important;*/
	}
	div#abe_default .ct_bs_pickup .ct_bs_text-input .search_input, div#abe_default .ct_bs_dropoff .ct_bs_text-input input.search_input, div#abe_default .ct_bs_pickup .ct_bs_text-input input.search_input{
		font-size: 90% !important;
	}
}



@media only screen and (max-width: 870px) and (min-width: 600px){
	
}

@media only screen and (max-width: 820px){
	div#sorting{
		left: 22px;
		top: -20px;
		padding-right: 20px;
	}
	div#subbar{
		margin-bottom: 30px;
	}
	ul.ammenities-ul li {
		width: 50%;
	}
	div#room-prices table.rates-display tr td.rate, div#hotel-detail-content table.rates-display tr td.rate{
		font-weight: normal;
	}
	
	
}

@media only screen and (max-width: 780px){
  #hotelList{
	  margin-left: 0px;
  }
  
  div#counter-box{
	  margin-left: 17px;
  }
	
  div#booking-list .hotel-list-unit div.hotel-info{
	  margin-right: 0px;
	  border-right: none;
	  padding-right: 0px;
  }

  div#booking-list .hotel-list-unit div.distance-center{
	  width: 39%;
	  position: static;
	  clear: left;
	  float: left;
	  padding-left: 90px;
  }
  
  div#booking-list .hotel-list-unit div.ammenities{
	  width: 25%;
	  position: static;
	  float: left;
	  border-left: 1px dotted #7A797B;
	  padding-top: 0px;
	  padding-left: 5%;
	  margin-bottom: 10px;
  }
  
  /* HOTEL DETAIL */
  
  div#hotel-detail #rates-box{
	  margin-right:0px;
  }
  
  div#thumb-shadow{
	  margin-left: 0px;
  }
  div.not-available{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
  /* flights */
  #flights .description.top{
	  clear: left;
	  padding-left: 0px !important;
  }
  #flights .description.top .white{
	  padding: 0px !important;
  }
  #flights .rounded{
	  float: none !important;
	  margin: 0px auto;
  }
  #flights h2.heading{
	  text-align: center;
  }
  #flights .description.top img, #flights .description.top .photo{
	  border: none !important;
  }
  #flights.cars .description.top{
	  display: none
  }
  
  #flights .tab.rounded{
	  float:left !important;
  }
  
  #flights .mainWidget{
	  width: auto;
	  padding-top: 0px;
	  position: relative;
	  float:none;
  }
  /* cars */
  div#abe_default .carRowGridAlignment{
	  width: 48% !important;
	  width:-moz-calc(50% - 14px) !important;
	  width: -webkit-calc(50% - 14px) !important;
	  width: -o-calc(50% - 14px) !important;
	  width: calc(50% - 14px) !important;
  }
  div#abe_default .ct_s3_bd_right{
	  width: 100% !important;
  }
}

@media only screen and (max-width: 750px) and (min-width: 660px){

	/* HOTEL DETAIL */
	div#room-prices table.rates-display, div#hotel-detail-content table.rates-display{
		width: 100% !important;
		margin-top:10px;
	}
	
	div.book-box {
		width: 99%;
		max-width: 99%;
		width:-moz-calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
		width: -o-calc(100% - 2px);
		width: calc(100% - 2px);
	}
}

@media only screen and (max-width: 690px){
	/* HOTEL LIST */
	#destinationblock{
		width: 50%;
	}
	#dates {
		width:46%;
	}
	div.date-row{
		float:none;
	}
	div.daily-rate .days .item{
		width: 45px;
	}
}

@media only screen and (max-width: 660px){
	div#right-column, div#right-column-booking{
		position: relative;
	}
	
	#booking-list div#right-column{
		position: static;
	}
	div#right-column, div#right-column-booking{
		right: auto;
		left: 5px;
		width:100%;
	}
	
	#cancel-reservation{
		position: absolute;
		bottom: -32px;
		right: 2%;
	}
	#hotelList{
		padding: 190px 17px 185px 0px;
	}
	
	div#counter-box, div#counter-box.booking-header{
		margin-right: 15px !important;
	}
	
	#advanced-search{
		position: absolute;
		left: -5px;
		top: 45px;
		width: 95%;
		width:-moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		padding: 0px 12px !important;
	}
	
	#advanced-search > form{
		position: relative;
	}
	
	#advanced-search div.filter{
		width: 30% !important;
		float: left;
		margin-right: 5% !important;
		margin-top: 25px;
		margin-left: 0px !important;
		padding: 0px;
	}
	
	#advanced-search div.facilities{
		margin-right: 0px !important;
		height: 128px;
	}
	
	#advanced-search > form > h3{
		position: absolute;
		width: 30%;
		margin-top: 0px;
	}
	
	#advanced-search > form > h3.mealsTitle{
		left: 35%;
	}
	
	#advanced-search > form  h3.facilitiesTitle{
		left: 70%;
	}
	
	div#right-column .right-column-box{
		position: absolute;
		bottom: 30px;
		width: 40%;
		margin: 0% 5%;
	}
	
	div#right-column .telephone-contact{
		height: 175px;
	}
	
	div#right-column .feedback-box{
		right: 0px;
		padding-bottom: 100px;
	}
	/* HOTEL DETAIL */
	div#hotel-detail, div#booking-form{
		padding-right: 15px;
		min-height: 50px !important;
	}
	#right-column .why{
		padding: 0px 0px 220px 182px;
	}
	#right-column .small-map-container{
		width: 162px;
		float: left;
		margin-right: 20px;
	}
	#featured_hotels_wrapper{
		padding-left: 182px;
		display: none;
	}
	
	/* cars */
	.firstStep #carTrawlerBoooking{
		width:auto !important;
		float: none !important;
	}
	
	.firstStep #carTrawlerBoooking .widget_box{
		padding: 20px !important;
	}
	
	#carTrawlerInfo{
		width:auto !important;
		float: none !important;
		position: relative;
		height: auto !important;
	}
	
	#carTrawlerInfo .slogan{
		width: 53%;
		float: left;
		font-size: 14px !important;
	}
	#carTrawlerInfo .logos{
		clear: both;
		margin: 0px auto !important;
		max-width: 260px;
	}
	#carTrawlerInfo ul{
		padding-left: 55% !important;
		margin-top: 20px !important;
	}
	#carTrawlerInfo li{
		font-size: 15px !important;
	}
	
	/* booking form */
	
	div#hotel-booking{
		position: relative;
		padding-bottom: 200px;
	}
	
	div#hotel-booking .telephone-contact {
		position: absolute;
		bottom: 20px;
		width: 270px;
		left: 10px;
		left:-moz-calc(50% - 135px);
		left: -webkit-calc(50% - 135px);
		left: -o-calc(50% - 135px);
		left: calc(50% - 135px);
		margin: 0px !important;
	}
	div#hotel-booking .telephone-contact{
		bottom: 90px;
	}
	
	div#right-column-booking{
		position: static;
	}
	
	div.right-column-box{
		margin-left: 30px;
		margin-right: 10px;
	}
	
	#right-column-booking .right-column-box, #right-column-booking .right-column-box-top, #right-column-booking .footer, #right-column-booking .footer-right{
		background: none !important;
		padding-top: 0px !important;
	}
	
	#right-column-booking div.right-column-box .content{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		-moz-border-radius:0px 0px 10px 10px;
		-webkit-border-radius:0px 0px 10px 10px;
		-khtml-border-radius:0px 0px 10px 10px; 
		border-radius:0px 0px 10px 10px;
		position: relative;
	}
	
	#right-column-booking div.right-column-box .header{
		padding-top: 10px;
		-moz-border-radius:10px 10px 0px 0px;
		-webkit-border-radius:10px 10px 0px 0px;
		-khtml-border-radius:10px 10px 0px 0px; 
		border-radius:10px 10px 0px 0px;
	}
	
	#right-column-booking div.right-column-box .content .selected-hotel, #right-column-booking div.right-column-box .content .travel-dates{
		height: 90px;
		overflow: hidden;
	}
	
	#right-column-booking div.right-column-box .content .selected-hotel, #right-column-booking div.right-column-box .content .guests-rooms{
		width: 49%;
		float:left;
	}	
}


@media only screen and (max-width: 600px){
	/* HOTEL DETAIL */
	#hotel-images #thumbnails a.thumb-img{
		margin-left:-moz-calc(12.5% - 39px);
		margin-left: -webkit-calc(12.5% - 39px);
		margin-left: -o-calc(12.5% - 39px);
		margin-left: calc(12.5% - 39px);
		margin-right:-moz-calc(12.5% - 39px);
		margin-right: -webkit-calc(12.5% - 39px);
		margin-right: -o-calc(12.5% - 39px);
		margin-right: calc(12.5% - 39px);
	}
	/* HOTEL DETAIL */
	div#room-prices table.rates-display, div#hotel-detail-content table.rates-display{
		width: 100% !important;
		margin-top:10px;
	}
	
	div.book-box {
		width: 99%;
		max-width: 99%;
		width:-moz-calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
		width: -o-calc(100% - 2px);
		width: calc(100% - 2px);
	}
	/* cars */
	#flights.cars.secondStep #abe_default .ct_s2_sidecontent, #flights.cars.secondStep #abe_default .ct_s3_sidecontent{
		width: auto !important;	
		padding-right: 10px !important;
	}
	#flights.cars.secondStep div.ct_s2_maincontent, #flights.cars.secondStep div.ct_s3_maincontent{
		width: auto !important;
		padding-right: 10px !important;	
	}
	
	div#booking-form h2{
		font-size: 16px !important;
		line-height: normal !important;
		top: 0px !important;
	}
}


@media only screen and (max-width: 480px){
	#booking-bottom-info label{
		display: block;
		padding-top: 5px;
	}
	#booking-bottom-info label span{
		display: none;
	}
	
	.cc-info{
		padding-left: 0px;
	}
	
	
	#destinationblock{
		width: 100%;
		border-bottom:1px dotted #7A797B;
		min-height: 36px;
		padding-left: 0px;
	}
	#dates {
		width: 100%;
		border-left: none;
		min-height: 36px;
		padding-left: 0px;
	}
	#guests{
		position:relative
	}
	div.date-row{
		float:left;
	}
	
	table.rooms-container{
		left: 7px;
		clear: left;
		padding-top: 20px;
	}
	table.rooms-container td.room-td{
		width: 41px;
	}
	table#labels{
		position: absolute;
		left: 56px;
		top: 45px;
	}
	div#ages{
		margin-left: 60px;
	}
	div.room-quant{
		margin-top: 12px;
	}
	
	#hotelList{
		padding-top: 240px;
	}
	
	#advanced-search div.filter{
		float: none;
		width: 49% !important;
		margin-right: 0px; !important;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	#advanced-search div.facilities{
		position: absolute;
		left: 51%;
		top: 23px;	
		width: 49% !important;
		height: 187px;
		max-height: 187px;
		overflow: hidden !important;
	}
	
	#advanced-search > form > h3{
		position: static;
		margin-bottom: 5px;
		width: 49%;
	}
	
	#advanced-search > form  h3.facilitiesTitle{
		position: absolute;
		left: 51%;
		top: 0px
	}
	
	div.daily-rate .days .item{
		width: 42px;
		font-size: 10px;
	}
	div.daily-rate .days .item.cross, div.daily-rate .days .week{
		display:none;
	}
	div#right-column .right-column-box{
		width: 45%;
		margin: 0% 2%;
	}
	
	div.promo{
		top: auto;
		bottom: -13px;
		right: auto;
		left: 2%;
	}
	
	/* HOTEL DETAIL */
	
	div#hotel-detail{
		padding-right: 5px;
		margin-left: 5px;
	}
	
	div#counter-box #change-dates{
		display: none;
	}
	
	div#hotel-detail #first-block #hotel-info{
		  float:none;
		  width: auto !important;
	}
	  
	 div#hotel-detail #rates-box{
		margin-top: 20px;
		float: none;
		width: auto;
	 }
	 ul#sections .tab a{
		 display: block;
		 max-width: 100px;
		 margin: 0px auto;
	 }
	 ul#sections .tab.third a{
		 max-width: 60px;
	 }
	 
	 #hotel-images #thumbnails a.thumb-img{
		 width: 50px;
		 height: 50px;
		 background-position: center center;
		 margin-left:-moz-calc(12.5% - 30px);
		 margin-left: -webkit-calc(12.5% - 30px);
		 margin-left: -o-calc(12.5% - 30px);
		 margin-left: calc(12.5% - 30px);
		 margin-right:-moz-calc(12.5% - 30px);
		 margin-right: -webkit-calc(12.5% - 30px);
		 margin-right: -o-calc(12.5% - 30px);
		 margin-right: calc(12.5% - 30px);
	 }
	 
	 ul.ammenities-ul li {
		width: 100%;
	}
	
	#lowest-room-price-promo .price-promo{
		margin-left: -8px;
		margin-top: -47px;
	}
	div.not-available img{
		display: block;
		margin: 0px auto;
	}
	
	/* flights */
	
	#flights{
		padding: 10px 0px !important;
		overflow: hidden;
	}
	
	#flights .description, #flights .description a{
		font-size: 12px !important;
	}
	
	#flights .rounded{
		margin: 0px;
		border: none;
		width: auto !important;
		border-radius: 0px !important;
		padding: 5px 0px !important
	}
	
	#flights .tab.rounded{
		width: 23% !important;
		padding: 0px !important;
		border-radius: 5px 5px 0px 0px !important;
	}
	
	#flights .rounded iframe{
		margin-left:-moz-calc(50% - 200px);
		margin-left: -webkit-calc(50% - 200px);
		margin-left: -o-calc(50% - 200px);
		margin-left: calc(50% - 200px);
	}
	#flights .description.top{
		padding-left: 10px !important;
		padding-right: 10px;
	}
	
	/* cars */
	.cars #hotel-detail-container{
		padding: 10px !important;
	}
	
	.cars.cartrawler .bottom{
		padding: 0px !important;
		font-size: 12px !important;
	}
	
	#carTrawlerInfo .slogan, #carTrawlerInfo ul{
		display: none;
	}
	
	div#abe_default .search_box input.search_input{
		font-size: 100% !important;
	}
	
	/* booking */
	div.cards {
		margin: 10px auto !important;
		max-width: 190px;
	}
	
	#right-column-booking div.right-column-box .content .guests-rooms{
		width: auto;
		float: none;
	}
	
	#flights.bookingWizzHotels div.hotel-paragraph{
		margin-left: 10px;
		margin-right: 10px;
	}
	
}

@media only screen and (max-width: 420px){
	div#booking-list .hotel-list-unit div.image{
		position: static;
		float: left;
		margin-right: 20px;
		margin-bottom: 5px;
	}
	div#booking-list .hotel-list-unit div.distance-center{
	  width: 49%;
	  padding-left: 0px;
    }
	div#booking-list .hotel-list-unit div.ammenities{
	  width: 35%;
	  padding-left: 10%;
  	}
	div#booking-list .hotel-list-unit .hotel-links{
	  margin-left: 0px;
  	}
	div#booking-list .hotel-list-unit div.hotel-info{
		margin-left: 0px;
	}
	div.daily-rate .days .item{
		width: 35px;
		font-size: 9px;
	}
	
	#hotelList{
		padding-bottom: 285px;
	}
	
	div#right-column .right-column-box, #right-column .why, #featured_hotels_wrapper{
		width: 70%;
		margin: 0% 15% 15px;
	}
	
	div#right-column .telephone-contact{
		height: auto;
		bottom: 115px;
	}
	
	div#right-column .feedback-box{
		right: auto;
		padding-bottom: 0px;
	}
	
	/* HOTEL DETAIL */
	
	
	
	div#counter-box a{
		font-size: 11px;
	}
	#right-column .why{
		padding-bottom: 320px;
		padding-left: 0px;
	}
	
	#featured_hotels_wrapper{
		padding-left: 0px;
	}
	
	#right-column .small-map-container{
		float: none;
		margin-right: 0px;
		margin-left:-moz-calc(50% - 82px);
		margin-left: -webkit-calc(50% - 82px);
		margin-left: -o-calc(50% - 82px);
		margin-left: calc(50% - 82px);
		margin-bottom: 10px;
	}
	
	/* cars */
	.firstStep #carTrawlerBoooking .widget_box{
		padding: 20px 10px !important;
	}
	
	div#abe_default .carRowGridAlignment{
		width: auto !important;
		float: none !important;
	}
	
	/* booking form */
	
	.billing-form p label{
		width: auto !important;
		float: none !important;
		line-height: normal !important;
	}
	
	.billing-form input[type="text"], .billing-form select#id_country{
		width: 95% !important;
		max-width: none !important;
	}
	
	div#booking-form h2{
		font-size: 14px !important;
	}
	
	#right-column-booking div.right-column-box .content .selected-hotel{
		width: auto;
		float: none;
	}
	
	div.smoking-preferences{
		position: relative;
		top: -10px;
	}
	
	div.smoking-preferences-inputs {
    	top:-10px;left:0px; padding-bottom: 10px;
    }
	
	/*flights*/
	.mainWidget input#fl_city1, .widgetContent select#destination{
		width: 120px;
	}
	
	#flights .mainWidget .widgetContent.rounded{
		padding-bottom: 130px !important;
	}
	
	.mainWidget > .widgetContent > form > table > tbody > tr:nth-child(3) > td:nth-child(3), .mainWidget > .widgetContent > form > table > tbody > tr:nth-child(3) > td:nth-child(4) {
		padding-top: 70px;
		position:absolute;
	}
	.mainWidget > .widgetContent > form > table > tbody > tr:nth-child(3) > td:nth-child(4) {
		left:50%;
	}
	.mainWidget > .widgetContent > form > table > tbody > tr:nth-child(3) > td:nth-child(2){
		position:absolute;
		top: 180px;
		left:50%;
	}
	.mainWidget > .widgetContent > form > table > tbody > tr:nth-child(3) > td:nth-child(1){
		position:absolute;
		top: 180px;
		left:10px;
		width: 30%;
	}
	
	.mainWidget input#searchButton{
		position:absolute;
		right: 20px;
		bottom: 10px;
	}
}

@media only screen and (max-width: 375px){
	/* HOTEL LIST */
	div.daily-rate .days .item{
		float: none;
	}
	div.daily-rates, div.weekdays{
		clear: none !important;
		float: left;
	}
	/* HOTEL DETAIL */
	
	div#counter-box a.hotel-back{
		font-size: 30px;
		line-height: 20px;
	}
	div#counter-box a.hotel-back span{
		display: none;
	}
	#hotel-images #thumbnails a.thumb-img{
		 width: 40px;
		 height: 40px;
		 background-position: center center;
		 margin-left:-moz-calc(12.5% - 25px);
		 margin-left: -webkit-calc(12.5% - 25px);
		 margin-left: -o-calc(12.5% - 25px);
		 margin-left: calc(12.5% - 25px);
		 margin-right:-moz-calc(12.5% - 25px);
		 margin-right: -webkit-calc(12.5% - 25px);
		 margin-right: -o-calc(12.5% - 25px);
		 margin-right: calc(12.5% - 25px);
	 }
	 div.IconsMenu .tabbedRoundify, .whiteBox{
		 padding: 10px 5px;
	 }
	 /*flights*/
	 #flights .rounded iframe{
		 margin-left: -30px;
	 }
	 /*cars*/
	 .firstStep #carTrawlerBoooking{
		 padding: 0px !important;
	 }
	 
	 #flights .description.bookingad{
		 padding: 0px !important;
	 }
}

@media only screen and (max-width: 320px){
	a#back-room-details{
		width: 40px;
		overflow: hidden;
		height: 20px;
	}
	
	#flights .description.bookingad{
		 display: none;
	 }

}

/* FLIGHTS */