@media screen and (min-width: 996px) and (max-width: 1199px) {
	

}

@media screen and (min-width: 0px) and (max-width: 998px) { 
	.bikePanelWrap { padding:0; margin-left:-30px; }
	.bikePanel { float:none; width:482px; margin:0 auto; }
	.bikePanel .right , .bikePanel .left {float:none; }
}

@media screen and (min-width: 320px) and (max-width: 995px) { 
	.headClip { padding-left:0; }
	.headClipInner {
		width:100%;
		padding-right:0;
		background:none!important; }
	.contentInner { width:100%; }
}
@media screen and (min-width: 0px) and (max-width: 966px) { 
	.detailWrap { width:100%; }
	.detailRight { width:35%; }
	.detailCopy { height:auto; }
	.thumbsWrap , .addressWrap { width:100%; padding-left:0; text-align:center; }
	.detailsTel { width:48%; margin-right:1%; text-align:right; }
	.detailsTel.detailsMob { margin-left:1%; text-align:left; }
	.contentInner { width:100%; }
	.contactLeft , .contactRight { width:96%; height:auto; margin:2%; }
	.contactAddress p { width:100%; }
	.sparesWrap ul { text-align:center; }
	.sparesWrap { width:90%; }
	.sellWrap label { width:30%; }
	.sellWrap .form-control { width:60%; }
}
@media screen and (min-width: 0px) and (max-width: 885px) {
	.detailLeft {float:none; }
	.detailRight { 
		width:100%;
		padding-left:0; }
	.detailCopy { height:auto; }
	.iClose1 { display:none; }
	.iClose2 { 
		display:block;
		position:absolute;
        z-index:100;
		top:0;
		right:0; }
	.detailTitle .detailPrice { right:90px; }
} 
@media screen and (min-width: 480px) and (max-width: 719px) {
	
}
@media screen and (min-width: 320px) and (max-width: 719px) {
  	.story p { 
		width:100%;
    	font-size:15px; }
	.navbar li { float:left; }
	.navbar li a {
		width:auto;
		font-size: 16px;
		padding:0 16px; }
}
@media screen and (min-width: 320px) and (max-width: 667px) {
  	.headWrap , .navbar { 
		width:100%;
		float:left; }
	header h1 { font-size:40px; }
    /*.header h1 { font-size:40px; }*/
	.navbar {
		float:right;
		width:auto; }
		
	.homeCopy { margin-top:0; font-size:14px; }
}
@media screen and (min-width: 320px) and (max-width: 622px) {
  	.navbar li a {
		font-size: 15px;
		padding:0 12px; }
	.alertBox { width:80%; }
}
@media screen and (min-width: 0px) and (max-width: 595px) {
	.sparesWrap {width:90%; }
	.detailLeft { width:100%; }
	.detailTitle { 
		height:auto;
		min-height:80px; }
	.detailRight address { height:auto; }
	.detailTitle h1 { 
		width:100%;  
		margin:32px 90px 0 10px;
		line-height:1; }
	.detailTitle h1 span { margin-top:0; } 
	.detailTitle h1 strong { line-height:1; margin-right:90px; } 
	.thumbarrowLeft , .thumbarrowRight { 
		display:block;
		width:50%;
		height:20px;
		margin-right:0;
		border-bottom:none;
        border-top:solid 2px #dfd9c5;
        border-right:solid 1px #dfd9c5;
		background:#8d856d url(../images/arrow1.png) no-repeat 2% 50%; }
	.thumbarrowRight { background:#8d856d url(../images/arrow2.png) no-repeat 98% 50%; border-left:solid 1px #dfd9c5; border-right:none; }
	.thumbarrowLeft:hover , .thumbarrowRight:hover { background-color:#79715b; border-bottom:none; }
	.thumbImg {
		width:25%;
		margin:2% 0 0 0; }
    .detailLeft .mainimg .zoom { left:auto; right:5px; top:auto; bottom:113px; }
}
@media screen and (min-width: 0px) and (max-width: 561px) {
	.contentMain {padding:0 0 30px; }
	header h1 { font-size:32px; padding-top:15px; }
	header h1 span { font-size:13px;  line-height:1; margin-top:5px; }
    /*.header h1 { font-size:32px; padding-top:15px; }
	.header h1 span { font-size:13px;  line-height:1; margin-top:5px; }*/
	.navToggle { 
		display:block;
		height:38px;
		line-height:38px;
		font-size:18px;
		color:#dfd9c5!important;
		text-transform:uppercase; }
		.navToggle:hover { color:#FFFFFF!important; text-decoration:none; }
	.navbar {width:100%; float:none; margin:0; left:auto; }
	.navbar-nav {
			float:none;
			width:100%;
			left:auto;
			height:auto;
			margin: 0;
			padding:0;
			text-align:center;
			background:#3e1504; }
		.navbar > .navbar-nav { left:auto; }
		.navbar li { float:none; width:100%; }
		.navbar li a {
			display:block;
			width:100%;
			font-size: 18px;
			padding:0 10px;
			margin:1px 0; }			
			.navbar li a:hover {background:#2b0d00; } 
	.homeCopy { margin:0 30px; width:auto; }
	.bikePanelWrap { padding:0; margin:20px -15px; }
	.bikeItem { margin:1px 0; }
	.listLabels {margin: 0 auto 10px; }
	.contentMain.contentInner {padding:30px 0; }
	.contentInner h2 {
		font-size:48px; margin-bottom:20px; }
	.sellWrap label { 
		width:100%;
		height:auto;
		line-height:normal;
		margin:20px 0 5px;
		text-align:left;  }
	.sellWrap .form-control { width:100%; }
}
@media screen and (min-width: 320px) and (max-width: 500px) { 
	.bikePanelWrap { margin:20px 0; }
	.bikePanel { width:100%; }
	.bikeItem { width:100%; padding:0; }
	.bikeThumb { display:none; }
	.bikeItemPrecis { width:100%; }
	.bikeItemPrecis h3 { width:67%; }
	.bikeItemPrecis .year , .bikeItemPrecis .price { width:15%; font-size:18px; margin:0; height:60px; line-height: 60px; }
	.bikeItemPrecis .price { width:18%; margin:0; padding-right:10px; height:60px; line-height: 60px; }
	.bikeItemPrecis .statusDeposit.price {margin-top:13px; }
	.listLabels { width:100%; }
	.listLabel_arrow { display:none;  }
	.listLabel_name { width:67%; }
	.listLabel_year { width:15%; }
	.listLabel_price { width:18%; padding-right:10px; }
}
@media screen and (min-width: 0px) and (max-width: 479px) {
	header { 
		height:165px;
		background: url(../images/bg_header2.jpg) repeat-x left bottom; }
    header h1 { padding:20px 20px 25px; }
    footer {
		height:200px;
		font-size:15px; }
    /*.header { 
		height:165px;
		background: url(../images/bg_header2.jpg) repeat-x left bottom; }
    .header h1 { padding:20px 20px 25px; }
    .footer {
		height:200px;
		font-size:15px; }*/
	.headClip { height:120px; background: url(../images/bg_header2.jpg) repeat-x left top; }	
	.story { background:#cfc9b4; }
	.story h2 { font-size:27px; }
	.story p { font-size:13px; }
	.alertBox { width:100%; }
	.detailTitle h1 { 
		position:relative;
		float:left;
		width:100%;
		margin:10px 0 10px 10px; }
	.detailTitle .detailYear { position:relative; top:0; left:0; margin-bottom:0; }
	.detailTitle h1 strong { position:relative; top:0; left:0; }
}
@media screen and (min-width: 320px) and (max-width: 450px) {
	header h1 { font-size:27px; line-height:0.8; }
	header h1 strong { line-height:1.2; }
    /*.header h1 { font-size:27px; line-height:0.8; }
	.header h1 strong { line-height:1.2; }*/
	.bikeItem , .bikeItemPrecis { height:50px; }
	.bikeItemPrecis h3 { width:63%; margin-top:8px; }	
	.bikeItemPrecis h3 span { font-size:16px; }
	.bikeItemPrecis .year { width:17%; height:50px; line-height: 50px; }
	.bikeItemPrecis .price { width:20%; height:50px; line-height: 50px; }
	.listLabels a { font-size:18px; }
	.listLabel_name { width:63%; }
	.listLabel_year { width:17%; }
	.listLabel_price { width:20%; }
}
@media screen and (min-width: 320px) and (max-width: 420px) {
	
	.story { padding:10px 30px; }
}
@media screen and (min-width: 320px) and (max-width: 395px) {
	header { height:175px; }
	header h1 strong { line-height:0.9; }
	header h1 span { line-height:1; }
    /*.header { height:175px; }
	.header h1 strong { line-height:0.9; }
	.header h1 span { line-height:1; }*/
    .headClip { height:130px; }
	.bikeItemPrecis h3 { width:60%; }
	.bikeItemPrecis .year { font-size:16px; }
	.bikeItemPrecis .price { width:23%; font-size:16px; }
	.listLabel_name { width:60%; }
	.listLabel_price { width:23%; }
}
@media screen and (min-width: 0px) and (max-width: 345px) {
	.detailsTel , .detailsTel.detailsMob { width:100%; margin:0; text-align:center; }
	.detailsTel2 { margin-top:10px; }
}
