/* generic */

@media only screen and (max-width: 767px) {		
	#container { width:auto; }
	#header { height:auto; }

    #enewsbar { height:auto; line-height:15px; font-size:15px; padding:10px;}
    #enewsbar a { display: block;}

	#header #toplinks { right:0px; top:-7px; text-align: right; z-index: 9; }
	#header #toplinks #memberinfo { margin:0;float:none; }
    #header #toplinks .amount { display:none;}
	#header #toplinks #currentcurrency { display:none; }
    #header #toplinks img.icon { height:40px;}
	#header #logo { position:relative; text-align: center; display: block; margin:20px 15px 0 0; bottom:0; }
    #header #logo img { height:20px; width:auto;}
	#header #nav { position:relative; right:auto; bottom:auto; }

    #banner1 img.desktop { display:none; }
    #banner1 img.mobile { display:block; }

	.banner2 { margin-right:0; }
	.banner2 img { width:100%; }
    #banner2-1 { margin-right:0px;}
    #banner2-2 { margin-right:0px;}

    .banner2 img.desktop { display:none;}
    .banner2 img.mobile { display:block; margin-bottom: 5px;}
	
	
	#hamburger { display:block; position:absolute; top:0px; left:10px; width:25px !important; cursor:pointer;  }
	#hamburger p { width:30px; float:left; margin:0 5px 0 0; font-size:11px; height:30px; line-height:20px; display: none; }
	#hamburger span { height:5px; background-color:#000000; border-radius:2px; width:25px; margin:0 0 3px 0; display:inline-block;  }
	
	div[id] { width:auto !important; float:none  !important; }  /* important this stops google maps from breaking */


	#nav { width:auto; height:auto; padding:5px;  }
	#navigationtop { top:0; left:0; font-size:14px !important; display:none; }
	#navigationtop a { padding:2px; }
	#nav ul { position:relative;  padding:1px; margin:0;}
	#nav li { float:none; padding:1px; margin-bottom:1px; margin-top:1px;   }
	#nav ul li ul { background:none; position:relative; top:0; margin-left:15px; }
	#nav ul li ul li { width:auto; background-color:transparent; }
	
	#topline { margin:5px 0 5px 0; }
	#content { margin:3px 10px; }
	
	#footer { padding:0; text-align: center; }
    #footer #footersubscribe { font-weight:bold; font-size:14px; margin: 10px 10px 20px 10px !important; }
	#footer div { margin:5px 5px 10px 5px !important; }
	#footer #copyright { position:relative; bottom:auto; }
    #footer .footerlinks { width:auto !important; float:none;}
    #footer #social { text-align: center;}
    #footer #social #subscribe input {width:70% !important; margin:5px; }

    .breadcrumbs { margin:3px !important; }
	
	#shopsize { display:none; }
	.banner3 { display:none; }
	.nomobile { display:none; }
	
	#products .list { width:100%; padding:0 10px; margin-left:auto; margin-right:auto; }
    #products .list img { width:100%;}
    #column1 { margin:3px 0 0 7px; }
	#column1 #search { margin-bottom:5px; }
	
	#products .item-images { float:none; margin:0 0 10px 0; width:auto; }
    #products .item-images a { display: block; }
    #products .item-images .thumbs { float:none; width:99%; }
    .MagicZoom > img { width:99% !important; }
	#products .item-content { float:none; }

    #column1 #search input { width:100%; }

    input[type=text], select { width:100% !important; font-size:16px !important; box-sizing: border-box; margin:0;}

    #cartsteps .step { width:20%; padding:10px;     box-sizing: border-box; margin:0;}
    #cart #qty { width:30px !important; }
    #cart #shipcountriesstatement { position:relative; margin:5px;}

     img.responsive { width:100%;}

}


/* turn specific things off */

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

	
	#cart #formshipping { display:none; } 
	#cart #shippingarrow { display:none; }
	#cart .field h2 { margin-left:0; } 
	#cart .container { position:relative !important; margin:auto !important; }
    #members .container { position:relative !important; margin:auto !important; }

	#cart #containercommentsheader p { margin:auto !important; }
	#cart #labelcomments { display:none; }
	#cart #containercomments .field { margin:auto !important; }
	#cart #containercomments textarea { width:90%; }
	#paymentform .column1 { float: left !important; width: 30px !important; }
	#paymentform .column2 { float: left !important; }
	
	.cartcol1 img { width:50px; }
	#cart table td, #cart table th { width:auto !important; word-wrap: break-word !important; font-size:12px !important; padding:2px !important; }
	#cart #checkout, #cart #continueshop { float:right; margin-right:0; clear:both; }
}