/* CSS Document - Responsive Code */

/*--------------------------------------------------------------
Flexible Grid
--------------------------------------------------------------*/
*[class^="span"] {
	padding: 0 20px;
	padding: 0 1.25rem;
	float: left;
	position:relative;
}
.span12 {
	width: 100%;
}
.span11 {
	width: 91.66%;
}
.span10 {
	width: 83.33%;
}
.span9 {
	width: 75%;
}
.span8 {
	width: 66.66%;
}
.span7 {
	width: 58.33%;
}
.span6 {
	width: 50%;
}
.span5 {
	width: 41.66%;
}
.span4 {
	width: 33.33%;
}
.span3 {
	width: 25%;
}
	.team .span3 {
		padding-left:0 !important;
	}
.span2 {
	width: 16.66%;
}
.span1 {
	width: 8.33%;
}


@media screen and (max-width:600px) {
	.no-mobile, #topbar, #header-home, #featured .span1, #tabs .span4, #colophon .nav, .sub-nav, .banner {
		display:none;
	}
	*[class^="span"] {
		width:100% !important;
		clear:both !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	html {
		font-size:87.5% !important;
	}
	/* Global */
	.wrapper, #tabs {
		max-width: 100% !important;
		padding: 24px 0!important;
		padding: 1.5rem 0 !important;
	}
	.wrapper {
		padding:40px 24px !important;
		padding:2.5rem 1.5rem !important;
	}
	hr {
		margin:24px 0 !important;
		margin:1.5rem 0 !important;
	}
	/* Header */
	#masthead {
		display:none !important;
	}
	/* Navigation */
	#menu-primary {
		display:none !important;
	}
	.resp-menu-logo {
		left:5%;
	}
	/* Links */
	a.btn.brown {
		width:100% !important;
	}
	/* Home */
	#tabs {
		margin-top:0 !important;
		padding:0 !important;
	}
	#tabs ul {
		position:relative !important;
		width:100% !important;
	}
	#tabs ul li {
		width:33.33% !important;
		padding-bottom:24px !important;
		padding-bottom:1.5rem !important;
		font-size:16px !important;
		font-size:1rem !important;
	}
	#tabs .wrapper {
		padding:16px 32px 32px !important;
		padding:1rem 2rem 2rem !important;
	}
	#tabs ul li.children.active, #tabs ul li.adults.active, #tabs ul li.veterans.active {
		background-position:center 60px !important;
	}
	#horse-links .photo-bar img {
		width:20%;
		float:left;
	}
	#news .span4 {
		min-height:0 !important;
	}
	#news .span4.middle {
		border-top:1px #e7e2dd solid;
		border-bottom:1px #e7e2dd solid;
		border-left:0 !important;
		border-right:0 !important;
	}
	/* Interior */
	/* HORSES */
	.gridder-list {
		width:25% !important;
	}
	/* Footer */
	#colophon .bottom .span6 {
		text-align:center !important;
	}
	#colophon .trot-info {
		margin:0 0 32px;
		margin:0 0 2rem;
	}
}

@media screen and (min-width:600px) {
}

@media screen and (min-width:600px) and (max-width:1024px) {
	.no-tablet, #tabs .intro, #topbar, #masthead, #header-home {
		display:none !important;
	}
	#tabs, .wrapper, #content .banner {
		max-width:100% !important;
	}
	.resp-menu-logo {
		left:2.25rem;
	}
	#content .banner img {
		display:none !important;
	}
	#content .banner {
		padding:0 !important;
	}
	#content .banner .breadcrumbs{
		position:relative !important;
	}
	#content .sub-nav {
		display:none !important;
	}
	#content .span9 {
		width:100% !important;
	}
	#tabs .wrapper {
		margin-top:128px !important;
		margin-top:8rem !important;
		padding:0 16px 40px !important;
		padding:0 1rem 2.5rem !important;
	}
	#tabs {
		margin-top:0 !important;
	}
	#tabs ul {
		width:100% !important;
	}
	#tabs .span7 {
		width:100% !important;
	}
	#horse-scroll {
		overflow:hidden !important;
	}
	#horse-scroll .span2.link {
		margin-top:22px !important;
		margin-top:1.375rem !important;
	}
	#featured .span4 {
		width:33.33% !important;
	}
	#featured .span6 {
		width:66.66% !important;
	}
	#news .span4 {
		width:50% !important;
	}
	#news .span4.middle {
		border-right:0 !important;
	}
	a.btn.brown {
		width:100% !important;
		clear:both !important;
	}
	.testimonial {
		display:inline-block;
		position:relative;
		width:100% !important;
		padding:0 !important;
	}
	.gallery-grid {
		width:33.33% !important;
	}
	.recent-news .span4 {
		width:100% !important;
		margin:0 0 32px !important;
		margin:0 0 2rem !important;
	}
}

@media screen and (min-width:800px) {
	.slicknav_menu {
		display:none !important;
	}
}

@media screen and (max-width:1024px) {
	#tabs {
		z-index:1 !important;
	}
}

@media screen and (min-width:1024px) {
	.no-desktop, .resp-menu-logo {
		display:none !important;
	}
}

@media screen and (max-width:1400px) {
	html {
		font-size:87.5% !important;
		font-size:14px !important;
	}
}