@-ms-viewport {
  width: device-width;}

/* media under tab 768 px */
@media only screen and (max-width: 980px) and (min-width: 768px) {


/* mid-images */
#mid-images{display:block; position:absolute; top:700px; width:100%; left:0;}
#mid-images ol{display:block; text-align:center;}
#mid-images ol li{display:inline-block; width:25%; margin-right:3%; }
#mid-images ol li:last-child{ margin-right:0%;}
#mid-images ol li.pic01{background:url(../images/mid01.html) no-repeat; height:407px; width:300px;}
#mid-images ol li.pic02{background:url(../images/mid02.html) no-repeat; height:407px; width:300px;}
#mid-images ol li.pic03{background:url(../images/mid03.html) no-repeat; height:407px; width:300px;}

#nav ol{display:none;}


#mob-nav{ position:relative; display:block;float:right; z-index:10;}




}



/* media under tab 768 px */
@media only screen and (max-width: 768px) and (min-width: 501px) {

#mob-nav{ position:relative; display:block;float:right; z-index:10;}




}



@media (max-width:480px)
{
    .mainhead{ width:100%; height:100%; margin:0; padding:0; overflow-x:hidden;}
    
   #logo{display:block;  width:87%; margin:0 auto; height:230px;}
#logo strong{display:inline-block; width:60%; margin-top:8px; text-align:center; margin-left:20%;}
#logo strong img{text-align:center; margin:0 auto;  float:none;}
#logo ol{display:inline-block; width:100%; text-align:center; float:none;  font-size:22px; color:#333333;}
#logo ol ul{display:inline-block;  width:100%;  margin-top:10px;}
#logo ol ul:last-child {
   
    vertical-align: top;
    width: 100%;
    margin-top:-3px;
    float:none;
}
#logo ol ul li{display:inline-block; margin-right:5%; text-align:center; }
#logo ol ul li a{display:block; font-size:11px; color:#333;}
#logo ol ul li:last-child{margin:0;}
#logo ol ul h2{font-size:16px; color:#F00; padding-top:15px;} 
#logo ol ul h3{ font-size:15px; color:#111; line-height:14pt;}
#logo ol ul span{ display:block;  float:right; padding-top:10px; text-align:center;}
#nav{ display:none;}
    
#nav{width:100%;  display:block; background:#FFF; border-top:4px solid #FFF; border-bottom:4px solid #FFF; }
#nav.fixed{ position:fixed; top:0px; width:100%; left:0px; top:0px; right:10px; margin:0px auto; z-index:500; display:none;  background-color:rgba(210,224,207,0.8); padding:0;}
#nav.fixed ol{display:block; }
#nav ol{display:none; width:90%; margin:0 auto; }
#nav .select-menu{ display:inline-block;}
.select-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #62C19F;
    color: #000000;
    border-radius:3px;
    cursor: pointer;
    display: block !important;
    height: 35px;
   
    width: 98%;
    margin:0 auto;
    float:none;
    
    
    background-image:url(../images/menu1.png);
    background-repeat:no-repeat;
    background-position:right;
    
}
#content{display:block; background:#f7f7f7; width:87%;  text-align:center; margin:0 auto;}
#content ol{display:block; text-align:center;}
#content ol ul{display:inline-block; width:80%; margin-right:3%; text-align:center; vertical-align:top;}
#doc{display:block;  width:90%; padding:20px 5%;}
#doc h1{text-align:center; font-size:26px; color:#0080a6; padding-bottom:10px;}
#doc ol{display:block; text-align:center;}
#doc ol ul{display:inline-block; width:100%; margin-right:2%;  text-align:center;  margin-top:6%;}
#point{display:block; background:fixed url(../images/link-bg.jpg) no-repeat; width:90%; padding:30px 5%;}
#point h1{text-align:center; font-size:23px; color:#fff; padding-bottom:20px;}
#point ol{display:block; text-align:center;}
#point ol ul{display:inline-block;  width:100%; margin-right:3%; vertical-align:top;}




