/* ----------------------- MOBILE CSS ---------------------------------------------------*/	
	@media all and (max-width: 1024px) {
		/* layout */
		.wsite-logo a img {width: 100% !important;}
		#logo {width:  20% !important;}
		.navigation {width: 78% !important;	}
		.navigation ul li a {font-size: 14px;}
		#wrapper.wsite-background {background: none !important;}
		#bg.wsite-background {display:block !important;}
	}

	@media all and (max-width: 768px) {
		h1.landing-header, h1{font-size: 70px !important;}	

	}

	@media all and (max-width: 767px) {
		/* layout */
		#main {padding-top: 0px !important;}		

		/* navigation */
		.navigation {display: none !important;}
		#site-navigation{position: relative !important;padding: 15px 0 !important;}
		#logo {
			padding: 0 !important;
			text-align: center !important;	
			width:  100% !important;
		}
		.wsite-logo table {min-width: 100% !important;}
		.wsite-logo a img {width: auto !important; max-width: 100% !important;}
		.wsite-logo {text-align: center !important; width: 100% !important;}
		.call-text {width: 50% !important;}

		/* Navigation */
		#custom-responsive-nav > button {
			display: inline-block !important;
		}

		/* Standard */
		td.wsite-multicol-col, #blogTable td, td.blog-sidebar {
			display: block !important;
			width: 96% !important;
			padding: 10px 2% !important;
		}
		.wsite-multicol-table-wrap {
			margin: 0 auto !important;
		}
		.column-blog {
			width: 95% !important;
			margin: 0 auto !important;
			border: #eee solid 2px !important;
			padding: 30px 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) {
		/* Navigation */
		.bar.table {display: block !important;}
		.call-text.table-content, .mobile-header-bar.table-content {
			display: block !important;
			width: 100% !important;
			clear: both !important;
			text-align: center !important;
			margin-bottom: 10px !important;
		}
		/* Mobile Layout */
		.imageGallery > div {
		    width: 50% !important;
		    margin: 0 auto !important;
		}
		.imageGallery img.galleryImageBorder{width: 100% !important;}
		img.galleryImageBorder{width: 94% !important;}
		/* Column */
		#content {display: block !important;}	
		.column32.table-content {
			display: block !important;
			padding: 0 0 30px 0 !important;
			width: 100% !important;
		}
		.column3.table-content {
			display: block !important;
			padding: 4% !important;
			width: 92% !important;
		}
	}

	@media all and (max-width: 567px) {
		/* layout */

		/* DD Tab */
		#tabs li {
			display: block !important;
			line-height: 250% !important;
			background: inherit !important;
			margin-bottom: 2px;
			overflow: hidden !important;
		}
		.button a, #tabs li a span.wsite-text {
			white-space: normal !important;
		}
		#tabs li.active{background: inherit !important;}
		.button a .arrow{display: none !important;}
		.button a {
			-webkit-transition: all 0s !important;
			-moz-transition: all 0s !important;
			transition: all 0s !important;
		}
		h1.landing-header, h1{font-size: 60px !important;}	

		/* Category */
		#content .wsite-com-category-subcategory-group .wsite-com-column,
		#content .wsite-com-category-product-featured.wsite-com-column{width: 50% !important;}
			
	}

	@media all and (max-width: 384px) {	
		/* layout */
		h1{font-size: 28px !important;}
		h2, h2 span {font-size: 20px !important;}
		div.paragraph, div.paragraph span {font-size: 16px !important;}

		/* Mobile Layout */
		.imageGallery > div {
	    	width: 100% !important;
		}		

		/* Category */
		#content .wsite-com-category-subcategory-group .wsite-com-column,
		#content .wsite-com-category-product-featured.wsite-com-column{width: 100% !important;}
	}

	@media all and (max-width: 320px) {	
		/* layout */
		form#wsite-header-search-form input.wsite-search-input, .wsite-search-input {
			width: 90px !important;
		}			

	}				


/* Add-On Responsive CSS */
/* -------------------------------------------
SWiper Plugin
--------------------------------------------*/

	/* Responsive */
	@media all and (max-width: 768px) {
		.swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3, .swiper-slide.slide4,
		.swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide7, .swiper-slide.slide8 {
			background-position: center top !important;
		}
		.arrow-right {right: 2% !important;}
		.swiper-slide .content {
			margin: 0 10% !important;
			max-width: 80% !important;
		}
	}
	@media all and (max-width: 600px) {
		.swiper-slide .content-contianer{width: 80% !important;}
	}
	@media all and (max-width: 400px) {	
		.arrow-left, .arrow-right { display: none !important;}				

	}