@charset "utf-8";
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/


/* for 1280px or less */
@media screen and (max-width: 1280px) {

	.flexslider .slides { height: auto !important;}
	

}


/* for 1024px or less */
@media screen and (max-width: 1024px) {
	img { max-width: 100%; height: auto;}
	.menu-main-menu-container ul li { padding: 30px 15px;}
	.menu-main-menu-container ul li:hover ul { margin-left: -15px;}
	.flexslider .slides { height: auto !important;}
	.grid-block { width: 322px; height: auto;}
	.showcases { margin: 0 27px 30px 0px;}

	.showcase-banner { height: auto; min-height: 0px;}
	 

}

/* for 768px or less */
@media screen and (max-width: 768px) {
	#home-logo {display: inline;}
	#logo { display: none;}
	.container {width: 98%; margin: 0 auto;}
	.main {margin: 110px auto 0 auto;}
	#home-header {background: #000 none; height: 80px;}
	body.single-showcases #home-header {background: #000!important; height: 55px;}
	body.single-showcases .full-container.fixed { background-position: center 55px !important; margin-top: 55px;}
	h1 { margin-top: 0px; margin-bottom: 0px; }
	h2 { font-size: 50px;}
	body.home #home-header { background-position: center -40px;}
	body.page-template-products-php #home-header { background: #000 none; height: 90px;}
	body.page-template-products-php .full-container.fixed { margin-top: 90px; background-position: center 90px !important;}
	#logo, body.home #home-logo { width: 100%; margin: 10px 0 0 0; text-align: left;}
	#logo img, #home-logo img { text-align: center; width: 30%; z-index:1001; }
	img { max-width: 100%; height: auto;}
	.menu-main-menu-container ul li { padding: 30px 15px;}
	.menu-main-menu-container ul li:hover ul { margin-left: -15px;}
	#menu { display: none;}
	.main-navigation-srm { width: 100%; position: absolute; right: 0px; top: 0px; display: inline-block; padding: 0px !important; }
	.rmm-toggled-controls { height: 22px; margin: 0px 0px 0 0; width:75%; float: right; background: none !important; }
	.home-wrapper { width: 98%;}
	.grid-block { width: 370px; height: auto;}
	.nav-menu-srm li li { padding-left: 15px;}

	.showcases:nth-child(4), .showcases:nth-child(7), .showcases:nth-child(10), .showcases:nth-child(13), .showcases:nth-child(14), .showcases:nth-child(16), .showcases:nth-child(19) { margin-right: 27px;}
	.showcases:nth-child(2), .showcases:nth-child(4), .showcases:nth-child(6), .showcases:nth-child(8), .showcases:nth-child(10), .showcases:nth-child(12), .showcases:nth-child(14), .showcases:nth-child(16), .showcases:nth-child(18), .showcases:nth-child(20) { margin-right: 0px;}
	.showcases:nth-child(3), .showcases:nth-child(9), .showcases:nth-child(15), .showcases:nth-child(18) {margin: 0 27px 30px 0px;}
	.products { width: 48%;}
	.grid-block { width: 362px;}
	.products:nth-child(2), .products:nth-child(4), .products:nth-child(6), .products:nth-child(8), .products:nth-child(10), .products:nth-child(12), .products:nth-child(14), .showcases:nth-child(16), .showcases:nth-child(18), .showcases:nth-child(20) { margin-right: 0px;}
	.products:nth-child(3), .products:nth-child(9), .products:nth-child(15), .products:nth-child(18), .showcases:nth-child(21) {margin-right: 28px;}
	.footer-block { width: 100%;}
	.footer-block-left { width: 100%;}
	.inner { margin: 0 auto; width: 98%;}
	.showcase-banner { min-height: 300px;}

	.showcase-content { display: none;}
		.home .metaslider { margin-top: 0px;}
	body.home #home-header {background-color: #000; }
	.sr-menu-toggle { float: right; width: 50%;}
	.nav-menu-srm { margin-top: 80px!important;}
		.rmm-toggled-controls { margin-top: 20px;}
	.hidemer {display: inherit;}

}

/* for 568px or less */
@media screen and (max-width: 568px) {
		h1 { margin-top: 0px; margin-bottom: 0px; }
	h2 { font-size: 25px;}
	.grid-block { width:263px;} 
	#home-header { height: 60px; }
	body.page-template-products-php #home-header {background: #000; height: 60px;}
	body.page-template-products-php .full-container.fixed {margin-top: 60px; background-position: center 60px!important;}
	.main { margin: 80px 0 0 0;}
	.home-wrapper { padding-top: 10px;}
		#logo, body.home #home-logo { width: 100%; margin: 5px 0 0 10px; text-align: left;}
	#logo img, #home-logo img { text-align: center; width: 30%;}
	.products { width: 48%; margin-right: 4%;}
	.rmm-toggled-controls { background: none !important; margin-bottom: 9px;}
	.main-navigation-srm { position: absolute; right: 0px; top: 0px; }
	.products:nth-child(2), .products:nth-child(4), .products:nth-child(6), .products:nth-child(6), .products:nth-child(8), .showcases:nth-child(14), .showcases:nth-child(16), .showcases:nth-child(18), .showcases:nth-child(20) {margin-right: 0px;}
	.nav-menu-srm { margin-top: 60px!important;}
.products:nth-child(3),  .products:nth-child(9), .products:nth-child(15), .products:nth-child(18), .showcases:nth-child(21) {margin-right: 4%;}

}

/* for 320px or less */
@media screen and (max-width: 320px) {
	#logo img, #home-logo img { width:49%;}
	body.home #home-header { background: #000;}
	.grid-block { width:100%;} 
	.products, .showcases { margin: 0 0 10px 0 !important; width: 100%;}
	.footer-block img { width: 11%; margin-right: 0px;}
	.metaslider { margin-top: 0px;}
	.footer-block { text-align: center; font-size: 10px;}
	.menu-footer-container ul { margin-left: 16px;}
	.menu-footer-container ul li a { font-size: 9px; padding: 30px 6px 5px 6px;}
	.footer-block-left { font-size: 10px; text-align: center;}
	.showcase-banner { min-height: 160px;}
	.menu-footer-container ul { display: block;}
		.home .metaslider { margin-top: 0px;}
}