@media (max-width:768px) {
			body.bg{
	background: url(../images/brushed.png) left top repeat;
}
			#search{
				float: left;
				margin-right: 0;

			}
			header, footer, .slider{
				margin-left:0 !important;
				width: 100% !important;
			}
			body.bg .slider img{
					display: block;
					max-width: 100%;
					z-index: -1;
				}
			.offer-box{
				margin-top: 0;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;
    			border:0;
    			background-color: #274299;
			}	
			.review-slider{
				background-color: #1C9A5B;
				padding: 35px 0 15px;
			}
			a.powered{
				float: left;
				margin-left: 15px;
			}
				.slicknav_nav a:hover{
						-webkit-border-radius: 0 !important;
				-moz-border-radius: 0 !important;
				-ms-border-radius: 0 !important;
				-o-border-radius: 0 !important;
				border-radius: 0 !important;
				background-color: #1C9A5B !important;

	}
	.slicknav_btn{
		background-color:#1C9A5B !important;
		
	}
	.slicknav_menu .slicknav_menutxt{
		text-shadow:0 0 0 #000 !important;
	}
	.slicknav_nav a .fa{
		margin-right: 10px;
	}
	.page-head img{
		display: none;
	}
	h1, h2, h3, h4, h5, h6, .maincate{
		text-align: center;
	}
	.page-head h1{
		display: block;
	}
	.maincate .btn{
		margin-bottom: 10px;
	}
	a.brand img{
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	form.search{
		padding: 5px;
	}
	form.search label#search-triger{
		display: none;
	}
	form.search span.kuppi{
		display: block;
		width: 100%;
		padding-right: 0;
	}
	form.search .form-control{
		height: 30px;
	}
	form.search .btn-default{
		height: 30px;
	}

 }
@media (min-width:768px) and (max-width:992px) { 

			nav.menu li a .fa{
				padding: 25px 20px !important;
				font-size: 20px !important;
			}
			.main-side{
				width: 96% !important;
				margin-left: 5% !important;
				overflow-x:hidden; 
			}

}
 @media (min-width: 768px) {
  .sidebar {
    position: fixed;
    width: 6%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #333;
    border-left: 5px solid #1C9A5B;
  }
  /*++++++++++++++++ navigation+++++++++++++++++*/
nav.menu{
	position: relative;
    margin-top: 75px;
    margin-left: -9px;
    float: left;
    z-index: 2;	
}
nav.menu ul{
	margin: 0;padding: 0;
	display: block;
}
nav.menu li a:hover, .menu ul li a.active{
	background-color: #1C9A5B;
}
.menu ul li{
	border-bottom:1px solid #2D2C2C;
	display: block;
}
.menu ul li:last-child{
	border:0;
}
nav.menu li a{
	display: block;
	font-size:0;
	color: #fff;
}
nav.menu li a .fa{
	font-size: 30px;
	padding: .8em 1em;
}
/*++++++++++++++++ // navigation+++++++++++++++++*/
.slicknav_menu {
	display:none;
}
body.bg header.home{
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	margin-left:0;
	width: 100%;
	z-index: 999;
}
.main-side{
	display: inline-block;
	width: 94%;
	vertical-align: top;
	height: auto;
	margin-left: 5.9%;
	overflow-x:hidden;

}

.main-side-1{
width:100%;
height:auto;

}

div.thumbnail .icon{
	max-height: 160px;
}
.products-cat{
	min-height: 175px;
}
.trigger{
	float: right;
}
}
@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		background-color: #333;
	}

	nav.menu{
		display: none;
	}
}  #prodDiv {         cursor: pointer;}#prodDiv:hover {    	//border:1px solid #ccc;}#prodDiv:focus {	//border:1px solid #666;     }#prodDiv:active {	//border:1px solid #333;   }#prodDiv img { width:90%; height:auto;}