@media (max-width:320px){
	*{font-size: 14px}
	/*.mainBannerMobile{
		height: auto;
		background: url(../img/mainbanner-mobile.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}*/
	.webContent .mainHeading{font-size: 1.8rem}
	.webContent .line{width: 250px}
	.social-icons li,.bottom-footer .paymentMethod-boxes li{margin-bottom: 10px}
	.navbar-search-box{width: 100%}
	header .navbar-nav li a i{font-weight:bold}
}
@media (min-width:321px) and (max-width:767px){
	*{font-size: 14px}
	/*.mainBannerMobile{
		height: auto;
		background: url(../img/mainbanner-mobile.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}*/
	.webContent .mainHeading{font-size: 1.8rem}
	.social-icons li,.bottom-footer .paymentMethod-boxes li{margin-bottom: 10px}
	.navbar-search-box{width: 100%}
	header .navbar-nav li a i{font-weight:bold}
}


@media(min-width:768px) and (max-width:991px){
	
}
@media (min-width:769px) and (max-width:1023px){
	
}

@media(min-width:992px) and (max-width:1180px){
	
}
@media (min-width:992px) and (max-width:1365px){
	header .navbar-nav li a{
		font-size: 0.75rem;
	}
	
}
@media only screen and (max-width:1340px){
	
}
@media only screen and (max-width: 1200px){
	header .navbar-nav li a{
		font-size: 0.65rem;
	}
	
}
@media only screen and (max-width: 1024px){
	
}
@media only screen and (max-width: 993px){
	header .navbar-nav li a{
		font-size: 0.65rem;
	}
	
}