/* about pg */
#aboutmain{ width:95%; margin:0 auto;}
#about ol{display:block; width:80%; margin:0 auto; padding:30px 0;}

#about ol ul{display:block; width:100%; background:#fff; text-align:center; padding:20px 15px; margin-left:-20px;  margin-top:5%; vertical-align:top; min-height:400px;}

/* facilities pg */
#facilitiesmain{ width:95%; margin:0 auto;}


#facilities ol{display:block; width:80%; margin:0 auto; padding:0 0 30px 0;}
#facilities ol ul{display:block; width:100%; background:#fff; text-align:center; padding:20px 15px; margin-left:-20px;  margin-top:5%; vertical-align:top; min-height:400px;}

/* empanelled pg */

#empanelledmain{width:95%; margin:0 auto;}
#empanelled ol{display:block; width:80%; margin:0 auto; padding:30px 0;}
#empanelled ol ul{display:block; width:100%; background:#fff; text-align:center; padding:20px 15px; margin-left:-20px;  margin-top:5%; vertical-align:top; min-height:280px;}

/* aneasthesiolog */
#specialistmain{width:95%; margin:0 auto;}

#specialist strong{ display:block; width:100%; padding:40px 0; margin:0 auto; background:fixed url(../images/aneasthesiolog-bg.jpg) no-repeat center; background-size:cover; color:#fff; font-size:30px;  text-align:center;}
.sidemenu{ width:102% !important; float:none !important; margin-right:2% !important;}

#specialist-new1{width:100%; margin-bottom:30px;  overflow:hidden;  margin-top:1%;  float:none !important; display:block !important; margin-left:-2%; margin-left:3%;}
#specialist-new1 img{ width:90%; margin:0 auto !important;}
#specialist-new1 p {color: #333;display: block;font-size: 14px;line-height: 20pt;width: 90%;}
#specialist-new1 ul.list {background: #fff none repeat scroll 0 0;display: block; width: 90%;}

/* CAREER */
#Appoinmentmain{width:95%; margin:0 auto;}
.rwd-table {margin: 1em 0em; width: 100%;}
                       
.rwd-table td {display : block; width:100%; padding:5px;}

.rwd-table td:before {content: attr(data-th) "";font-weight: bold;display: inline-block }
  .txtbtn{ width:50%;}
  .txtbtn1{ width:50%;}
  .datepicker{width:50% !important;}                  
                     
                      
