/* ------------------------------ Fonts CSS ------------------------------ */
@font-face {
  font-family: 'robotothin';
  src: url('/fonts/roboto-thin-webfont.eot');
  src: url('/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-thin-webfont.woff') format('woff'), url('/fonts/roboto-thin-webfont.ttf') format('truetype'), url('/fonts/roboto-thin-webfont.svg#robotothin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotomedium';
  src: url('/fonts/roboto-medium-webfont.eot');
  src: url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-medium-webfont.woff') format('woff'), url('/fonts/roboto-medium-webfont.ttf') format('truetype'), url('/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoregular';
  src: url('/fonts/roboto-regular-webfont.eot');
  src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/fonts/roboto-regular-webfont.woff') format('woff'), url('/fonts/roboto-regular-webfont.ttf') format('truetype'), url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBold';
  src: url('/fonts/roboto-bold.eot');
  src: url('/fonts/roboto-bold.eot') format('embedded-opentype'), url('/fonts/roboto-bold.woff') format('woff'), url('/fonts/roboto-bold.ttf') format('truetype'), url('/fonts/roboto-bold.svg#RobotoBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url('/fonts/866302491-Roboto-Light.eot');
  src: url('/fonts/866302491-Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/866302491-Roboto-Light.svg#Roboto') format('svg'), url('/fonts/866302491-Roboto-Light.woff') format('woff'), url('/fonts/866302491-Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansLight';
  src: url('/fonts/opensans-light.eot');
  src: url('/fonts/opensans-light.eot') format('embedded-opentype'), url('/fonts/opensans-light.woff') format('woff'), url('/fonts/opensans-light.ttf') format('truetype'), url('/fonts/opensans-light.svg#OpenSansLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('/fonts/opensans-bold.eot');
  src: url('/fonts/opensans-bold.eot') format('embedded-opentype'), url('/fonts/opensans-bold.woff') format('woff'), url('/fonts/opensans-bold.ttf') format('truetype'), url('/fonts/opensans-bold.svg#OpenSansBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('/fonts/opensans-regular-webfont.eot');
  src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-regular-webfont.woff') format('woff'), url('/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_slablight';
  src: url('/fonts/roboto-slab.light-webfont.eot');
  src: url('/fonts/roboto-slab.light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-slab.light-webfont.woff') format('woff'), url('/fonts/roboto-slab.light-webfont.ttf') format('truetype'), url('/fonts/roboto-slab.light-webfont.svg#roboto_slablight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ------------------------------ Global CSS ------------------------------ */


/*Mobile Menu*/
#dc_jqaccordion_widget-2-item {
  font: bold 14px Arial, sans-serif;
  border-top: 1px solid #111;
  border-right: 1px solid #111;
  border-left: 1px solid #111;
}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  width: 100% !important;
}
#dc_jqaccordion_widget-2-item ul a {
  padding: 10px 10px 10px 50px;
  background: #0A7AEC;
  margin: 0px;
  text-decoration: none;
  display: block;
  color: #ffffff;
  border-top: 1px solid #777;
  position: relative;
  width: 100% !important;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent {
  background: #0A7AEC;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {
  background: #92BE4B;
}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 34px;
  margin-top: -17px;
  height: 34px;
  background: url(/images/arrow_black_right.png) no-repeat 0 center;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {}
#dc_jqaccordion_widget-2-item ul a:hover {
  background: #6D6069;
  color: #fff;
}
#dc_jqaccordion_widget-2-item ul ul a:hover {
  color: #ffffff;
  background: #0a7aec;
}
#dc_jqaccordion_widget-2-item ul ul ul a:hover {
  color: #ffffff;
  background: #685D61;
}
#dc_jqaccordion_widget-2-item ul a {
  background: #92BE4B;
}
#dc_jqaccordion_widget-2-item ul ul a {
  background: #03256F;
}
#dc_jqaccordion_widget-2-item ul ul ul a {
  background: #0a7aec;
}
#dc_jqaccordion_widget-2-item ul ul {
  background: #2cc6e7;
}
/* Mobile Menu */


/* Backto Top */
#toTop {
  width: 100px;
  background: #de7863;
  text-align: center;
  position: fixed;
  bottom: 160px;
  right: 0px;
  cursor: pointer;
  display: none;
  color: #ffffff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  padding: 7px 5px;
  border-radius: 5px 0px 0 5px;
}
/* Backto Top */

body {
  margin: 0px;
  padding: 0px;
  overflow-y: scroll;
  *overflow-y: none;
}
img {
  border: 0px;
}
p, h1, h2, h3, h4, h5, h6 {
  margin: 10px 0px;
  padding: 0px;
}
ul, ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
a, a:hover {
  text-decoration: none;
}

/* ------------------------------ Common CSS ------------------------------ */

.hr {
  height: 10px;
  background: url(/images/hr.gif) repeat-x left center;
}
.clear-float {
  clear: both;
}
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.videoBorder {
  padding: 5px;
  background: repeating-linear-gradient(125deg, #426319 0px, #426319 10px, #6f8e2b 10px, #6f8e2b 20px);
}

/* ------------------------------ General CSS ------------------------------ */

#Container, #Header-Container, #Information-Enquiry-Container, #tour-of-brand-container, #Location-Container, #Opening-Hour-Container, #Interactivity-Container-S, #Service-Specialities-Container, #Crediability-Container, #Meet-Doctor-Container, #Footer-Container, #Containt-Container {
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: relative;
  overflow: hidden !important;
}
#Interactivity-Container, #Service-Container, #Menu-Container, #Multi-Pat-Edu-Container, #POI-Container {
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: relative;
}

