body{margin:0em 0em 0em 0em; padding:0em 0em 0em 0em;}



.topDiv{ position:relative; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; float:left;
padding-top:1.2em; padding-bottom:1em; margin-top:1em; margin-bottom:1.6em; }
.topDivInner{ position:relative; width:80%; margin:0px auto;  line-height:1.2em;  }
.topDivInner p{margin:0; padding:padding:0.8em 0em 0em 0em;  font-weight:bold; position:relative; float:left; }

.topDivInnerRight{ position:relative; float:right;  width:auto; height:2em;  }
.topDivInnerRight::before{ content:''; position:absolute; top:-1.2em; left:0px; width:2px; min-height:4.3em; background:#ccc; float:left;}
.topDivInnerRight::after{ content:''; position:absolute; top:-1.2em; right:0px; width:2px; min-height:100%; background:#ccc; float:left; min-height:4.3em;}
.topDivInnerRight i{ font-size:1.4em; float:left; padding-left:0.8em; padding-right:0.8em; color:#ccc;}

.logo{ position:relative; width:23%; margin:2.6em auto 1.5em auto; }
.logo img{ max-width:100%; display:block; }

.navToggle{ display:none; position:fixed; top:30%; right:10%; cursor:pointer; z-index:9999999;  }
		

.navToggle .line01 {
	  position: absolute;  top:0px;  left:0px;   float:right;  display:block;  height: 8px;  width:3em;  background-color: rgb(0,0,0);  transition:all 0.2s; }
.navToggle .line02 {
	  position: absolute;
	  top:10px;  
	  left:0px;
	  content: ' ';
	  height: 8px;
	  width: 3em;
	  background-color: rgb(0,0,0);
	  transition:all 0.2s;
	}
	
.line01Active{ top:125px; transform:rotate(45deg); transition:all 0.2s;}
.line02Active{margin-top:-10px; transform:rotate(-45deg); transition:all 0.2s;}		

nav{ position:relative; width:90%; float:left; margin-left:5%; margin-top:2em; margin-bottom:2em;  }

nav ul{ position:relative;   float:right; right:50%; list-style:none; padding:0; margin:0;   }

nav ul li{ position:relative; float:left; left:50%; text-align:left; line-height:2em;}


nav ul li a{ padding:0em 1.4em; display:block; color:#000; text-transform:uppercase; font-weight:bold;  }
nav ul li a i{ color:rgb(241,120,0); position:relative; padding:0em 0.4em; font-size:1.2em; }
nav ul li:hover { background:rgb(255,153,0); text-decoration:none; }
nav ul li a:hover { color:#fff; text-decoration:none; }


nav ul li ul{ position:absolute; top:2em;  left:0%; float:left; 
 z-index:999999; display:none;   transition:all 1s;  }

nav ul li:hover > ul{ display:table;  transition:all 1s;}

nav ul li ul li{ position:relative; float:none; text-indent:1.4vw; left:0%; white-space: nowrap; text-align:left;  }
nav ul li ul li a{ padding:0.4em 1em 0em 0em; background:rgb(255,153,0); }


.div-after-menu{ position:relative; background:rgb(215,215,215); float:left; width:100%; margin:0% 0%; }
/*
.div-after-menu ul{ position:relative; width:90%; float:right;  right:0%; list-style:none; padding:0;   }
.div-after-menu ul li{ position:relative; width:33.33%; float:left; left:0%; width:33.3333%;  }
*/
.itemWrapper{ position:relative; width:80%; margin:0em 10%; background:none; float:left;   }
.item01{ position:relative; width:33.33333%; float:left; background:none; margin-top:1.5em; }
.item01 p { position:relative; float:left; margin-left:1em; }


.item02{ position:relative; width:33.33333%; float:left; background:none; margin-top:1.5em;    }
.item03{ position:relative; width:auto; float:right; background:none; cursor:pointer; }

.item01 i{ font-size:2em; font-weight:bold; float:left; color:rgb(255,153,0); padding-left:-3em; }
.item02 i{ position:relative; float:left; font-size:2em; font-weight:bold; color:rgb(255,153,0); padding-left:-3em; }

.item02 p { position:relative; float:left; margin-left:1em; }

.wrapperSlider{ position:relative; width:100%; margin:0; background:#000; float:left; z-index:0;       }

.enquiryform{ position:absolute; top:10vw; left:25%; width:50%; background:#fff; z-index:9999; display:none; }
.enquiryform h2{ font-size:1.6em; background:rgb(0,130,56); color:#fff; margin:0; padding:0em 0em 0em 5%; line-height:2em; font-weight:bold; }
.enquiryform h2 i{ position:relative; float:right; padding-right:5%; line-height:2em; opacity:0.5; cursor:pointer; }

.enquiryform form{ position:relative; width:90%; margin:0px auto;}
.enquiryform form input[type="text"]{ width:100%; line-height:2em; padding-left:0em; font-size:1.2em; 
border:none; margin-top:1em;
 }
.enquiryform form span{ content:''; width:100%; height:1px; background:#ccc; display:block; } 

.enquiryform form textarea{ font-size:1.2em; margin-top:1em; border:1px solid #ccc; width:100%; height:6vw; resize:none; color:#999;}
.enquiryform form input[type="submit"]{ color:#fff; text-align:center; padding:0.4em 1em; border:none; 
background:rgb(241,120,0); margin-top:1em; margin-bottom:1em; border-radius:0.5em;  }


.sliderWr{ position:relative; width:90%; margin:0vw 0em 0em 5%; float:left;  
 border-top:3px solid rgb(255,153,0); z-index:-9999;  }
 
 .sliderWr::before{content:''; width:100%; height:100%; background:none; float:left; position:absolute; top:0px; left:0px; }
 
.sliderWr img{ max-width:100%; height:auto; display:block;}
.sliderWr ul{margin:0; padding:0; list-style:none;}

.threecolumndiv{ position:absolute; bottom:0px; left:0%; width:100%; background:none;  }
.threecolumndiv ul{ position:relative; width:100%; margin:0; list-style:none; float:right; right:50%; }
.threecolumndiv ul li{ position:relative; margin:0; width:33.3333%;  float:left; left:50%; padding-top:1em; padding-left:1em;  color:#fff; z-index:99999999;  }
.threecolumndiv ul li:first-child{ background:rgb(0,130,56); position:relative; margin:0;   float:left;  }
.threecolumndiv ul li:nth-child(2){ background:rgb(241,120,0); position:relative; margin:0;   float:left; }
.threecolumndiv ul li:nth-child(3){ background:rgb(67,161,64); position:relative; margin:0;   float:left;  }

.threecolumndiv ul li p{ position:relative; width:80%; float:left; font-size:1.2em; }
.threecolumndiv ul li p a{ position:relative;  display:inline-block; color:#fff; font-weight:bold; cursor:pointer; 
margin:1.2em 0em 0.8em 0em; border:1px solid #ccc; width:90%; padding:0.8em 1.6em 0.8em 0.8em; z-index:99999; border-radius: 0.6em;  }

.threecolumndiv ul li i{ position:relative; float:right; width:20%; padding-right:1em; }


.threecolumndiv ul li h2{ margin:0em 0em 0.6em 0em; padding:0; font-size:1.6em; font-weight:bold;}


.wrapper{ position:relative; width:100%; margin:1.7w2em 0em; background:none; float:left; z-index:0; padding-bottom:2em;      } 
.wrapperInner{ position:relative; width:90%; margin:0 auto; background:none;   padding-top:2em; padding-bottom:2em;     } 
.wrapperInner h1{ font-size:2em; font-weight:bold; }
.imgdiv{ position:relative; width:30%; float:left; background:#ccc; margin:1em 0em 0em 0em; }
.imgdiv img{ min-width:100%; height:auto; display:block; }

.wrapperInner p{ position:relative; float:right; width:60%; margin:1em 0em 0em 0em; text-align:justify; font-size:1.2em;}
.wrapperInner p span{ text-align:left; font-weight:bold;}

.wrappergreen{ position:relative; width:100%; margin:1.7w2em 0em; background:rgb(0,130,56); float:left; z-index:0;  
padding-top:2em; padding-bottom:3em;     } 
.wrappergreenInner{ position:relative; width:90%; margin:0em auto;           } 
.wrappergreenInner h1{ font-size:2.8em; color:#fff; }

.chairmandiv{ position:relative; width:100%; background:rgba(255,255,255,0.8); float:left; border-top:4px solid rgb(255,153,0); }
.chairmandiv p{ position:relative; width:70%; float:right; padding:2em 0em 1em 2em; line-height:2em; border-left:1px solid rgb(255,153,0);}

.chairmandiv p a{ padding:0.75em 1.2em; text-align:center; border:3px solid rgb(241,120,0); border-radius:4em; 
border-radius:0.4em; clear:both; display:table; font-weight:bold; color:#000; margin-top:1.2em; font-size:1.3em; transition:all 1s;}

.chairmandiv p a:hover{ color:#fff; transition:all 1s; text-decoration:none; }

.chairmanpic{ position:relative; width:30%; float:left;  margin: 2em auto; }
.chairmanpic img{max-width:100%; height:auto; display:block; position:relative; margin:0px auto; }
.chairmanpic span{ text-align:center; display:block; margin-top:0.8em;}

.wrapperdepartments{ position:relative; width:100%; margin:1.7w2em 0em;  float:left; z-index:0;      
background-size:cover; background-image:url(../images/hospitalbg3.jpg); background-repeat:no-repeat; 
background-position: 0px 0px; 
padding: 5vw 0vw 10vw 0vw; display:block;
 } 

.wrapperdepartments_inner{ position:relative; top:8vw; left:0%; width:90%; margin-left:5%;  float:left;  } 
.wrapperdepartments_inner h1{ text-align:center; color:#fff; background:rgb(241,120,0); display:table; margin:0px auto 1em auto; padding:0.3em 0.8em; border-radius:0.8em; text-transform:uppercase;}
.wrapperdepartments_inner ul{ position:relative;  list-style:none; margin:0 0 0 0; padding:0 0 0 0; 
float:right;  width:100%;  }
.wrapperdepartments_inner ul li{ position:relative; float:left; width:23%; cursor:pointer; 
margin-right:2.6667%; margin-bottom:2.6667%; border:2px solid rgb(241,120,0); transition:all 1s;   }
.wrapperdepartments_inner ul li:nth-child(4n){ margin-right:0%;  }
.wrapperdepartments_inner ul li:hover{ border:2px solid #000;  transition:all 1s; }
.wrapperdepartments_inner ul li img{ min-width:100%; height:auto; display:block; }


.wrappermap{ position:relative; width:100%; border-top:4px solid rgb(255,153,0); 
float:left; z-index:0; background:#ccc;  clear:both;    }

.wrappermap iframe{ width:100%; display:block; margin:0; padding:0; }
.rightwrapper{ width:30%; height:100%; position:absolute; top:0px; right:5%; 
background:rgb(0,130,56); float:right; color:#fff; padding:4em 2em; }

.rightwrapper i{ position:relative; width:10%; float:left; font-size:1.6em; color:rgb(255,153,0); }
.rightwrapper p{ position:relative; width:90%; float:right; margin:0.6em 0em 2em 0em;  }
.rightwrapper h3{ position:relative; width:90%; float:right; margin:0em 0em 0em 0em; text-align:left;  padding:0; display:block;  }

footer{ position:relative; float:left; background:rgb(0,0,0); width:100%; padding-top:2em;}
footer ul{ position:relative; float:right; right:50%; list-style:none;  }
footer ul li{ position:relative; float:left; left:50%; font-size:1.6em; margin-right:0.7em; background:#555; padding:0.3em; }
footer ul li i{ color:#fff;  }

.key{ position:relative; color:#fff; text-align:center; margin-bottom:2em; }


@media screen and (min-width:360px) and (max-width:414px){

nav{ position:relative; width:90%; float:left; margin-right:5%; margin-top:2em; margin-bottom:2em;  }

.navToggle{ display:block; position:absolute; float:right; top:-5vw; right:15%; cursor:pointer; z-index:9999999;  }

nav ul{ position:relative;   float:right; right:0%; list-style:none; padding:0; margin:0; display:none;   }
nav ul li{ position:relative; float:none; left:0%; text-align:right; line-height:2em;}
/*
nav ul li ul{ position:absolute; top:2em;  left:0%; float:left; 
 z-index:999999; display:none;   transition:all 1s;  }
*/

nav ul li ul{ position:relative; top:0em;  left:0%; float:left; 
 z-index:999999; display:none;   transition:all 1s;  }


.topDivInner p{margin:0; padding:padding:0.8em 0em 0em 0em;  font-weight:bold; position:relative; text-align:center; float:none; }

.topDivInnerRight{ position:relative; float:none;  width:auto; height:2em; margin-top:4vw;  }

.logo{ position:relative; width:60%; margin:2.6em auto 1.5em auto; }
	
.item01{ position:relative; width:100%; float:none; background:none; margin:1.5em auto 0em auto ; }
.item01 i{ font-size:2em; font-weight:bold; float:none; display:block; text-align:center; margin:0px auto; color:rgb(255,153,0); padding-left:0em;  }
.item01 p { position:relative; float:none; margin-left:1em; text-align:center; }

.item02{ position:relative; width:100%; float:none; background:none; margin:1.5em auto 0em auto;  }
.item03{ position:relative; width:100%; float:none; background:none; margin-top:1.5em; }

.item02 i{ font-size:2em; font-weight:bold; float:none; display:block; text-align:center; margin:0px auto; color:rgb(255,153,0); padding-left:0em;  }
.item02 p { position:relative; float:none; margin-left:1em; text-align:center; }

.threecolumndiv{ position:relative; top:10vw; left:0%; width:100%; background:none;  }
.threecolumndiv ul{ position:relative; width:100%; margin:0; list-style:none; float:right; right:0%; }
.threecolumndiv ul li{ position:relative; margin:0; width:100%;  float:none; clear:both; left:0%; padding-top:1em; padding-left:1em;  color:#fff; z-index:99999999;  }

.wrapperInner h1{ font-size:2em; text-align:center; }
.imgdiv{ position:relative; width:90%; float:none; background:#ccc; margin:1em 0em 0em 0em; }
.imgdiv img{ min-width:100%; height:auto; display:block; }

.wrapperInner p{ position:relative; float:none; clear:both; width:90%; margin:1em auto; text-align:left; font-size:1.2em;}

.chairmanpic{ position:relative; width:30%; float:none;  margin: 2em auto; }

.chairmandiv p{ position:relative; width:90%; margin:0px auto; float:none; padding:2em 0em 1em 2em; line-height:2em; 
border-top:1px solid rgb(255,153,0); border-left:none; }

.wrapperdepartments_inner ul li{ position:relative; float:none; width:60%; cursor:pointer; 
margin:0% 0% 2.6667% 20%; border:2px solid rgb(241,120,0); transition:all 1s;   }

.wrapperdepartments_inner ul li img{ max-width:100%; height:auto; display:block; }

.rightwrapper{ width:100%; height:auto; position:relative; bottom:0px; right:0%; }



}



@media screen and (min-width:415px) and (max-width:800px){

nav{ position:relative; width:90%; float:left; margin-right:5%; margin-top:2em; margin-bottom:2em;  }

.navToggle{ display:block; position:absolute; float:right; top:-5vw; right:15%; cursor:pointer; z-index:9999999;  }

nav ul{ position:relative;   float:right; right:0%; list-style:none; padding:0; margin:0; display:none;   }
nav ul li{ position:relative; float:none; left:0%; text-align:right; line-height:2em;}
/*
nav ul li ul{ position:absolute; top:2em;  left:0%; float:left; 
 z-index:999999; display:none;   transition:all 1s;  }
*/

nav ul li ul{ position:relative; top:0em;  left:0%; float:left; 
 z-index:999999; display:none;   transition:all 1s;  }


.topDivInner p{margin:0; padding:padding:0.8em 0em 0em 0em;  font-weight:bold; position:relative; text-align:center; float:none; }
.wrapperInner h1{ font-size:2.4em; clear:both; float:none; margin-top:5vw; }
.topDivInnerRight{ position:relative; float:none;  width:auto; height:2em; margin-top:4vw;  }

.logo{ position:relative; width:60%; margin:2.6em auto 1.5em auto; }
	
.item01{ position:relative; width:100%; float:none; background:none; margin:1.5em auto 0em auto ; }
.item01 i{ font-size:2em; font-weight:bold; float:none; display:block; text-align:center; margin:0px auto; color:rgb(255,153,0); padding-left:0em;  }
.item01 p { position:relative; float:none; margin-left:1em; text-align:center; }

.item02{ position:relative; width:100%; float:none; background:none; margin:1.5em auto 0em auto;  }
.item03{ position:relative; width:100%; float:none; background:none; margin-top:1.5em; }

.item02 i{ font-size:2em; font-weight:bold; float:none; display:block; text-align:center; margin:0px auto; color:rgb(255,153,0); padding-left:0em;  }
.item02 p { position:relative; float:none; margin-left:1em; text-align:center; }

.threecolumndiv{ position:relative; top:10vw; left:0%; width:100%; background:none;   }
.threecolumndiv ul{ position:relative; width:100%; margin:0; list-style:none; float:right; right:0%; }
.threecolumndiv ul li{ position:relative; margin:0; width:100%;  float:none; clear:both; left:0%; padding-top:1em; padding-left:1em;  color:#fff; z-index:99999999;  }

.wrapperInner{ position:relative; width:90%; margin:3em auto; background:none;   padding-top:2em; padding-bottom:2em;     } 

.wrapperInner h1{ font-size:2em; text-align:center; }
.imgdiv{ position:relative; width:90%; float:none; background:#ccc; margin:1em 0em 0em 0em; }
.imgdiv img{ min-width:100%; height:auto; display:block; }

.wrapperInner p{ position:relative; float:none; clear:both; width:90%; margin:1em auto; text-align:left; font-size:1.2em;}

.chairmanpic{ position:relative; width:30%; float:none;  margin: 2em auto; }

.chairmandiv p{ position:relative; width:90%; margin:0px auto; float:none; padding:2em 0em 1em 2em; line-height:2em; 
border-top:1px solid rgb(255,153,0); border-left:none; }

.wrapperdepartments_inner ul li{ position:relative; float:none; width:60%; cursor:pointer; 
margin:0% 0% 2.6667% 20%; border:2px solid rgb(241,120,0); transition:all 1s;   }

.wrapperdepartments_inner ul li img{ max-width:100%; height:auto; display:block; }

.rightwrapper{ width:100%; height:auto; position:relative; bottom:0px; right:0%; }
}