@media only screen and (max-width:1340px){
	.categories-section .card .card-body .category-icons{left: 35%}
}
@media only screen and (max-width: 1200px){
    .carousel-control-prev{left:42%}
	.carousel-control-next{right:42%}
	.carousel-control-next, .carousel-control-prev{bottom: -5%;}
}
@media only screen and (max-width: 1024px){
    .more-articles-second-section .moreArticleLargeImg { height: 655px; }
}
@media only screen and (max-width: 993px){
	#sm_menu_ham, .hideInWeb { display: block; }
	.hideInMobile, header .navbar-nav,.subscribeBlock:before { display: none; }
	.navbar .navbar-search-box {
	    width: 100%;
	    margin-top: 10px;
	}	
	.card.largeCard img,.card.mediumCard img,.card .smallCard img{
		height:auto;
		margin-bottom: 10px;
	}
	.webContent .article-contents h1{font-size: 2.2rem}	
    .footer-heading, footer .webContent .mainHeading{font-size: 1.4rem}
    .drugs-name ul{grid-template-columns:repeat(3, 1fr)}
    .browseList.popularDrugList{column-count: 3}    
    .more-articles-second-section .moreArticleLargeImg { height: 455px; }
}
@media (min-width:320px) and (max-width:768px){
	.menu-footer li:before{top: 8px}
	.social-icons{display: flex;justify-content: center;}
	.subscribeBlock.text-center .footer-heading:after{left: 30%}
	.navbar .navbar-brand .logo{width: 150px}
	.articles-section .webContent .subHeading{font-size: 1.2rem;margin-top: 5px}
	.webContent .article-contents h1{font-size: 2rem}
	.article-contents h2,.article-contents h2 span{font-size: 1.5rem;}
    .article-contents h3,.article-contents h3 span{font-size: 1.3rem;}
    .article-contents h4,.article-contents h4 span{font-size: 1.2rem;}
    .article-contents h5,.article-contents h5 span{font-size: 1.15rem;}
    .article-contents h6,.article-contents h6 span{font-size: 1.05rem;}
    .article-contents a,.article-contents a strong,.article-contents strong a,.article-contents p, 
    .article-contents p span, .article-contents span p, .article-contents p strong, .article-contents strong, 
    .article-contents span{font-size: 1rem}
    .footer-heading, footer .webContent .mainHeading{font-size: 1.2rem}    
    .drugs-name ul{grid-template-columns:repeat(2, 1fr)}
    .browseList,.browseList.popularDrugList{column-count:2}
    .mainBanner{height: auto;}
    .injectableDrugsCols{margin-bottom: 1.5rem}
    .moreArticleSmallImg{height: 350px}    
	.categories-section .card .card-body .category-icons{left: 38%}
	.product_details .card .card-body .price{left: 10%}
	.tabingStyle.nav-pills{flex-wrap: nowrap;}
	.tabingStyle.nav-pills .nav-link{width: 100%;}
}
@media only screen and (max-width: 600px){
	.drugs-name.injectableDrugsName ul,.drugs-name.injectableDrugsName ul{grid-template-columns: repeat(1, 1fr);}
	.categories-section .card .card-body .category-icons {left: 44%;}
    .internalBanner .webContent .subHeading { font-size: 1.1rem; }
}
@media only screen and (max-width:450px){
	.webContent .mainHeading, .webContent .article-contents h1 { font-size: 1.8rem;}
    .drugs-name ul{grid-template-columns:repeat(1, 1fr)}
    .browseList,.browseList.popularDrugList{column-count: 1}
    .mainBanner .mainHeading { font-size: 2rem; }
    .mainBanner p { font-size: 1.1rem; }
    .more-articles-second-section .moreArticleLargeImg,.moreArticleSmallImg{height: 250px}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{top: 95%}
    .owl-theme .owl-nav .owl-prev{right: 6px}
    .owl-theme .owl-nav .owl-next{right: 0}
    .categories-section .card .card-body .category-icons {left: 40%;}    
    .tabingStyle.nav-pills .nav-link{font-size: 0.8rem;}
	.tabingStyle.nav-pills .nav-link.active, .tabingStyle.nav-pills .show>.nav-link{padding: 0.5rem;}	
	.carousel-control-next, .carousel-control-prev{bottom: -3%;}
    .carousel-control-prev{left:40%}
	.carousel-control-next{right:40%}
}
@media only screen and (max-width: 400px){
    .carousel-control-prev{left:35%}
	.carousel-control-next{right:35%}
}
@media only screen and (max-width: 320px){
	.more-articles-second-section .moreArticleLargeImg,.moreArticleSmallImg{height: 200px}	
}