/*Creadibility slider*/
#wonderplugincarousel-3 .amazingcarousel-image {
  position: relative;
  padding: 4px;
  background-color: #fff;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#wonderplugincarousel-3 .amazingcarousel-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#wonderplugincarousel-3 .amazingcarousel-title {
  position: relative;
  font: bold 12px "Open Sans", sans-serif;
  color: #333333;
  margin: 6px;
  text-align: left;
  line-height: 14px;
  overflow: hidden;
}
#wonderplugincarousel-3 .amazingcarousel-description {
  position: relative;
  font: 12px "Open Sans", sans-serif;
  color: #333333;
  margin: 6px;
  text-align: left;
  line-height: 14px;
  overflow: hidden;
}
#wonderplugincarousel-3 .amazingcarousel-list-container {
  padding: 8px 0;
}
#wonderplugincarousel-3 .amazingcarousel-item-container {
  text-align: center;
  padding: 4px;
}
#wonderplugincarousel-3 .amazingcarousel-prev {
  left: 0%;
  top: 50%;
  margin-left: -60px;
  margin-top: -24px;
}
#wonderplugincarousel-3 .amazingcarousel-next {
  right: 0%;
  top: 50%;
  margin-right: -60px;
  margin-top: -24px;
}
#wonderplugincarousel-3 .amazingcarousel-nav {
  position: absolute;
  width: 100%;
  top: 100%;
}
#wonderplugincarousel-3 .amazingcarousel-bullet-wrapper {
  margin: 4px auto;
}
/*Creadibility slider*/

/* ------------------------------ Header CSS ------------------------------ */

#Header, #Main-Menu, #Service-Main, #tour-of-brand, #Information-Enquiry, #Multimedia-patient-Main, #Po-Instruction, #Location-Main, #Service-Specialities, #Opening-Hour, #Interactivity, #Meet-Doctor, #Credibility, #Content-Main, #Footer, #Service {
  max-width: 972px;
  margin: 0px auto;
}
#Header-Container {
  background: url(/images/header-container-bg.jpg) repeat-x 0px 0px;
}
#Header {
  height: 130px;
}
.logo {
  width: 45%;
  float: left;
}
.logo img {
  margin: 20px 0px 0px 2%;
}
.onsite-appoitment {
  float: right;
  width: 54%;
}
.onsite-patient {
  background: url(/images/onsite-parking.jpg) no-repeat scroll 0 0 / 340px 41px rgba(0, 0, 0, 0);
  float: right;
  font: 15px/40px "robotoregular";
  height: 41px;
  margin: 30px 10px 0 0;
  text-align: center;
  width: 345px;
}
.onsite-patient a {
  color: #91be4b;
  display: block;
}
.appointment {
  background: url(/images/call-bg.jpg) no-repeat 0px 10px;
  height: 40px;
  width: 200px;
  float: right;
  clear: both;
  padding: 0px 0px 0px 7%;
  text-transform: uppercase;
  font: normal 28px/32px 'robotothin';
  margin: 10px 0px 0px 0px;
}
.appointment a {
  color: #695d64;
  display: block;
}

/*-----------------------------MEnu Styles start here------------------------*/

#Menu-Container {
  background: url(/images/menu-container-bg.jpg) repeat-x 0px 0px;
}
#Main-Menu {
  background: url(/images/main-menu-bg.jpg) no-repeat 0px 0px;
  height: 80px;
  color: #FFF;
}
#mheader {
  display: none;
}
.menu-item-17 {
  width: 6%;
}
.menu-item-24 {
  width: 14%;
}
.menu-item-25 {
  width: 14%;
}
.menu-item-26 {
  width: 21%;
}
.menu-item-27 {
  width: 23%;
}
.menu-item-164 {
  width: 21%;
}
.menu-item-28 {
  width: 20%;
}
#access {
  display: block;
  float: left;
  padding: 0;
  width: 100%;
  z-index: 9999999;
  font: normal 13px/16px "robotoregular";
}
#access ul {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px;
  list-style: none;
}
#access ul li:hover {
  background: #91BE4B;
  /*line-height: 43px;*/
}
#access li {
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #002e83;
}
#access a {
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 8px 0;
}
#access a:hover {
  text-decoration: none;
  color: #FFF;
}
#access ul ul {
  display: none;
  float: left;
  position: absolute;
  background: #2cc6e7;
  margin: 0px;
  padding: 0px;
  top: 40px;
  left: 0px;
  color: #37e0ff;
  z-index: 999998;
}
#access ul ul li {
  background: #001b5c;
  border-bottom: 1px solid #3373d5;
  text-transform: none;
}
#access ul ul ul li {
  background: #0a7aec;
}
#access ul ul ul li a {
  background: #01184E;
}
#access ul ul ul {
  left: 100%;
  top: 0px;
  margin: 0px;
  padding: 0px;
}
#access ul ul a {
  font: normal 13px/40px 'open_sansregular';
  color: #ffffff;
  width: 220px;
  height: 40px;
  text-align: left;
  padding: 0px 0px 0px 20px;
  list-style: disc;
}
#access ul ul a:hover {
  color: #ffffff;
  background: #0a7aec;
}
#access ul ul ul a:hover {
  color: #ffffff;
  background: #3373D5;
}
#access ul li:hover>ul {
  display: block;
}

/* ------------------------------ Interactivity CSS ------------------------------ */

#Interactivity-Container {
  overflow: hidden;
}
#Interactivity-Container #Interactivity {
  height: 418px;
  position: relative;
}
#Interactivity-Container #Interactivity .intra-main {
  color: #fff;
  position: absolute;
  text-align: center;
  top: 120px;
  width: 100%;
  z-index: 9994;
}
.intra-text {
  font: normal 18px/40px 'robotomedium';
  color: #FFF;
  text-transform: uppercase !important;
  margin: 0px 0px 0px 0px;
}
.intra-head {
  font: normal 48px/69px 'RobotoBold';
  color: #FFF;
}
.Intra-L, .Intra-R {
  width: 2000px;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0px;
}
.Intra-R {
  left: 0px;
  top: 0px;
}
.Intra-L {
  margin: 0px 0px 0px -2000px;
}
.Intra-R {
  margin: 0px 0px 0px 972px;
}
#Interactivity-Container #Interactivity ul, #Interactivity-Container #Interactivity ul li {
  width: 100%;
  height: 100%;
}
#Interactivity-Container .Banner1 .Intra-L {
  background: url(/images/banner1-left.jpg) no-repeat right 0px;
}
#Interactivity-Container .Banner1 .Intra-R {
  background: url(/images/banner1-right.jpg) no-repeat 0px 0px;
}
#Interactivity-Container .Banner1 {
  background: url(/images/banner1.jpg) no-repeat 0px 0px;
  height: 100%;
  background-size: 100% auto;
}
#Interactivity-Container .Banner2 .Intra-L {
  background: url(/images/banner2-left.jpg) no-repeat right 0px;
}
#Interactivity-Container .Banner2 .Intra-R {
  background: url(/images/banner2-right.jpg) no-repeat left 0px;
}
#Interactivity-Container .Banner2 {
  background: url(/images/banner2.jpg) no-repeat 0px 0px;
  height: 100%;
  background-size: 100% auto;
}

