@media only screen and (max-width: 1007px){
	div#container{
		width: auto;
		padding-right: 0px;
	}
	.right_ad{
		display:none;
	}
	
	div#top{
		width: auto; 
	}
	
	#topInfo{
		padding-bottom: 5px;
	}
	
	
	#slideshow, #slideshow img{
		width: 100% !important;
		
		margin-top: 0px !important;
	}
	
	#slideshow{
		position: relative;
	}
	
	#slideshow img{
		position:absolute;
		top: 0px;
		height: auto !important;
	}
	
	#tdnavbar ul li a{
		padding: 0px 15px !important;
	}
	
	/*MAIN PAGE*/
	
	.infoBoxMed.roundify{
		padding: 20px 10px;
	}
	
	.aboutBox{
		width: auto !important;
		float: none;
		border-right: none;
		margin-right: 0px;
		border-bottom: 1px #999999 dotted;
		margin-bottom: 15px;
		padding-bottom: 10px;
		font-size: 12px;
		clear: both;
	}
	/*.aboutBox span{
		float: left;
		margin-bottom: 60px;
		margin-right: 20px;
		margin-left: 10px;
	}*/
	#featuredHotels h2{
		left: 0px;
	}
	#featuredHotels .item{
		width: 30%;
		width:-moz-calc(33.33% - 14px);
		width: -webkit-calc(33.33% - 14px);
		width: -o-calc(33.33% - 14px);
		width: calc(33.33% - 14px);
		margin: 0 20px 0px 0px;
	}
	#featuredHotels > div:last-child{
		margin-right: 0px;
	}
	
	#activitiesBox{
		padding-left: 0px;
	}
	#activitiesBox .rounded{
		width: 42%;
		width:-moz-calc(50% - 42px) !important;
		width: -webkit-calc(50% - 42px) !important;
		width: -o-calc(50% - 42px) !important;
		width: calc(50% - 42px) !important;
		min-height: 148px;
	}
	.halfWidthBox {
		width: 42%;
		width:-moz-calc(50% - 22px) !important;
		width: -webkit-calc(50% - 22px) !important;
		width: -o-calc(50% - 22px) !important;
		width: calc(50% - 22px) !important;
		min-height: 130px;
	}
	.err.viatorInfo{
		display: block;
		color: #C00;
		text-align: center;
		font-size: 14px;
	}
}

@media only screen and (max-width: 1007px) and (min-width: 870px){
	#featuredHotels.topSellerCombo .item{
		width: 21% ;
		width:-moz-calc(25% - 20px);
		width: -webkit-calc(25% - 20px);
		width: -o-calc(25% - 20px);
		width: calc(25% - 20px);
	}
}

@media only screen and (max-width: 960px) and (min-width: 870px){
	
	/* booking wizz widget */
	
	.iframeForm{
		padding-bottom: 90px;
	}
	
	.iframeForm #briefcityinfo{
		width: 44%;
	}
	
	.iframeForm #briefcityinfo p{
		font-size: 12px;
		line-height: 16px;
	}
	
	.iframeForm #infoIcons.infoBoxMed{
		position: absolute;
		left: 0px;
		bottom: -10px;
		width: 100%;
		background: url("/media/img/breaker.gif") repeat-x left -5px;
	}
	.iframeForm #infoIcons a{
		width: 14%;
		padding-left: 6%;
		padding-right: 0px;
	}
	.iframeForm .frontBlock.firstBlock{
		padding-bottom: 90px;
	}
	.iframeForm .infoBoxLeft{
		width:51% !important;
	}
	
	.iframeForm  #wheather{
		width: 42% !important;
		padding: 10px;
	}
	.iframeForm  #infoIcons.infoBoxMed{
		padding: 10px 0px !important;
		background: none;
		border: none;
		min-height: inherit !important;		
		margin-left: 0px;
	}
	
	
}

