.mobileClass { float:left; }

@media screen and (max-width: 980px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:980px;
	}

	#nav1 a {
		width:120px;
	}
}

@media screen and (max-width: 800px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:800px;
	}
	
	#eyebrow img {
		max-width:90%;
	}

	#nav1 a {
		font-size:14px;
		width:90px;
	}

	#logo img {
		max-width:321px;
		border-right:0px;
	}

	#kosmasForm .sidebar {
		width:100%;
		padding-bottom:0px;
		margin-bottom:10px;
	}
}


@media screen and (max-width: 768px) {

	#container, #header, #contentWrapper, #footer, #footerinner {
		width:768px;
	}

	#eyebrow img {
		margin-top:5px;
		max-width:300px;
	}

	#nav1 a {
		font-size:13px;
		width:90px;
		line-height:96px;
	}

	.main, .sidebar {
		width:100%;
	}

	#logo {
		margin:0px;
	}
	
	#ada {
		top:95px;
		right:5px;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:0;
		background-image:none;
		padding-left:0px;
	}
	
	#kosmasForm #header h1 {
		font-size:15px; line-height:18px;
		display:block;
		margin-left:10px;
		float:left;
	}

	#coolest {
		font-size:18px; line-height:20px;
	}

	#kosmasForm .heading h1 {
		display:none;
	}

	#kosmasForm .inner {
		margin-bottom:0px;
	}

	#kosmasForm .sidebar img {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
	}

	#kosmasForm #dateLabel, #kosmasForm #dateField, #kosmasForm #adultsLabel, #kosmasForm #adultsField, #kosmasForm #card\[card_number\]Label, #kosmasForm #card\[card_number\]Field {
		height:52px;
	}	

	#repeatDeposit {
		border-top:1px solid #02ADFE;
		font-size:13px; line-height:15px;
		width:80%;
	}

	#kosmasForm #kosmasDeposit {
		display:none;
	}

	#kosmasForm .main {
		width:100%;
	}

	#kosmasForm #submitlabel {
		display:none;
	}

	#kosmasForm form, #kosmasForm .heading ,#kosmasForm #sideDescription {
		margin:10px;
	}

	#footerinner {
		text-align:center;
	}
	
	#footer a {
		margin:0px 5px 0px 5px;
	}
	
	#mansion {
		display:block;
		margin:0px;
		margin-left:auto;
		margin-right:auto;
		width:200px;
		text-align:center;
		float:none;
		font-family: 'Alfa Slab One', cursive;
		letter-spacing:0px;
	}
	
	#footer #mansion a {
		display:inline-block;		
		margin:10px 0px 0px 0px;
		font-size:20px; line-height:24px;
	}
		
	#copyright b {
		display:block;
	}
	
	#contactform {
		margin-left:0px;
	}
		
	.blockviewall, .headinglink {
		font-size:16px;
		letter-spacing:1px;
	}

	.blockgrid {
		display:block;
		position:relative;
		float:left;
		margin:0px 16px 16px 0px;
		width:160px;
		height:312px;
		background:#000000;
		color:#000000;
	}


	.blockside1 img {
		width:160px;
	}

	.threecolumntext {
		width:290px;
		margin-right:30px;
	}

	.threecolumntext ul {
		padding-left:5px;
	}


	.threecolumnimage {
		width:33%;
		margin-right:0px;
	}
	
	.threecolumnimage img {
		max-width:110px;
	}
	
	.small {
		font-size:9px;
		line-height:10px;
	}
}


@media screen and (max-width: 736px) {
	.mobileClass { float:none; }

	#container, #header, #contentWrapper, #footer, #footerinner {
		width:736px;
	}

	#nav1 a {
		width:70px;
		line-height:70px;
		-ms-writing-mode: tb-rl; 
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
	}
		
}


@media screen and (max-width: 640px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:640px;
	}

	#navsearchdonate .buttongreen {
		width:90px;
		height:15px;
		margin:0px;
		font-size:10px; line-height:15px;
	}

	#navsearchdonate .buttongreen2 {
		width:90px;
		height:16px;
		margin:0px;
		padding-top:0px;
		font-size:9px; line-height:9px;
	}

	#navsearchdonate .buttongreen2 .smaller {
		font-size:8px; line-height:8px;
	}

}

@media screen and (max-width: 480px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:480px;
	}

	#eyebrow img {
		margin-top:5px;
		max-width:300px;
	}

	#nav1 a {
		width:50px;
		line-height:50px;
	}

	#logo img {
		width:130px;
		border-right:0px;
		padding-right:5px;
	}

	#kosmasForm #header h1 {
		font-size:12px; line-height:13px;
		display:block;
		margin-left:5px;
		padding-top:8px;
		width:200px;
		float:left;
	}
	
	#kosmasForm #header.museumType h1 {
		line-height:13px;
	}

	#kosmasForm h2 .reserveNote {
		font-size:10px;
	}
	
	#coolest {
		font-size:11px;line-height:13px;
	}

	.heading p {
		font-size:11px; line-height:13px;
	}

	#kosmasForm .sidebar {
		font-size:12px; line-height:14px;
		padding-bottom:10px;
	}

	#kosmasForm .inner {
		margin:0px 10px 10px 10px;
	}
	
	h2, h3 {
		font-size:18px; line-height:20px;	
	}
	
	#submitfield span {
		font-size:12px; line-height:14px;
	}

	#kosmasForm .field, #kosmasForm .label {
		min-height: 35px;
		font-size: 12px; line-height: 13px;
	}
	
	#date, #event\[start_date\], #event\[end_date\], #hotel\[start_date\], #hotel\[end_date\] {
		width:200px;
	}

	.extracheck, .addon, p {
		font-size: 13px; line-height: 16px;
	}
	
	#kosmasForm #sideDescription {
		clear:both;
		margin:0px 10px 0px 0px;
	}
	
	#kosmasForm .sidebar img {
		margin:0px 10px 10px 0px;
	}

	#kosmasForm input[type=text], #kosmasForm input[type=readonly], #kosmasForm input[type=radio], #kosmasForm optgroup, #kosmasForm select, #kosmasForm textarea {
		font-size:11px;
	}
	
	#kosmasForm select {
		max-width: 160px;
	}

	#fineprint p, .mediumLabel p {
		font-size: 10px; line-height: 11px;	
	}
	
	.error, .smallLabel {
		white-space:nowrap; 
	}
	
	option {
		overflow: hidden;
  		text-overflow: ellipsis;
  		max-width:180px;
	}	

	.lodging_select a {
		padding:2px 10px 2px 10px;
		font-size:11px; line-height:13px;
		font-weight:normal;
	}

	.review {
		font-size:13px; line-height:16px;
	}
	
		.review .smaller {
			font-size:10px;
		}
}


@media screen and (max-width: 414px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:414px;
	}

	#nav1 a {
		width:25px;
		line-height:25px;
	}
}

@media screen and (max-width: 375px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:360px;
	}

	#nav1 a {
		width:25px;
		line-height:25px;
	}
}

@media screen and (max-width: 360px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:360px;
	}

	#nav1 a {
		width:25px;
		line-height:25px;
	}
}


@media screen and (max-width: 320px) {
	#container, #header, #contentWrapper, #footer, #footerinner {
		width:320px;
	}

	#nav1 a {
		width:20px;
		line-height:20px;
	}
		
}