/* Responsive */

@media screen and  (max-width: 960px) 
{
	body{
		//font-size: 0.6em !important;
		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%;
	}
	

	
		
	.pl-cell img, .sg-image, .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%;
	}
    .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;
	}
}


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

	#clogo {
		bottom: 30%;
		top: auto;
	}

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

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

}
#content-left, #content-body {float:none; width:99%; 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  {padding:3px !important}


}