/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	.row {
		padding: 0 20px;
	}

	.row .row{
		padding: 0;
	}

	/* pagewrap */
	#container{
		width:100%;
		transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-webkit-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
	}
	
	.slideshow{
		width:100%;
		}
	
	#slideshow0{
		width:100% !important;
		height:auto !important;
		}
		
	#slideshow0 img{
		width:100%;
		}		
	.captionbox {
		position:absolute;
		bottom:4px;
		right:0;
	}
	

	/* content */
	#content {
		width: 60%;
	}
	#content.full_width {
		width: 100%;
		float:none;
		padding-left:0;
	}
	/* sidebar */
	#column-left {
		width: 30%;
	}
	#column-right {
		width: 30%;
	}
	
	.homeContent{
		width:100%;
		}
		
	#powered{
		padding:0 20px;
		}
	
	.headerTop{
		text-align:center;
		}
		
	/*.headerTop .spacer{
		display:none;
		}*/	
	#welcome{
		margin-left:10px;
		}
		
	.callEmail{
		margin-right:10px;
		}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

}

@media screen and (max-width: 979px) {
	#content {
		width: 65%;
		float:left;
		padding-left:31px;
	}
	#content.full_width {
		width: 100%;
		float:none;
		padding-left:0;
	}
	.product-grid > div.lastThird{
		margin-right:10px;
		}
	.product-grid > div.lastSecond{
		margin-right: 0;
		}
	#column-left + #column-right + #content, #column-left + #content {
		margin-left:0;
	}
	#column-right + #content {
		margin-right:0;
	}
	.product-grid > div{
		width:48%;
		}		
	.prod-detls{
		float:right !important;
		width:64% !important;
		padding:20px !important;
		}
	}

@media screen and (max-width: 930px) {
	
	.home_blog{
		width:auto;
		padding-right:0;
		}
		
	.blogImage{
		margin-right:20px;
		}	
	
	}

@media screen and (max-width: 900px) {
	.box-product{
		box-sizing: border-box;
		max-width: 100%;
    	/*padding: 0 10%;*/
	}
}

@media screen and (max-width: 868px) {
	.retailer-cont .retailerList {
		width: 100%;
		margin-right: 0;
	}
	.box-product{
		/*padding: 0 9%;*/
	}
	#header{
		padding:20px 0 30px;
		}

	#header #logo{
		float:none;
		text-align:center;
		}
	
	#welcome{
		float:none;
		display:inline-block;
		margin-bottom:15px;
		}
		
	.callEmail{
		float:none;
		}
	
	.cartSearch{
		float:none;
		margin:0 auto;
		}
		
	#header #cart .content{
		top:145px;
		}
		
	.postright{
		width:auto;
		float:none;
		}
		
	.home_blog{
		width:95%;
		border:none;
		margin-bottom:20px;
		padding:0 10px;
		}
		
	.newsl{
		text-align:center;
		width:auto;
		}
		
	.newsl .box-content{
		width:400px;
		margin:0 auto;
		}
		
	.news-heading{
		float:none;
		width:auto;
		}
		
	.prod-detls {
		float: none !important;
		width:auto !important;
	}
	
	#column-left{
		width:auto;
		float:none;
		/*padding:0 20px;*/
		margin-bottom: 30px;
		}
		
	#column-right{
		width:auto;
		float:none;
		padding:0 20px;
		}
		
	#content{
		padding:0 20px;
		width:auto;
		float:none;
		min-height: auto !important;
		}
	#content.check_cont{
		padding: 0;
	}
	.breadcrumb{
		margin:0 20px 27px;
		}
		
	.box{
		margin-top:0;
		}
	
	#powered div {
		text-align: center;
		}
	#powered .payment-icon {
		float: none;
		}
	#powered p {
		float: none;
		text-align: center;
		padding-top: 4px;
		}
	.social {
		float: none;
		text-align: center;
		}

}

@media screen and (max-width: 840px) {
	.box-product {
	    /*padding: 0 7%;*/
	}
}

