@media(min-width : 768px) and (hover : hover) and (pointer : fine){


:root{
   --pri_color :#1a76d1;
   --sec_color :#e12454;
   --uni_color :#223a66;
}

*{
	margin : 0;
	margin : 0;
}

body{
	font-family :-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
a:hover{
	text-decoration : none;
	cursor : pointer;
}


/*****FIRST SECTION*******/
.first_section{
	width : 100%;
}

/****SECOND SECTION*******/
.second_section{
	width : 100%;
	min-height : auto;
	margin-top : 50px;
}

.second_section_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 0;
}

.drug_categories{
	width : 20%;
	order : 1 !important;
	margin-right : 20px;
}

    .category{
    	width : 100%;
		display : inline;
    }
.drugs{
	width : 80%;
	order : 2;
}
.mobile_category{
	display : none;
}

.categories_item{
	margin-bottom : 50px !important;
}
.categories_link{
	pointer-events : none;
	font-size : 1.5rem !important;
}

.category_button{
    display : none;
}

.category ul{
	list-style-type : none;
	margin-left : -20px;
}
.category ul li{
	margin-top : 15px;
	margin-bottom : 15px;
}

.category ul li a{
	font-weight : 600;
	font-size : 1rem;
}
.supplement_categories{
	display : none;
	/* height : 250px; */
}
.supplements{
	justify-content : space-between;
	display : flex;
}
.add_minus_icon{
	font-size : 1rem;
	font-weight : 500;
}
.add_minus_icon .fa-minus{
	display : none;
}
.drugs h1{
	font-weight : 600;
	font-size : 2rem;
}


.drug_details{
	display : flex;
	flex-direction : row;
	column-gap : 0;
	row-gap : 0;
	width : 100%;
}


.drug_details_flex{
	display : flex;
	flex-direction : row;
	column-gap : 0;
	row-gap : 0;
	width : 70%;
	height : 250px;
	border : solid 2px #eee;
	padding : 0 0 0 5px;
	/* padding-top : 10px; */
	align-items : center;
}

.drug_price_content{
	padding-left : 20px;
	padding-top:10px;
	border : solid 2px #eee;
	width : 30%;
}

.drug_price{
	font-weight : 600;
	color : var(--uni_color);
	font-size : 1.75rem;
}


.drug_image{
	width : 300px;
	height : 200px;
	margin-right : 30px;
}

.drug_name{
	color : var(--uni_color);
	font-weight : 600;
	font-size : 1rem;
	padding-top : 0;
	padding-bottom : 0;	
}


.buy_now{
	width : 150px;
	height : 40px;
	background-color : var(--sec_color);
	color : #ffffff;
	border : none;
	outline : none;
	display : block;
	font-weight : 600;
	border-radius : 50px;
    margin-top : 0;
    margin-bottom : 0;	
}


.add_to_cart{
	width : 90%;
	height : 50px;
	background-color : var(--sec_color);
	color : #ffffff;
	border : none;
	outline : none;
	display : block;
	font-weight : 600;
	font-size : 1.25rem;
	border-radius : 50px;	
	margin-top : 100px;
}

.buy_now:hover,.add_to_cart:hover{
	background-color :#ffffff;
	color : var(--sec_color);
	border : solid var(--sec_color) 3px;	
}

.quantity{
	background-color : lavender;
	border-radius : 50px;
	width : 90%;
	height : 50px;
	display : flex;
	align-items : center;
	justify-content :space-between;
	font-size : 1.18rem;
	padding:0 7.5px;
	float : left;
	margin-top : 20px;
}
.quantity_plus, .quantity_minus{
	background : none;
	border:none;
	outline : none;
}

.pagination-link{
	color : var(--pri_color);
	font-weight : 600;
}
.pagination-item{
	margin-left : 10px;
}

.active{
	border : solid var(--pri_color);
	height : 30px;
	width : 30px;
	display : flex;
	justify-content: center;
	align-items : center;
	border-radius : 3px;
}
.modal-content{
	background-color : #6dbd28;
	height : 65px;
	width : 100%;
}


.modal-body p{
	color : #ffffff;
}


}