html{
	scroll-behavior:smoth;
}
@media screen and (min-width:768px){
.searchb input
{
	
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 40%; /* Full-width */
  font-size: 16px; /* Increase font-size */
 padding: 12px 20px 12px 20px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-top: 12px; /* Add some space below the input */
	margin-left: 20px;
	
	
}
	
	
.search-btn{

	background-color:greenyellow;
	color:#006;
	width: 100px;
	height: 43px; 
	
}
.bio h6 {
	text-align: center;
	color:white;
	font-size: 24px; 
}
.btn-primary{
	width:80%;
	height:40px;
	border-radius:5px;
	margin:auto;
	
}

/*.main_content::after{main_content_app:"";display: block; clear:both;}*/

	.main_right{
		
		position: absolute;
		background:#FFFFFF;
		width: 270px;
		height:100%;
		left: -270px;
		transition: all .5s ease;
		overflow: visible;
		
	}
	
.active
	{
		left: 0;
		
	}
.specialize a{
	display: block;
}

.main_myul ul, li:hover
{
	padding-left:5px;
	background: #c7c7c7;
}

.main_myul ul,li
{
	line-height: 50px;
	color: #fff;
	display: block;
	width: :100%;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.2);
	transition: .5s;
}

a.tag1 {
	text-decoration: none;
	color: #fff;
}

.sidebarBtn
{
	
	padding:10px;
	position: absolute;
	top: 0;
	right: -40px;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	cursor: pointer;
	background: #fff;
	border: none;
	outline: none;
	color:#00ff00;
	font-size:20px;
	font-weight:lighter;
}

.main_navbar{
	
	background-color:#FFFFFF;
	
	
	
}

	.pharm{
		padding-top: 15px;
		background-color:#FFFFFF;
		
		
	}
	.pharm-logo{
		width:100%;
		
	}
	.main_myul_app li,ul
{
	color: gray;
	font-size:15px;
	padding-left: 0px;
	line-height: 10px;
	margin: 0px;
	display: block;
	height: 100%;
	width: :100%;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.4);
	transition: .5s;
	
}

.log-2{
   margin-top:5%;
 
	width:10%;
	border: 4px solid #fafafa;
}
	a.tag2{
	text-decoration: none;
	color: gray;
}
	
.card{
	position:inherit;
	margin:auto;
	width:60%;
	border-radius: 2%;
	background: -moz-linear-gradient(90deg, rgba(74,119,233,1) 0%, rgba(76,179,233,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(74,119,233,1) 0%, rgba(76,179,233,1) 100%);
background: linear-gradient(90deg, rgba(74,119,233,1) 0%, rgba(76,179,233,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a77e9",endColorstr="#4cb3e9",GradientType=1);
	box-shadow: 2px 2px 10px black;
	
}

.top{
	font-size:20px;
}

.left{
	
	float:left;
	width:180px;
	
}


.image img{
	
	margin-top: 15px;
	
	box-shadow: 2px 2px 10px white;
	width:70%;
	border: 4px solid #fafafa;
	border-radius: 100%;	
}

.drpersonel{
	float:right;
	margin-top:20px;
	text-align: center;
}

.drpersonel h6 {
	text-align: center;
	color:white;
	font-size: 24px; 
}

button{
	box-shadow: 2px 2px 10px black;
	
	
}
.butt{
	text-align:center;
	
}
.top,text{
	color:white;
background-color:none;
	border-radius: 2%;
	padding: 10px 10px 5px 5px;
	border-radius: 2%;
	
}
.cunsltant{
	
	padding:15px;
}
.cunsltant, text{
	
	color:greenyellow;
	
	margin-top:10px;
	margin-left: 0px;
	
	padding: auto;
	align: center;
}


.right{
	
	
	margin:auto;
	width: 70%;
	
	transform: translate(-300,-300);	
	
}
.down{
	margin:20px;
	text-align:center;
}


table{
	margin-top:-0px;
	margin:auto;
	
     width:80%;
	color:white;
	border-collapse: seprate;
	border-spacing: 0;

	font:16px "Helvetica Neue";
	
	background:none;
	border-bottom-style: inherit;
	}
	
	td
{

	vertical-align: left;
	height:40px;
	line-height: 20px;
}
td:nth-child(1){
	width:140px;
}
	
	th{
		text-decoration: underline;
	height:40px;
		color:greenyellow;
		font:20px Arial;
			
		text-align: center;
		background:none;
	}
	
	
.checked {
  color: orange;
   vertical-align: center;
}
.star{
	vertical-align: center;
}
.order_msg{
	Width:50%;
	margin:auto;
		argin-top:20px;
		
		padding:10px;
		background-color:#F5F5F5;
	color:white;
	background-color:black;
	text-align: center;
	font-size:16px;
}
.cancel{
	float:right;
	padding:10px;
	
	font-size:16px;
}
.cancel a{
	text-decoration: none;
	color:white;
}
.doctor{
	margin-left:15px;
	color:gray;
	font-size:20px;
}
#chose_day{
	color:red;
}
}
/*_________________________________________________________________________________________*/
@media screen and (max-width:767px){
.searchb input
{
	
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 40%; /* Full-width */
  font-size: 16px; /* Increase font-size */
 padding: 12px 20px 12px 20px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-top: 12px; /* Add some space below the input */
	margin-left: 20px;
	
	
}
	
	
.search-btn{

	background-color:greenyellow;
	color:#006;
	width: 100px;
	height: 43px; 
	
}


/*.main_content::after{main_content_app:"";display: block; clear:both;}*/

	.main_right{
		
		position: absolute;
		background:#FFFFFF;
		width: 270px;
		height:100%;
		left: -270px;
		transition: all .5s ease;
		overflow: visible;
		
	}
	
.active
	{
		left: 0;
		
	}
.specialize a{
	display: block;
}

.main_myul ul, li:hover
{
	padding-left:5px;
	background: #c7c7c7;
}

.main_myul ul,li
{
	line-height: 50px;
	color: #fff;
	display: block;
	width: :100%;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.2);
	transition: .5s;
}

a.tag1 {
	text-decoration: none;
	color: #fff;
}

.sidebarBtn
{
	
	padding:10px;
	position: absolute;
	top: 0;
	right: -20px;
	width: 20px;
	height: 40px;
	box-sizing: border-box;
	cursor: pointer;
	background: #fff;
	border: none;
	outline: none;
	color:#00ff00;
	font-size:20px;
	font-weight:lighter;
}

.main_navbar{
	
	background-color:#FFFFFF;
	
	
	
}

	.pharm{
		padding-top: 15px;
		background-color:#FFFFFF;
		
		
	}
	.pharm-logo{
		width:100%;
		
	}
	.main_myul_app li,ul
{
	color: gray;
	font-size:15px;
	padding-left: 0px;
	line-height: 10px;
	margin: 0px;
	display: block;
	height: 100%;
	width: :100%;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.4);
	transition: .5s;
	
}

