/* ----------------------- MOBILE CSS ---------------------------------------------------*/	
@media all and (max-width: 1024px) {
	#wrapper{min-width: inherit !important;}
	#navigation ul{max-width: 700px!important;}
	#navigation ul li a{padding: 0 5px !important;}
}
@media all and (max-width: 767px) {
	/* Layout */
	td.wsite-multicol-col{
		display: block !important;
		width: 96% !important;
		padding: 10px 2% !important;
	}
	/* Product Page */
	#wsite-com-product-images {
		float: none !important;
		width: 100% !important;
	}
	#wsite-com-product-info {
		clear: both;
		margin: 0 !important;
		padding-top: 30px;
	}
}

@media all and (max-width: 600px){
	/* Layout */
	.imageGallery > div {
	    width: 50% !important;
	    margin: 0 auto !important;
	}
}

@media all and (max-width: 384px){
	/* Layout */
	.imageGallery > div {
    	width: 100% !important;
	}	
	#wsite-header-search-form > input {
		width: 100% !important;
		display: table-row !important;
		min-width: 100%;
		text-align: center !important;
		padding-bottom: 25px !important;
	}

	.wsite-search-button, .wsite-editor .wsite-search-button {
		display: table-row !important;
		text-align: center !important;
	}

	.wsite-search-button-inner {
		padding: 8px 20px !important;
	}
}