@media screen and (max-width: 780px) {

	.retailer-cont .retailerList {
		width: 100%;
		margin-right: 0;
		
	}
	.box-product {
	    /*padding: 0 4%;*/
	}
	
	/*.headerTop{
		text-align:center;
		}*/
		
	.headerTop .spacer{
		display:none;
		}
	
	/*#welcome{
		float:none;
		display:inline-block;
		margin-bottom:15px;
		}
		
	.callEmail{
		float:none;
		}*/
		
	#footer .column{
		width:50% !important;
		margin-bottom:10px;
		}
		
	.conLeft{
		width:auto;
		float:none;
		}
		
	.conRight{
		float:none;
		width:auto;
		}
		
	#content .content .left{
		float:none;
		width:auto;
		}
		
	#content .content .right{
		float:none;
		width:auto;
		}
		
	#return-product{
		margin:20px 0 0 0;
		}
	
	}
	
@media screen and (max-width: 768px) {	
	
	.slideshow{
		height:352px;
		}
		
	.captionbox{
		width:100%;
		padding:10px 0 20px;
		text-align:left;
		}	
		
	.captionbox h1{
		font-size: 28px;
		padding:0 20px;
		}	
		
	.captionbox p{
		padding:0 20px;
		margin-bottom:20px;
		}
		
	.captionbox a{
		margin-left:20px;
		}
		
		#content .content .left input{
		width:94%;
	}
	
	#content .content .right input{
		width:94%;
	}
	
	#return-product input{
		width:94%;
		}
		
	#return-product textarea{
		width:99%;
		}
		
	.return-name{
		margin-right:0;
		}
		
	.return-model{
		margin-right:0;
		}
		
		.return-opened label{
			width:auto !important;
			}
			
			.return-captcha label{
				width:auto;
				}
				
			.return-captcha{
				float:none;
				}
				
			.return-detail{
				overflow:inherit;
				}
				
			.capbox{
				display:block;
				width:100%;
				}
				
			.capbox input{
				width:94%;
				}
	
	}

@media screen and (max-width: 767px) {
	.box-product {
	    /*padding: 0 12%;*/
	}
}
	
@media screen and (max-width: 665px) {
		
	.product-info > .left{
		float:none;
		margin:0;
		}
		
	.product-info .image{
		float:none;
		}
		
	.product-info .image-additional{
		width:auto;
		margin-left:0;
		text-align:center;
		}
		
	.image-additional{
		float:none;
		}
		
	.product-info .image-additional a{
		float:none;
		display:inline-block;
		}
		
	.product-info > .left + .right{
		margin:0;
		}
		
	.slideshow{
		height:316px;
		}
		
	.captionbox h1{
		font-size: 21px;
		}	
		
	.captionbox p{
		font-size:11px;
		}
	
	}
	
	
@media screen and (max-width: 650px) {
	
	#powered{
		text-align:center;
		padding-bottom:10px;
		}
	
	#powered p{
		float:none;
		padding-bottom:0;
		}
		
	.social{
		float:none;
		}
		
	.htabs a{
		padding:7px 5px 6px;
		margin-right:1px;
		font-size:11px;
		}
	
	}
	
@media screen and (max-width: 600px) {
	.slideshow{
		height:286px;
	}
	.box-product {
	    /*padding: 0 8.5%;*/
	}
}

@media screen and (max-width: 550px) {
	.box-product {
	    /*padding: 0 5.5%;*/
	}

	#footer .column {
	    width: 100% !important;
	}
}

@media screen and (max-width: 500px) {
	.box-product {
	    /*padding: 0%;*/
	}
}
	
@media screen and (max-width: 527px) {
	
	.product-filter{
		text-align:center;
		}
		
	.product-filter div{
		margin-bottom:15px;
		margin-right:0 !important;
		float:none !important;
		}
		
	.product-grid{
		overflow:inherit !important;
		}
		
	.product-grid > div{
		width:100%;
		}
		
	.slideshow{
		height:262px;
		}
		
	.captionbox{
		display:none;
		}
		
	}
	