/***rslides style***/

.rslides {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.rslides>li {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.rslides>li:first-child {
  display: block;
  float: left;
  position: relative;
}
.rslides img {
  border: 0 none;
  display: block;
  float: left;
  max-width: 100%;
}
.bullet {
  bottom: 2px;
  position: absolute;
  right: 26%;
  z-index: 9985;
}
.bullet7 {
  margin: 0% 4% 0 33%;
  float: left !important;
  position: relative;
  z-index: 9900;
  height: 50px;
  width: 170px;
}
.bullet7 li {
  width: 16px !important;
  float: left !important;
  list-style-type: disc !important;
  display: block;
  margin-left: 0px;
  height: 20px !important;
  margin-right: 5px;
}
.bullet7 li a {
  text-decoration: none;
  display: block;
  color: #FFF;
  background: #FFF;
  width: 16px;
  height: 5px;
  font: normal 25px Verdana, Geneva, sans-serif;
}
.bullet7 li a:hover, .bullet7 li.rslides_here a {
  color: #000 !important;
  background: red;
}

/*---------------------specialities Container --------------------------------*/

.specialities-container {
  width: 100%;
  position: absolute;
  left: 15px;
  z-index: 999955;
  top: -100px;
  height: 100px;
}
.sessional-suites, .offer-fetures, .convenient-patients {
  width: 30.43%;
  float: left;
  position: absolute;
  top: -100px;
  background: url(/images/specialities-bg.jpg) repeat-x 0px 0px #FFF;
  height: 100px;
  margin: 0px 3% 0px 0px;
}
.specialities-head {
  font: normal 22px/28px 'robotothin';
  margin: 25px 0px 0px 5%;
  color: #4d4640;
  clear: both;
}
.specialities-landmark {
  font: normal 22px/28px 'robotothin';
  margin: 24px 0px 0px 5%;
  color: #4d4640;
  clear: both;
  letter-spacing: -0.5px;
}
.specialities-head a {
  color: #4d4640;
}
.specialities-landmark a {
  color: #4d4640;
}
.specialities-text {
  font: normal 18px/29px 'robotomedium';
  margin: 0px 0px 0px 5%;
  clear: both;
  color: #4d4640;
}
.specialities-text a {
  color: #4d4640;
}
.convenient-patients {
  width: 30.73%;
  margin: 0px 3% 0px 9px;
}

/*----------------Service-Container Styles-------------------------*/

#Service-Container {
  background: #FFF;
}
#Service-Main {
  height: 500px;
  position: relative;
}
.service-first-container {
  width: 96.8%;
  margin: 0px auto;
  position: relative;
  z-index: 1005;
  clear: both;
  border-bottom: 1px solid #e1e1e1;
  padding: 0px 0px 25px 0px;
}
.medical-specialists, .features, .landmark {
  width: 31%;
  float: left;
  margin: 0px 2% 0px 0px;
}
.medical-spe-bg {
  height: 117px;
  width: 98%;
  background: url(/images/sessional-bg.jpg) no-repeat 0px 0px;
}
.features {
  background: #91be4b;
  height: 245px;
  margin: 0px 2% 0px 4px;
  width: 30.6%;
}
.features ul {
  clear: both;
  margin: 20px 10px 0px 20px;
}
.features ul li {
  clear: both;
  padding: 0px 0px 1px 6%;
  color: #FFF;
  font: normal 13px/17px 'robotoregular';
  background: url(/images/service-bullet.jpg) no-repeat 0px 7px;
}
.landmark-bg {
  background: url(/images/landmark-location-bg.jpg) no-repeat 0px 0px;
  height: 117px;
  width: 98.5%;
  margin: 0px 0px 0px 3.5%;
}
.service-text-head {
  clear: both;
  margin: 20px 0px 0px 0px;
}
.service-head {
  color: #4d4640;
  font: 14px/20px "robotoregular";
  margin: 20px 10px 6px;
}
.service-text {
  color: #767371;
  font: normal 13px/20px 'robotoregular';
}
.service-head1 {
  font: normal 15px/20px 'robotoregular';
  color: #4d4640;
  margin: 20px 0px 9px 3%;
}
.service-text1 {
  color: #767371;
  font: normal 13px/20px 'robotoregular';
  padding: 0px 0px 0px 10%;
  background: url(/images/landmark-bullet.jpg) no-repeat 10px 9px;
}
.more-than-imagination {
  width: 96%;
  clear: both;
  margin: 30px 0px 0px 10px;
}
.imagination-head {
  font: normal 39px/51px "Roboto";
  color: #6a6867;
  text-transform: uppercase;
  margin: 0px 0px 0px 1%;
}
.imagination-head a {
  color: #6a6867;
}
.imagination-text {
  width: 98%;
  clear: both;
  margin: 10px 0px 0px 10px;
}
.imag-text {
  font: normal 15px/19px 'robotoregular';
  color: #8f8d8c;
}
.more-about-collins {
  clear: both;
  border-radius: 6px;
  background: url(/images/more-about-collins-bg.jpg) no-repeat 93% 16px #91be4b;
  height: 55px;
  width: 375px;
  margin: 45px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  float: right;
  font: normal 15px/60px 'robotoregular';
}
.more-about-collins a {
  color: #FFF;
  display: block;
}

/*----------------Tour Of Our Brand Container styles------------------------------------*/

#tour-of-brand {
  height: 382px;
  position: relative;
  background: url(/images/flexi-images-bg.jpg) no-repeat 0px 0px;
}
.tour-L, .tour-R {
  width: 2000px;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0px;
}
.tour-R {
  left: 0px;
  top: 0px;
}
.tour-L {
  margin: 0px 0px 0px -2000px;
}
.tour-R {
  margin: 0px 0px 0px 972px;
}
#tour-of-brand-container #tour-of-brand .tour-L {
  background: url(/images/flexy-l.jpg) no-repeat right 0px;
}
#tour-of-brand-container #tour-of-brand .tour-R {
  background: url(/images/flexy-r.jpg) no-repeat 0px 0px;
}
.tour-head {
  width: 95%;
  clear: both;
  font: normal 36px/100px 'robotothin';
  color: #fefefe;
  height: 105px;
  border-bottom: 1px solid #4d4c4c;
}
.tour-head a {
  color: #fefefe;
}

