/* ----------------------- MOBILE CSS ---------------------------------------------------*/	
	@media all and (max-width: 1024px) {
		/* layout */
		.wsite-logo a img {width: 85% !important;}
		#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 */
		.navigation {display: none !important;}
		#site-navigation{position: relative !important;}
		#main {padding-top: 0px !important;}
		.wsite-logo a img {width: 100% !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 (min-width: 568px) and (max-width: 768px) {
		/* layout */
	}	
	
	@media all and (max-width: 600px) {
		/* 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;
		}			

	}				

/*** TestimonialS - Free Weebly Widget by Baamboo Studio - Style 2***/
.testimonial_2 {
	border: 1px solid #ebebeb;
	font-size: 16px !important;
	color: #333; /* Change testimonial paragraph text color */
	padding: 30px 30px 23px;
}
.content_2 {
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
}
.content_2:before,
.content_2:after {
	content: "";
	height: 15px;
	width: 19px;
	position: absolute;
}
.content_2:before {
	background: url(icon_testimonial_2_before.png) 0 0 no-repeat;
	left: 0;
}
.content_2:after {
	background: url(icon_testimonial_2_after.png) 0 0 no-repeat;
	margin: 5px 10px;
}
/*** Testimonial 2 ***/
.testimonial_2 p {
	display: inline;
}
.author_2 {
	margin-left: 30px;
}
.author_2 h3 {
	color: #333; /* Change author text color */
	font-size: 13px;
	font-weight: 600;
	padding: 0 0 5px;
}
.author_2 h4 {
	color: #333; /* Change job position text color */
	font-size: 12px;
	font-weight: 400;
	padding: 0 0 5px;
}
.author_2 h4 a {
	color: #999; /* Change company text link color */
	text-decoration: none;
	position: relative;
	padding-bottom: 1px;
	overflow: hidden;
	border-bottom: 1px solid;
}
.author_2 h4 a:after {
	background: #999;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.author_2 h4 a:hover {
	color: #000;
	border: none;
}
.author_2 h4 a:hover:after {
	border-color: #000;
	width: 100%;
}

/* 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;}				

	}