/*
Theme Name: LBM Infotech
Theme URI: http://www.lbminfotech.com
Description: LBM Infotech Pvt. Ltd.
Author: LBM Infotech Pvt. Ltd.
Author URI: http://www.lbminfotech.com/
Version: 1.1
.
This theme can be used for commercial or non-commercial use
so long as it is not redistributed or resold in any way.
.
*/

@import url(reset.css);

/*-----------------------------------*/
/* Basic Styles
/*-----------------------------------*/
p { line-height: 22px; padding: 0 0 10px 0;  text-align: justify;}
h1 { font-family: 'open_sans_condensedbold'; font-size: 30px; color: #585d62; padding: 0 0 10px 0; font-weight: bold; font-style: normal; line-height: 22px; margin: 0; text-transform: uppercase;}
h1 span{ color: #0e72d0;}
h2 { font-family: 'deliciousroman'; font-size: 26px; color: #fff; padding: 0 0 20px 0; font-weight: normal; font-style: normal; line-height: 22px; text-transform: uppercase;}
h3 { font-family: 'deliciousbold'; font-size: 16px; color: #000; padding: 5px 0 6px 0; margin: 0; font-weight: bold; text-transform:uppercase; }
h4 { font-family: 'deliciousbold'; font-size: 22px; font-weight: bold; color: #1364b0; padding: 13px 0 8px 0; }
h5 { font-family: 'deliciousbold'; font-size: 22px; font-weight: normal; color:#585d62; padding: 0 0 5px 0;  text-transform:uppercase;}
h6 { font-family: ; font-size: 12px; color: #3b9a83; padding: 0 0 5px 0; font-weight: normal; text-transform:uppercase;}
strong { font-weight: bold; }
a { color: #0e72d0;	text-decoration:underline;}

ul { margin: 0; padding: 0; }
li { line-height: 22px; padding: 0; margin: 0; background: none; list-style:none; }

body {font-size: 13px; color:#2c2c2c; font-family: 'open_sansregular'; font-weight: normal; background: #FFF; line-height: normal; text-align: left; border-top: solid 10px #2a1672;}



/*-----------------------------------*/
/* Embedding Fonts
/*-----------------------------------*/

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('fonts/opensans-condbold-webfont.eot');
    src: url('fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') 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: 'deliciousbold';
    src: url('fonts/delicious-bold-webfont.eot');
    src: url('fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious-bold-webfont.woff') format('woff'),
         url('fonts/delicious-bold-webfont.ttf') format('truetype'),
         url('fonts/delicious-bold-webfont.svg#deliciousbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'deliciousroman';
    src: url('fonts/delicious-roman-webfont.eot');
    src: url('fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious-roman-webfont.woff') format('woff'),
         url('fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('fonts/delicious-roman-webfont.svg#deliciousroman') 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;

}
/*-----------------------------------*/
/* Ready to use classes
/*-----------------------------------*/
#topPan, #header, #middle, #footTop, #footer, #innerHeader{width:100%; float:left; clear:both;}
.container {position: relative; width: 1000px; margin: 0 auto;}

.listing{margin:0 0 8px 20px; float:left; width:100%;}
.listing li{list-style:disc; padding:0 0 7px 0;}
.fltRgt{float:right; margin:0 0 20px 20px;}
.fltLft{float:left; margin:0 20px 20px 0;}
.clear {clear: both;}
.alignleft {float: left;}
.alignright {float: right;}
.left {text-align:left;}
.right {text-align:right;}

/*-----------------------------------*/
/* Navigation Styles
/*-----------------------------------*/
#nav{ width:1171px; background:url(../images/shadow.png) no-repeat center top ; margin: 0 auto; position:relative; z-index:998;  }
.dhtmlwindow{ z-index:9999 !important;}
#modalid {z-index:10000000}
#nav .containerFull{ background:url(../images/shadow.png) no-repeat center top #0e72d0; width: 1103px; margin: 0 auto; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; behavior: url(PIE.htc);}
#nav ul{padding:0; margin:0; float:right;}
#nav ul li{padding:0; margin:0; float:left; background:url(../images/linkDevider.gif) no-repeat right center;}
#nav ul .last{background:none;}
#nav ul li a{padding:12px 23px; margin:0; display:block; text-transform:uppercase; color:#FFF; font-size:16px; font-weight:bold; font-family:'deliciousbold'; text-decoration:none; background:url(../images/navDeivider.jpg) no-repeat right center;}
#nav ul li a.bgnone{ background-image: none;}
#nav ul li a:hover{background:#2c8fed; color:#fff;}
#nav ul ul{position:absolute; z-index:100; padding:0; margin:0 0 0 0px; top:46px; width:190px; left:-1500px; }
#nav li:hover ul{height:auto; left:auto;}
#nav li li{margin:0; width:190px; background:none; display:block; position:relative; }
#nav li li a{margin:0; width:174px; font-family:'open_sansregular';  color:#ffffff; background-image: none;   background-color:#2c8fed; border-bottom:solid 1px #197ddb; padding:5px 8px; font-size: 12px; font-weight: normal; text-transform: none; display:block; color:#ffffff; text-decoration:none;}
#nav li li a:hover{margin:0; width:174px; border-bottom:solid 1px #1580e5; font-size: 12px; font-weight: normal; text-transform: none; display:block; color:#ffffff; text-decoration:none; background-color:#197ddb; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav ul ul ul{position:absolute; z-index:999; padding:0; margin:0;  width:190px; left:-1500px;}
#nav li li:hover ul, #nav li li li:hover ul{padding:0; margin:0; top:0;  left:190px; height:auto;}


/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/
#footer{padding:15px 0; font-family:'open_sansregular';}
#footer p{padding:0 0 5px 0;}
#footer a:hover{text-decoration:underline;}
#footLink{width:60%; float:left; color:#121212;}
#footLink a{color:#121212; text-decoration:none;}
#footLBM{width:35%; float:right; text-align:right;}
#footLBM a{color:#1364b0; text-decoration:none;}


/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:150px; float:left;}
.enquiryBtn {margin: 10px 0 0 150px;}
.textBox{width:295px; height:24px; background:#ffffff; border:solid 1px #ffffff; font-family: 'Open Sans', sans-serif; color:#2c2c2c; font-size:12px; margin-bottom: 5px; padding: 3px 5px;}
.textBoxMulti {width: 295px; height: 100px; background: #ffffff; border: solid 1px #ffffff; font-family: 'Open Sans', sans-serif; color:#2c2c2c; font-size:12px; margin-bottom: 5px; padding: 3px 5px;}
.btn{background:#0e72d0; display:inline-block; padding:10px 18px; color:#ffffff; text-transform:uppercase; text-decoration:none; border:none;}
.tred{color:#C00;}



/*-----------------------------------*/
/* Themes Styles
/*-----------------------------------*/
.dis2{ display: none;}
#topPan{ background: url(../images/logoPatch.jpg) repeat-x left top; height: 91px;  z-index: 998; }
#logo { position: absolute; left: 0; top: -10px; width: 139px; height: 168px; z-index: 999; }
#logo a{ background: url(../images/logo.jpg) no-repeat left top; width: 139px; height: 168px; display: block; }
.logoName{ float: left; background: url(../images/sujayLogo.png) no-repeat left top; width: 273px; height:91px; margin-left: 145px; }
.logoName a{ display: block; width: 273px; height:91px;}
.banner{ width:1000px; margin:38px auto 0;  padding-bottom: 28px;}
.bannerBg{ background: url(../images/bannerBg.jpg) repeat-x left bottom; clear:both; }
.bluePatch{ background: #0e72d0; padding: 24px; width: 669px; height:374px;}
.centr{ width: 245px; float: left; position: relative; text-align: center; }
.centr p{ font-family: 'open_sans_condensedbold'; padding: 14px 24px; text-align: center; font-size: 22px; color: #fff; line-height: 32px; background:url(../images/centerStrip.png) repeat-x left bottom; text-transform: uppercase; margin-bottom: 23px;  }
.welcomeNote{ position: absolute; width: 659px; padding: 28px 37px; top: 24px; left: 268px;  background:url(../images/welcomeBg.jpg) repeat left top; height: 322px;}
.welcomeNote p{ font-size: 13px; color: #6b6b6b;}
.readmore{ background: #ecf3f7; height: 38px; margin-top: 15px; }
.readmore a{ color: #FFF; background: #1364b0; line-height: 38px; display: inline-block; text-decoration: none; padding: 0 15px;}
.services{ margin: 20px 0 30px; }
.serv{ float: left; width: 264px; text-align: center;}
.guide{ width: 78px; height: 65px; display: block; margin: 0 auto 10px; background:url(../images/health.png) no-repeat center;}
.hosp{ width: 72px; height: 65px; display: block; margin: 0 auto 10px; background: url(../images/hospital.png) no-repeat center;}
.tips{ width: 78px; height: 65px; display: block; margin: 0 auto 10px; background: url(../images/medical.png) no-repeat center;}
.servMid{ float: left; margin: 0 38px; padding: 0 38px; width: 264px; border-left: solid 1px #e6e7e8;  border-right: solid 1px #e6e7e8;  text-align: center;}
.read{ text-align: center; display: inline-block; background: #5395d3; height: 29px; line-height: 29px; padding: 0 25px; color: #fff; text-decoration: none;}
.aboutDoctor{ background: url(../images/welcomeStrip.png) repeat-x left center; text-align:center;}
.aboutDoctor h5{ background: #fff; padding: 0 20px; display: inline-block; font-family: 'deliciousroman'; font-size: 26px; color: #0e72d0;}
.doctor{ background: #f7fafc; border-left: solid 1px #3887d2; width:300px; float: left; margin-left: 0px; margin-top: 25px; padding: 27px 35px 27px 35px; position: relative; text-align: left;  font-family: 'open_sansregular';  }
.drimage{ position:absolute; left:37%; top: 54px;}
.doctorRight{ background: #f7fafc; border-right: solid 1px #3887d2; width:300px; float: right; margin-left:0px; margin-top: 25px; padding: 27px 35px 27px 35px; position: relative; text-align: left;  font-family: 'open_sansregular';  }
.doctor p strong, .doctorRight p strong{ color:#0e72d0; font-family: 'deliciousroman'; font-size: 16px; }
.doctor a, .doctor a{color:#2c2c2c; text-decoration:none; }
.doctor a:hover, .doctor a:hover{color:#2c2c2c; text-decoration: underline; }
.blueStrip{ background:#3183d0; height: 38px; margin-top: 35px;  }
.blueStrip a:hover{ text-decoration: underline;}
.mail{ background: url(../images/mail.jpg) no-repeat right top #5d9edb; padding-right: 59px; line-height: 38px; float: right; width: 196px; text-align: right; color: #fff; font-family:'open_sansregular'; font-size: 13px; }
.mail a, .appointment a { color: #fff; text-decoration: none;}
.call{ background: url(../images/call.jpg) no-repeat right top; padding-right: 59px; line-height: 38px; float: right; width: 196px; text-align: right; color: #fff; font-family:'open_sansregular'; font-size: 13px;}
.download{color:#FFF; padding:11px 0px 0px 40px; float:left; text-decoration:none;}
.download a {color:#FFF; text-decoration:none;}
.appointment{ background: #1364b0; padding-right: 30px; width: 180px; float: right; line-height: 38px; text-align: right; text-transform: uppercase; font-family:'open_sansregular'; font-size: 13px; margin-right:20px;}
.lastPatch{ background: #354a5e; padding: 37px 0; border-top: solid 1px #fff;}
.emer{ float: right; color:#666b6f; font-family: 'open_sans_condensedbold'; font-size: 23px;  }
.emer span{ color: #1a76cb; font-family: 'open_sansregular'; font-size: 14px; display: block; text-align:right!important; margin-top: 15px; margin-bottom: 5px;}

.photo{ width: 605px; float: left;}
.map{ width: 355px; float: right;}
.locationMap { float: left; }
.locationMap img{ height: 100%; width: auto;}
.mapIf{ float: right;}
.mapIf img{height: 100%; width: auto; }
.bluePatchInner{ padding: 0px 0; float: left; width: 245px;  }
.rightPatch{ padding: 24px 0 24px 24px; background:url(../images/bluePatch.jpg) repeat-y; }
.welcomeNoteInner{  width: 656px; padding: 28px 37px;  background:url(../images/welcomeBg.jpg) no-repeat left top; background-size: 100% 100%;  float: right; min-height: 628px; }
.welcomeNoteInner h1{ background: url(../images/stroke.png) repeat-x left bottom; padding-bottom: 25px; margin-bottom: 15px;}
.innerPatch{ background: url(../images/bannerBg.jpg) repeat-x left bottom; background-size: 100% 100%; margin: 15px 0; padding: 20px; color: #4d4d4d; border-top: solid 2px #0e72d0; }
.innerPatch h4{ padding-top:0; font-size:18px; }
#linkingInner li{ display: block; margin-right: 20px; margin-bottom: 3px; text-align:left; padding:8px 10px 10px 34px; background:url(../images/tick.png) no-repeat 9px 10px #5b9fdf; font-size: 16px; font-family:'deliciousbold';  }
#linkingInner a{ color:#fff; text-decoration: none;}
#linkingInner li:hover{ background:url(../images/tick.png) no-repeat 9px 10px #3086d7;}
#linkingInner li.active{ background:url(../images/tick.png) no-repeat 9px 10px #09559c;}
.imgPatch{ float:right; background: #ecf3f7; padding:10px; width: 250px; margin-left: 15px; margin-bottom: 15px;}
.imgPatch img{ border:solid 5px #c6d3db;}
.doc{ float: left; width: 295px; margin-bottom: 8px;  }
.docRight{ float: right; width: 295px; margin-bottom: 8px;    }
.doc img, .docRight img{ border:solid 5px #c6d3db;}
.listing{margin:0 0 8px 20px; float:none; width:95%;}
.innerPatch .listingHlf{margin:0 0 8px 20px; float:none; width:95%;}
.listing2{margin:0 0 8px 20px; float:none; width:95%;}
.listing2 li {padding: 0 0 7px;	list-style-position: outside;	list-style-image: none;	list-style-type: decimal;}
#linkingInner p{font-family: 'open_sansregular'; padding: 5px 0px; text-align: left; font-size: 12px!important; color: #fff; line-height: 24px; background: none; text-transform: none; margin: 0 20px 0px 0;}
#linkingInner p strong{font-family: 'open_sansregular'; padding: 0px 0px; text-align: left; font-size: 14px!important; color: #fff; line-height: 24px; background: none; text-transform: uppercase; margin: 0 20px 0px 0; font-weight: normal;}
#linkingInner hr{background:url(../images/centerStrip.png) repeat-x left bottom; border-top:0px none; margin-right: 20px;}
.listingHlf{margin:0 0 8px 20px; float:left; width:100%;}
.listingHlf li{list-style:disc; padding:0 0 7px 0; /*float: left;*/ width: 45%;}
.width51{ width:51%;}
.blue{ color: #5d9edb; font-size: 15px;}
.marBot{ margin-bottom: 15px;}
.fasilitymar{ margin-right:15px !important;}

.quotes{ background-color:#ecf3f7; padding:20px; font-size:16px; font-style:italic; margin-bottom: 10px;}
.quotes strong{ font-size:21px;}
.example{  display: block; float: left; margin-right: 2.579%; margin-bottom: 10px; width: 22.316%;}
.example img {height: 109px; width: 148px;}
.example1{  display: block; margin-bottom: 10px; width: 38.316%;}
.eye{ margin-top:62px;}

.imgglu{ border:2px solid #ddd;}



* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.item {
  position: relative;
  float:left;
   border:solid 1px #0066FF;
  margin: 2%;
  overflow: hidden;
  width: 200px;
}
.item img {
  max-width: 100%;
  border:solid 1px #0066FF;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
 
}



@media all and (max-width: 1000px) {
#logo { position: absolute; left: 3%; top: -10px; width: 131px; height: 158px; z-index: 999; }
#logo a{ background: url(../images/logo.jpg) no-repeat left top; background-size: 100% 100%; width: 131px; height: 158px; display: block; }
.logoName{ float: left; background: url(../images/sujayLogo.jpg) no-repeat left top; width: 273px; height:91px; margin-left: 140px; }
.logoName a{ display: block; width: 273px; height:91px;}
#nav{ width: 100%; background:url(../images/shadow.png) no-repeat center top ; margin: 0 auto; position:relative; z-index:998;  }
#nav .containerFull{ background:url(../images/shadow.png) no-repeat center top #0e72d0; width:100%;  margin: 0 auto; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; behavior: url(PIE.htc);}
.container{width:94%; padding:0 3%;}
#nav ul li a{padding:9px 12%; font-size:100%;}
.logoName{ float: left; background: url(../images/sujayLogo.jpg) no-repeat left top; width: 273px; height:91px; margin-left: 125px; }
.imgAd{ width: 100%; height: auto;}
.banner{ width:100%; margin:28px auto 0; padding-bottom: 18px;}
.centr{ width: 30%; float: left; position: relative; text-align: center; background: #0e72d0; }
.centr img{ width: 100%; height: auto;}
.bluePatch{  padding: 2%; width: 96%; height: auto;}
.centr p{ font-family: 'open_sans_condensedbold'; padding: 25px 0; text-align: center; font-size: 22px; color: #fff; line-height: 32px; background:url(../images/centerStrip.png) repeat-x left bottom; text-transform: uppercase; margin-bottom: 20px;  }
.welcomeNote{ position: static; width: 64%; padding: 28px 3%; float:left; top: 0; left: 0;  background:url(../images/welcomeBg.jpg) no-repeat left top; height: auto;}
.welcomeNote p{ font-size: 13px; color: #6b6b6b;}
.readmore{ background: #ecf3f7; height: 38px; margin-top: 5px; }
.readmore a{ color: #FFF; background: #1364b0; line-height: 38px; display: inline-block; text-decoration: none; padding: 0 5px;}
.services{ margin: 10px 0 20px; }
.serv{ float: left; width: 30%; text-align: center;}
.guide{ width: 78px; height: 65px; display: block; margin: 0 auto 10px; background:url(../images/health.png) no-repeat center; background-size: 100% 100%;}
.hosp{ width: 72px; height: 65px; display: block; margin: 0 auto 10px; background: url(../images/hospital.png) no-repeat center;}
.tips{ width: 78px; height: 65px; display: block; margin: 0 auto 10px; background: url(../images/medical.png) no-repeat center;}
.servMid{ float: left; margin: 0 2%; padding: 0 2%; width: 30%; border-left: solid 1px #e6e7e8;  border-right: solid 1px #e6e7e8;  text-align: center;}
.aboutDoctor{ background: url(../images/welcomeStrip.png) repeat-x left center; text-align:center;}
.aboutDoctor h5{ background: #fff; padding: 0 20px; display: inline-block; font-family: 'deliciousroman'; font-size: 26px; color: #0e72d0;}
.doctor{ background: #f7fafc; border-left: solid 1px #3887d2; width: 45%; float: left; margin-left: 0; margin-top: 25px; padding: 2%; position: relative; text-align: left;  font-family: 'open_sans_condensedbold';  }
.drimage{ position:static; left: 0; float: left; width: 40%; margin-right: 10px; margin-bottom: 10px;}
.drimage img{ width: 100%; height: auto; }
.doctorRight{ background: #f7fafc; border-left: solid 1px #3887d2; width: 45%; float: right; margin-left: 0; margin-top: 25px; padding:  2%; position: relative; text-align: left;  font-family: 'open_sans_condensedbold';  }
.doctor p strong, .doctorRight p strong{ color:#0e72d0; font-family: 'deliciousroman'; font-size: 14px; }
.photo{ width: 60%; float: left;}
.map{ width: 30%; float: right;}
.locationMap { display: none }
.mapIf{ float: none; width: 100%;}
.mapIf img{ width: 100%; height: 100%; }
.bluePatchInner{ padding: 0px 0; float: left; width: 30%;  }
.bluePatchInner .centr{ width: 100%; float: left; position: relative; text-align: center; background-color: transparent; }
.rightPatch{ padding: 24px 0 24px 24px; background:url(../images/bluePatch.jpg) repeat-y; background-size: 50% 100%; width: 96%; }
.welcomeNoteInner{  width: 64%; padding: 28px 3%;  background:url(../images/welcomeBg.jpg) no-repeat left top; background-size: 100% 100%;  float: right; min-height: auto; }
.welcomeNoteInner h1{ background: url(../images/stroke.png) repeat-x left bottom; padding-bottom: 25px; margin-bottom: 15px;}
.innerPatch{ background:#ecf3f7; margin: 15px 0; padding: 20px; color: #4d4d4d; }
.innerPatch h4{ padding-top:0; font-size:18px; }
#linkingInner li{ display: block; margin-right: 20px; margin-bottom: 3px; text-align:left; padding:8px 10px 10px 34px; background:url(../images/tick.png) no-repeat 9px 10px #5b9fdf; font-size: 16px; font-family:'deliciousbold';  }
#linkingInner a{ color:#fff; text-decoration: none;}
#linkingInner li:hover{ background:url(../images/tick.png) no-repeat 9px 10px #3086d7;}
#linkingInner li.active{ background:url(../images/tick.png) no-repeat 9px 10px #09559c;}
.imgPatch{ float:right; background: #ecf3f7; padding:10px; width: 250px; margin-left: 15px; margin-bottom: 15px;}
.imgPatch img{ border:solid 5px #c6d3db;}
.doc{ float: left; width: 295px;  }
.docRight{ float: right; width: 295px;  }
.doc img, .docRight img{ border:solid 5px #c6d3db;}
.innerPatch .listing{margin:0 0 8px 20px; float:none; width:95%;}
.innerPatch .listingHlf{margin:0 0 8px 20px; float:none; width:95%;}
#linkingInner p{font-family: 'open_sansregular'; padding: 5px 0px; text-align: left; font-size: 12px!important; color: #fff; line-height: 24px; background: none; text-transform: none; margin: 0 20px 0px 0;}
#linkingInner p strong{font-family: 'open_sansregular'; padding: 0px 0px; text-align: left; font-size: 14px!important; color: #fff; line-height: 24px; background: none; text-transform: uppercase; margin: 0 20px 0px 0; font-weight: normal;}
#linkingInner hr{background:url(../images/centerStrip.png) repeat-x left bottom; border-top:0px none; margin-right: 20px;}
.listingHlf{margin:0 0 8px 20px; float:left; width:100%;}
.listingHlf li{list-style:disc; padding:0 0 7px 0; float: left; width: 45%;}
.blue{ color: #5d9edb;}
.marBot{ margin-bottom: 15px;}

}
@media all and (max-width: 930px) {
.photo{ width: 100%; float: none;}
.map{ display: none;}
.locationMap { display: none }
}
@media all and (max-width: 840px) {.blueStrip{ display: none;} .doctor, .doctorRight{ margin-bottom: 25px;}

}
@media all and (max-width: 800px) {
.bluePatch{  padding: 1%; width: 98%; height: auto; margin-top: 10px;}
.welcomeNote{ position: static; width: 94%; padding:  3%; float:left; top: 0; left: 0;  background:url(../images/welcomeBg.jpg) no-repeat left top; background-size: 100% 100%; height: auto;}
.welcomeNote p{ font-size: 13px; color: #6b6b6b;}
.readmore{ background: #ecf3f7; height: 38px; margin-top: 5px; }
.readmore a{ color: #FFF; background: #1364b0; line-height: 38px; display: inline-block; text-decoration: none; padding: 0 5px;}
.bluePatchInner .main{ display: block;} 
.main{ display: none;}
#nav ul li a{padding:9px 12%; font-size:100%;}
}

@media all and (max-width: 780px) {
#logo { position: absolute; left: 3%; top: -10px; width: 114px; height: 148px; z-index: 999; }
#logo a{ background: url(../images/logo.jpg) no-repeat left top; background-size: 100% 100%; width: 114px; height: 148px; display: block;}
.logoName{ float: left; background: url(../images/sujayLogo.jpg) no-repeat left top; width: 273px; height:91px; margin-left: 111px; }

.banner{ width:100%; margin:18px auto 0;   padding-bottom: 8px;}
#nav .containerFull{ background:url(../images/shadow.png) no-repeat center top #0e72d0; width:100%;  margin: 0 auto; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; behavior: url(PIE.htc);}
.container{width:94%; padding:0 3%;}
#nav{width:100%; text-align:right; }
.dis2{display:block;}
.disNav{display:none!important;}
#nav ul{padding:0; margin:0; float:none;}
#nav ul li{padding:0; margin:0; float:none!important; width: 100%; background:url(../images/linkDevider.gif) no-repeat right center; text-align:left;}
#nav ul li a{padding:12px 23px; margin:0; display:block; text-transform:uppercase; color:#FFF; font-size:12px; font-weight:bold; font-family:; text-decoration:none; background-image:none;}
#showLeftPush{background:url(../images/menu.gif) 6px 6px no-repeat #fff; margin-right: 3%; border:solid 1px #d5d5d5; color:#d23e2c; text-decoration:none; border:0; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25); margin:0; padding:8px 15px 8px 40px; display:inline-block; text-transform:uppercase; font-weight:bold; font-size:14px; color: #0e72d0;}
}
@media all and (max-width: 780px){
.services{ margin: 25px 0 25px; }
.serv{ float: none; width: 100%; text-align: center;}
.guide{ width: 78px; height: 65px; display: block; margin: 0 auto 10px; background:url(../images/health.png) no-repeat center; background-size: 100% 100%;}
.hosp{ width: 72px; height: 65px; display: block; margin: 0 auto 10px; background: url(../images/hospital.png) no-repeat center;}
.tips{ width: 78px; height: 65px; display: block; margin: 0 auto 10px; background: url(../images/medical.png) no-repeat center;}
.servMid{ float: none; margin: 15px 0%; padding: 15px 0%; width: 100%; border-left: none 0px;  border-right: none 0px; border-bottom: solid 1px #e6e7e8; border-top: solid 1px #e6e7e8;  text-align: center;}
}
@media all and (max-width: 757px){
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 150%; color: #585d62; padding: 0 0 10px 0; font-weight: bold; font-style: normal; line-height: 22px; margin: 0; text-transform: uppercase;}

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #fff; padding: 0 0 20px 0; font-weight: normal; font-style: normal; line-height: 22px; text-transform: uppercase;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000; padding: 5px 0 6px 0; margin: 0; font-weight: bold; text-transform:uppercase; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #1364b0; padding: 13px 0 8px 0; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-weight: normal; color:#585d62; padding: 0 0 5px 0;  text-transform:uppercase;}
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #3b9a83; padding: 0 0 5px 0; font-weight: normal; text-transform:uppercase;}
.innerPatch h4{ padding-top:0; font-size:95%; }
.bluePatchInner .main{ display: block; }
body {font-size: 75%; color:#2c2c2c; font-family: Arial, Helvetica, sans-serif; }
}
@media all and (max-width: 590px) {
.doctor{ background: #f7fafc; border-left: solid 1px #3887d2; width: 95%; float: none; margin-left: 0; margin-top: 25px; padding: 2%; position: relative; text-align: left;  font-family: 'open_sans_condensedbold'; clear:both;  }
.drimage{ position:static; left: 0; float: left; width: 40%; margin-right: 10px; margin-bottom: 10px;}
.drimage img{ width: 100%; height: auto; }
.doctorRight{ background: #f7fafc; border-left: solid 1px #3887d2; width: 95%; float: none; margin-left: 0; margin-top: 25px; padding:  2%; position: relative; text-align: left;  font-family: 'open_sans_condensedbold';  }
.doctor p strong, .doctorRight p strong{ color:#0e72d0; font-family: 'deliciousroman'; font-size: 14px; }
	.emer{ display:none; }
}
@media all and (max-width: 480px) {
	.container{width:94%; padding:0 3%;}
}
@media all and (max-width: 530px) {
	.imgPatch{ float:none; background: #ecf3f7; padding:1%; width: 98%; margin-left: 0px; margin-bottom: 15px;}
.imgPatch img{ border:solid 2px #c6d3db; width: 100%; height:auto;}
	#linkingInner li{ display: block; margin-right: 0px; margin-bottom: 3px; text-align:left; padding:8px 10px 10px 34px; background:url(../images/tick.png) no-repeat 9px 10px #5b9fdf; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  }
	.bluePatchInner{ width: 100%;}
	.rightPatch{ padding: 20px 2%; background:url(../images/bluePatch.jpg) repeat-y; background-size: 100% 100%; width: 96%; }
	.welcomeNoteInner { width: 94%;}
	.container{width:94%; padding:0 3%;}
	.innerPatch{ background:#ecf3f7; margin: 15px 0; padding: 2%; color: #4d4d4d; }
}
@media all and (max-width: 400px) {
#logo { position: absolute; left: 0; top: -10px; width: 30%; height: 150px; z-index: 999; }
#logo a{ background: url(../images/logo.jpg) no-repeat left top; background-size: 100% 100%;  width:100%; height: 140px; display: block; }
.logoName{ float: right; background: url(../images/sujayLogo.jpg) no-repeat left top; background-size: 100% 100%; width: 60%; height:91px; margin-left: 0; }
.logoName a{ display: block; width: 100%; height:91px;}
}