/*-------------------- Credibility Styles-----------------------------*/

#Credibility {
  position: relative;
  width: 100%;
  margin: 20px 0px 20px 0px;
}
#Credibility ul li {
  margin: 0px 15px 0px 0px;
}

/*-------------------- Scrolling Styles --------------------*/

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3, #flexiselDemo4 {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style: none;
  overflow: hidden !important;
}
.nbs-flexisel-container {
  margin: 0px;
  padding: 0px;
  position: relative;
  max-width: 100%;
  overflow: hidden !important;
}
.nbs-flexisel-ul {
  width: 9999px;
  *width: 9999px;
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden !important;
}
.nbs-flexisel-inner {
  width: 85%;
  max-width: 90%;
  margin: 0px auto;
  padding: 0px;
  overflow: hidden !important;
}
.nbs-flexisel-item {
  margin: 0px;
  padding: 0px;
  float: left;
  cursor: pointer;
  overflow: hidden !important;
  text-align: center;
  vertical-align: middle;
}
.nbs-flexisel-item img {
  vertical-align: middle;
}
.nbs-flexisel-item a, .nbs-flexisel-item a:hover {
  text-decoration: none;
}

/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  width: 60px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  top: 0px;
}
#Credibility .nbs-flexisel-nav-left {
  left: 0px;
  padding: 40px 0px 0px 0px;
  background: url(/images/credability-bar-left-arrow.jpg) no-repeat left center;
}
#Credibility .nbs-flexisel-nav-right {
  right: 0px;
  padding: 40px 0px 0px 0px;
  background: url(/images/credability-bar-right-arrow.jpg) no-repeat right center;
}

/*-------------------- Scrolling Styles ENDS --------------------*/


/*--------------------------Information-Enquiry-Container Styles-----------------------------------------*/

#Information-Enquiry-Container {
  position: relative;
  top: -1px;
}
#Information-Enquiry {
  height: 280px;
  position: relative;
  background: #e6f0d6
}
.contact-address {
  width: 42.22%;
  float: left;
  background: #b3d480;
  padding: 40px 0px 0px 2%;
  height: 240px;
}
.info-call {
  width: 99%;
  font: normal 18px/22px 'OpenSansLight';
  color: #1b1b1b;
}
.info-call a {
  font: normal 24px/28px 'OpenSansBold';
  padding: 0px 0px 0px 5px;
  color: #1b1b1b;
}
.contact-head {
  font: normal 29px/45px 'OpenSansLight';
  width: 100%;
}
.contact-head a {
  color: #1b1b1b;
}
.contact-adress-text {
  font: normal;
  width: 100%;
  margin: 8px 0px 0px 0px;
  font: normal 14px/20px 'OpenSansLight';
}
.contact-adress-text p {
  margin: 0px;
  padding: 0px;
  color: #1b1b1b;
}
.view-location {
  margin: 15px 0px 0px 0px;
  font: normal 14px/18px 'OpenSansBold';
  width: 100%;
}
.view-location a {
  color: #1b1b1b;
  text-decoration: underline;
}
.online-enquiry {
  width: 53.5%;
  float: right;
  padding: 40px 0px 0px 2%;
  background: #e6f0d6 height: 203px;
}
.submit-online-enquiry {
  width: 99%;
  font: normal 24px/28px 'OpenSansLight';
  color: #242424;
}
.submit-online-enquiry span {
  font: normal 24px/28px 'OpenSansBold';
}
.submit-online-enquiry a {
  color: #242424;
}
.appoint-form {
  width: 100%;
  margin: 10px 0px 0px 0px;
}
.appoint-left {
  width: 49%;
  float: left;
  margin: 10px 0px 0px;
}
.appoint-text {
  width: 98%;
  clear: both;
  height: 34px;
  background: #f2f7ea;
  font: normal 13px/34px 'open_sansregular';
  color: #555556;
  padding: 0px 0px 0px 2%;
  margin: 0px 0px 8px 0px;
  border: 1px solid #CCC;
}
.appoint-text1 {
  width: 30%;
  float: left;
  height: 34px;
  background: #f2f7ea;
  font: normal 13px/34px 'open_sansregular';
  color: #555556;
  margin: 0px 1% 8px 0px;
}
.appoint-text2 {
  border: 1px solid #ccc;
  color: #555556;
  float: right;
  font: 13px/34px "open_sansregular";
  height: 34px;
  background: #f2f7ea;
  margin: -20px 0 8px;
  width: 65%;
}
.appoint-comment {
  width: 97%;
  clear: both;
  height: 120px;
  background: #f2f7ea;
  font: normal 13px/34px 'open_sansregular';
  color: #555556;
  padding: 0px 0px 0px 2%;
  margin: 0px 0px 8px 0px;
  border: 1px solid #CCC;
}
.appoint-right {
  width: 47%;
  margin: 10px 10px 0px 0px;
  float: right;
}
.submit-but {
  width: 35%;
  text-align: center;
  font: normal 14px/34px 'open_sansregular';
  border: none;
  color: #FFF;
  background: #67a53a;
  text-transform: uppercase;
  cursor: pointer;
  height: 35px;
  float: right;
}
.Enquiry-L, .Enquiry-R {
  width: 2000px;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0px;
}
.Enquiry-R {
  left: 0px;
  top: -1px;
}
.Enquiry-L {
  margin: 0px 0px 0px -2000px;
}
.Enquiry-R {
  margin: 0px 0px 0px 972px;
}
#Information-Enquiry-Container #Information-Enquiry .Enquiry-L {
  background: #b3d480;
}
#Information-Enquiry-Container #Information-Enquiry .Enquiry-R {
  background: #e6f0d6;
}

/*---------------------------#Opening-Hour style-------------------------------------*/

