/* ==========================================================================
   SMALL - 240w
   ========================================================================== */
   
   @media only screen and (min-width: 240px) {	   
	body { /*overflow-x: hidden;*/ }

	.alignleft {
		float: none;
		margin: 10px 1em 20px 0;
		width: 100%;
	}
	
	body,
	.content-container,
	.wrapper { min-width: 300px; position: relative;}
    .page-template-page-fullwidth .section-content .content-container { margin-top: 1em; }
       
	h1 { font-size: 32px; }
	h2 { font-size: 30px; }
	h3 { font-size: 26px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }

    .hide-mobile,
	.flex-direction-nav { display: none !important; }
	.main-copy { margin: 5%; }
	.btn {
		width: 100%;
		display: block;
		margin-bottom: 1em;
		margin-top: 2em;
		text-align: center;		
	}

	#content {
		width: 100%;
		padding: 0 5%;
		max-width: 1000px;
		margin: 0 auto;
	}	
	#product-sidebar {
		margin-bottom: 0;
		padding-right: 0;
		width: 100%;
	}
   .product-container.col-3-4 {
	   width: 100%;
   }
	.options--section.visible { display: block; }
 	#search-container { width: 100%; text-align: center; }
	#search--form {
		width: 50%;
		max-width: 400px;		
		display: inline-block;
		border: none;
		height: 48px;
		margin-right: .75em;
		border-radius: 4px;		
	}
	#search--submit {
		display: inline-block;
		width: auto;
		margin-bottom: 0;
		border: none;
		background-color: #5c8a0a;
		color: #fff;
		text-transform: none;
		font-style: none;
		padding: .75em 1.5em;
	}
	   
	.cat--result {
		flex-grow: 1;
		margin: 0 auto 1em;
		text-align: center;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		padding: 1em;
	}
    .result {
        width: 100%;
        margin: 1em 0 2em;
        padding: 0 .5em;
        font-size: 14px;
        float: left;
        min-height: 130px;
    }
    .result.result--small {
        width: 100%;
    }
	.product--list .product--image,
	.product--grid .product--image {
		float: none;
		position: relative;
		width: 100%;
		padding: 0;
		margin-bottom: 1em;
	}
	.product--list .product,
	.product--grid .product {
		display: block;
		width: 100%;
		margin: 0 0 2em;
		padding: 1em;
		border-bottom: 1px solid #eee;
	}   
   .product--list .product--description,
    .product--grid .product--description{ 
		display: block; 
		float: left;
		position: relative;
		width: 100%;	
		padding: 0 2.5%;	
	}
	/* GRID */
	.col-1-1,.col-1-2,.col-1-3,.col-1-4,.col-2-3,.col-3-4, .col-1-5, .col-4-5 { padding: 0; }
	.wrapper { 
		width: 90%;
		margin: 0 5%;
	}
	.push-1,
	.push-1-2 { margin-left: 0; }
	.col-1-1,
	.col-1-2,
	.col-1-2.full-container,
	.col-1-3,
	.col-2-3,
	.col-3-3,
	.col-3-4 {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	/*.candorem,
	footer .col-1-2,
	footer .col-1-4 { text-align: center !important; }*/
	footer .col-1-2,
	footer .col-1-4 { /*min-height: 300px;*/ }
	footer .copyright .col-1-2,
	footer .copyright .col-1-4 { min-height: 0; }
	

	/* FLEXSLIDER */		
	.no-hero { margin-top: 3em !important; }
	.flexslider.blank .slides li,
	.flexslider.blank.small .slides li,
	.flexslider.blank.medium .slides li,
	.flexslider.blank.large .slides li,			
	.flexslider.blank { height: 50px !important; min-height: 50px !important;}
	
	.flexslider,
	#speed-bump,
	.flexslider.interior-page { margin-top: 0px !important; }	
	#speed-bump .wrapper { 
		position: relative; 
		height: 100%;			
	}	
	.flexslider .slides > li {
		background-position: center 0px;
		/*overflow: hidden;*/
	}

	.flexslider .slides li {/* height: 240px !important;*/ }
	.home flexslier .slides li { height: 350px !important; }
	.flexslider.small .slides li { height: 150px !important; }
	.home #flexslider-hero.flexslider .slides li {
		height: 520px !important;
	}
	.home #flexslider-hero.flexslider .slides li .btn {
		margin: 0;
	    background: rgba(0,0,0,.3);
	}
	.home #flexslider-hero.flexslider .slides li .btn:hover {
		background: #c82e3e !important;
	}
	#speed-bump .title.left,
	#speed-bump .title.center,	
	#speed-bump .title.right,	
	.slide-cta.left,
	.slide-cta.center,
	.slide-cta.right {
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center; 
		width: 90%;
		
		/*top: 20% !important;*/	
	
		font-size: 1.5em;
		line-height: 1em;		
		text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.90);	
	}  
	.slide-cta.center.vert-top { top: 8%; transform: none;     left: 5%;}
	/*.flexslider.small .slides li .slide-cta.center { top: 35% !important; }*/

	.slide-cta span { color: #fff; display: block; }

	.slide-cta p { color: #fff; font-size: 16px; font-family: "open_sansbold"; }
	.slide-cta p span { display: inline-block; height: 8px; width: 8px; border-radius: 50%; background: #fff; margin: 0 1em; vertical-align: middle; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.50);}
	.slide-cta h1 { margin: 0; font-size: 38px; color: #fff;}	
	#speed-bump .title.left,
	#speed-bump .title.center,	
	#speed-bump .title.right {padding: 0;}
	#speed-bump.typewriter a.btn { position: relative; width: 90%; left: 5%; }
	#speed-bump.x-large,
	#speed-bump.image.large {
	  height: 450px;	  
	}
	#speed-bump.x-large .wrapper,
	#speed-bump.large .wrapper { 
		padding-top: 5em;				
	}	

	.flexslider.interior-page { height: 200px; }
	.flexslider.interior-page .slides li { height: 200px !important; min-height: 200px !important; }

	/* HEADER */	
	header {		
		padding: 2em 0;
	
	}	
	#logo-title { 
		text-align: center;
		padding-bottom: 20px; 
	}
	   
	header ul.menu li { margin-left: 0%; }
	header .wrapper {
	  width: 100%;
	  margin: 0;
	  padding: 0 10px;
	}
	.header-container { display: none; }
	.header-container { display: none; }

	.content-container { padding: 0 5%; }
	header .header-left-content {  width: 50%; }	
	header .header-right-content { width: 50%; }	
	header .top-bar .header-left-content { width: 50%; text-align: left;}
	header .top-bar .header-right-content { width: 50%; text-align: right;}	
	header .header-center-content.desktop {  width: 50%; display: none; }	
	header .header-center-content.mobile {  width: 100%; text-align: center; display: block; background: #29b3ff;}		

	header .logo {
		z-index: 9999999;	
		padding: 0;
	    -webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	


}





/* ==========================================================================
   STANDARD PHONE
   ========================================================================== */

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

@media only screen and (min-width: 400px) {
	.wrapper.callout { background-position: center -120%; }	
}

@media only screen and (min-width: 480px) {
	.btn {
		width: auto;
		display: block;
		margin-bottom: 1em;
		margin-top: 0;
		text-align: left;		
	}
	.cat--result {	
		width: 50%;
		max-width: 50%;		
	}		
	h1, h1.product-title { font-size: 40px; }
	h2 { font-size: 36px; }
	h3 { font-size: 28px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	
	.header-container { display: block; }
	.footer-container nav { display: block; }	
	.home .hero { width: 100%; padding-top: 20px; height: 600px; background-position: top right; background-size: cover; text-align: left; }

	.flex-direction-nav { display: block !important; }
	
	.product--list .product,
	.product--grid .product{
		display: block;
		width: 45%;
   		margin: 0 2% 2em;
		padding: 1em;
		border-bottom: 1px solid #eee;
	}
	
}



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


/* ==========================================================================
   SMALL TABLET
   ========================================================================== */

@media only screen and (min-width: 700px) {
	/*.flexslider .slides li,*/	
	
	.flexslider.small .slides li { height: 250px !important; }

	.slide-cta.center {
		/*top: 40% !important;	 
		left: 12.5%;*/
		width: 75%;
		/*position: relative;		
		text-align: center;	*/
	}	
	.slide-cta.center.vert-top { left: 12.5%; }	
	/*.flexslider.small .slides li .slide-cta.center { top: 64% !important; }*/
		
}


 
/* ==========================================================================
   TABLET / IPAD
   ========================================================================== */

@media only screen and (min-width: 768px) {
	 
  	header {		
		padding: 40px 0 0;
	
	}	  
	.home #flexslider-hero.flexslider .slides li {
		height: 650px !important;
	}	
	
	#logo-title { text-align: left; }
	#search--form {
		width: 50%;
	}
	#search-container { text-align: right; }
	
	h1 { font-size: 32px; }
	h1.product-title { font-size: 32px; } 
	h2 { font-size: 36px; }
	h3 { font-size: 32px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	
	.alignleft {
		float: left;		
		width: auto;
	}
	
    .hide-mobile,
	.flex-direction-nav { display: block !important; }
	.sticky-icon { display: block; }
	.main-copy { margin: 2em 15%; }

	.tall { height: 540px; }

	#content {
		width: 80%;
		padding: 0;
		max-width: 1000px;
		margin: 0 auto;
	}	
	/*footer .col-1-2,
	footer .col-1-4 { text-align: left !important; }*/
	
	.cat--result {	
		width: 30%;
		max-width: 30%;		
        /*padding: 2em;*/
        padding: 0 1.5em;
	}
    .result {
        width: 33.33%;
        margin: 1em 0 2em;
        padding: 0 .5em;
        font-size: 14px;
        float: left;
        min-height: 130px;
    }
    .result.result--small {
        width: 19.75%;
    }
	.product--list .product--description { 
		display: block; 
		float: left;
		position: relative;
		width: 60%;	
		padding: 0 2.5%;	
	}
	.product--list .product--image {
		float: left;
		position: relative;
		width: 40%;
		padding: 0 2.5%;
		margin: 0;
	}.product--list .product {
		display: block;
		width: 100%;
		margin: 0 1em 2em;
		padding: 1em;
		border-bottom: 1px solid #eee;
	}	
	.product--grid .product {
		display:inline-block;
		float: left;
		width: 30.75%;	
		margin: 0 1.25% 2em;
		padding: 1em;
		border: 1px solid #fff;
		/*-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;*/
	}
	.product--grid .product--image {
		float: none;
		position: relative;
		width: 100%;	
		margin-bottom: 1em;
		padding: 0 2.5%;
	}
	.product--grid .product--description { 
		display: block; 
		float: none;
		position: relative;
		width: 100%;	
		padding: 0 2.5%;	
	}
	/* FLEXSLIDER*/
	.slide-cta.center {
		/*top: 35% !important;	
		left: 12.5%;*/
		width: 75%;
		/*position: relative;		
		text-align: center;	*/
	}			
	.slide-cta.center {
		font-size: 3em;
	}
	.home .slide-cta.center {
		/*top: 10% !important;*/	
	}

	.flexslider.small .slides li { height: 250px !important; }
	.flexslider.medium .slides li { height: 350px !important; }
	.flexslider.large .slides li { height: 500px !important; }
	.flexslider.interior-page { height: 630px; }
	.flexslider.interior-page .slides li { height: 630px !important; min-height: 630px !important; }
	.slide-cta h1 { font-size: 72px; }	
	
	/* GRID */	
    .main article {
        float: left;
        width: 70%;
    }
	.main article.full-width {
		width: 100%;
	}
    .main aside {
        float: right;
        width: 27.5%;
    }
	.push-1 { margin-left: 33%; }
	.push-1-2 { margin-left: 50%; }
	.col-1-3 {
		float: left;
		position: relative;
		width: 33.33%;
	}

	.col-1-2 {
		float: left;
		position: relative;
		width: 50%;
	}
	/*.col-1-2.contact-info .col-1-2 {
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}*/
	.col-1-2.full-container {
		width: 40%;
		margin-left: 10%;
	}
	.col-1-4 {
		float: left;
		position: relative;
		width: 25%;
	}	
	.col-1-5 {
		float: left;
		position: relative;
		width: 20%;
	}
	.col-3-4 {
		float: left;
		position: relative;
		width: 75%;
	}
    .post-type-archive-technotes .col-3-4 {
        float: left;
        width: 100%;
    }
	.col-4-5 {
		float: left;
		position: relative;
		width: 80%;
	}
	
	.col-1-1.first,
	.col-1-2.first,
	.col-1-3.first,
	.col-1-4.first,
	.col-2-3.first,
	.col-3-3.first,
	.col-1-5.first { padding-left: 0%; }
	.col-1-1,
	.col-1-2,
	.col-1-3,
	.col-1-4,
	.col-1-5,
	.col-2-3,
	.col-3-3,
	.col-4-5 { padding: 0 2.5%; }
	.col-1-1.last,
	.col-1-2.last,
	.col-1-3.last,
	.col-1-4.last,
	.col-1-5.last,
	.col-2-3.last,
	.col-3-3.last,
	.col-4-5.last { padding-right: 0%; }	
	

	.col-1-3.first { padding: 0 2.5% 0 0;}
	.col-1-3 { padding: 0 2.5%; }
	.col-1-3.last { padding: 0 0 0 2.5%; }
	
	.wrapper.callout {
		background-position: center -115%;
	}
	.short { height: auto; min-height: 180px; }
	.tall { height: 540px; }
		
   	.home .main,
	.news-block  { padding: 30px; }
	.home .hero { width: 100%; padding-top: 200px; height: 600px; background-position: center right; background-size: cover; text-align: left; }
	/*.flexslider .slides li,*/
	
	footer .col-1-2.text-right { text-align: right !important; }

	.main article.post { padding: 20px; }
    .header-container,
    .main aside {}
		footer .title h1 { font-size: 1.5em; }
		footer .logo { display: block; }
		footer .newsletter { margin-top: 0; }
	.post .post-thumbnail {
		width: 125px;
		margin: 0 20px 0 0;		
	}		

	
}


/* ==========================================================================
   LARGER THAN IPAD
   ========================================================================== */

@media only screen and (min-width: 800px) {

	/* HEADER */
	header ul.menu li { margin-left: 0%; }
	header .wrapper {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}
	header .content-container { 
	    background-image: url(../images/header-stripes.jpg);
    	background-repeat: no-repeat;
    	background-position: -80px -16px;
	}
	header .header-left-content {  width: 42.5%;}	
	header .header-right-content { width: 42.5%;}	
	header .header-center-content.desktop {  width: 15%; display: block; }	
	header .header-center-content.mobile {  width: 100%; text-align: center; display: none; }		
	header ul.menu li a {
	}


	.wrapper.callout .col-1-2.first { padding: 2em 5%; width: 47.5%; }
	.wrapper.callout .col-1-2.last { padding: 2em 0; width: 52.5%; float: right; }
	.wrapper.callout {
		background-position: center center; 
	}

	
}

/* 960px width and below triggers mobile nav via plugin */

/* iPad 1/2/mini landscape kicks in with this */
@media only screen and (min-width: 980px) {
		
	.options--section,
	.options--section.visible { display: block; }
	#product-sidebar {
		margin-bottom: 3em;
	}
	.product-container.col-3-4,
    .post-type-archive-technotes .col-3-4 {
		width: 75%;
	}
	
	.col-2-3 {
		float: left;
		position: relative;
		width: 66.66%;
	}	
	
	.col-1-4 {
		float: left !important;
		position: relative;
		width: 25% !important;
	}
.post-type-archive-technotes .col-3-4 {
        float: right;
        width: 70%;
    }
	.product--list.search{
		width:75%;
	}
	
	
	/* END HEADER */	
	.flexslider { margin-top: 0px !important; }

	
}


