/* Home Page */

/*--- Max-Width 1199px ---*/
@media(max-width: 1199px) {
	
	.left-title h1{
		font-size: 35px;
	}

	.right-badges{
		width: 30%;
	}

	.nav-item{
		padding: 8px 9.68px;
	}

	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 10px 0;
	}

	.nav-item a{
		font-size: 11px;
	}

	.left-section{
		padding: 20px 30px;
	}

	.left-section .heading h1{
		font-size: 32px;
	}

	.left-section .paragraph h3{
		font-size: 25px;
	}

	.left-section .image img{
		width: 70%;
	}

	.left-side .image img{
		width: 50% !important;
	}

	.left-side .medicine-name{
		margin-top: 10px;
	}

	.left-section .the-best h1{
		font-size: 45px;
		margin-top: 30px;
	}

	.right-section .section-1 .heading h5{
		font-size: 15px;
	}

	.right-section .read-time i{
		font-size: 40px;
	}

	.right-section .read-time h2{
		font-size: 27px;
	}

	.right-section .questions i{
		margin-top: 1px;
	}

	.right-section .questions p{
		font-size: 13px;
	}

	.ranking .mid-side .question h3{
		font-size: 20px;
	}

	.ranking .mid-side .question p{
		font-size: 12px;
	}

	.ranking .mid-side .downside h3{
		font-size: 20px;
	}

	.ranking .mid-side .downside p{
		font-size: 12px;
	}

	.ranking .right-side .product-reviews{
		padding: 10px 20px;
	}

	.ranking .right-side .product-reviews p{
		font-size: 11px;
	}

	.ranking .right-side .free-offer img{
		width: 11%;
	}

	.ranking .right-side .free-offer p{
		font-size: 14px;
	}

	.ranking .right-side .learn-more-button button{
		height: 35px;
		font-size: 14px;
		width: 130px;
	}

	.ranking .right-side .learn-more-button button i{
		font-size: 12px;
		border-top-right-radius: 3.5px;
    	border-bottom-right-radius: 3.5px;
	}

	.read-more-about a{
		font-size: 11px;
	}

	.left-side .content .main-paragraph{
		padding: 10px 50px !important;
	}
}

/* Max Width 991px */

@media(max-width: 991px) {
	.left-title h1{
		font-size: 28px;
		padding-top: 15px;
	}

	.top-bar{
		padding: 15px 0px;
	}

	.nav-item{
		width: 100%;
		padding: 0;
	}

	.nav-item a{
		font-size: 13px;
	}

	.ranking{
		display: block;
	}

	.right-badges img{
		width: 95%;
	}

	.left-title{
		width: 65%;
	}

	.right-badges{
		width: 35%;
	}

	.left-section{
		padding: 20px 30px;
	}

	.left-section .heading h1{
		font-size: 25px;
		margin-bottom: 20px;
	}

	.left-section .paragraph h3{
		font-size: 20px;
	}

	.post-date p{
		font-size: 15px;
	}

	.left-side{
		float: left;
		border: none;
	}

	.left-side .image img{
		width: 60% !important;
		margin: 20px 0px;
	}

	.left-section .the-best h1 {
    	font-size: 35px;
    	margin-top: 20px;
	}

	.right-section .section-1 .heading h5{
		font-size: 11px;
	}

	.right-section .read-time i{
		font-size: 30px;
	}

	.right-section .read-time h2{
		font-size: 19px;
	}

	.right-section .questions p{
		font-size: 8px;
	}

	.right-section .questions i{
		margin-top: 0;
    	font-size: 11px;
    	margin-right: 7px;
	}

	.right-section .questions p{
		font-size: 8.5px;
	}

	.important-factors p{
		font-size: 12px;
	}

	.rank-num img{
		width: 80px;
	}

	.ranking .mid-side{
		width: 75%;
		margin-left: auto;
		max-width: none;
		border-left: 1px solid #dbdbdb;
	}

	.ranking .mid-side .question h3{
		font-size: 15px;
	}

	.ranking .right-side{
		width: 100%;
    	margin: 0 auto;
    	max-width: none;
    	border-top: 1px solid #dbdbdb;
	}

	.ranking .right-side .product-reviews{
		padding: 30px;
	}

	.ranking .right-side .product-reviews p{
		font-size: 14px;
		text-align: center;
	}

	.ranking .right-side .free-offer img{
		width: 5%;
	}

	.ranking .right-side .free-offer p{
		font-size: 16px;
	}

	.ranking .right-side .learn-more-button{
		margin-bottom: 30px;
	}

	.hem-relief-name h2{
		font-size: 28px;
	}

	.left-side .emuaid-img img{
		width: 100% !important;
	}

	.venapro-img{
		margin: 0 !important;
	}

	.footer p{
		font-size: 13px;
	}

	.footer .copyright{
		font-size: 16px;
	}
}