#Opening-Hour-Container {
  background: url(/images/opening-container-bg.jpg) repeat-x 0px 0px;
}
#Opening-Hour {
  height: 103px;
}
.opening-hr {
  float: left;
  width: 21.7%;
  background: url(/images/opening-time-bg.jpg) no-repeat 15px 35px;
  font: normal 24px/90px 'open_sansregular';
  height: 100px;
  padding: 0px 0px 0px 6%;
}
.opening-hr a {
  color: #242424;
  font: normal 24px/90px 'OpenSansLight';
  display: block;
  width: 100%;
}
.opening-hr span {
  font: normal 24px/28px 'OpenSansBold';
  color: #242424;
}
.timing {
  float: right;
  padding: 35px 0px 0px 0px;
  width: 72%;
  font: normal 14px/18px 'open_sansregular';
  color: #908c8c;
}

/*------------------------Footer style-------------------------------------*/

#Footer-Container {
  background: #242424;
}
#Footer {
  height: 110px;
}
.stay-connected {
  width: 33%;
  margin: 10px 0px 0px 4%;
  float: left;
  background: url(/images/social-media-devider.jpg) no-repeat 100% 20px;
}
.stay-text {
  color: #fffeff;
  font: normal 14px/18px 'open_sansregular';
  padding: 20px 0px 10px;
}
.social-media {
  width: 100%;
  margin: 0px 0px 0px;
  clear: both;
}
.social-media img {
  float: left;
  margin: 0px 10px 0px 0px;
}
.footer-text {
  width: 99%;
  font: normal 13px/18px 'OpenSansLight';
  margin: 35px 0px 0px 1%;
}
.reserved-text {
  clear: both;
  margin: 15px 0px 0px;
  color: #FFF;
}
.footer-menu {
  width: 100%;
  margin: 5px 0px 0px 0px;
  color: #737373;
  font: normal 13px/18px 'OpenSansLight';
}
.footer-menu a {
  color: #737373;
}
.ypo-logo {
  margin: 0px 0px 0px 0%;
  clear: both;
  float: right;
}
.ypo-logo img {
  float: left;
  margin: 0px 0px 0px 0px;
}

/*---------------------------Interactivity container Starts Here-----------------------------------------*/


/*---------------------Interactivity-Container-Styles-S Styles-----------------*/

#Interactivity-Container-S #Interactivity {
  height: 263px !important;
  position: relative;
}
#Interactivity-Container-S #Interactivity .Banner1 .Intra-L {
  background: url(/images/banner1s-left.jpg) no-repeat right 0px;
}
#Interactivity-Container-S #Interactivity .Banner1 .Intra-R {
  background: url(/images/banner1s-right.jpg) no-repeat left 0px;
}
#Interactivity-Container-S #Interactivity .Banner1 {
  background: url(/images/banner1s.jpg) no-repeat 0px 0px;
  height: 100%;
  background-size: 100% 100%;
}
#Interactivity-Container-S #Interactivity .Banner2 .Intra-L {
  background: url(/images/banner2s-left.jpg) no-repeat right 0px;
}
#Interactivity-Container-S #Interactivity .Banner2 .Intra-R {
  background: url(/images/banner2s-right.jpg) no-repeat left 0px;
}
#Interactivity-Container-S #Interactivity .Banner2 {
  background: url(/images/banner2s.jpg) no-repeat 0px 0px;
  height: 100%;
  background-size: 100% 100%;
}
#Interactivity-Container-S #Interactivity ul, #Interactivity-Container-S #Interactivity li {
  width: 100%;
  height: 100%;
}
#Interactivity-Container-S .intra-main {
  text-align: center;
  width: 100%;
  top: 70px;
  position: absolute;
  z-index: 200;
}

/*----------------------Text Main Styles Style-----------------------------*/