/* contact pg */
#contactmain{width:95%; margin:0 auto;}
#contact ul {display:inline-block; width:95%; vertical-align:top; overflow:hidden;}
#contact ul .text01{ display:block; border-radius:4px; border:1px solid #d8d8d8; background:#f2f2f2; padding:15px; color:#222; margin:0 0 15px 0; width:85%; vertical-align:top;}
#contact ul .text02{ display:block; border-radius:4px; border:1px solid #d8d8d8; background:#f2f2f2; padding:15px; color:#222; margin:0 0 15px 0; width:85%; height:75px; vertical-align:top;}
.contact-btn{display:inline-block; float:right;  border:2px solid #222; border-radius:4px; font-size: 12px; padding: 8px; margin-right:8px;}

/* career pg */
#careermain{width:95%; margin:0 auto;}
/* Gallery */

#gallerymain{width:95%; margin:0 auto;}


#gallery ol ul{display:inline-block;width:90%;  vertical-align:top;   background:#eaf1f8; border-radius:5px; margin-top:10px;}

  #gallery ol ul:last-child{ margin-top:20px;}
  
                   
                    
/* Footer pg */
#fotter{display:block; width:74%; background:#b6c0c0; }
#fotter ol ul h1{ text-align:left; padding-bottom:5px; font-size:14px; color:#000;}
#fotter ol{display:block; }
#fotter ol ul{display:inline-block; padding:10px 0 0 0; width:30%; margin-right:3%; vertical-align:top; text-align:left;}




#bottom {display:block; background:#f0f2f2; width:74%;  height:50px; color:#333; font-size:12px; text-align:center;}
#bottom strong{display:inline-block; float:none; width:95%;  text-align:center;}

#bottom  .sound{ width:20%; float:none; text-align:center; display:inline-block; margin-top:8%; margin-left:-30px !important;;}
#bottom span{ float:none;display:inline-block; text-align:center;}
.wrapper         {width:98%;height:100%;margin:0 auto;background:#CCC}
.h_iframe        {position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden;}

.h_iframe iframe {position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;}

}

@media (max-width:640px)
{
    

     .mainhead{ width:100%; height:100%; margin:0; padding:0; overflow-x:hidden;}
    
   #logo{display:block;  width:87%; margin:0 auto; height:245px;}
#logo strong{display:inline-block; width:60%; margin-top:8px; text-align:center; margin-left:20%;}
#logo strong img{text-align:center; margin:0 auto;  float:none;}
#logo ol{display:inline-block; width:100%; text-align:center; float:none;  font-size:22px; color:#333333;}
#logo ol ul{display:inline-block;  width:100%;  margin-top:10px;}
#logo ol ul:last-child {
    display: block;
    float: none;
    margin-top: -3px;
    text-align: center;
    vertical-align: top;
    width: 80%;
}
#logo ol ul li{display:inline-block; margin-right:5%; text-align:center; }
#logo ol ul li a{display:block; font-size:11px; color:#333;}
#logo ol ul li:last-child{margin:0;}
#logo ol ul h2{font-size:10px; color:#F00; padding-top:15px;} 
#logo ol ul h3{ font-size:15px; color:#111; line-height:14pt;}
#logo ol ul span{ display:block;  float:right; padding-top:10px; text-align:center;}
#nav{ display:none;}
    
#nav{width:100%;  display:block; background:#FFF; border-top:4px solid #FFF; border-bottom:4px solid #FFF; }
#nav.fixed{ position:fixed; top:0px; width:100%; left:0px; top:0px; right:10px; margin:0px auto; z-index:500; display:none;  background-color:rgba(210,224,207,0.8); padding:0;}
#nav.fixed ol{display:block; }
#nav ol{display:none; width:90%; margin:0 auto; }
#nav .select-menu{ display:inline-block;}
.select-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #62C19F;
    color: #000000;
    border-radius:3px;
    cursor: pointer;
    display: block !important;
    height: 35px;
   
    width: 80%;
    margin:0 auto;
    float:none;
    
    
    background-image:url(../images/menu1.png);
    background-repeat:no-repeat;
    background-position:right;
    
}
#content{display:block; background:#f7f7f7; width:87%;  text-align:center; margin:0 auto;}
#content ol{display:block; text-align:center;}
#content ol ul{display:inline-block; width:80%; margin-right:3%; text-align:center; vertical-align:top;}
#doc{display:block;  width:90%; padding:20px 5%;}
#doc h1{text-align:center; font-size:26px; color:#0080a6; padding-bottom:10px;}
#doc ol{display:block; text-align:center;}
#doc ol ul{display:inline-block; width:100%; margin-right:2%;  text-align:center;  margin-top:6%;}
#point{display:block; background:fixed url(../images/link-bg.jpg) no-repeat; width:90%; padding:30px 5%;}
#point h1{text-align:center; font-size:23px; color:#fff; padding-bottom:20px;}
#point ol{display:block; text-align:center;}
#point ol ul{display:inline-block;  width:100%; margin-right:3%; vertical-align:top;}
/* about pg */
#aboutmain{ width:95%; margin:0 auto;}
#about ol{display:block; width:80%; margin:0 auto; padding:30px 0;}

#about ol ul{display:block; width:100%; background:#fff; text-align:center; padding:20px 15px; margin-left:-20px;  margin-top:5%; vertical-align:top; min-height:400px;}

/* facilities pg */
#facilitiesmain{ width:95%; margin:0 auto;}


