﻿/*Responsive CSS Overrides*/

@media screen and (max-width: 1070px) {


	.overflow .left.footer-top-memberships{
		float:none;
		width:auto;
		text-align:center;
		margin:auto;
	}
	
	.membership-logo{
		display:inline-block;
		margin:0 20px 20px;
	}
	
	.post-type-archive-manufacturer article, 
	.post-type-archive-mfgproduct article, 
	.post-type-archive-genericproduct article, 
	.single-genericproduct ul.products-by-manufacturer li {
		width: 19%;
		margin: 0 1% 2% 0;
		transition: width 250ms ease;
	}

	.container-manufacturer {width: 60%;}
	.single-manufacturer .related-product {
		width: 30%;
		margin: 0 1% 2% 0;
		transition: width 250ms ease;
	}

}

@media screen and (max-width: 980px) {


	.slider .soliloquy-container .soliloquy-caption.soliloquy-caption-right {
	    max-width: 70%;
	    top: 50px;
	    width: 70%;
	}

	.slider .soliloquy-container .soliloquy-caption.soliloquy-caption-right .soliloquy-caption-inside h1{
		font-size:1.5em;
	}

	.home-boxes{
		margin-top:-20px;
		border-spacing:20px;
	}

	.home-box-item{
		font-size:1.1em;
		line-height:normal;
		padding-bottom:30px;
	}
	
	.product-search-title h3{
		font-size:2em;
	}
		
}


@media screen and (max-width: 870px) {

	.container-manufacturer {width: 55%;}

}


@media screen and (max-width: 860px) {

	.post-type-archive-manufacturer article, 
	.post-type-archive-mfgproduct article, 
	.post-type-archive-genericproduct article,
	.single-genericproduct ul.products-by-manufacturer li {
		width: 24%;
	}

	.header-contact .address{
		margin-left:10px;
	}
	
	#search-form{
		width:400px;
	}

	#shop-menu{
		min-width: 0;
	}

}


@media screen and (max-width: 782px) {

	.admin-bar .sticky-header,
	.admin-bar #responsive-menu-container{
		top: 46px;
	}
	
	
	.home-product-search .overflow .left{
		float:none;
	}
	
	.product-search-title,
	.product-search-col{
		width:auto;
		margin:auto;
	}
	
	.product-search-title{
		border-right:0;
		border-bottom: 4px solid #d61921;
	}
	
	.product-search-submit{
		margin:0;
		padding: 4px 20px;
    	width: auto;
	}
	
	.woocommerce.post-type-archive ul.products li.product{
		min-height:200px!important;
		margin-bottom:20px;
	}
		
  
}

@media screen and (max-width: 700px) {

	#navTopContainer,
	.header-contact,
	.header-search{
		display:none;
	}

	.home-boxes,
	.home-boxes .cell.home-box-item{
		display:block;
	}
	
	.home-boxes{
		margin:auto;
		background:#ffffff;
		padding:20px;
	}
	
	.home-box-item{
		padding-top:20px;
		margin:20px auto;
		max-width:400px;
	}
	
	.home-box-item::before{
		margin:auto;
	}
	
	.home-box-container + #contentBody{
		padding-top:0;
	}

	.container-manufacturer {float: none; width:auto;}
	.single-manufacturer .featured-image.alignright {
		float: none;
		text-align: center;
	}

	.post-type-archive-manufacturer article, 
	.post-type-archive-mfgproduct article, 
	.post-type-archive-genericproduct article,
	.single-manufacturer .related-product, 
	.single-genericproduct ul.products-by-manufacturer li {
		width: 32%;
	}

	.btn-red.download {float: none; margin-bottom: 20px;}
		
	.footer-bottom .overflow .left,
	.footer-bottom .overflow .right,
	.overflow .footer-top-item.left{
		float:none;
		text-align:center;
		margin:10px 0;
	}
	
	.footer-top h4::after{
		margin:5px auto 10px;
	}
	
	.footer-top .menu{
		text-align:center;
	}
	
	.post-type-archive-product .widget{
		display:block;
		margin-right:0;
		margin-bottom:20px;
	}


}


@media screen and (max-width: 600px) {

	body{
		font-size:0.875em;
	}
	
	#header .logo{
		max-width:100%;
	}

	#header .logo img {
		display: block;
		margin: auto;
	}

	.overflow .right, 
	.overflow .left {
		float: none;
		text-align: center;
	}
	
	#search-form{
		display:none;
	}

	#shop-menu ul {
		text-align: center;
	}

	#shop-menu li,
	#shop-menu .wpmenucart-display-left {
	    float: none !important;
	    width:auto;
	    border:0;
		display: inline-block;
		vertical-align: middle;
	}

	#shop-menu a{
		padding:0 5px;
	}
	
	.intro .left,
	.intro .right{
		display:block;
		width:auto;
		margin:auto;
		padding:0;
		float:none;
	}
	
	.post-type-archive-manufacturer article, 
	.post-type-archive-mfgproduct article, 
	.post-type-archive-genericproduct article,
	.single-manufacturer .related-product, 
	.single-genericproduct ul.products-by-manufacturer li {
		width: 49%;
	}
	
	
	.columns .half,
	.columns .third,
	.columns .two-thirds,
	.columns .quarter,
	.columns .three-quarters,
	.padded-columns .half,
	.padded-columns .third,
	.padded-columns .two-thirds,
	.padded-columns .quarter,
	.padded-columns .three-quarters,
	.padded-columns .half:last-child,
	.padded-columns .third:last-child,
	.padded-columns .two-thirds:last-child,
	.padded-columns .quarter:last-child,
	.padded-columns .three-quarters:last-child{
	    margin: auto;
	    width: 98%;
	    float:none;
	}

	div.aligncenter,
	.alignnone,
	.aligncenter,
	.alignright,
	.alignleft,
	.aligncenter,
	a img.alignright,
	a img.alignnone,
	a img.alignleft,
	a img.aligncenter,
	.wp-caption.alignnone,
	.wp-caption.alignleft,
	.wp-caption.alignright {
	    display: block;
	    margin: 5px auto;
	    float:none;
	    text-align:center;
	}

}