.navigation {
  font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #6a6867;
  text-decoration: none;
  padding: 20px 30px 5px 10px;
}
.navigation a {
  font-weight: normal;
  color: #6a6867;
  text-decoration: underline;
}
.navigation a:hover {
  font-weight: normal;
  color: #6a6867;
  text-decoration: underline;
}
.ypocmstitle {  
  font: normal 26px/30px "robotoregular";
  color: #91BE4B;
  padding: 5px 30px 0px 5px;
  text-decoration: none;
  text-transform: uppercase;
  width: 96%;
  text-align: justify;	
}
.textMain {
  font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #8f8d8c;
  padding: 0px 30px 30px 5px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  width: 96%;
  text-align: justify;
}
.textMain a {
  color: #000000;
  text-decoration: underline;
}
.textMain a:hover {
  color: #004e96;
  text-decoration: underline;
}
.textMain ul, textMain ol {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.textMain ul li {
  padding-bottom: 8px;
  background: url(/images/bullet-tm.gif) no-repeat 15px 11px;
  padding: 6px 0px 0 30px;
  list-style: none;
}
.textMain ul li ul {
  padding-bottom: 8px;
  background: none;
  padding: 6px 0px 0 20px;
  list-style: circle;
}
.textMain ul li ul li {
  padding-bottom: 8px;
  background: none;
  padding: 6px 0px 0 0px;
  list-style: circle;
}
.textMain ul li ul li ul li {
  padding-bottom: 8px;
  background: none;
  padding: 6px 0px 0 0px;
  list-style: square;
}
.textMain ul li:last-child {
  padding-bottom: 8px;
}
.textMain ol li {
  padding-bottom: 8px;
}
.textMain ol li:last-child {
  padding-bottom: 8px;
}
.textMain ul li p, textMain ol li p {
  padding-bottom: 0px;
  margin: 8px 0 0 0;
}
.textMain ul li ul, textMain ul li ol, textMain ol li ul, textMain ol li ol {
  padding-bottom: 0px;
}

/*--- Textmain Heading Starts ---*/

.textMain h1 {
  font: normal 26px/30px "robotoregular";
  color: #91BE4B;
  text-transform: uppercase;
  padding: 0px;
  text-align: left;
  padding: 0px;
}
.textMain h2 {
  font: bold 22px/26px "robotoregular";
  color: #201C1D;
}
.textMain h3 {
  font: normal 18px/22px "robotoregular";
  color: #201C1D;
  margin: 10px 0px;
  padding: 0px;
  text-align: left;
}
.textMain h3 a {
  color: #1A3E92;
  text-decoration: none;
}
.textMain h3 a:hover {
  color: #626262;
  text-decoration: underline;
}
.textMainBold {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font: bold 13px/22px Verdana, Arial, Helvetica, sans-serif;
  color: #8f8d8c;
}
.textMainBold a {
  color: #000000;
  text-decoration: underline;
}
.textMainBold a:hover {
  color: #004e96;
  text-decoration: none;
}
.PDFtext {
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
}

/*-------------------- Review Page Styles --------------------*/

.review {
  margin: 20px auto 0px auto;
  padding: 0px;
  width: 100%;
  height: auto;
  text-align: left;
}
.review img {
  margin: 5px;
  padding: 0px;
}

/*-------------------------Containt-Container Styles--------------------------------*/

#Containt-Container {}
#Content-Main {}
.content-left {
  width: 72%;
  float: left;
}
.Sidebar {
  width: 240px;
  margin: 0px 9px 0px 0px;
  float: right;
  padding: 30px 0px 0px 0px;
}
.convenient-s {
  color: #4d4640;
  font: normal 18px/25px 'robotomedium';
  width: 91.5%;
  border: 4px solid #dcdcdc;
  background: #fbf7f7;
  height: 96px;
  padding: 7px 0px 0px 6%;
}
.convenient-s a {
  color: #4d4640;
}
.convenient-s span {
  font: normal 23px/28px 'robotothin';
  clear: both;
  color: #4d4640;
}
.take-a-tour-s {
  width: 100%;
  background: url(/images/take-tour-bg.jpg) no-repeat 0px 0px;
  margin: 10px 0px 0px 0px;
  height: 355px;
  padding: 10px 0px 0px 0px;
}
.tour-text-s {
  width: 90%;
  padding: 15px 0px 0px 6%;
  font: normal 30px/34px 'robotothin';
}
.tour-text-s a {
  color: #fefefe;
}

/*-------------------------------Demo Styles-------------------------*/

.demo {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%%;
  padding: 0px;
  margin: 12px 0px 0px 0px;
  overflow: hidden;
}
.demo1 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
.tour-images {
  width: 100%;
  clear: both;
  text-align: center;
}
.arrow-icons {
  width: 50px;
  clear: both;
  margin: 0px 2px 0px 0px;
  float: right;
}
.rotating-image {
  height: 200px;
  width: 100%;
}
.arrow-icons img {
  float: left;
}
.hospital-presence {
  width: 100%;
  clear: both;
  padding: 0px 0px 60px 0px;
}
.hospital-opening {
  height: 65px;
  background: #b3d480;
  font: normal 20px/65px 'open_sansregular';
  width: 100%;
  margin: 10px 0px 10px 0px;
}
.hospital-opening a {
  color: #242424;
  display: block;
}
.hospital-opening img {
  float: left;
  margin: 18px 14px 0px 21px;
}

/*-------------------- Form Head & Label Styles --------------------*/

.tableborder, .divborder {
  border: 1px solid #201C1D !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.formHead {
  font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: #201C1D;
  padding: 5px 10px;
  text-align: left;
}
.formHead a, .formHead a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.formlable {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.mandatory {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FF8204;
}

/*-------------------- Contact Address Styles --------------------*/

.contact-address1 {
  width: 99%;
  padding: 3px;
  margin: 15px auto 30px auto;
  border: 1px solid #201C1D;
  -webkit-box-shadow: 0px 5px 5px 0px #aaaaaa;
  -moz-box-shadow: 0px 5px 5px 0px #aaaaaa;
  -ms-box-shadow: 0px 5px 5px 0px #aaaaaa;
  -o-box-shadow: 0px 5px 5px 0px #aaaaaa;
  box-shadow: 0px 5px 5px 0px #aaaaaa;
  display: table;
}
.address-text {
  padding: 1% 2%;
  width: 35%;
  float: left;
  display: table-column;
}
.map-pics {
  float: right;
  width: 60%;
  display: table-column;
}
.map-pics img {
  margin: 5px;
  float: right;
  border: 2px solid #201C1D;
}
.map-pics img:hover {
  border: 2px solid #201C1D;
}

/*-------------------- Contact Phone Styles --------------------*/

.contact-ph {
  width: 100%;
  margin: 10px auto;
  border: 1px solid #201C1D;
}
.contact-ph ul {
  margin: 0px !important;
  padding: 0px !important;
  list-style: none;
}
.contact-ph li {
  width: 46%;
  float: left;
  font: normal 14px/25px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 5px 0px !important;
  padding: 0px 2% !important;
  background: none !important;
}
.contact-ph li img {
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
}

/*-------------------- Feedback & Online Form Styles --------------------*/

.feedback-form {
  width: 100%;
  margin: 25px auto;
  padding: 0px;
  border: 1px solid #666666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: table;
}
.pos {
  position: relative;
  top: -47px;
}
.feedback-form ul {
  margin: 0px !important;
  padding: 0px !important;
  list-style: none;
}
.feedback-form li {
  float: left;
  margin: 5px 0px !important;
  padding: 5px !important;
  background: none !important;
  display: table-column;
  color: #333;
}
.feedback-form .mandatory {
  padding: 5px 0 0x;
  margin: 10px 0px 0px 0px;
}
.feedback-form .formlable {
  line-height: 35px;
}
.feedback-form .form-left {
  width: 39%;
  text-align: right;
}
.feedback-form .form-right {
  width: 56%;
  text-align: left;
}
.txtfield-f {
  width: 80%;
  height: 30px;
  margin: 0px auto;
  padding: 2px 4px;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #666666;
}
.textArea-f {
  width: 80%;
  padding: 4px;
  margin: 0px auto;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #666666;
}
.dropDownF {
  padding: 7px 5px;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  border: 1px solid #666666;
  -webkit-border-radius: 5px;
  width: 83%;
  height: 36px;
}
.textArea-cf {
  width: 95%;
  padding: 4px;
  margin: 0px auto;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #666666;
}
.div-button {
  margin: 20px auto 10px auto;
  width: 200px;
  height: auto;
}
.button {
  height: 40px;
  color: #ffffff;
  padding: 0 10px;
  font: 19px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  cursor: pointer;
  margin: 10px 0px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #242424;
  color: #ffffff;
  border: 1px solid #666;
}
#captchac {
  width: 75%;
  margin: 0px auto;
}
#captchac img {
  margin: 5px auto;
  width: 25%;
  height: auto;
  display: block;
  float: left;
  vertical-align: middle;
}
#captchac input {
  width: 61%;
  height: 30px;
  float: right;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  border: 1px solid #666666;
  padding: 2px 4px;
}
#patient-survey {
  width: 650px;
  height: 2200px;
}