#facilities ol{display:block; width:80%; margin:0 auto; padding:0 0 30px 0;}
#facilities ol ul{display:block; width:100%; background:#fff; text-align:center; padding:20px 15px; margin-left:-20px;  margin-top:5%; vertical-align:top; min-height:400px;}

/* empanelled pg */

#empanelledmain{width:95%; margin:0 auto;}
#empanelled ol{display:block; width:80%; margin:0 auto; padding:30px 0;}
#empanelled ol ul{display:block; width:100%; background:#fff; text-align:center; padding:20px 15px; margin-left:-20px;  margin-top:5%; vertical-align:top; min-height:280px;}

/* aneasthesiolog */
#specialistmain{width:95%; margin:0 auto;}

#specialist strong{ display:block; width:100%; padding:40px 0; margin:0 auto; background:fixed url(../images/aneasthesiolog-bg.jpg) no-repeat center; background-size:cover; color:#fff; font-size:30px;  text-align:center;}
.sidemenu{ width:102% !important; float:none !important; margin-right:2% !important;}

#specialist-new1{width:100%; margin-bottom:30px;  overflow:hidden;  margin-top:1%;  float:none !important; display:block !important; margin-left:-2%; margin-left:3%;}
#specialist-new1 img{ width:90%; margin:0 auto !important;}
#specialist-new1 p {color: #333;display: block;font-size: 14px;line-height: 20pt;width: 90%;}
#specialist-new1 ul.list {background: #fff none repeat scroll 0 0;display: block; width: 90%;}

/* CAREER */
#Appoinmentmain{width:95%; margin:0 auto;}
.rwd-table {margin: 1em 0em; width: 100%;}
                       
.rwd-table td {display : block; width:100%; padding:5px;}

.rwd-table td:before {content: attr(data-th) "";font-weight: bold;display: inline-block }
  .txtbtn{ width:50%;}
  .txtbtn1{ width:50%;}
  .datepicker{width:50% !important;}                  
                     
                      
/* contact pg */
#contactmain{width:95%; margin:0 auto;}
#contact ul {display:inline-block; width:95%; vertical-align:top; overflow:hidden;}
#contact ul .text01{ display:block; border-radius:4px; border:1px solid #d8d8d8; background:#f2f2f2; padding:15px; color:#222; margin:0 0 15px 0; width:85%; vertical-align:top;}
#contact ul .text02{ display:block; border-radius:4px; border:1px solid #d8d8d8; background:#f2f2f2; padding:15px; color:#222; margin:0 0 15px 0; width:85%; height:75px; vertical-align:top;}
.contact-btn{display:inline-block; float:right;  border:2px solid #222; border-radius:4px; font-size: 12px; padding: 8px; margin-right:8px;}

/* career pg */
#careermain{width:95%; margin:0 auto;}
/* Gallery */

#gallerymain{width:95%; margin:0 auto;}


#gallery ol ul{display:inline-block;width:90%;  vertical-align:top;   background:#eaf1f8; border-radius:5px; margin-top:10px;}

  #gallery ol ul:last-child{ margin-top:20px;}

/* footer */

#fotter{display:block; width:74%; background:#b6c0c0; }
#fotter ol ul h1{ text-align:left; padding-bottom:5px; font-size:14px; color:#000;}
#fotter ol{display:block; }
#fotter ol ul{display:inline-block; padding:10px 0 0 0; width:40%; margin-right:3%; vertical-align:top; text-align:left;}




#bottom {display:block; background:#f0f2f2; width:74%;  height:70px; color:#333; font-size:12px; text-align:center;}
#bottom strong{display:inline-block; float:none; width:100%;  text-align:center;}

#bottom  .sound{ width:100%; float:none; text-align:center; display:block; margin-top:8%; margin-left:20%; }
#bottom span{ float:none;display:inline-block; text-align:center; width:100%;  margin-top:5%;}
.wrapper         {width:98%;height:100%;margin:0 auto;background:#CCC}


}