@media only screen and (max-width: 870px){
	.numbers{
		overflow: hidden;
	}
	
	.numbers img{
		margin-right: -90px;
	}
	
	div#tdnavbar{
		background-image: none;
		height: auto;
	}
	
	#tdnavbar ul.tdnavbar li{	
		border-bottom: 1px solid #fff;
		margin:0px;
		width: 33.33%;
	}
	
	#tdnavbar ul.tdnavbar li > ul{
		display: none !important;
	}
	
	#tdnavbar ul li a{
		border-left: none;
		border-right: 1px solid #fff;
		line-height: 24px;
	}
	
	/*MAIN PAGE*/
	.frontBlock{
		padding-left: 0px;
	}
	
	.iframeForm{
		padding-top: 0px !important;
	}
	
	#infoIcons.infoBoxMed{
		padding: 10px 0px !important;
		background: none;
		border: none;
		min-height: inherit !important;		
		margin-left: 0px;
	}
	
	.iframeForm #briefcityinfo{
		position: static;
		width: auto;
		height: auto;
	}
	.iframeForm #briefcityinfo p{
		font-size: 12px;
		background: url(/media/img/front_info_gradient.png) repeat-x;
		padding: 10px 15px;
		position: relative;
		top: -3px;
	}
	.iframeForm #infoIcons, .iframeForm #wheather{
		margin-top: 0px;
	}
	
	/* news */
	
	div#booking.news{
		padding: 20px 10px !important;
	}
	
	/* sections */
	#adblock1.leaderboard{
		width: 100% !important;
		overflow: hidden;
	}
	
}

@media only screen and (max-width: 870px) and (min-width: 600px){
	
	#infoIcons.infoBoxMed{
		position: absolute;
		left: 0px;
		bottom: -10px;
		width: 100%;
		background: url("/media/img/breaker.gif") repeat-x left -5px;
	}
	#infoIcons a{
		width: 14%;
		padding-left: 6%;
		padding-right: 0px;
	}
	.frontBlock.firstBlock{
		padding-bottom: 90px;
	}
	.infoBoxLeft{
		width:60% !important;
	}
	
	#wheather{
		width:-moz-calc(37.5% - 25px) !important;
		width: -webkit-calc(37.5% - 25px) !important;
		width: -o-calc(37.5% - 25px) !important;
		width: calc(37.5% - 25px) !important;
		padding: 10px;
	}
	
	.iframeForm #wheather, .iframeForm #wheather .today, .iframeForm #wheather .item{
		padding-top: 23px;
		padding-bottom: 23px;
	}
	
	#featuredHotels.topSellerCombo .item {
		width: 48% !important;
		margin:0px;
		position: relative;
	}
	
	#featuredHotels.topSellerCombo .item .hotel-name{
		position: relative;
		top: 5px;
	}
	
	#featuredHotels.topSellerCombo .item .greyBox{
		padding-bottom: 3px;
	}
	
	#featuredHotels.topSellerCombo .hotel-description{
		position: absolute;
		right: 0px;
		top: 35px;
		margin-left: 170px;
		height: 62px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 780px){
	body{
		background: #fff !important;
	}
	.numbers{
		background: url(/media/img/numbers_small.gif) right bottom no-repeat;
		height: 90px;
		width: 180px;
	}
	.numbers img{
		display: none;
	}
	
	.containerLeftTop, .containerLeftBottom{
		display: none;
	}
	
	div#container{
		margin-bottom: 0px;
	}
	
	div#container .containerLeft{
		padding-left: 0px !important;
		padding-top: 10px;
		background: none !important;
	}
	
	div#container .containerRight{
		padding-right: 0px;
		background: none;
	}
	
	div.search_box, div#links, .bottom_fb_links, div#links .linksBorder{
		width: auto;
		float: none;
		background: none;
			
	}
	
	div.search_box, div#links{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.aboutBox{
		padding-left: 10px;
	}
	
	.aboutBox span{
		float: none;
		margin-bottom: 5px;
		margin-right: inherit;
		margin-left: 0px;
	}
	.mainPageBanner{
		display:none;
	}
	/*-- sections -- */
	#editableBase .SpotImage{
		float: none;
		margin: 0px;
	}
	
	#editableBase .block_icons{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#editableBase .SpotDescription h3{
		margin-right:60px;
	}
	
	#blogEntries .shortEntry{
		width: 100%;
		margin:0px 0px 20px;
		float: none;
		clear: both;
		min-height: inherit;
		border-right: none;
		border-bottom: 1px #999 dotted;
	}
	#blogEntries .shortEntry .more{
		position: relative;
		top: -10px;
	}
}

