/*Responsive CSS Overrides*/

@media screen and (max-width: 1360px) {
	.banner .social {position: relative; top: 0; right: 0; margin-bottom: 5px;}
}

@media screen and (min-width: 1200px) {
	
	.container.wide {width: 70%; max-width: none}
	
}

@media screen and (max-width: 1070px) {
	
	.item .entry {
		width: 55%;
		transition: width 250ms ease;
	}
	

	
}

@media screen and (max-width: 950px) {
	
.banner .social, 
.hero-image .caption {right: 1%; transition: right 250ms ease;}

}

@media screen and (max-width: 820px) {
	
	.banner {
		padding: 0 0 10px 0;
}
	.banner .social {
		position: relative;
		margin: 0 auto 5px;
		display: block;
		top: auto;
		background: #3F94FF;
		padding: 10px;
		right: auto;
	}
	.hero-image .caption {
		width: 100%;
		bottom: 0;
		top: auto;
		text-align:center;
		right: auto;
		transform: none;
	}
	.hero-image .caption h3 {
		font-size: 5vw;
	}
	
	.item .entry, #sidebar {
		width: auto;
		float: none;
	}
	.item .entry {margin-bottom: 30px;}
	
}

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

	.admin-bar .sticky-header,
	.admin-bar #responsive-menu-container{
		top: 46px;
	}
  
}

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

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 48% !important;
	}

}

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

	#responsive-menu-container {
		top: 46px;
	}

	.block-trust .testimonial {
		text-align:center;
		margin-top: 30px;
	}

	.address span {
		padding: 0;
		display: block;
		border-right: none;
	}

	#footer .right ul {
		text-align:center;
		margin: 20px 0 0;
	}

	#footer .left, 
	#footer .right,	
	.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;
	    text-align:center;
	}

	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;
	}

}

@media screen and (max-width: 610px) {
	.hero-image .caption {
		position: relative;
		z-index: 10;
		background: none;
		padding-bottom: 0;
	}
	.hero-image .caption h3 {
		font-size: 1.8em;
	}
}


@media screen and (max-width: 600px) {
	form#search-form {display: none;}
	#header .right {margin-top: 32px;}
}

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

	.banner .social {
		text-align:left;
	}

	#header img {
		margin: auto;
		display: block;
	}
	#header .right {
		text-align:center;
		float: none;
		margin-top: 20px;
	}
}