@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ margin:0 auto; max-width:1000px; width:98%;}
	.middle-wraper .logo{ width:100%; text-align:center; margin-bottom:25px;}
	.middle-wraper .logo img{ width:33%;}
	.middle-wraper{ padding:15px 0;}
	.middle-wraper .call-info{ width:100%;}
	.middle-wraper .first-call{ width:33%; margin:0;}
	.aboutContent .aboutleftBlock{ width:50%;}
	.ult-main-seperator-inner{ top:-1px;}
	.doctorInner .docimg img{ width:100%;}
	.faqBlock .faqBoxLeft{ width:40%;}
	.servInner .servImgDiv{ width:100%; height:auto;}
	.servcesBlock .servBox{ margin:0 19px 23px 0;}
	.servInner .Servicon i{ font-size:35px;}
	.servInner .Servicon{ padding-top:10px;}
	#testimonial-carousel .owl-buttons div.owl-prev{ left:0;}
	#testimonial-carousel .owl-buttons div.owl-next{ right:0;}
	.footerElement .contactBox { padding: 30px;}
	.contactBox ul li .icon_list{ width:35px; height:35px; line-height:35px; font-size:15px;}
	.contactBox ul li .Info-list{ width:87%; text-align:left;}
	.footerTag{ width:50%;}
	#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;}
	.form-border { float: left; width: 57%;}

}

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

@media screen and (max-width:990px)
{
	.container{ margin:0 auto; max-width:750px; width:98%;}
	.top-wraper .callBlock .phoneDesc + .phoneDesc { display:none;}
	.top-wraper .callBlock .phoneDesc + .phoneDesc +.phoneDesc{ display:block;}
	.middle-wraper .logo img { width: 40%;}
	.middle-wraper .first-call:first-child{ width:28%;}
	.middle-wraper .first-call{ width:40%;}
	.middle-wraper .first-call.last{ width:32%;}
	.toolbar{ position:static; display:block;}
	.toolbar .inner{ box-shadow:none; width:100%;}
	.toolBtn{ display:none;}
	.boxBlock{ width:100%;}
	.aboutContent .aboutRightBlock{ margin:0 auto 0; float:none;}
	.aboutContent .aboutleftBlock { width: 100%; text-align:center; margin-top:20px;}
	.chooseBox{ width:100%; margin-bottom:20px;}
	.doctor-detail .doctorcol01{ width:100%; margin-bottom:25px;}
	.doctor-detail .doctorcol01:last-child{ margin:0;}
	.faqBlock .faqBoxLeft{ width:100%; text-align:center;}
	.faqBoxRight{ margin:30px auto 0; width:88%;}
	.twentytwenty-container{ width:85%;}
	.faqHeading h2{ text-align:center;}
	.faqBlock .faqBoxLeft p{ text-align:center;}
	.servcesBlock .servBox{ width:47%;}
	.servcesBlock .servBox.last{ margin:0 19px 23px 0;}
	.form-border{ width:100%;}
	.column_r{ width:100%; max-width:100%;}

	
}

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

@media screen and (max-width:767px)
{
	.container{ margin:0 auto; max-width:600px; width:98%;}
	.middle-wraper .logo img { width: 55%;}
	.middle-wraper .call-info{ display:none;}
	.middle-wraper .logo{ margin-bottom:0;}
	.sf-menu{ display:none;}	
	#menu-icon::before {background: url(../images/toogle-button.png) no-repeat scroll 96% -45px; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%;}
	#menu-icon { background:#03a9f4; color: #fff; cursor: pointer; display: block; position: relative; text-transform:uppercase; font-weight:600; font-size:14px; color:#fff; padding:7px 10px 5px; letter-spacing:1px;}
	#menu-icon i{ font-size:35px;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}
	.sf-menu > li.current_page_item > a{ color:#fff; border:none;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.swiper-container{ height:300px;}
	.section-sm-98{ margin-top:30px;}
	.swiper-container h2{ font-size:22px; line-height:30px;}
	.servcesBlock .servBox{ width:100%; margin:0 0 30px 0;}
	.servcesBlock .servBox.last{ margin:0 0 30px 0;}
	.servInner .Servicon { padding-top: 100px;}
	.footerElement .footerBox{ width:100%;}
	.footerElement .contactBox{ display:block; width:100%;}
	.footerTag{ width:100%; text-align:center;}
	.copyBlock{ width:100%; text-align:center;}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 24px; position: absolute; right: 10px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
  .sf-menu li strong.opened { background-position: right 7px;}
  .sf-menu > li{ background:#f9f9f9;}
  .heading-wraper .main_inner_title h1{ font-size:24px;}
	
	
}

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

@media screen and (max-width:580px)
{
	.container{ margin:0 auto; max-width:440px; width:98%;}
	.top-wraper .callBlock .phoneDesc{ display:none;}
	.middle-wraper .logo img { width: 70%;}
	.headingBlock h1{ font-size:22px;}
	.choose_title h2{ font-size:22px;}
	.doctor_title h2{ font-size:22px;}
	.doctorInner .docdetail h3{ text-align:left; font-size:19px;}
	.faqHeading h2{ font-size:22px;}
	.servInner .Servicon { padding-top: 60px;}
	.main_title_white h2{ font-size:22px;}
	.testimonial-content .testimonial-item p{ font-size:14px;}
	.strip-wraper h2{ font-size:22px;}
	.swiper-slide .swiper-caption{ display:none;}
	.heading-wraper .main_inner_title h1{ font-size:22px; line-height:30px;}
	.heading-wraper{ padding:30px 0;}
	.breadcrum ul li{ font-size:12px;}
	.docImgInner{ margin-bottom:20px;}
	.contentInner-wraper .innerElement img{ width:100%;}
	.form-border .txtbox{ width:100%;}
	.form-border .submit{ margin:0;}
	.column_r{ text-align:left;}



	
}

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

@media screen and (max-width:479px)
{
	.container{ margin:0 auto; max-width:300px; width:98%;}
	.middle-wraper .logo img { width: 95%;}
	.top-wraper .reqBlock{ width:80%;}
	.swiper-slide .swiper-caption{ display:none;}
	.swiper-container { height: 150px;}
	.about-wraper{ padding:40px 0;}
	.headingBlock h1{ font-size:20px; line-height:30px;}
	.choose_title h2{ font-size:20px; line-height:30px;}
	.doctor_title h2{ font-size:20px; line-height:30px;}
	.doctorInner .docdetail h3{ text-align:left; font-size:19px;}
	.faqHeading h2{ font-size:20px; line-height:30px;}
	.servInner .Servicon { padding-top: 60px;}
	.main_title_white h2{ font-size:20px; line-height:30px;}
	.why-wraper{ padding:60px 0;}
	.doctor-wraper { padding: 40px 0;}
	.doctorInner .docimg{ width:100%;}
	.doctorInner .docdetail{ width:100%; margin-top:20px;}
	.servInner .Servicon { padding-top: 5px;}
	.footerElement .contactBox { padding:30px 20px;}
	.contactBox ul li .Info-list { text-align: left; width: 84%;}
	.heading-wraper .main_inner_title h1{ font-size:20px; line-height:30px;}



}