/* ==========================================================================
   DESKTOP / LAPTOP
   ========================================================================== */

@media only screen and (min-width: 1180px) {
	.product--grid .product {		
		width: 22.5%;	
	}
	#search--form {
    	width: 70%;
	}
		
	#product-sidebar {
		margin-bottom: 3em;
		padding-right: 3em;
		width: 25%;
	}
   .product-container.col-3-4 {
		width: 75%;
   }
	.content-container { padding: 0 5%; }
	.home .slide-cta.center {
		/*top: 15% !important;*/
		left: 27.5%;
		width: 45%;
		/*position: relative;		
		text-align: center;	*/
	}	

	.flexslider-controls,
    .wrapper {
		/* 1140px - 10% for margins */
        /*width: 1200px; 
        margin: 0 auto;	*/
    }
	header.wrapper {
		width: 90%;
	}	
	header ul.menu li a {

	}
		

	.flexslider.small .slides li .slide-cta.center {
		/*top: 55% !important;*/
	}
	header .logo {
		z-index: 9999999;	
	}	
	
		.cat--result {	
		width: 20%;
		max-width: 20%;		
	}
		
}


/* ==========================================================================
   LARGE DESKTOP
   ========================================================================== */

@media only screen and (min-width: 1360px) {
	
	.content-container { 
		max-width: 1600px;
		margin: 0 auto;
		/*-webkit-box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;
		-moz-box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;
		box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;*/
	}
    .page-template-page-fullwidth .section-content .content-container { margin-top: 3em; }
	header .content-container { 
		/*-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;*/
	}

}

@media only screen and (min-width: 1520px) {
	header .content-container { 
    	background-position: 0 0;
	}	
    .content-container {
        padding: 0 10%;
    }
}