@charset "utf-8";
/* CSS Document */
@media (max-width:1280px){
	  img{ width:auto; max-width:100%;}
     .wrapper{ width:95% ;}
	 .header .logo{ width:40%;}
	 .header .right{ width:60%;}
	 .nav-full, .header{height:auto;}
	 .nav{ width:95%;}
	 .nav li a{ display:inline-block; line-height:normal;}
	 .services-home{ height:auto;}
	 .services-home ul{ display:flex;}
	 .services-home li{ width:25%; height:auto; box-sizing:border-box;}
	 .services-home li a{ display:block;}
	 .product-left{  width:25%; margin-right:5%;}
	 .product-right{ width:70%;}
	 .footer{ height:auto; width:100%; margin:0 auto;}
	 .footer-bot, .footer-top{ width:95%; display:block; vertical-align:bottom;}
	 .footer-bot .left, .footer-bot .right{ display:inline-block;}
	 .categories li a{ display:block;}
	}
@media (max-width:1190px){
	  .nav li a{ font-size:14px; padding:11px 25px; }
	}
@media (max-width:1050px){
	  .nav li a, .nav li.menu-higlight a{ font-size:14px; padding:11px 16px; }
	  .product-listing-box{ width:28%;}
	}
@media (max-width:991px){
	  .nav{ position:relative; padding:3px 0;}
	  .nav ul{ position:absolute; top:100%; z-index:99; left:0; right:0; background:#333;}
	  .nav ul li{ width:100%; margin:0 auto; float:none; border:none;}
	  .nav li.loginCompButton{ list-style:none; position: absolute; right: 0; top: 7px;}
	  .nav li.loginCompButton a{ margin:1px auto 0;}
	  .nav ul li a{ display:block; box-sizing:border-box;}
	  .mobile-menu {  vertical-align: bottom; float:left;}
      .mobile-menu img { vertical-align: bottom;}
	  .footer-top .menu{ display:block !important;}
	  .home-content{ text-align:justify;}
	  .home-content h1 { font-size: 22px;}
	  .product-right, .product-left, .contact-right{ width:100%; box-sizing:border-box;}
	  .contact-form li{ width:50%;}
	  #home_banner .slide{ width:100%; height:auto; background-size:cover !important; background-position: 70% 0% !important;}
	  .inner-banner{ background-position:70% 0; background-size:cover}
	  #home_banner .slide-text{ width:95%; box-sizing:border-box;}
	  .left .highlight-box3{ width:100%; box-sizing:border-box;}
	  .product-left .heading{ cursor:pointer; background:#e13131 url(../images/category-menu.png) no-repeat center right 5%;}
	  .categories{ display:none;}
	 .product-listing-box { width: 43%;  margin-right: 20px !important;  min-height: 240px;}
	  .product-listing-box + .clear{ display:none;}
	}
@media (max-width:800px){
	.header .contact .call{ float:left;}
	.header .contact .email{ float:right;}
	 .services-home ul{ display:block;}
	 .services-home li{ width:49%; margin-bottom:1%; margin-right:1%; min-height: 180px;}
	}
@media (max-width:640px){
	.header{ text-align:center;}
	.header .logo{ width:auto; float:none;}
	.header .right{ width:100%;float:none;}
	.banner, #home_banner{ height:auto;}
	#home_banner .effectContainer{ height:300px;}
	.footer-top .menu, .footer-top .social{ width:100%; display:block; text-align:center; float:none; margin:0 auto 10px; }
	.services-home li{ width:100%; margin:0 auto 10px;}
	.footer-bot .left, .footer-bot .right{ width:100%; margin:0 auto 10px !important; float:none; text-align:center}
	.header .contact, .header .contact .call, .header .contact .email{ float:none; text-align:center; margin-bottom:6px; display:inline-block;}
	.google-traslater{ display:inline-block; text-align:center; float: none;margin: 0 auto; width: 100%;}
	select.goog-te-combo {width: 85%; padding: 8px; font-size: 14px !important; box-sizing:border-box;}
	.breadcrumbs { float: none; padding-bottom: 5px;  margin-top: -15px;  display: block;  width: 100%; margin-bottom: 10px;}
 	.contact-form li{ width: 100%; margin-bottom:10px;}
	 .contact-left{ width:100%;}
	 .contact-form select, .contact-form input[type="text"], .contact-form input[type="password"], .contact-form textarea{ width:100%; box-sizing: border-box; }
	 .left-co, .right-co { float: none;  margin: 30px auto 10px;  width: 100%; box-sizing:border-box;}
	 .footer-bot{ padding:0;}
     .question{ font-size:16px;}
	 .faqs{ font-size:14px;}
	 .shipping img{ width:35%;}
     .product-listing-box{ margin:0 auto 20px !important; width:100%; box-sizing:border-box;}
	}
@media (max-width:560px){
	.header .logo{ padding:15px 10px;}
	.home-content h1 { font-size: 16px;}
	#home_banner .slide-text{ margin:30px auto ;}
	#home_banner .slide-text .heading{ font-size:20px;}
	#home_banner .slide-text .sub-heading{ font-size:18px;}
	}