.laptop
{
	display: inline;
}
@media only screen and (max-width: 600px)
{
	.laptop
	{
		display: none;
	}
}
.mobile
{
	display: none;
}
.product-col-12
{
	-ms-flex: 0 0 0%;
	flex: 0 0 100%;
	max-width: 25%;
}


@media only screen and (max-width: 600px)
{
	.mobile
	{
		display: inline;
	}
	.product-col-12
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 50%;
	}
	.sidenav 
	{
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: 0.5s;
		box-shadow: 1px 0px 10px -1px #9a1515c9;
	}

	.sidenav a 
	{
		padding: 5px 5px 5px 5px;
		text-decoration: none;
		font-size: 15px;
		color: #fff;
		display: block;
		transition: 0.3s;
		
	}

	.sidenav a:hover 
	{
	  color: #fff;
	}
	.sidenav .closebtn 
	{
		position: absolute;
		top: 15px;
		right: 5px;
		color: #ed2123;
		font-size: 40px;
		float: left;
	}
	hr 
	{
		margin-top:0px;
		margin-bottom:0px;
		border: 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	.mobile-call 
	{
		border-radius: 50%;
		color: rgb(237, 28, 36);
		background: #fff;
		font-size: 20px;
		padding: 5px 9px 6px 9px;
		margin-right: 2px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	}
	.mobile-add-cart
	{
		border-radius: 50%;
		color: rgb(237, 28, 36);
		background: #fff;
		font-size: 17px;
		margin-left: 0px;
		padding: 8px 6px 8px 6px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	}
	.mobile-footer-menu
	{
		width:19%;
	}
}



.makescroller
{
    height:320px;
    overflow-y: scroll;
}

.subcat_fil 
{
	overflow: scroll;
    background-color: #fff;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 3px 4px;
    margin-bottom: 10px;
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);	
}