/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/



/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body nav select {background:#FAFAFA url(../images/select-arrow@2x.png) center right no-repeat; background-size:contain;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:80px 60px;}
}

/* IE7-IE8 Fixes*/
.lt-ie9	body nav select {background: url(../images/select-arrow.png) center right no-repeat;}
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {

	.flex-caption .slider-container, .width-container, .home-widget .textwidget {width:92%;} /* Default Width */


	.sf-menu a { padding-right:7px; padding-left:7px;}

	#page-title h1 { font-size:58px;}
	h1 {font-size:38px; }
	h2 {font-size:28px; }
	.footer-highlight h2  {font-size:30px;}
	h3 {font-size:26px; }
	body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro
	{font-size:23px;}
	h4 {font-size:23px; }
	h5 {font-size:20px; }
	h6 {font-size:17px; }

	#contact-button{
		margin-left: 23px!important;
	}
}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {


	/* Default Width */
	.width-container { width:93%; }

	.commentlist {width:68%;}

	/* WooCommerce Columns */
	body #main .width-container li.product.column-4 {margin-right:2%; width: 23.5%; clear:none;}
	body #main .width-container li.product.column-3 {margin-right:2%; width: 32%; clear:none;}
	body #main .width-container li.product.column-2 {margin-right:2%; width: 49%; clear:none; }


	body #main .width-container li.product.column-2.last, body #main .width-container li.product.column-3.last, body #main .width-container li.product.column-4.last, .lt-ie8 body #main .width-container li.product.column-2.last, .lt-ie8 body #main .width-container li.product.column-3.last, .lt-ie8 body #main .width-container li.product.column-4.last {margin-right:0%;}

	body #main .width-container li.product { float:left;}
	body #main .width-container li.product.first { clear: both;}

	body #main .width-container .columns-2 li.product {margin-left:1%;margin-right:1%; width: 48%; }
	body #main .width-container .columns-3 li.product {margin-left:1%;margin-right:1%; width: 31.3%; }
	body #main .width-container .columns-4 li.product {margin-left:1%;margin-right:1%; width: 23%; }


	/* Header Styles */
	.sf-menu a { padding-right:3px; padding-left:3px; }
	header .social-ico { margin-left:3px; float:none; position:absolute; top:-32px; right:0px;}
	header .social-ico a i {
		font-size:12px;
		margin-left:2px;
		padding:3px;
		min-width:13px;
	}

	body, footer {font-size:13px;}


	.footer-highlight #mc_embed_signup {
		margin-top:-40px;
		margin-bottom:20px;
	}

	#page-title h1 { font-size:56px;}
	h1 {font-size:36px; }
	h2 {font-size:26px; }
	.footer-highlight h2  {font-size:28px;}
	h3 {font-size:24px; }
	body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro
	{font-size:21px;}
	h4 {font-size:21px; }
	h5 {font-size:18px; }
	h6 {font-size:16px; }

	.tagline {
		float: right;
		position: absolute;
		/* display: block; */
		margin-left: 0px;
		margin-top: 8px;
		font-size: 20px;
		color: #e5e4e4;
		font-family: 'BenchNine', sans-serif;
		width: 100%;
		text-align: right;
	}

	/* Homepage Splash */
	.homepage-splash__content h2 {
		font-size: 34px;
	}

	.homepage-splash__phone {
		font-size: 54px;
	}

}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

	body, footer {font-size:13px;}

	/* Default Width */
	.width-container, .flex-caption .slider-container, .home-widget .textwidget { width:90%; }

	#fixed-header-pro {position:relative !important;}
	.pro-header-spacing {display:none !important;}

	/* Default Grid */
	.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget,
	#sidebar, #content-container, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
	.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
	#sidebar, #content-container {
		width:100%; margin-bottom:10px;
	}

	.tagline{
		display: none;
	}

	#contact-button{
		display: block!important;
		/* float: none; */
		margin: 0;
		text-align: center;
		margin-top: 20px;
	}

	body #main .width-container li.product.column-2, body #main .width-container li.product.column-3, body #main .width-container li.product.column-4, .lt-ie8 body #main .width-container li.product.column-2, .lt-ie8 body #main .width-container li.product.column-3, .lt-ie8 body #main .width-container li.product.column-4
	{
		margin-left:0px !important;
		margin-right:0px !important;
		width:100% !important;
		margin-bottom:10px;
	}

	.featureBlock h2 {
		width: 83%;
	}

	.featureBlock{
		width: 97%!important;
	}


	/* Header */
	header { position: relative; }
	h1#logo {float:none !important; padding:0px; margin:0 auto; text-align:center;}
	nav {float:none; margin:0 auto 15px auto;  background:none;}
	header .social-ico {
		float:none;
		margin:0 auto 10px auto;
		text-align:center;
	}

	/* Mobile Nav */
	header nav {
		background: #1b3215;
		position: fixed;
		top: 0;
		right: -100%;
		height: 100%;
		width: 100%;
		max-width: 667px;
		transition: right 400ms;
		z-index: 9999;
	}

	header.menu-open nav {
		right: 0;
	}

	header .mobile-menu__open {
		display: block;
		position: absolute;
		top: 20px;
		right: 0;
		cursor: pointer;
		width: 26px;
		height: 26px;
	}

	header .mobile-menu__open svg {
		fill: #fff;
		width: 26px;
		height: 26px;
	}

	header .mobile-menu__close {
		display: block;
		position: absolute;
		top: 24px;
		right: 12px;
		width: 26px;
		height: 26px;
		cursor: pointer;
	}

	header .mobile-menu__close svg {
		fill: #fff;
		width: 18px;
		height: 18px;
	}

	header nav .sf-menu {
		padding: 50px 0 0;
	}

	header nav .sf-menu li {
		text-align: center;
		width: 100%;
		float: none;
	}

	header nav .sf-menu li a {
		border: none;
		margin: 10px 0;
	}


	/* Footer */
	footer #copyright {
		float:none;
		text-align:center;
	}
	#widget-area .widget {
		padding:32px 0px 25px 0px;
	}
	#widget-area .widget .grid2column-progression {
		width:48%;
		float:left;
	}

	.footer-highlight h2 {
		float:none;
		margin:0px 25px 0px 0px;
	}
	.footer-highlight .summary-text-pro {
		float:none;
	}

	.footer-highlight #mc_embed_signup {
		height:auto;
		margin:10px auto 0px auto;
		top:0px;
		float:none;
	}

	/* BLOG Adjustments */
	.commentlist {width:95%; left:-10px;}
	.commentlist .children li.comment .comment-meta {margin-left:0px;}
	.commentlist .avatar, .commentlist > li:before {display:none;}
	.commentlist .avatar {display:none;}

	/* WOOCOMMERCE */
	.product-remove {display:none;}
	#single-product-pro .entry-summary { padding:0px; background:none; }
	body.woocommerce .commentlist {left:0px;}
	.comment-text {
		width:90% !important;
		margin:0px !important;
		margin-left:-10px !important;
	}

	.portfolio-index-text.video-portfolio-pro {
		position:relative;
	}
	img.filler-pro {display:none;}
	.video-pro-portfolio {height:auto; margin:0px;}

	.woocommerce table.cart {
		font-size:10px;
	}

	.googlemap {
		max-height:250px !important;
	}

	.wpcf7 input, #respond input {width:185px;}
	.wpcf7 textarea, #respond textarea {width:215px; }


	#page-title h1 { font-size:45px;}
	h1 {font-size:34px; }
	h2 {font-size:24px; }
	.footer-highlight h2  {font-size:26px;}
	h3 {font-size:22px; }
	body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro
	{font-size:20px;}
	h4 {font-size:20px; }
	h5 {font-size:17px; }
	h6 {font-size:14px; }

	.fc-widget-content, .fc-day-grid-container, .fc-day-grid {
		min-height:315px;
	}


	/* Homepage Splash */
	.homepage-splash {
		padding: 50px 0;
	}

	.homepage-splash:after {
		background: rgba(0,0,0,.5);
	}

	.homepage-splash__inner {
		display: block;
		padding: 0 10px;
	}

	.homepage-splash__content h2 {
		font-size: 34px;
		text-align: center;
	}

	.homepage-splash__phone {
		font-size: 38px;
	}

	.homepage-splash__video {
		padding: 5px;
	}


}