/*-------------------- Contact Us Form Styles --------------------*/

.contat-form {
  width: 96%;
  margin: 20px auto;
  padding: 2% 0px 2% 3%;
  border: 1px solid #666666;
}
.contat-form ul {
  width: 95%;
  margin: 0px auto !important;
  padding: 0px !important;
  list-style: none;
}
.contat-form li {
  margin: 5px 0px !important;
  padding: 0px !important;
  background: none !important;
}
.contat-form .txtfi, .contat-form .txtcap, .contat-form .conbut {
  width: 50%;
  float: left;
}
.contat-form .txtar {
  width: 100%;
  float: left;
}
.txtfield-c {
  width: 90%;
  height: 35px;
  margin: 0px auto;
  padding: 2px 4px;
  font: normal 18px/30px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #666666;
}
.textArea-c {
  width: 95%;
  padding: 4px;
  margin: 0px auto;
  font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #666666;
}
.txtcap img {
  width: 30%;
  height: 100%;
  float: left;
  margin: 0px 10px 0px 0px;
  max-width: none;
  vertical-align: middle;
}
.txtcap input {
  width: 55%;
  float: left;
  padding: 4px;
  font: normal 14px/25px Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #666666;
  vertical-align: middle;
}
.contat-form .txtcap {
  margin: 15px auto !important;
}
.contat-form .conbut {
  text-align: center;
  margin: 15px auto !important;
}

/********************* Multimedia List Styles ****************************/

.multimedialist {
  height: 40px;
}
.media {
  font: normal 14px/16px 'MyriadProRegular';
  color: #fff;
  text-decoration: none;
  text-align: left;
  margin: 0px !important;
  padding: 0px !important;
  list-style: none;
}
.media li {
  list-style: none;
  width: 120px;
  float: left;
  padding: 0px !important;
  margin: 10px 75px 0px 0px !important;
}
.media li a {
  text-decoration: none !important;
}
.video a {
  font: normal 14px/16px 'MyriadProRegular';
  padding: 4px 0px 4px 20px !important;
}
.info a {
  font: normal 14px/16px 'MyriadProRegular';
  padding: 4px 0px 4px 20px !important;
}
.print a {
  font: normal 14px/16px 'MyriadProRegular';
  padding: 4px 0px 4px 20px !important;
}
.media li a {
  color: #2d444c;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  width: 120px;
  height: 20px;
  border: 1px solid #A1A1A1;
  padding: 4px 0px 4px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #9dc5ef;
}
.media li a:hover {
  text-decoration: none;
  color: #2d444c;
  border: 1px solid #A1A1A1;
}
.hip-resurface {
  width: 100%;
  clear: both;
}
.iner-left {
  width: 48%;
  float: left;
}
.float-left {
  float: right;
  margin: 0px 0px 0px 10px;
}
div.wpcf7 .watermark {
  color: #666666 !important;
}
.wpcf7-captcha-captcha-239 {
  color: #666666 !important;
}
.amazingcarousel-nav {
  display: none !important;
}

/** Slider CSS **/

li.amazingcarousel-item .amazingcarousel-item-container .amazingcarousel-image a.wondercarousellightbox {
  display: block !important;
}
li.amazingcarousel-item .amazingcarousel-item-container .amazingcarousel-image a, .amazingcarousel-hover-effect {
  display: none !important;
}
li.amazingcarousel-item .amazingcarousel-item-container .amazingcarousel-image div {
  background-color: transparent !important;
}
li.amazingcarousel-item .amazingcarousel-item-container .amazingcarousel-image .amazingcarousel-text-bg {
  background-color: #333333 !important;
}
#wonderplugincarousel-1 .amazingcarousel-title {
  display: none;
}

/** End Slider CSS **/


/*----------------------------------Multimedia Styles------------------------*/

