/*Responsive*/
@media only screen and (max-width: 1180px) {
	.container { width: 1024px; }
	/*Menu*/
	.m-content { display: none; }
	#menu_but {float:left;}
	#header-right {display:none;}
	#main-content {width:690px}
	/*Index*/
	#news .news-section { width: 664px; }
	
	/*About*/
	.choose { margin-right: 20px; width: 390px; }
	.testimonials { width: 320px; }
	.team-item { width: 182px; }
	.team-item img { width: 162px; }
	
	/*Contact*/
	#contact #aside { width: 300px; }
	#contact-form .input-control, 
	#contact-form .textarea-control { width: 278px; }
	#contact #main-content { width: 610px; }
	#contact-location #map-canvas { width: 578px; }
	#contact-location #map-canvas img { width: 100%; }
	
	/*CMS*/
	.post-comment .input-control, .post-comment .textarea-control { width: 547px; }
	
	/*Profile*/
	.tabs-vertical .tabs-content { width: 504px; }
	#account .user-form .input-control, 
	#account .user-form .textarea-control { width: 317px; }
	
	/*Social*/
	.facebook_slide, .twitter_slide {display:none;}
	
}
@media only screen and (max-width: 1124px) {
	img { max-width: 710px; }
	.container { width: 980px; }
	#aside { width: 240px; }
	#aside .sub-section { width: 190px; }
	.input-control { width: 175px; }
	#main-content { margin-left: 30px; }
	#main-content,
	.choose,
	.testimonials { width: 670px; }
	.scrollbar { width: 200px; }
	#shopping-cart .sub-section .btn-submit, 
	#shopping-cart .sub-section .btn-back { margin-bottom: 10px; }
	
	/*Index*/
	#news .news-section { width: 640px; }
	
	/*About*/
	.choose { margin-right: 0; }
	.testimonials { margin-top: 20px; }
	.team-item { width: 177px; }
	.team-item img { width: 167px; }
	
	/*Gallery*/
	.view-gallery li { height: 170px; width: 220px; }
	.view-gallery li .image { height: 170px; }
	
	/*Contact*/
	#contact #main-content { width: 570px; }
	#contact-location #map-canvas { width: 546px; }
	#contact-location #map-canvas  img { width: 100%; }
	
	/*Profile*/
	.tabs-vertical .tabs-content { width: 480px; }
	#account .user-form .input-control, 
	#account .user-form .textarea-control { width: 293px; }
	
	/*Products*/
	.product-image { width: 250px; }
	#product-detail .product-content { width: 440px; }
}
@media only screen and (max-width: 980px) {
	img { max-width: 550px; }
    .available-image{
        float:none;
        clear:both;
        margin-left: 0;
        width: auto;
    }

	.container { width: 800px; }
	#aside { width: 230px; }
	#aside .sub-section { width: 180px; }
	#main-content { margin-left: 20px; width: 510px; } 
	.scrollbar { width: 190px; }

	#news .news-section { width: 480px; }

	/*About*/
	#main-content, .choose, .testimonials { width: 510px; }
	.team-item { width: 220px; }
	.team-item img { width: 200px; }
	
	/*horse-available*/
	
	/*Login*/
	#login .login-content {  }
	
	/*Gallery*/
	.view-gallery li { height: 180px; width: 265px; }
	.view-gallery li .image { height: 180px; }
	
	/*Contact*/
	#contact #aside { width: 250px; }
	#contact #main-content { width: 450px; }
	#contact-location #map-canvas { width: 420px; }
	#contact-form .input-control, #contact-form .textarea-control { width: 228px; }
	
	/*CMS*/
	.post-comment .input-control, .post-comment .textarea-control { width: 363px; } 
	
	/*Shopping*/
	.shopping .input-control { width: 293px; }
	.shopping .select-control { width: 315px; }
	
	/*Error*/

	#error .error-content { top: 30%; }
	
	/*Profile*/
	.tabs-vertical .tabs-content { margin-top: 20px; width: 100%; }
	#account .user-form .input-control, #account .user-form .textarea-control { width: 363px; }
	
	/*Horse*/
	.horse-image { width: 300px; }
	.horse-image img{ width: 310px; height: auto;}
	.pedigree table {max-width: 514px;}
}
@media only screen and (max-width: 849px) {
	img { max-width: 550px; }
	#index_horses_avail {display:none;}
	.container { max-width:700px;width: 100%; margin:0 auto;padding:0}
	
	#aside { width: 100%; margin:0;}
	#aside .section li { width: 100%; }
	#aside .section li:last-child { border-bottom: 1px solid #ddd; }
	#aside .section li:after { content: ''; clear: both; display: block; }
	#aside .sub-section { max-width:650px; width: 100%; }
	#aside .industry_news { margin-top: 20px; }
	.scrollbar { max-height: 200px; width: 650px; }     
		
	.input-control { width: 97%; }
	#news .news-section { width: 670px; }
	#main {width:100%;padding:20px 0 0 0px;margin:0;float:none;}
	/*About*/
	#main-content, .choose, .testimonials { max-width:660px; width: 100%; margin:0 0 20px 0}
	.team-item { width: 175px; }
	.team-item img { width: 160px; }
	
	/*horse-available*/
	
	/*Gallery*/
	.view-gallery li { width: 220px; }
	
	/*Contact*/
	#contact #aside { width: 100%; margin:0; max-width:660px;}
	#contact-form { float: left; margin-right: 20px; width: 650px; }
	#contact address { margin-top: 40px; }
	#contact #main {width:100%;padding:20px 0 0 0px;margin:0;float:none;}
	#contact-location #map-canvas { width: 96%; }
	#contact-form .input-control, #contact-form .textarea-control { width: 600px; }
	#contact #main-content { max-width:660px; width: 100%; margin:20px 0 ; }
	
	/*CMS*/
	.post-comment .input-control, .post-comment .textarea-control { width: 397px; }
	#cms .btn-group { margin-left: 0; }
	
	/*Shopping*/
	.shopping .input-control { width: 443px; }
	.shopping .select-control { width: 465px; }
	
	/*Error*/
	#error .error-content {  }
	
	/*Profile*/
	#account .user-form .input-control, #account .user-form .textarea-control { width: 513px; }
	
	/*Product*/
	#product-detail .product-content { width: 350px; }

	.horse-image img{ width: 310px; height: auto;}
}
@media only screen and (max-width: 767px) {
	img { max-width: 550px; }
	#contact-location #map-canvas { border: 2px solid #ddd; padding: 10px; width: 700px; height: 400px;}
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	img { max-width: 550px; }
	#index_horses_avail {display:none;}
	.container { max-width:640px;width: 100%; margin:0 auto;padding:0}
	
	#aside { width: 100%; margin:0;}
	#aside .section li { width: 100%; }
	#aside .section li:last-child { border-bottom: 1px solid #ddd; }
	#aside .section li:after { content: ''; clear: both; display: block; }
	#aside .sub-section { max-width:590px; width: 100%; }
	#aside .industry_news { margin-top: 20px; }
	.scrollbar { max-height: 200px; width: 650px; }     
		
	.input-control { width: 97%; }
	#news .news-section { width: 570px; }
	#main {width:100%;padding:20px 0 0 0px;margin:0;float:none;}
	/*About*/
	#main-content, .choose, .testimonials { max-width:600px; width: 100%; margin:0 0 20px 0}
	.team-item { width: 175px; }
	.team-item img { width: 160px; }
	
	/*horse-available*/
	
	/*Gallery*/
	.view-gallery li { width: 265px; }
	
	/*Contact*/
	#contact #aside { width: 100%; max-width:600px}
	#contact-form { float: left; margin-right: 20px; width: 550px; }
	#contact-form .input-control, #contact-form .textarea-control { width: 500px; }
	#contact #main-content { max-width:600px; width: 100%; margin:20px 0 ; }
	/*CMS*/
	.post-comment .input-control, .post-comment .textarea-control { width: 363px; }
	
	/*Shopping*/
	.shopping .input-control { width: 293px; }
	.shopping .select-control { width: 315px; }
	
	/*Error*/
	#error .error-content { }
	
	/*Profile*/
	#account .user-form .input-control, #account .user-form .textarea-control { margin-top: 10px; width: 527px; }
	
	/*Horse*/
	.horse-image { float: none; margin-bottom: 20px; }
	.horse-image img {height: auto; width: 550px;}
	.pedigree table {max-width: 600px;}
}
@media only screen and (max-width: 640px) {
	img { max-width: 400px; }
	.subtabs_btn {float:none;clear:right;}
	.subtabs h2 {float:none;clear:right; }
	#contact-location #map-canvas { border: 2px solid #ddd; padding: 10px; width: 370px; height: 400px;}
	.enquire_link_iphone {
		display:inline-block;
	}
	.enquire_link {
		display:none;
	}

	.subtabs_btn {
		float:none;
	}
	.available-image {
		float:none;
		margin:0 0 20px 0;
		
	}
	.available-image img { width: 100% }
	.horse_career_record li {
		float:none;
		margin:0;
		width:100%;
		display:block;
		border:1px solid #ccc;
		border-top:none;
	}
	
	.horse_career_record li:first-child {
		border-top:1px solid #ccc;
	}
	.career_record_div {
		border-bottom:none;
		background:#f5f5f5
	}
	
	.container { width: 420px; margin: 0 auto}
	#aside .sub-section { width: 370px; }
	.scrollbar { width: 380px; }
	#news .news-section { width: 390px; }
	#profile span.error { margin-left: 0; }
	
	/*horse-available*/
	
	/*Gallery*/
	.view-gallery li { width: 200px; }
	
	/*CMS*/
	.post-comment .input-control, .post-comment .textarea-control { margin-top: 10px; width: 397px; }
	
	/*Shopping*/
	.shopping .label-control { width: 167px; }
	.shopping .btn-group { margin-left: 0; }
	.shopping .input-control { margin-top: 10px; width: 377px; }
	.shopping .select-control { margin-top: 10px; width: 400px; }
	.select:before { right: -206px; top: 60px; }
	
	/*Error*/
	#error .error-content { margin: 30px -120px -120px; }
	
	/*Login*/
	#login .login-content { margin-top: 0; top: 30%; }
	
	/*enquire form*/
	.enquire-form { margin: 10px; }
	#enquire-form .form-group { float: none; width: 100%; }
	#enquire-form .input-control, 
	#enquire-form .textarea-control { width: 90%; }
	#enquire-form .textarea-control { height: 50px; }
	
	.container { max-width:440px;width: 100%; margin:0 auto;padding:0}
	
	#aside { width: 100%; margin:0;}
	#aside .section li { width: 100%; }
	#aside .section li:last-child { border-bottom: 1px solid #ddd; }
	#aside .section li:after { content: ''; clear: both; display: block; }
	#aside .sub-section { max-width:390px; width: 100%; }
	#aside .industry_news { margin-top: 20px; }
	.scrollbar { max-height: 200px; width: 450px; }     
		
	.input-control { width: 97%; }
	#news .news-section { width: 370px; }
	#main {width:100%;padding:20px 0 0 0px;margin:0;float:none;}
	/*About*/
	#main-content, .choose, .testimonials { max-width:400px; width: 100%; margin:0 0 20px 0}
	
	#contact #aside { width: 100%; max-width:400px}
	#contact-form { float: left; margin-right: 20px; width: 400px; }
	#contact-form .input-control, #contact-form .textarea-control { width: 350px; }
	#contact #main-content { max-width:400px; width: 100%; margin:20px 0 ; }
	
	.horse-image img {height: auto; width: 380px;}
	.pedigree table {max-width: 400px;}
}
@media only screen and (max-width: 479px) {
	img { max-width: 300px; }
	#contact-location #map-canvas { border: 2px solid #ddd; padding: 10px; width: 260px; height: 400px;}

	.scrollbar { width: 260px; }
	#news .news-image { width: 100%; }

	/*horse-available*/
	
	/*Gallery*/
	.view-gallery li { width: 300px; }
	
	/*Product*/
	.product-image { width: 300px; }
	
	/*CMS*/
	.post-comment .input-control, .post-comment .textarea-control { width: 277px; }
	
	/*Shopping*/
	.shopping .label-control { width: 280px; }
	.shopping .input-control { width: 257px; }
	
	/*Error*/
	#error .error-content { margin: 30px -143px -120px; }
	
	/*Login*/
	#login .login-content, #error .error-content { width: 300px; }
	#login .input-control { width: 216px; }
	#login .login-content { margin: -154px; top: 50%; }
	
	/*Profile*/
	#account .user-form .input-control, #account .user-form .textarea-control { width: 283px; }
	
	.container { max-width:340px;width: 100%; margin:0 auto;padding:0}
	
	#aside { width: 100%; margin:0;}
	#aside .section li { width: 100%; }
	#aside .section li:last-child { border-bottom: 1px solid #ddd; }
	#aside .section li:after { content: ''; clear: both; display: block; }
	#aside .sub-section { max-width:290px; width: 100%; }
	#aside .industry_news { margin-top: 20px; }
	.scrollbar { max-height: 200px; width: 350px; }     
		
	.input-control { width: 97%; }
	#news .news-section { width: 270px; }
	#main {width:100%;padding:20px 0 0 0px;margin:0;float:none;}
	#main-content, .choose, .testimonials { max-width:300px; width: 100%; margin:0 0 20px 0}
	
	#contact #aside { width: 100%; max-width:300px}
	#contact-form { float: left; margin-right: 20px; width: 300px; }
	#contact-form .input-control, #contact-form .textarea-control { width:250px; }
	#contact #main-content { max-width:300px; width: 100%; margin:20px 0 ; }

	.pedigree table {max-width: 300px;}
	.horse-image img {height: auto; width: 280px;}
}

@media only screen and (max-width: 320px) { 
	#aside .sub-section { max-width:270px; width: 100%; }
}