/* Responsive */

@media screen and  (max-width: 960px) 
{
	body{
		padding:0;
	}
	
	
	#page {
		border: 0px none;
		padding:0;
		width: 100%;
		min-width: 100%;
		margin: 0px auto !important;
	}
	
	#content-wrapper, #header-wrapper, #footer-wrapper, #minibasket {
		width: 100%;
		min-width: 100%;
		margin: 0px auto !important;
	}

	#content, #header, #footer{
		width: 99%;
		min-width: 99%;
		margin: 0px auto !important;
	}
	
	
	#header-banner {
		background-position: 0 50%;
	}
	
		
	#pd-gallery-small, .sg-image-wrapper, .sg-image {
		width:100% !important;
	}
	
	#pd-gallery-small {
		height: auto !important
	}
	.sg-image-wrapper, .sg-image {
		height: inherit !important;
		position: static;
	}
	.mod-content-slider .mod-picture  img{
		width:100%;
		height:auto;
	}
	.category-image,
	.mod-picture img,.mod-paragraph img, 
	.pl-cell img, .sg-image a img {
		max-width:100% !important;
		height: auto !important
	}

	#search-bar .prompt {
		width: 55% !important;
	}
	
		/* checkout */
		nav.checkout ul li, nav.checkout ul li:first-child, nav.checkout ul li:last-child  {
		width:100% !important;
		margin: 3px 0 0 0 !important;
		float:none;
		text-align: left;
		}

		nav.checkout ul li .item{
			height: auto;
			margin: 0px
		}
		
		nav.checkout ul li .icon{
			display:none
		}
		

		nav.checkout h3, nav.checkout span {
			display: inline-block;
			margin: 5px;
			overflow: visible;
		}
}


@media  screen and (max-width: 769px) {	
	
	#content-body {
		margin-left: 26%;
		margin-right: 26%;
	}

	#content-left, .col-left, .col-space-left {
		width: 24%;
	}
	#content-right, .col-right{
		width: 24%;
	}
	
	.product-list.list .pl-frame-parent {
		 float: none !important;
	}
	 

    .grid .pl-cell,
	.list .pl-cell,
	.sm-product-detail #pd-left,
	.sm-product-detail #pd-right  {
		float: none !important;
		height: 100% !important;
		width: 100% !important;
		margin-left: 0px !important;
		min-height: 100% !important;
		padding: 0 !important;
	}
	
	.list .pl-element{
		height: 100% !important;
		width: 100% !important;
		min-height: 100% !important;
	}
	
	.pl-element h4{
		margin: 3% 0px;
	}
	
	.pl-cell {
		margin-bottom: 5px !important;
	}
	.product-list.list .pl-datasheet {
		float:right; 
		overflow: visible
	}
	.product-list.list .bottom {
		position: static;
	}
}


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

	#clogo {
		bottom: 30%;
		top: auto;
	}
	#header-home {height:auto}

	#clogo a img {
			width:100% !important;
			height: auto !important
	}

	#content-right, 
	#mb-header #mb-buttons{
		display:none;
	}
	#header-wrapper #search-bar {
		bottom: 40px;

	}
	
	.mod-splitter > div,
	.mod-splitter > div > div, 
	#content-left, #content-body {
		float:none !important; 
		width:99% !important; 
		margin:0px auto
	}
	#content-left .module-wrapper {display:none}
	#content-left .module-wrapper.mod-nav-bar,
	#content-left .module-wrapper.mod-ssml {display:block !important}
	#nav-home a, #nav-home a:hover {
		margin: 3px !important;
		padding: 3px !important;
	}


}