@media screen and (max-width:915px) {
  .contact-head {
    font-size: 22px;
  }
  .info-call a {
    font: 21px/28px "OpenSansBold";
  }
  .info-call {
    font-size: 16px;
  }
  .content-left {
    width: 69%;
  }
  #Service-Main {
    height: auto;
  }
}
@media screen and (max-width:850px) {
  .intra-head {
    font-size: 50px;
  }
  .intra-text {
    font-size: 17px;
  }
  #Interactivity-Container #Interactivity .intra-main {
    top: 60px;
  }
  .specialities-head {
    font-size: 20px;
  }
  .specialities-text {
    font-size: 14px;
  }
  .medical-specialists, .features, .landmark {
    margin: 0px 2% 0px 1px;
  }
  .specialities-container {
    left: 13px;
  }
  .features {
    height: 290px;
  }
  .imagination-head {
    font-size: 35px;
  }
  #Credibility {
    margin: 20px auto;
    position: relative;
  }
  .nbs-flexisel-item img {
    max-width: 100%;
  }
  .info-call a {
    font: 17px/28px "OpenSansBold";
  }
  .info-call {
    font-size: 14px;
  }
  .opening-hr {
    width: 26%;
  }
  .timing {
    width: 65%;
  }
  .stay-connected {
    width: 40%;
    margin: 10px 0px 0px 1%;
  }
  .footer-text {
    float: left;
    margin: 15px 0px 0px 1%;
  }
  .content-left {
    width: 65%;
  }
}
@media screen and (max-width:767px) {
  .logo img {
    max-width: 100%;
  }
  .features {
    height: 350px;
  }
  .specialities-head {
    font-size: 21px;
  }
  .features {
    height: 350px;
    margin: 0 2% 0 4px;
  }
  .tour-head {
    font-size: 29px;
  }
  .contact-address {
    width: 45.22%;
  }
  .online-enquiry {
    padding: 40px 0px 0px 1%;
    float: left;
    width: 49.5%;
  }
  .appoint-text {
    font-size: 13px;
  }
  .contact-head {
    font-size: 20px;
  }
  .submit-but {
    width: 48%;
  }
  .opening-hr {
    padding: 0px 0px 0px 8%;
    width: 24%;
  }
  .opening-hr a {
    font-size: 18px;
  }
  .stay-connected {
    width: 43%;
  }
  .footer-text {
    float: left;
  }
  .content-left {
    width: 61%;
  }
  #access {
    font-size: 12px;
  }
}
@media screen and (max-width:640px) {
  #Header-Container {
    background: #231F20;
  }
  #Interactivity-Container-S #Interactivity {
	height: auto !important;
  }
  #Header {
    height: 250px;
  }
  .logo {
    float: none;
    width: 70%;
    clear: both;
    margin: 0px auto;
  }
  .onsite-appoitment {
    float: none;
    width: 80%;
    clear: both;
    margin: 0px auto;
  }
  .onsite-patient {
    float: none;
    margin: 10px auto 0px;
  }
  .appointment {
    float: none;
    margin: 10px auto;
    padding: 0px 0px 0px 9%;
    background-position: 0px 5px;
  }
  .sessional-suites, .offer-fetures, .convenient-patients {
    top: 0;
    width: 100%;
    position: relative;
    float: none;
    margin: 10px 0px;
    padding: 10px 0px;
  }
  #Service-Main {
    height: 100%;
  }
  .features {
    height: 320px;
  }
  .medical-specialists, .features, .landmark {
    float: none;
    width: 96%;
    margin: 10px auto;
  }
  .specialities-head {
    font-size: 29px;
    line-height: 40px;
  }
  .specialities-text {
    font-size: 16px;
  }
  .medical-spe-bg {
    background-position: 60px 0px;
  }
  .service-text-head, .service-head1 {
    clear: both;
    margin: 20px 0 40px 10%;
  }
  .landmark-bg {
    background-position: 40px 0px;
  }
  .service-text1 {
    padding: 0px 0px 0px 12%;
    background-position: 50px 9px;
  }
  #Interactivity-Container #Interactivity .intra-main {
    top: 30px;
  }
  .intra-head {
    font-size: 29px;
  }
  .intra-text {
    font-size: 15px;
    line-height: 15px;
  }
  .imagination-head {
    font-size: 26px;
  }
  .tour-head {
    font-size: 20px;
    height: 70px;
    line-height: 30px;
    padding: 30px 0 0 10px;
  }
  #Information-Enquiry {
    height: auto;
  }
  .contact-address {
    width: 98%;
  }
  .online-enquiry {
    float: left;
    padding: 40px 0px 0px 1%;
    width: 99%;
  }
  #Opening-Hour-Container {
    background: none;
    border-bottom: 4px solid #CCCCCC;
  }
  .opening-hr {
    padding: 0px 0px 0px 15%;
    width: 90%;
    line-height: 30px;
    background-position: 10px 25px;
    height: 60px;
  }
  .timing {
    padding: 10px 0px 20px;
    width: 90%;
  }
  #Footer {
    height: auto;
    padding: 0px 0px 20px 0px;
  }
  .stay-connected {
    width: 98%;
    margin: 0px 0px 0px 1%;
  }
  .footer-text {
    float: none;
    width: 98%;
    margin: 0px 0px 0px 1%;
  }
  .reserved-text {
    padding: 20px 0px 0px;
  }
  .appointment {
    margin: 10px auto;
    padding: 0 0 0 12%;
  }
  .content-left {
    width: 96%;
    margin: 0px auto;
    float: none;
  }
  .Sidebar {
    float: none;
    margin: 0px auto;
    padding: 30px 0 0px;
    width: 60%;
    position: relative;
    clear: both;
  }
  .take-a-tour-s {
    background: url(/images/take-tour-bg.jpg) repeat 73px 0 rgba(0, 0, 0, 0);
    position: relative;
  }
  .arrow-icons {
    width: 50px;
    margin: 0px 20% 0px 0px;
  }
  #Main-Menu {
    display: none;
  }
  #mheader {
    display: block !important;
    height: 37px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 9955;
  }
  .menu-m-bg {
    height: 37px;
    font: normal 18px/37px Verdana, Geneva, sans-serif;
    color: #ccc;
    margin: 0px;
    padding: 0px;
  }
  .menu-m-bg a, .menu-m-bg a:hover {
    color: #FFF;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 0px 50px 0px 0px;
    `
  }
  .menu-m {
    text-align: center;
  }
  .menu-m img {
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
  }
  .online-enquiry {
    height: 250px;
  }
}
@media screen and (max-width:480px) {
  .logo {
    width: 96%;
  }
  .intra-text {
    display: none;
  }
  .more-about-collins {
    float: none;
    margin: 10px auto;
    width: 96%;
    background: #91be4b;
  }
  .imagination-text {
    width: 100%;
    float: none;
    margin: 0px;
  }
  .imagination-head {
    font-size: 20px;
  }
  .more-than-imagination {
    margin: 30px 0px 0px 5px;
    width: 97%;
  }
  .specialities-head {
    margin: 25px 0px 0px 3%;
  }
  .specialities-text {
    margin: 0px 0px 0px 4%;
  }
  .medical-spe-bg {
    background-position: 15px 0;
  }
  .service-text-head, .service-head1 {
    clear: both;
    margin: 20px 0 10px 4%;
  }
  .features {
    height: 355px;
  }
  .landmark-bg {
    background-position: 0px 0px;
  }
  .service-text1 {
    background-position: 0 9px;
    padding: 0px 0px 0px 2%;
  }
  .tour-head {
    font-size: 15px;
    padding: 30px 0 0 5px;
  }
  .Sidebar {
    width: 96%;
  }
  .feedback-form .form-left {
    text-align: left;
    width: 98%;
  }
  .feedback-form .form-right {
    text-align: left;
    width: 98%;
  }
  .form-size {
    width: 100% !important;
  }
  .feedback-form li {
    margin: 0px 0 !important;
  }
  .textArea-f {
    width: 98%;
  }
  .onsite-patient {
    background-size: 91% auto;
    font-size: 13px;
  }
  .onsite-appoitment {
    width: 320px;
  }
}