@media screen and (max-width: 516px) {
	
	.cartSearch{
		width:auto;
		}
	
	#header{
		padding:20px 0 30px;
		}
		
	#header #cart .content{
		top:114px;
		}

	.cartleft {
		float:none;
		text-align: center;
		width:250px;
		margin:0 auto;
	}
	
	.linksearch {
		float: none;
		width: 320px;
		margin:20px auto 0;
		text-align: center;
	}
	
	#header .links{
		float:none;
		}
		
	#header .links a{
		float:none;
		display:inline-block;
		}
		
	#header #search{
		float:none;
		width:301px;
		margin:10px auto;
		}

}

@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	.slideshow {
		height: 236px;
	}
	.category-list ul{
		width:50%;
		}

}

@media screen and (max-width: 479px) {
	.boxPan{
		background: none !important;
	}
}

@media screen and (max-width: 440px) {
	
	.htabs{
		height:auto;
		text-align:center;
		}
		
	.htabs a{
		display:inherit !important;
		float:none;
		}
		
	.cart-info thead td{
		font-size:11px;
		}
		
	.cart-info tbody td{
		font-size:11px;
		}
		
	.name a{
		font-size:11px;
		}
		
	.cart-info td{
		padding:4px;
		}
		
	.checkout-content{
		overflow:hidden;
		}
	.checkout-content .left,
	.checkout-content .right{
		width: 100% !important;
		float: none;
	}
	.checkout-content .left{
		padding-bottom: 15px;
	}

	div#payment table td{display: block; width: 100% !important;}
	.credit-cards::before, .credit-cards::after{width: 62%; background-size: 100% !important;}
	
	}

@media screen and (max-width: 422px) {
	
	.callEmail p{
		margin:0 0 13px;
		}
		
	#footer .column{
		width:100%;
		float:none;
		}
		
	.newsl .box-content{
		width:auto;
		margin:auto;
		display:inline-block;
		}
		
	.subseml input{
		width:125px;
		}
		
	#header #search{
		width:auto;
		margin:10px 0 0;
		display:inline-block;
		}
		
	#header #search input{
		width:auto;		
		}
		
	#header{
		padding:10px 0 0;
		}
		
	#header .links a{
		font-size:10px;
		}
		
	#header .links a:first-child{
		padding-left:0;
		}
		
	.wishFirst td{
		font-size:11px;
		}
		
	.name a{
		font-size:11px;
		}
		
	.wishlist-info td{
		font-size:11px;
		}
		
	.home_blog{
		width:93%;
		}
		
	.slideshow {
		height: 211px;
	}
	
	
	
	}
	
@media screen and (max-width: 390px) {

	.product-info{
		overflow:inherit;
		}
		
	.option textarea{
		width:100%;
		}
	.pagination .links {
		float: none;
		text-align: center;
		}
	.pagination .results{
		text-align:center;
		float:none;
		}
	
	}
	
@media screen and (max-width: 360px) {

	#footer{
		padding: 42px 20px;
	}
	
	#header #cart .content{
		top:98px;
		}
		
	.wishlist-info td{
		font-size:9px;
		}
		
	.name a{
		font-size:10px;
		}
		
	.wishlist-info tbody .action img{
		width:11px;
		}
		
	.linksearch{
		width:auto;
		}
		
	table.list thead td a, .list thead td{
		font-size:11px;
		}
		
	table.list td{
		font-size:11px;
		}
		
	.cart-info thead td{
		font-size:10px;
		}
		
	.cart-info tbody td{
		font-size:9px;
		}
		
	.slideshow {
		height:182px;
	}
	
	.category-list ul{
		width:auto;
		}
		
	.news-heading p{
		padding: 0 5%;
	}
	}
	
@media screen and (max-width: 320px) {
	
	#header #cart .content{
		top:98px;
		}
		
	
	}
	