/* Max Width 767px */

@media(max-width: 767px) {
	
	.left-section .heading h1{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.left-section .paragraph h3 {
    	font-size: 15px;
    	margin-bottom: 10px;
	}

	.post-date p{
		font-size: 12px;
	}

	.left-section .the-best h1{
		font-size: 28px;
	}

	.right-section .section-1 .heading h5{
		font-size: 18px;
	}

	.right-section .content{
		padding: 20px;
	}

	.right-section .read-time{
		padding: 0;
	}

	.right-section .read-time i {
    	font-size: 50px;
    	margin: 0;
	}

	.right-section .read-time h2{
		font-size: 30px;
		margin:auto 20px;
	}

	.ranking .right-side .product-rating{
		margin-top: 10px;
	}

	.ranking .mid-side{
		width: 100%;
		border: none;
	}

	.ranking .right-side .free-offer{
		margin: 0;
		margin-bottom: 20px;
	}

	.avatrol-rank .right-side .product-rating img.rating {
    	clip: rect(0px,205px,200px,0px);
	}

	.hem-relief-rank .right-side .product-rating img.rating {
    	clip: rect(0px,190px,200px,0px);
	}

	.rank-num{
		width: 135px;
	}

	.left-side .emuaid-img img{
		width: 40% !important;
		margin: 0;
	}

	.footer p{
		font-size: 11px;
		margin: 0;
	}

	.footer .copyright {
    	font-size: 12px;
   		margin: 0;
	}
	.right-badges {
	    display: flex;
    	justify-content: center;
	}
	.right-badges img {
		object-fit: contain;
	}
	.right-section {
		padding-left: 0;
		margin-top: 20px;
	}
}

/* Avatrol Page */

@media(max-width: 1199px) {
	.right-side .content .image img{
		width: 100%;
	}

	.right-side .content .additional .logos img{
		width: 49%;
	}

	.more-content p{
		font-size: 14px;
	}
}

/* Max Width : 991px */

@media(max-width: 991px) {
	.left-side .heading .heading-text h4{
		font-size: 20px !important;
	}

	.right-side .content .additional p{
		font-size: 12px !important;
	}

	.right-side .content .additional .logos img{
		width: 46%;
	}

	.left-side .content .visit-site-button button{
		border-right: 10px !important;
		font-size: 15px !important;
	}

	.left-side .content .editors-rating h2{
		font-size: 22px !important;
	}

	.left-side .content .editors-rating span{
		font-size: 22px !important;
	}

	.more-content p{
		font-size: 13px;
	}

	.introduction span{
		font-size: 13px;
	}

	.left-side .content .main-paragraph{
		padding: 10px 30px !important;
	}
}

@media(max-width: 767px){
	.more-content h4{
		font-size: 20px;
	}

	.more-content p{
		font-size: 13px;
	}

	.avatrol-info .main-section{
		margin-bottom: 10px;
	}

	.left-title h1 {
    	font-size: 21px;
    	padding-top: 10px;
	}
}

@media(max-width: 535px){
	.left-title h1 {
    	font-size: 19px;
    	padding-top: 8px;
    }
}

/* Hemtab Page */

@media(max-width: 991px){
	.main-section .left-side .heading .image img{
		width: 21% !important;
		top: -20px;
	}

	.left-side .image img{
		margin-top: 20px;
	}

	.right-side .content .additional .logos{
		text-align: center;
	}

	.right-side .content .additional .logos img{
		width: 35%;
	}
	
}