@media only screen and (max-width: 720px){
	/* news */
	div#photo_stories .item{
		width: auto !important;
		float: none !important;
		margin-right: 0px !important;
		padding:10px !important;
	}
	
	div#photo_stories > div:nth-child(2){
		margin-top: 0px !important;
	}
	
	div#news_stories .summary{
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 660px){
	/*-- sections -- */
	
	#editableBase .leftContentColumn{
		float: none;
		width: auto;
		margin:0px;
	}
	
	#editableBase .block.newsletter, #editableBase .block.search-widget{
		display: none;
	}
	
	.block_icons{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#editableBase .leftContentColumn h4{
		margin-bottom: 5px;
	}
	
	#editableBase .leftContentColumn .mainMenu li a{
		width: 15.8%;
		padding-left: 0px;
		margin-right: 1%;
		text-align: center;
	}
	
	#editableBase > .leftContentColumn > .mainMenu > ul > li:last-child > a{
		margin-right: 0px;
	}
	
	#editableBase .leftContentColumn .entertainment li a{
		padding-left:4%;
		margin-right: 0px;
		margin-left: 1%;
		width:15%;
		box-sizing: content-box;
	}
	
	#editableBase .leftContentColumn .tips{
		border: none;
	}
	
	#editableBase .leftContentColumn .tips a{
		padding-left:5%;
		width:45%;
		float: left;
	}
	
	#editableBase .rightContentColumn{
		clear: both;
	}
	
	.bgrContent{
		padding: 15px 10px;
	}
	
	.policy{
		padding: 0px !important;
	}
	
	.policy li ul{
		padding-left: 15px;
	}
}

@media only screen and (max-width: 600px){
	/*MAIN PAGE*/
	#infoIcons a.shopping{
		display: none;
	}
	.infoBoxLeft, .infoBoxMed{
		width: auto !important;
		margin: 0px;
		float: none;
		clear: both;
	}
	
	.infoBoxMed.roundify{
		padding:10px;
	}
	#infoIcons.infoBoxMed{
		padding:20px 0px 10px 10px !important;
	}
	#infoIcons a{
		width: 24%;
		padding-left: 9%;
		padding-right: 0px;
		position: relative;
		top: -10px;
	}
	
	.iframeForm .frontBookingForm{
		overflow:hidden;
	}
	
	#featuredHotels .item, #activitiesBox .rounded, .halfWidthBox{
		width: auto !important;
		position: relative;
		float: none;
		margin: 0px 0px 10px;
		min-height: 100px !important;
	}
	
	#featuredHotels .item .greyBox{
		padding-bottom: 3px;
	}
	
	#featuredHotels .hotel-description{
		position: absolute;
		right: 0px;
		top: 35px;
		margin-left: 180px;
		height: 62px;
		overflow: hidden;
	}
	
	h1.heading, h2.heading, .frontBlock h2, .rightContentColumn h1{
		height: auto;
	}
	.numbers{
		display: none;
	}
	
	/* -- SECTIONS --- */
	

}


@media only screen and (max-width: 480px){
	div#top{
		background-position: -91px 5px;
	}
	#tdnavbar ul.tdnavbar li{	
		width: 50%;
	}
	div#content{
		margin: 10px 5px;
	}
	
	{
		left: 5px;
	}
	
	#slideshow, .frontBlock, #topInfo, .breaker, #cityinfotext{
		margin-left: 0px;
		margin-right: 5px;
	}
	
	#infoIcons.infoBoxMed{
		padding-left:0px !important;
	}
	
	/* -- SECTIONS --- */
	#editableBase .leftContentColumn .mainMenu li a{
		width: 32.3%;
	}
	#editableBase .leftContentColumn .entertainment li a{
		width: 25.3%;
		padding-left: 7%;
	}
	
	.leftShadedBox{
		margin: 0px;
		box-shadow: none;
	}
	#editableBase h1{
		margin-left:10px;
	}
}

@media only screen and (max-width: 400px){
	#callendar span{
		display: none;
	}
	.iframeForm .frontBookingForm{
		width: 295px !important;
		margin-left: -moz-calc(50% - 148px) !important;
		margin-left: -webkit-calc(50% - 148px) !important;
		margin-left: -o-calc(50% - 148px) !important;
		margin-left: calc(50% - 148px) !important;
	}
	.bookingWizz iframe{
		position: relative;
		left: -30px;
	}
	/* -- SECTIONS --- */
	div.adtools a{
		font-size: 11px;
	}
	#editableBase .leftContentColumn .tips a{
		padding-left:8%;
		width:90%;
		float: none;
		margin-left:10px;
	}
	
	.bgrContent #map{
		height: 350px;
		border: 3px #fff solid;
	}
	
	.bgrContent .roundify.white{
		padding: 10px;
	}
}

