@media only screen and (max-width: 1000px){
	/* grid */
	.side-column, .small-map-container{
		float: none;
		width: 100%;
	}
	.main-column.new-column{
		margin-left:0px;
	}
	
	.contactBox, .feedbackBox, #cancel-reservation, .why-book, .side-column-right h2, #hotel-detail-content #info-boxes{
		display: none;
	}
	
	/* hotel list */
	.topInfo{
		font-size: inherit;
	}
	#loading-hotels{
		margin-left: 0px;
	}
	#booking-search{
		position: static;
		margin-bottom: 20px;
	}
	#booking-header{
		padding-left: 20px;
		padding-right: 20px;
	}
	.searchSpace{
		display: none;
	}
	#advanced-search .filter .formArea{
		max-height: 120px;
		font-size: 12px;
	}
	#itinerary, .side-column-right.itinerary{
		float: none;
		width: auto;
	}
	
	/* hotel detail */
	/*
	#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);
	}*/
	/* HOTEL BOOKING */
	
	/* hotel selection */
	#booking.hotelSelection .main-column{
		margin-right: 0px !important;
	}
	.hotel-item .photo {
		width: 36%;
	}
	.hotel-item .mainDescription{
		padding-left: 40%;
	}
	#booking.hotelSelection #right-column{
		display: none;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 800px){
	#ta-highlight .ammenities-highlight div{
		font-size: 11px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 600px){
	/* hotel list */
	#booking-search label{
		font-size: 12px;
		margin-top: 0px;
	}
	#booking-search h3{
		font-size: 24px;
		margin-bottom: 0px;
		position: relative;
		top: -10px;
	}
	
	#booking-search #destinationblock, #booking-search .date-row, #booking-search #guests{
		width: 23%;
		margin-right:2%;
		float:left;
		position: relative;
	}
	#booking-search .date-row{
		width: 20%;
	}
	#booking-search #guests{
		width: 31%;
		margin-right: 0px;
	}
	#advanced-search .filter{
		width: 32%;
		margin-right: 2%;
		float: left;
	}
	#advanced-search .promotions.filter{
		width: 100%;
	}
	#advanced-search .promotions.filter h4{
		display: none;
	}
	#advanced-search .filter.facilities{
		margin-right: 0px;
	}	
}
@media only screen and (max-width: 750px) and (min-width: 600px){
	#advanced-search .starrating.filter font{
		display: inline-block;
		margin-right: 3px;
	}
	#advanced-search .starrating.filter span{
		display: inline-block;
		width: 14px;
		overflow: hidden;
	}
}

@media only screen and (min-width: 700px){
	#sorting.distIncl label{
		font-size: 12px;
		width: 12%;
		height: 30px;
		overflow: hidden;
	}
	#sorting.distIncl > label:first-of-type{
		width: 10%;
	}
	#sorting.distIncl > label:nth-of-type(2){
		width: 22%;
	}
	#sorting.distIncl > label:nth-of-type(5){
		width: 28%;
		display: block;
	}
	#sorting.distIncl > label:last-of-type{
		width: 16%;
	}
	#sorting.distIncl{
		right: 2px;
	}
	#sorting.distIncl span.desc{
		right: 18px;
	}
}

