@media only screen and (min-width:200px) and (max-width:767px){
	.banner{
		width: 100%;
		height: 190px;
		background-image: url("../images/banner.webp");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.banner-content{
		display: none;
	}
	.banner-content2{
		display: block;
	}
	.image{
		width: 100%;
		height: 160px;
	}
	.image i{
		position: absolute;
		top: 110px;	
		left: 10px;
		color: #fff;
		background: #000;
		padding: 10px 15px;
		border-radius: 50%;
		cursor: pointer;
		font-size: 12px;
	}
	.image p{
		font-size: 12px;
		font-weight: 700;
	}
	.product:hover{
		cursor: pointer;
		box-shadow: none;
	}
	.card-body h5 {
		font-size: .875rem;
		color: #000;
	}
	.buy-now{
		width: 100%;
		font-size: .6875rem;
		padding: 10px 0px;
	}
	.learn{
		font-size: .6875rem;
	}
	.more-results{
		width: 100%;
		border-radius: 35px;
		padding: 8px 16px;
		border: 1px solid #000;
		background: #fff;
		color: #000;
		font-weight: 500;
		font-size: 12px;
	}
	.ad-cart{
		font-size: 12px;
	}
	.more-results:hover{
		background: linear-gradient(#3B3B3B,#000000);
		border: 1px solid #fff;
	}
	.filter{
		display: block;
	}
	.see-more{
		display: none;
	}
	.filter-options{
		display: none;
	}
	.whatsapp{
		width: 50px;
		height: 50px;
		color: #fff;
		font-size: 25px;
		background: #6cc04a;
		border-radius: 50%;
		margin: 10px;
	}
	.form-control2{
		display: block;
	}
	.form-control1{
		display: none !important;
	}
	.view-detail{
		font-size: 12px !important;
	}
	.card-img-top{
		width: 100%;
		height: 200px !important;
	}
	.desk-filter{
		display: none;
	}
}