@media only screen and (max-width: 375px){
	
	#infoIcons a.shopping{
		display: inherit;
	}
	
	#infoIcons a{
		width: 32%;
		padding-left: 18%;
	}	
	#featuredHotels .hotel-description{
		position: static;
		margin-left: 0px;
	}
	/* news */
	div#photo_stories .photo{
		float:none !important;
		margin: 0px auto !important;
		width: 150px;
	}
}

@media only screen and (max-width: 320px){
	.iframeForm .frontBookingForm{
		margin-left: 0px;
	}
	
	
}


/* === EVENTS === */

@media only screen and (max-width: 870px){
	.promote-event label{
		background: none;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 820px){
	.promote-event{
		width: auto;
	}
	
	.promote-event #add-event-btn{
		display: none !important;
	}
	
	.popular_events .popular_event {
		width: 48%;
		width:-moz-calc(49% - 3px);
		width: -webkit-calc(49% - 3px);
		width: -o-calc(49% - 3px);
		width: calc(49% - 3px);
	}
	.popular_events > div:nth-child(3n) {
	  margin-right: inherit;
	  }
	.popular_events > div:nth-child(2n) {
	  margin-right: 0px;
	}
}

@media only screen and (max-width: 700px){
	.events .categories, #eventDetails .categories{
		float: none;
		width: auto;
		padding-left: 0px;
	}
	.events_container{
		width:100%;
	}
	.navbar_events a{
		padding: 5px;
		font-size: 11px;
	}
	
	.popular_events .popular_event {
		width:-moz-calc(49% - 4px);
		width: -webkit-calc(49% - 4px);
		width: -o-calc(49% - 4px);
		width: calc(49% - 4px);
	}
	
	.promote-event{
		height: auto;
		line-height: normal;
		margin-top:26px;
		font-size: 14px;
		padding-right: 5px;
		background:url(/media/img/arrow.gif) no-repeat right center;
	}
	
	.promote-event span{
		padding-left: 0px;
		background: none;
	}
	
	.promote-event i{
		font-size: 13px;
	}
	.events_list{
		margin-left: 0px;
	}
	
	.events_list .item{
		margin-right: 0px;
	}
	.event_details h1.heading{
		padding-top: 15px;
		clear: both;
	}
}

@media only screen and (max-width: 600px){
	.popular_events .popular_event {
		width:-moz-calc(49% - 5px);
		width: -webkit-calc(49% - 5px);
		width: -o-calc(49% - 5px);
		width: calc(49% - 5px);
	}
	.events_list img{
		width: 67px;
	}
	.events_list .item .image-td {
		width: 70px;
	}
	.events_list .item .event-category{
		margin-right: 5px;
	}
	.events_list .item .main {
		min-width:230px;
	}
}

@media only screen and (max-width: 460px){
	.promote-event{
		width: 100%;
		margin: 10px 0px;
	}
	.promote-event, .promote-event i{
		font-size: 12px;
	}
	.navbar_events a:last-child{
		border-right: none;
	}
	.navbar_events a label{
		display: none;
	}
	.events_list .item .main {
		min-width: inherit;
	}
	.event_details .image{
		padding: 0px;
		width: auto;
		text-align: center;
		float: none;
	}
	.event_details .top-desc{
		padding-left: 0px;
	}
	
}

@media only screen and (max-width: 420px){
	.popular_events .popular_event {
		width: 100% !important;
		margin-right: 0px;
	}
}


/* - CITY GUIDE - */

@media only screen and (max-width: 900px){
	.cityguidesmap .roundify.white{
		position: relative;
		height: 360px;
	}
	.hs-area{
		-webkit-transform:scale(0.8);
		-moz-transform-scale(0.8);
		left: -67px;
		left:-moz-calc(50% - 400px);
		left: -webkit-calc(50% - 400px);
		left: -o-calc(50% - 400px);
		left: calc(50% - 400px);
		top: -47px;
		position: absolute;
	}
}

@media only screen and (max-width: 730px){
	.cityguidesmap .roundify.white{
		height: 270px;
		overflow: hidden;
	}
	.hs-area{
		-webkit-transform:scale(0.6);
		-moz-transform-scale(0.6);
		top: -90px;
	}
	
	.column{
		width: 48%;
	}
	.roundify.greyBox > ul:nth-child(3){
		clear: left;
	}
}

@media only screen and (max-width: 480px){
	.cityguidesmap .roundify.white{
		display: none;
	}
}
@media only screen and (max-width: 400px){
	.column{
		width: 100%;
	}
}