/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 961px) {

#sdrn_bar {
	background: #C2E6FE !important;
	height: 90px !important;
	box-shadow: 0px 1px 2px #615F5F;
	margin-bottom: 0 !important;
	border-top: 4px solid;
	border-image: url('/wp-content/themes/turf-terminators/img/blue_gradient_divider.png') 1 stretch repeat;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

#sdrn_menu {
	border-left: 4px solid;
	border-image: url('/wp-content/themes/turf-terminators/img/blue_gradient_divider.png') 1 stretch repeat;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
}

#sdrn_wrapper {margin-top: 49px !important}

#sdrn_bar .bar_logo {height: 75px !important; top: 22% !important;}

header.contain-to-grid {display: none !important;}

#sdrn_bar .sdrn_ic span {background: #333 !important;}

#sdrn_bar .sdrn_ic {top: 30px !important;right: 5px !important;}

.blue_divider:first-child {display: none !important;}

#sdrn_menu_ul {padding-top: 90px !important;}

#sdrn_menu .sdrn_icon_par {text-align: center;}
#sdrn_menu .icon_default.sdrn_icon_par:before {content: '\f105' !important; font-family: FontAwesome;}
#sdrn_menu .icon_default.sdrn_par_opened:before {content: '\f106' !important; font-family: FontAwesome;}

#video h4 {max-width: 100% !important;}

#video iframe {height: 400px !important;}

/************************************/
/*! CONTENT */
/************************************/

#cta {padding: 20px 0 !important; height: auto !important;}

#cta h2 {font-size: 2rem !important;}

#cta .wp-video, .mejs-container, .mejs-poster, .mejs-overlay-play, .me-plugin, .wp-video-shortcode, #me_flash_0 {width: 100% !important;}

.wp-video {margin-bottom: 15px;}

#cta #video p {text-align: center !important;}

#what {margin-bottom: 20px !important;}

#what p {font-size: 16px !important;}

#steps {margin-bottom: 0 !important;}

#steps ul {margin: 0 !important; padding: 0 !important;}

#steps li {text-align: center;}

#steps li:last-child {margin-bottom: 0 !important;}

#steps li div {float: none !important; width: 100% !important; text-align: center !important; margin-bottom: 15px;}

#cta_2 .button.green {margin: 0 auto !important;float: none;text-align: center;right: 0;left: 0;width: 100%;border-radius: 0;}

#cta_2 img {display: none !important;}

#footer-cta {padding: 30px 0 !important;}

#footer-cta h3 {text-align: center !important;text-shadow: 1px 2px rgba(0,0,0,.22) !important;}

#footer-cta .button.green {margin: 0 auto;display: block;max-width: 240px;}

#footer-cta .row {top: auto !important; bottom: 5% !important;}

#content header .info {width: 100% !important;padding: 15px;}

div.entry-content {padding: 0 15px;}

#content header .info p, #content header h1 {text-shadow: 1px 2px rgba(0,0,0,.22) !important;}

#content .large-6, #content .pro-con .large-6 {width: 100% !important;border: none !important;}

.page-template-page-side-php #content {padding-right: 0 !important;}

#content h3 {font-size: 20px !important;margin-top: 10px !important; padding-bottom: 8px !important;}

.accordion dd > a {padding: 5px 0 !important;}

}

@media only screen 
and (min-width : 600px) 
and (max-width : 961px) {

#testimonials ul {width: 100% !important;}

#cta .wp-video, .mejs-container, .mejs-poster, .mejs-overlay-play, .me-plugin, .wp-video-shortcode, #me_flash_0 {width: 450px !important;}

#cta .wp-video {float: left !important;}

#cta #video p {float: left !important;}

#testimonials li {width: 33.333% !important;}

#steps li {width: 50% !important;min-height: 268px; float: left;}

#steps li:last-child {border-bottom: 0 !important;}

}

@media only screen 
and (min-width : 962px) 
and (max-width : 1044px) {

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {padding: 0 10px !important;}

.top-bar-section .has-dropdown > a:after {display: none !important;}

#cta {height: auto !important;}

#copy, #video {width: 50% !important;}

#cta h2 {font-size: 1.9rem !important;}

#testimonials li {width: 33.333% !important;}

#steps li {width: 33.333% !important;min-height: 268px; float: left;}

#steps li div {float: none !important; width: 100% !important; text-align: center !important; margin-bottom: 15px;}

#steps li p {text-align: center; display: block; font-size: 15px !important;margin: 0 auto;}

#cta_2 {margin-top: -60px !important;padding: 15px 30px !important;}

#cta_2 img {float: right;}

#footer-cta .button.green {left: -30px !important;position: relative;}

footer.full-width .large-3 {width: 25% !important;}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.show-on-mobile-only {
	display:none !important;
}
 
@media (min-width:100px) and (max-width:767px) {
	.hide-on-mobile {
		display:none !important;
	}
 
	.show-on-mobile-only {
		display:inline !important;
	}
}

#input_14_15, #input_14_16, #input_14_18, #input_14_19, #input_14_20 {
	background-color: #cccccc;
}