.log-2{
   margin-top:5%;
	box-shadow: 2px 2px 10px white;
	width:10%;
	border: 4px solid #fafafa;
}
	a.tag2{
	text-decoration: none;
	color: gray;
}
	
.card{
	
	position:inherit;
	margin:auto;
	width:85%;
	border-radius: 2%;
	background: -moz-linear-gradient(90deg, rgba(74,119,233,1) 0%, rgba(76,179,233,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(74,119,233,1) 0%, rgba(76,179,233,1) 100%);
background: linear-gradient(90deg, rgba(74,119,233,1) 0%, rgba(76,179,233,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a77e9",endColorstr="#4cb3e9",GradientType=1);
	box-shadow: 2px 2px 10px black;
	
}
.top {
	font-size:12px;
}
.top,text{
	color:white;
background-color:none;
	border-radius: 2%;
	padding: 5px 5px 5px 5px;
	border-radius: 2%;
	
}
.top h3{
	font-size:18px;
}
.left{
	
	margin:auto;
	width:50%;
	
}


.image img{
	
	margin-top: 15px;
	
	box-shadow: 2px 2px 10px white;
	width:60%;
	border: 4px solid #fafafa;
	border-radius: 100%;	
}

.bio{
	
	margin-top:20px;
	text-align: center;
}

.bio h6 {
	text-align: center;
	color:white;
	font-size: 20px; 
}

button{
	box-shadow: 2px 2px 10px black;
	
	
}
.butt{
	text-align:center;
	
}


.cunsltant{
	padding-left:10px;
	padding-right:10px;
}
.cunsltant, text{
	
	color:greenyellow;
	
	
	margin-left: 10px;
	
	
	align: center;
}


.right{
	
	width:100%;
	margin:auto;
	padding-left:10px;
	padding-right:10px
	transform: translate(-300,-300);	
	
}
.down{
	margin:20px;
	text-align:center;
}


table{
	margin-top:-0px;
	margin-right:60%;
	
     width:100%;
	color:white;
	border-collapse: seprate;
	border-spacing: 0;

	font:12px "Arial";
	
	background:none;
	border-bottom-style: inherit;
	}
	
	td
{

	vertical-align: left;
	
	line-height: 20px;
	
}
	
	th{
		text-decoration: underline;
	
		color:greenyellow;
		font:16px "Arial";
			height:40px;
		text-align: center;
		background:none;
	}
	
	
.checked {
  color: orange;
   vertical-align: center;
}
.star{
	vertical-align: center;
}
.order_msg{
	Width:90%;
	margin:auto;
		margin-top:20px;
		
		padding:10px;
		background-color:#F5F5F5;
	color:white;
	background-color:black;
	text-align: center;
	font-size:16px;
}
.cancel{
	float:right;
	padding:10px;
	
	font-size:16px;
}
.cancel a{
	text-decoration: none;
	color:white;
}
.doctor{
	margin-left:15px;
	color:gray;
}
#mob-error{
	font-size:8px;
}
#invalid-email{
	font-size:8px;
}

}