@media only screen and (max-width: 800px){
	#cars.firstStep #carTrawlerBoooking, #cars.firstStep #carTrawlerInfo{
		width: auto;
		float: none;
		padding-left:0px;
		margin-top:0px;
	}
	/* hotel list */
	#sorting{
		right: 2px;
	}
	#sorting span.desc{
		right: 18px;
	}
	.hotel-item .clrbrd{
		padding: 10px;
	}
	/* hotel detail */
	#rates-box{
		width: 150px;
	}
	#hotel-detail-container #hotel-heading{
		width: 60%;
		width:-moz-calc(100% - 170px);
		width: -webkit-calc(100% - 170px);
		width: -o-calc(100% - 170px);
		width: calc(100% - 170px);
	}
	#hotel-detail-container #hotel-heading.promoOffer{
		width: 50%;
		width:-moz-calc(100% - 290px);
		width: -webkit-calc(100% - 290px);
		width: -o-calc(100% - 290px);
		width: calc(100% - 290px);
	}
	#hotel-heading h1{
		font-size: 24px;
	}
	#hotel-detail-content .submenu a{
		font-family: inherit;
		width: 16%;
	}
	#hotel-detail-content .submenu a:first-of-type{
		width: 23%;
	}
	#hotel-detail-content .submenu a:last-of-type{
		width: 28%;
	}
	#hotel-detail-content #hotel-images, #hotel-detail-content #ta-highlight{
		float: none;
		width: 100%;
		clear: left;
	}
	#hotel-detail-content #ta-highlight{
		max-width: 270px;
		margin: 10px auto;
	}
	#ta-highlight .ammenities-highlight{
		display: none;
	}
	.ammenities-ul li {
		width: 50% !important;
	}
	.hotel-date.room-date{
		top: 15px;
	}
	.nearby-hotels h3{
		font-size: inherit;
	}
	
	
	/* HOTEL BOOKING */
	#hotel-heading .check-in-out{
		font-size: inherit;
	}
	#hotel-booking .side-column-right, #booking-form{
		width: 100%;
		float: none;
	}
	

		
	
	/* WIDGETS */
	#widgetGrid .mainWidget{
		width: auto;
		float: none;
	}
	#widgetGrid .description.top{
		padding-left: 0px;
	}
	/* CAR TRAWLER */
	#cars.firstStep #carTrawlerBoooking{
		margin-right: 130px;
	}
	#cars.firstStep #carTrawlerInfo ul{
		float: left;
		width: 37%;
		padding-left: 5%;
	}
	#cars.firstStep #carTrawlerInfo .logos{
		float: right;
		width: 58%;
		margin: 40px 0px 30px;
	}
	
}
@media only screen and (max-width: 800px) and (min-width: 500px){
	#booking-info > .content > div{
		width: 50%;
		float: left;
	}
	#booking-info > .content > div:nth-of-type(3){
		clear: left;
	}
}
@media only screen and (max-width: 700px){
	/* hotel detail */
	.hotel-item .hotel-action .averageSum{
		margin-left: 0px;
	}
	.hotel-item .ammenities{
		display: none;
	}
	#hotel-detail-content .submenu a{
		font-size: inherit;
	}
	#map-small.landmarks-map, #nearest_landmarks{
		float: none;
		margin: 0px auto 20px;
		max-width: 450px;
		overflow: hidden;
		top: 0px;
	}
	#main-amenities .item{
		width: 25%;
		margin-bottom: 15px;
	}
	#main-amenities > div:nth-of-type(8){
		display: none;
	}
	#main-amenities > div:nth-of-type(5){
		clear:left
	}
	/* HOTEL SELECTION */
	div#search-box-small.bookingGradient{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	div#super-featured-hotels{
		padding-left: 0px;
	}
	div.featured-hotel{
		margin: 0px 1.1%;
	}
	#search-hotel-by-name{
		float: none;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 660px){
	.room-item .room-desc{
		clear: left;
		margin-bottom: 5px;
	}
	.room-item .room-rate{
		margin-left:5px;
		margin-bottom: 20px;
	}
	.categories-navbar a, .categories-navbar label{
		font-size: 80%;
	}
}
@media only screen and (max-width: 600px){
	/* hotel list */
	#sorting{
		height: 60px;
	}
	#sorting label{
		font-size: 12px;
		width: 21%;
	}
	#sorting > label:first-of-type{
		width: 100%;
		background-color: transparent;
		border: none !important;
	}
	#sorting > label:nth-of-type(2){
		width: 34%;
	}
	#sorting > label:last-of-type{
		width: 24%;
		border-right-width: 1px !important;
	}
	.hotel-item .photo{
		float: none;
		width: 100%;
	}
	.hotel-item .promoIcon{
		left: 10px;
	}
	.hotel-item .mainDescription{
		padding-left: 0px;
		clear: both;
	}
	.hotel-item .room-type{
		position: absolute;
		top: -20px;
		padding-left: 360px;
	}
	.hotel-item .distance-center{
		position: absolute;
		top: 130px;
		padding-left: 360px;
	}
	.hotel-item .distance-center label{
		height: 14px;
		overflow: hidden;
	}
	.hotel-item .hotel-action{
		padding-top: 10px;
		height: 90px;
	}
	
	#hotel-info, #hotel-navigation{
		font-size: 12px;
	}
	/* hotel detail */
	#hotel-detail-content .submenu a{
		font-size: 12px;
	}
	#itinerary .confirmation-details table{
		width: 100%;
		border: none;
	}
	

	
	#cars.firstStep #carTrawlerBoooking .carImage, #cars.firstStep #carTrawlerBoooking .cityImage{
		display: none;
	}
	/* CAR TRAWLER */
	#cars.firstStep #carTrawlerBoooking{
		margin-right: 0px;
		margin-bottom: 10px;
		padding-right: 0px;
	}
	#cars.firstStep #carTrawlerBoooking .insider{
		padding: 0px 20px;
	}
	#cars.firstStep #ct_step1 button{
		font-size: 18px;
	}
	#cars.firstStep #carTrawlerInfo{
		font-size: 16px;
	}
	#cars.firstStep .ct-ui-font-large{
		font-size: 30px;
	}
	#cars.firstStep .addlbl{
		top:60px;
	}
	
	#itinerary .confirmation-details table{
		width: 100%;
		border: none;
	}
	.emailDiscount{
		right: -5px;
		bottom: -30px;
	}
}
@media only screen and (max-width: 500px){
	/* hotel list */
	#sorting label{
		padding: 2px 5px;
		font-size: 10px;
	}
	#menuToggler{
		display: block;
	}
	#hotelList .counter{
		margin-bottom: 5px;
	}
	#right-column .small-map-container, #hotel-navigation a#change-dates, .hotel-item .room-type, .hotel-item .distance-center{
		display: none;
	}
	#cars.firstStep #carTrawlerInfo .logos, .billing-form p label{
		width: auto;
		float: none;
		padding-left: 0px;
		clear: both;
	}
	#cancel-reservation{
		position: absolute;
		bottom: 70px;
	}
	#booking-bottom-info label{
		display: block;
	}
	.cc-info{
		padding-left: 0px;
	}
	#toggle_map_link{
		float:none !important;
	}
	/* hotel detail */
	.hotel-date .change-dates{
		display: none;
	}
	#hotel-navigation{
		margin-bottom: 15px;
	}	
	#hotel-detail-container #hotel-heading, #hotel-heading, #rates-box, #hotel-heading.promoOffer{
		width: 100% !important;
		float: none;		
	}
	#rates-box .action{
		max-width: 150px;
	}
	#hotel-detail-container .promoIcon{
		left: 0px;
	}
	#rates-box.promoOffer{
		padding-left: 100px;
		box-sizing: border-box;
	}
	#hotel-detail-content .submenu a{
		width: 33% !important;
	}
	#hotel-detail-content .submenu a:nth-of-type(3), #hotel-detail-content .submenu a:nth-of-type(4){
		display: none;
	}
	#hotel-images div#image, #hotel-images div#thumbnails{
		width: auto;
		float: none;
		padding-left: 0px;
		margin-bottom: 15px;
	}
	#hotel-images div#image img{
		max-width: 100%;
		box-sizing: border-box;
		margin: 0px auto;
		display: block;
	}
	#hotel-images #thumbnails a {
		margin-left: -moz-calc(12.5% - 36px);
		margin-left: -webkit-calc(12.5% - 36px);
		margin-left: -o-calc(12.5% - 36px);
		margin-left: calc(12.5% - 36px);
		margin-right: -moz-calc(12.5% - 36px);
		margin-right: -webkit-calc(12.5% - 36px);
		margin-right: -o-calc(12.5% - 36px);
		margin-right: calc(12.5% - 36px);
	}
	ul.ammenities-ul li{
		width: auto !important;
		float: none !important;
	}
	#main-amenities .item{
		font-size: 12px;
	}
	.nearby-hotels .item{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.nearby-hotels h3{
		font-size: 18px;
	}
	.room-detail .days .item{
		font-size: 10px;
	}

	/* FLIGHTS */
	#flights .widgetContent > .insider > form > div{
		padding: 3px 0px;
	}
	#flights .widgetContent form > div:nth-of-type(3), #flights .widgetContent form > div:nth-of-type(4){
		width: 100%;
		float: none;
	}
	#flights .widgetContent .quarterWidth{
		width: 50%;
	}
	.widgetContent .fullWidth{
		padding-left: 0px !important;
	}
	/* CRUISES */
	#cruises .insider{
		padding: 0px;
		overflow: hidden;
	}
	#cars.firstStep #carTrawlerInfo ul{
		display: none;
	}
	/* HOTEL BOOKING */
	#hotel-heading .check-in-out div, #hotel-booking #hotel-images, .billing-form label{
		width: auto;
		float: none;
	}
	#hotel-images #image{
		height: auto;
	}
	.billing-form input[type="text"]{
		width: 100%;
	}
	.billing-form .cards{
		padding-left: 0px;
	}
	/* HOTEL SELECTION */
	div.featured-hotel{
		display: none;
	}
	.categories-navbar{
		margin-bottom: 20px;
	}
	.categories-navbar a{
		width: 100% !important;
		margin-bottom: 5px;
		font-size: inherit;
		border-left-width: 1px !important;
		float: none;
	}	
	.categories-navbar label{
		display: none;
	}

}
@media only screen and (max-width: 400px){
	/* hotel list */
	#sorting{
		height: auto;
	}
	#sorting label{
		padding: 2px 10px;
		font-size: inherit;
		width: 100% !important;
		float: none;
		border-right-width: 1px !important;
		border-bottom-width: 0px !important;
	}
	#sorting > label:last-of-type{
		border-bottom-width: 1px !important;
	}
	#hotelList .counter span{
		font-size: 20px;
	}
	body{
		font-size: 12px;
	}
	/* hotel detail */
	.hotel-back{
		display: block;
		margin-top: 10px;
		clear: right;
	}
	#hotel-images #thumbnails a{
		width: 50px;
		height: 50px;
		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);
		
	}
	#hotel-images #thumbnails a font{
		font-size: 8px;
		top: 13px;
	}
	#datepopupdialog{
		width: 96%;
		margin-left: 0px;
		left: 2%;
		box-sizing: border-box;
	}
	/* CAR TRAWLER */
	#cars.firstStep .ct-ui-font-large{
		font-size: 26px;
	}
	#cars.firstStep .ctSlogan{
		font-size: 18px;
	}
	#cars.firstStep .ctSlogan span{
		font-size: 24px;
	}
	#cars.firstStep .addlbl{
		display: none;
	}
	.sourceEmail #ct_s1_frm_search .ct-form > div:last-of-type > div:last-of-type{
		width: 100%;
	}
	.emailDiscount{
		bottom: -130px;
	}
	/* CRUISES */
	#cruises .insider iframe{
		margin-left: -25px;
		margin-top: -155px;
	}
	#cars.firstStep .ct-form-field .ct-input, #cars.firstStep .ct-select select{
		font-size: 14px;
	}
	/* hotel selection */
	#booking.hotelSelection .hotel-item .hotel-rates{
		float: none;
	}
	.hotel-item .hotel-links .action{
		max-width: 60%;
	}
}
@media only screen and (max-width: 350px){
	#hotel-detail .daily-rate .days .item{
		width: 13%;
	}
}