@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.header-wrapper .header-content, .body-wrapper .body-content, .container, .main-banner-wrapper .main-banner, .footer-wrapper .footer-content, .header, .wrapper, .body-wrapper .content{ width:98%; margin:0 auto; max-width:1000px;}
	#menu ul.menu li a{ padding-left:10px!important;}
	#lightbox-container-image-box{ width:90%!important; height:auto!important;}
#lightbox-image{ width:100%!important; height:auto!important;}
#lightbox-container-image-data-box{ width:88%!important;}

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.header-wrapper .header-content, .body-wrapper .body-content, .container, .main-banner-wrapper .main-banner, .footer-wrapper .footer-content, .header, .wrapper, .body-wrapper .content{ width:98%; margin:0 auto; max-width:750px;}
	.header-content .logo { text-align: center; width: 100%;}
	.header-content .calltop{ width:100%;}
	#menu ul.menu{ display:none;}
	div#menu .responcemenu{ display:block;}
	div#menu { background:none; height: auto; padding: 0; width: auto;}
	div#menu .responcemenu { display: block; width: 100%; padding: 13px 10px;}
	.about-1{ width:100%; margin:10px 0;}
	.about-1:first-child{ margin-bottom:50px;}
	.doctor-1{ width:100%;}
	.doctor-1:first-child{ margin-bottom:50px;}
	.facility-1{ width:100%;}
	.facility-2{ width:100%; margin-top:40px;}
	.footer-wrapper .footer-content p{ width:100%; text-align:center;}
	.footer-wrapper .footer-content p.link { font-size: 16px; padding-top: 0; text-align: center;}
	.doctor-wraper{ padding-top:0;}
	
	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.header-wrapper .header-content, .body-wrapper .body-content, .container, .main-banner-wrapper .main-banner, .footer-wrapper .footer-content, .header, .wrapper, .body-wrapper .content{ width:98%; margin:0 auto; max-width:600px;}
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.header-wrapper .header-content, .body-wrapper .body-content, .container, .main-banner-wrapper .main-banner, .footer-wrapper .footer-content, .header, .wrapper, .body-wrapper .content{ width:98%; margin:0 auto; max-width:440px;}
	.services-1{ width:100%;}
	.header-content .logo img{ max-width:100%;}
	.services-2 { float: left; width: 100%; margin-top:20px;}
	.body-wrapper .content .tab td{ float:left; width:100%; padding:10px;}
	.body-wrapper .content .tab tr { float: left; margin-bottom: 15px; width: 90%;}
	.body-wrapper .content h1{ font-size:16px;}
	.search_result_table01 td{ width:95%; float:left; margin-bottom:5px;}
	.txtbox{ width:50!important}
	label{ float:left; width:100%!important}
	
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.header-wrapper .header-content, .body-wrapper .body-content, .container, .main-banner-wrapper .main-banner, .footer-wrapper .footer-content, .header, .wrapper, .body-wrapper .content{ width:98%; margin:0 auto; max-width:295px;}
	.logo-1 { float: left; margin-top: 15px;}
	div#menu .responcemenu{ background:#e82a80; color:#fff; border:1px solid #fff;}
	.about-1-inner { padding: 0 0;}
	.doctor-1-col{ margin:0; padding:10px;}
	.doc-title h3{ margin-bottom:12px; font-size:22px; text-align:left;}
	.services-2-inner h3{ font-size:20px;}
	.doctor-1-inner{ padding:0;}
	.facility-2-inner{ padding:0;}
	.services-1-inner{ padding:0;}
	.services-2-inner { padding: 0;}
	
}