/****************************************** Media Querry For max Width-980px *********************************/
@media screen and (max-width:980px){
}

/****************************************** Media Querry For max Width-900px *********************************/
@media screen and (max-width:900px){
	.container{
		width:88%;
	}
	.site_logo img{
		width:100%;
	}
	.pan_3, .pan_4, .pan_3_0{
		min-height:300px;
	}
	.pan_3_0 p {
		padding-top: 20px;
	}
	.pan_4 h2 img {
		height: 300px;
	}
	.pan_3_0 h4{
		padding-top:30px;
	}
	.pan_3_0 {
		padding: 0;
	}
}

/****************************************** Media Querry For max Width-768px *********************************/
@media screen and (max-width:768px){
	header{
		padding-bottom:30px;
	}
	header .site_logo {
		width: 55%;
		margin-bottom:0 !important;
	}
	header .address {
		width: 44%;
		padding-top: 22px;
	}
	
}

/****************************************** Media Querry For max Width-700px *********************************/
@media screen and (max-width:700px){
	.middle_pan_txt .doctor_pan{
		background-position: right 10px;
		background-size: 115px 154px;
	}
	.container {
		width: 90%;
	}
}

/****************************************** Media Querry For max Width-680px *********************************/
@media screen and (max-width:680px){
	.left_pan {
		padding-right: 8px;
		width: 50%;
	}
	.right_pan {
		float: left;
		width: 48%;
	}
	
}

/****************************************** Media Querry For max Width-640px *********************************/
@media screen and (max-width:640px){
	.left_pan{
		width:100%;
	}
	.right_pan{
		width:100%;
	}
	.right_pan .feild label {
		padding-top: 7px;
		width: 32%;
	}
	.right_pan .feild span{
		padding-right:8px;
	}
	.pan_3 .navigation li {
	padding: 20px 0;
	font-weight: bold;
	}
}

/****************************************** Media Querry For max Width-500px *********************************/
@media screen and (max-width:500px){
	.pan_4{
		display:none;
	}
	.pan_3, .pan_3_0{
		width:49%;
	}
	header .site_logo{
		width:100%;
		float:none;
	}
	header .address{
		width:100%;
		float:none;
		text-align:left;
	}
	header .address{
		width:78%;
		margin:0 auto;
	}
	

}

/****************************************** Media Querry For max Width-400px *********************************/
@media screen and (max-width:400px){
	header .address{
		width:100%;
	}
}

/****************************************** Media Querry For max Width-360px *********************************/
@media screen and (max-width:360px){
	.middle_pan_txt .doctor_pan{
		padding-right:0;
	}
	.middle_pan_txt .doctor_pan .mid_inherit{
		padding-bottom: 18px;
		padding-right: 109px;
	}
	
}
