/* 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: 96%;
		min-width: 96%;
		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
	}
		



	
		/* 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: 2%;
    }
 
    #content-left, .col-left, .col-space-left {
        width: 24%;
    }
    #content-right {display:none}
    }
 
    .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;
    }
   
    .pl-element h4{
        margin: 3% 0px;
    }
   
 
}

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

	#clogo,  #topnav #clogo{
		bottom: 0;
		top: auto !important;
		left: 0 !important;
		height: @:logoHeight@px;
		width:100%;
	}
	

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


	

	#content-right, #content-left, #content-body {float:none; width:99%; margin:0px auto}
	#content-left .module-wrapper {display:none}
	#content-left .module-wrapper.nav-main-wrapper,
	#content-left .module-wrapper.mod-ssml {display:block !important}




	#function-bar {
		height: auto;
		max-height: 100%;
		overflow: visible;
	}
	
	#aw_minibasket_simple > div {
		padding: 5px;
	}
	
	#logobar-left {
		height: auto;
		width: 100%;
		background-repeat: repeat;
		float:none
	}
	
	#topnav {
		background-position: 0 top;
		
	}


	
	#nav-footer a, .container-row a, .container-more a{
		margin: 3px 

	}
	
	
	.mod-splitter > div,
	.mod-splitter > div > div {
		float:none !important; 
		width:99% !important; 
		margin:0px auto
	}
	
	#mb-header {
		
	}
	#mb-header #mb-buttons {
		display:none
	}


	#search-bar {
		margin-top: 0px;
		position: relative;
		padding: 2%;
	}
	
	#nav-level1 {
		margin:10px 0 0 0 ;
		background: none transparent
	}
	#nav-level1, #nav-level1 li span, #nav-level1 .button-sel a, #nav-level1 .button-hidden span a, #nav-level1 .button a {
		height: auto !important;
		min-width: auto;
		position: relative;
	}

	#nav-level1 .button a:hover{background: url('../../images/mainItemHover-middle.gif') repeat-x;}
	#nav-level1 .button-sel a:hover{background: url('../../images/MenuBg.gif') center bottom repeat-x;}
	
	#nav-level1 .sep{
		display:none
	} 
		#nav-level1 .button, #nav-level1 .button-sel {
		margin: 5px;
	
		height: auto;
	}
	
	#nav-level1 .button-sel {
	background: url('../../images/mainItemHover-middle.gif') repeat-x;
	}
	
	#nav-level1 .button a, #nav-level1 .button-sel a {
		padding: 5px;
	}
	#nav-level1 .button-sel a {background: none}
	
	#header,
	.main-nav {
		height: auto;
		min-height: 100%;
		position: static;

	}
	#nav-main li {
		margin:5px 0 !important;
    
	}

	.mm { display:none !important}


}