@media screen and (max-width:1362px) {
	
	.z-container{width:960px;}
}
@media screen and (max-width: 992px) {
.boat-thumbnail a{  height:220px;}
	.z-container{width:100%;}
	#navigation{ display:none;}
	#rotateImageContainer1 .rotate-image-next {
		float: right;
		margin-left: auto;
		margin-right: 2%;
	}

	.window {
		width: 100%;
		height: auto;
		padding-bottom: 67px;
	}

	#boatPreview {
		padding-left: 0;
		padding-right: 0;
	}

	/*#boatPreview #boatImage {
		display: none !important;
	}
*/




	#navigation {
		width: 100%;
		height: auto;
		min-height: 51px;
		text-align: center;
	}
	#navigation ul {
		width: 100%;
		display: inline-block;
	}
	#navigation #step1 { width: 20%; }
	#navigation #step2 { width: 20%; }
	#navigation #step3 { width: 20%; }
	#navigation #step4 { width: 40%; }

	#controls-mobile {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 500;
		background-color: #000;
		padding: 10px 2%;
		margin: 0;
		width: 100%;
	}
	#controls-mobile #previous {
		float: left;
		display: inline-block;
		padding: 0.25em 1em;
		text-decoration: none;
		color: #FFFFFF;
		font-size: 16px;
		background: #a5782b;
	}
	#controls-mobile #next {
		float: right;
		display: inline-block;
		padding: 0.25em 1em;
		text-decoration: none;
		color: #FFFFFF;
		font-size: 16px;
		background: #a5782b;
	}

	#content {
		width: 100%;
		margin: 0 0 10px;
		border-left: 0;
		border-right: 0;
		padding: 10px 2%;
		overflow: visible !important;
		height: auto;
	}

	#selectBoat, #selectColor, #selectEngine, #selectOptions, #completePrint {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		height: auto !important;
		display: inline-block;
	}

	#colorListContainer {
		width: 100%;
	}

	.quote_dealer_wrapper {
		height: 204px !important;
	}

	#sidebar {
		width: 100%;
		margin: 10px 0;
		padding: 10px 2%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		overflow: visible !important;
		height: auto; 
	}
	#sidebar #controls {
		display: none;
	}
	#buildYourBoat{display:none;}

}

@media screen and (max-width: 767px) {
	#navigation #step1 { width: 57px; background-position: -9px 0; }
	#navigation #step1.active { width: 223px; background-position: -9px -50px; }
	#navigation #step2 { width: 57px; background-position: -233px 0; }
	#navigation #step2.active { width: 229px; background-position: -233px -50px; }
	#navigation #step3 { width: 57px; background-position: -461px 0; }
	#navigation #step3.active { width: 227px; background-position: -461px -50px; }
	#navigation #step4 { width: 57px; background-position: -686px 0; }
	#navigation #step4.active { width: 241px; background-position: -686px -50px; }

	#selectEngine #engineHorsePower {
		max-width: 100%;
	}
}

@media screen and (max-width: 479px) {
	h2 {
		font-size: 18px;
	}

	#navigation {
		width: 100%;
		text-align: left;
	}
	#navigation ul {
		width: 100%;
		display: block;
	}

	#navigation #step1 { width: 47px; background-position: -14px 0; }
	#navigation #step1.active { width: 223px; background-position: -14px -50px; }
	#navigation #step2 { width: 47px; background-position: -238px 0; }
	#navigation #step2.active { width: 229px; background-position: -238px -50px; }
	#navigation #step3 { width: 47px; background-position: -466px 0; }
	#navigation #step3.active { width: 227px; background-position: -466px -50px; }
	#navigation #step4 { width: 47px; background-position: -691px 0; }
	#navigation #step4.active { width: 241px; background-position: -691px -50px; }

	#colorListContainer {
		text-align: center;
	}
	.colorList li {
		float: none;
	}

	#selectEngine {
		text-align: center;
	}
	#engineBrands li {
		text-align: center;
		margin: 0 auto;
		float: none;
	}


	#infoFormSubmit {
		width: 100%;
		margin-left: 0;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
}