.icons{
	background: #ff6666 none repeat scroll 0 0;
	color: white;
	display: inline-block;
	margin: 0 0px !important;
	padding: 4px 4px 0px;
}
.zoom {
}
.zoom:hover {
	transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/* Style the buttons */
.btn1 {
	border: none;
	outline: none;
	padding: 7px ;
	background-color: blue;
	border-radius: 8px;
	text-decoration:none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}
.btn2 {
	border: none;
	outline: none;
	padding: 7px ;
	background-color: blue;
	border-radius: 8px;
	text-decoration:none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}
/* Style the active class (and buttons on mouse-over) */
.btn1:active {
	background: green;
}
.btn1:focus {
	background: green;
}

div.scrollmenu {
	background-color: #dcdcdc;
	overflow: auto;
	white-space: nowrap;
	margin-top: -5px;
}

div.scrollmenu a {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 0px 0px 2px 0px;
	text-decoration: none;
}

div.scrollmenu a:hover {
	background-color: #777;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.acc_btn{
		float: right;
		margin-top: -55px;
		justify-content: center;
	}
	#aa-product-category .aa-product-catg-content {
		display: inline;
		float: left;
		padding: 30px 0 0;
		width: 110%;
	}
	.icons {
		background: #ff6666 none repeat scroll 0 0;
		color: white;
		display: inline-block;
		margin: 0 5px;
		padding: 5px 6px;
	}
	.btn-group-justified > .btn, .btn-group-justified > .btn-group {
		display: inline-table;
		float: none;
		width: 1%;
	}
	#aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li {
		margin: 0 0 3px 0px !important;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.acc_btn{
		float: right;
		margin-top: -55px;
		justify-content: center;
	}
	#aa-product-category .aa-product-catg-content {
		display: inline;
		float: left;
		padding: 30px 0 0;
		width: 110%;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.acc_btn{
		float: left;
		margin-top: 0px;
		justify-content: center;
	}
	#aa-product-category .aa-product-catg-content {
		display: inline;
		float: left;
		padding: 30px 0 0;
		width: 100%;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.acc_btn{
		float: left;
		margin-top: 0px;
		justify-content: center;
	}
	#aa-product-category .aa-product-catg-content {
		display: inline;
		float: left;
		padding: 30px 0 0;
		width: 100%;
	}
}
.btn_size{
	/*font-size: 12px;*/
	padding: 0px 0px;
}
/*.btn-group-justified > .btn, .btn-group-justified > .btn-group {
	display: inline-table;
	float: none;
	width: 1%;
}*/

body{
	margin:0;
	padding:0;
	font-family:sans-serif;
}
.banner{
	width:100%;
	height:100vh;
	background: url(https://images.pexels.com/photos/683929/pexels-photo-683929.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940) no-repeat center center fixed;
	background-size:cover;
} 
.content{
	padding:50px 100px;
}
.content h2{
	padding:0;
	margin:0 0 20px;
	font-size:30px;
}
.content p{
	font-size:18px;
}
.sidebar-contact{
	position:fixed;
	top:50%;
	left:-350px;
	transform:translateY(-50%);
	width:350px;
	height:auto;
	padding:10px;
	background:#fff;
	box-shadow: 0 20px 50px rgba(0,0,0,.5);
	box-sizing:border-box;
	transition:0.5s;
	display: none;
}
.system_filter{
	display: block;
}
.sidebar-contact.active{
	left:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
	width:100%;
	height:36px;
	padding:5px;
	margin-bottom:10px;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,.5);
	outline:none;
}
.sidebar-contact h2{
	margin:0 0 20px;
	padding:0;
}
.sidebar-contact textarea{
	height:60px;
	resize:none;
}
.sidebar-contact input[type="submit"]{
	background:#00bcd4;
	color:#fff;
	cursor:pointer;
	border:none;
	font-size:18px;
}
.toggle{
	position:absolute;
	height:35px;
	width:35px;
	text-align:center;
	cursor:pointer;
	background:#314aae;
	top:0;
	right:-48px;
	line-height:35px;
}
.toggle:before{
	content:'\f002';
	font-family:fontAwesome;
	font-size:18px;
	color:#fff;
}
.toggle.active:before{
	content:'\f00d';
}

.aa-product-catg-content{
	padding: 16px !important;
	width: 98% !important;
}
@media(max-width:768px)
{
	.aa-product-catg-content{
		padding: 0px !important;
		width: 100% !important;
	}
	.mob_card_tab1{
		width: 10% !important;
	}
	.mob_card_tab2{
		width: 20% !important;
	}
	.mob_card_tab3{
		width: 16% !important;
	}
	.mob_card_tab4{
		width: 27% !important;
	}
	.mob_card_tab5{
		width: 27% !important;
	}
	.mob_bottom{
		display: block !important;
	}
	.sidebar-contact{
		width: 60%;
		height: 83%;
		left: -63%;
		margin-top: 50px;
		display: block;
	}
	.system_filter{
		display: none;
	}
	.sidebar-contact .toggle{
		top:50%;
		transform:translateY(-50%);
		transition:0.5s;
	}
	.sidebar-contact.active .toggle
	{
		top:0;
		right:0;
		transform:translateY(0);
	}
	.scroll{
		width:100%;
		height:100%;
		overflow-y:auto;
	}
	.content{
		padding:50px 50px;
	}
}