@media (min-width: 320px) {.container {width: 98%;}}
@media (min-width: 768px) {.container {width: 750px}}
@media (min-width: 992px) {.container {width: 970px}}
@media (min-width: 1250px) {.container { width: 1230px;}}
@media (min-width: 1400px) {.container { width: 1370px;}}
@font-face{
	font-family:'Conv_gotham-book';
	src:url('../fonts/gotham-book.eot');
	src:url('../fonts/gotham-book.woff') format('woff'), url('../fonts/gotham-book.ttf') format('truetype'), url('../fonts/gotham-book.svg') format('svg');font-weight:normal;
	font-style:normal;
}
#health, #play{ position: fixed; top:-100px; left: -100px;}
.pad-0{padding: 0px !important;}
.container {margin-right: auto; margin-left: auto;}
.pageloader{width:100%;height:100%;position:fixed;left:0;top:0;z-index:99999;background:rgba(32, 97, 145, .96);}
.spinner{width:40px;height:40px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
.double-bounce1, .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;-moz-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;}
.double-bounce2{-webkit-animation-delay:-1.0s;-moz-animation-delay:-1.0s;animation-delay:-1.0s;}
@-webkit-keyframes sk-bounce{0%, 100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}
@-moz-keyframes sk-bounce{0%, 100%{-moz-transform:scale(0.0);transform:scale(0.0);}50%{-moz-transform:scale(1.0);transform:scale(1.0)}}
@keyframes sk-bounce{0%, 100%{-webkit-transform:scale(0.0);transform:scale(0.0);}
50%{-webkit-transform:scale(1.0);transform:scale(1.0);}}
html, body{height: 100%;}
*{margin: 0px; padding: 0px; outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a{text-decoration: none !important;}
h1{ font-size:1px; color: #ffffff; margin: 0px;padding: 0px;visibility: hidden;}
h2{ font-size:2.500em; color: #1d6093; margin: 0px; padding: 0px; text-transform:uppercase; font-weight: 400;}
p{margin-bottom: 0px;}
img{max-width: 100%;}
body{ font-family: 'Raleway', sans-serif; margin: 0px; padding: 0px; color:#333;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#header{position: fixed; width: 100%; left: 0px;top:0px; background: #fff; z-index: 9;}
.header{position:relative; padding: 3.143em 0 1.857em;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;-webkit-backface-visibility:hidden;}
.header:after {content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height:4px;background: #1d6295; background: -moz-linear-gradient(left, #1d6295 9%, #1296ca 27%, #1d6295 49%, #1d6295 100%);background: -webkit-linear-gradient(left, #1d6295 9%,#1296ca 27%,#1d6295 49%,#1d6295 100%); background: linear-gradient(to right, #1d6295 9%,#1296ca 27%,#1d6295 49%,#1d6295 100%); }

.logo{float:left; }
.logo img{width:494px;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.0, 1.0);-moz-transform:translateZ(0) scale(1.0, 1.0);transform:translateZ(0) scale(1.0, 1.0);}
#header .container{ position: relative;}
.callus{ height: auto; top:-35px; position: absolute; right: 0px; z-index: 9;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;}
.phone-icon{position: absolute; top: 0px; right: 0px; z-index: 20}
.phone-icon img{ width: 55px;}
.call{ width: 159px; height: 159px; border-radius:100%; background: #007685; display: table; position: relative;}
.call > div{ display: table-cell; height: 100%; vertical-align: middle; color:#fff; font-size:17px; text-align: center; font-weight: bold; letter-spacing: -1px; font-family:'Conv_gotham-book'; }
.call > div > span{ font-size: 13px; font-weight: normal;display: inline-block; padding-top: 20px;}

.header .container{ position: relative;}
#menu{margin:3em 0 0.5em 0;padding:0px;list-style-type:none;width:auto;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s; display:block}
#menu li{display:inline-block;position:relative;font-size:1.063em;padding:0 15px}
#menu li a{padding:10px 0;color:#000000;text-decoration:none;position:relative; text-transform: uppercase; font-size: 12px;}
#menu li:first-child{padding-left: 0px;}
#menu li:before{content:"";width:1px;height:12px;background:#000;position:absolute;top:6px;right:0px;}
#menu li:last-child:before{content:none;}
#menu li a:hover, #menu li.active a{color:#1d6093;}
/*#menu li a:hover, #menu li.active a{background-color:#1d6093;color:#ffffff;}*/
#menu li a:hover:after, #menu li.active > a:after{content:"";width:100%;height:1px;background:#1d6093;position:absolute;bottom:4px;left:0px;}
#menu li > ul{position:absolute;top:140%;left:0px; padding:2px; margin: 0px; background:rgba(255, 255, 255, 0.8); border: 1px solid #33b3c3; text-align:left;visibility:hidden;opacity:0;position:absolute;top:140%;left:0;width:250px;-webkit-transform:translateY(5em);transform:translateY(5em);z-index:999;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
#menu li > ul li{display:block;width:100%;padding:0px;}
#menu li > ul li:before{content:none;}
#menu li > ul li > a{color:#000 !important;text-transform:uppercase;font-size:12px;padding:10px;display:block;}
#menu li > ul li > a:hover{background: -moz-linear-gradient(left, rgba(53,176,193,0.86) 0%, rgba(73,129,169,0.86) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(53,176,193,0.86) 0%,rgba(73,129,169,0.86) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(53,176,193,0.86) 0%,rgba(73,129,169,0.86) 100%);  color:#fff !important;}
#menu li.active > ul li > a:after{content:none;}
#menu li > ul li > a:before{content:"";width:2px;height:100%;top:5px;left:0px;background:#fff;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);transition:all 0.2s linear;top:0px;}
#menu li > ul li > a:hover:before{content:"";width:2px;height:70%;top:5px;left:0px;background:#fff;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);transition:all 0.2s linear;transition:all 0.2s linear;}
#menu li > ul li > a:hover:after{content:none;}
#menu li > ul li.active > a:before{content:"";width:2px;height:100%;top:5px;left:0px;background:#fff;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);transition:all 0.2s linear;top:0px;}
#menu li > ul li.active > a:hover:before{content:"";width:2px;height:70%;top:5px;left:0px;background:#fff;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);transition:all 0.2s linear;transition:all 0.2s linear;}
#menu li > ul li.active > a:hover:after{content:none !important;}
#menu li:hover > ul{visibility:visible;opacity:1;z-index:99;-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition-delay:0s, 0s, 0.3s;transition-delay:0s, 0s, 0.3s;}
.nav-mobile{display:none;position:absolute;top:0;right:0;}
#navtoggle{position: absolute;right: 5px;top: 20px;cursor: pointer;padding: 10px 35px 16px 0px;z-index: 99;}
#navtoggle span{color: #ffffff; font-size:0px;}
#navtoggle span,
#navtoggle span:before,
#navtoggle span:after{cursor:pointer;border-radius:1px;height:4px;width:30px;background:#1d6093;position:absolute;display:block;content:'';transition:all 300ms ease-in-out;}
#navtoggle span:before{top:-8px;}
#navtoggle span:after{bottom:-8px;}
#navtoggle.active span{background-color:transparent;}
#navtoggle.active span:before, #navtoggle.active span:after{top:0;}
#navtoggle.active span:before{transform:rotate(45deg);}
#navtoggle.active span:after{transform:rotate(-45deg);}

#header.fixed .logo img{width:400px;}
#header.fixed .callus{ top:-25px;}
#header.fixed .header{ padding:2.143em 0 1.857em}
#header.fixed #menu{padding-bottom:0.8em;}

@media(max-width:1420px){#menu li{padding:0 8px;}
#menu li a{font-size:.94em;padding:8px 0;}
}
@media(max-width:1362px){.since-text{top:0.3em;right:1em}
}
@media(max-width:1190px){#menu li{padding:0 6px}
#menu li a{font-size:0.86em;padding:6px 0;}
.since-text{font-size:1em;z-index:1;}
}
@media (max-width:1023px){.nav-mobile{display:block;}
#menu{display:none;position:fixed;top:0px;left:0px;bottom:0px;right:0px;overflow-y:scroll;width:100%;background:#fff;z-index:9;margin:0px;padding:20px 0 0;}
    #menu li:first-child{padding-left: 0.5em;}
 #menu li:before{content:none;}
#menu li:hover > ul{display:none;}
#menu li.active > a{color:#1d6093;}
#menu li a:hover:before, #menu li.active > a:before{content:none !important;}
#menu li a:hover:after, #menu li.active > a:after{content:none !important;}
#menu li > ul{visibility:visible;opacity:1;position:relative;-webkit-transform:translateY(0%);transform:translateY(0%);}
#menu li{display:block;width:100%;padding:0.5em;border-bottom:1px solid #ddd;}
#navtoggle.active{top:15px;}
#menu li > ul li a{width:100%;display:block;}
#menu li > ul, #menu li > ul li{width:100%;display:block;}
#menu li > ul{margin:0px;padding:0px;}
#menu li > ul li{padding:0.5em;}
#menu li > ul li a{padding:0px;font-size:14px;}
}
.section-spacing{ padding: 5em 0}
.list{margin:0px; padding: 0px; list-style-type: none;}
.list li{ width: 100%; background: url(../img/bullet.png) no-repeat 0 6px; padding-left: 28px; padding-bottom: 20px}
.btn-explore{width: 130px; border: 1px solid #d9d9d9; font-weight: 400; padding: 10px 12px; display: inline-block; font-size: 1em;font-family: 'Raleway', sans-serif; color:#333; font-size:14px;}
.btn-explore span{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s; vertical-align:middle; background: url(../img/btn-arrow.png) no-repeat 0 0; width: 26px; height: 10px; display: inline-block; margin-left: 15px;}
.btn-explore:hover span{ margin-left:24px;}
.home-banner{ width: 100%; height: auto;float:left;position: relative;background: url(../img/home-banner.jpg) no-repeat center 0 / cover;padding: 6% 0 7%; background-attachment: scroll;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.home-banner p{font-family: 'Raleway', sans-serif; font-size:1.786em; color: #1d6093; font-style: italic; font-weight: 400; letter-spacing: 1px; color: #1d6093; line-height: 1.888em; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
.home-banner:after {content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height:4px;
background: rgb(29,96,147); 
background: -moz-linear-gradient(left, rgba(29,96,147,1) 0%, rgba(29,96,147,1) 57%, rgba(18,147,199,1) 81%, rgba(29,96,147,1) 99%); 
background: -webkit-linear-gradient(left, rgba(29,96,147,1) 0%,rgba(29,96,147,1) 57%,rgba(18,147,199,1) 81%,rgba(29,96,147,1) 99%); 
background: linear-gradient(to right, rgba(29,96,147,1) 0%,rgba(29,96,147,1) 57%,rgba(18,147,199,1) 81%,rgba(29,96,147,1) 99%);
 }
.home-banner p.name span{ font-size: 0.740em; color:#333; line-height:normal;}
.home-banner p.name{ line-height: normal; font-style: normal; margin-top: 1.5em;}
.banner-arrow { position: absolute; bottom:10%; left: 0px; z-index: 1; width: 100%;}
.bounce {-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite;}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


.profile-banner{ padding-bottom:10%;}
.profile-banner:after{content:none;}
.marjon-pic{ display: none;}
#profile{width: 100%; height: auto; float: left;}
#profile h2{ position: relative; padding-top: 30%}
#profile h2:after{content:none; width: 1px; height:25vh; -webkit-transform: rotate(30deg);transform: rotate(30deg); background: #cdcdcd; position: absolute; top:20%; right: 25%;}
#profile p{ line-height: 1.714em; letter-spacing: 1px; margin-bottom: 20px;}
#profile p strong{ font-weight: 600;}

#box-container{ width: 100%; height: auto; float: left;}
.box-row{display:table; width:100%; table-layout:fixed; border-spacing:0px; border-collapse:collapse; position:relative;}
.box-row > div{display:table-cell; width:50%; vertical-align:top;}
.boximg{background-position:center 0 ; background-size:cover; background-repeat:no-repeat;}
.patients{ background: url(../img/patients.jpg) no-repeat 0 0 / cover;}
.doctors{ background: url(../img/doctors.jpg) no-repeat 0 0 / cover}
.box-row > div.patients-content{ background: #007685; padding:2em;}
.box-row > div.patients-content h3{font-size: 2.143em; text-transform: uppercase; margin: 0px; padding: 0px; padding-bottom: 0.5em; font-weight:300;}
.patients-content-list{ max-width:650px; width: 96%; margin: auto; margin-top: 4em}
.separator{position:relative;}
.separator:before{content:""; width: 1px; height: 90%; background: #fff; left: -20px; top: 0px; position: absolute;}


.box-row > div.doctors-content{ background:#1d6093;padding:2em;}
.box-row > div.doctors-content p{margin: 3.429em 0}
.box-content{ width: 100%; height: auto; border: 1px solid #fff; color: #fff;padding:2em;}
.box-content > h2{ color: #fff;}
.box-content .list li{ font-size:1.429em; background-image:url(../img/bullet1.png);background-position: 0 10px;}
.box-content .list li a{ color:#fff !important; -webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s; }
.box-content .list li:hover a{ padding-left: 10px;}
.doctors-content .btn-explore {color:#fff; text-align: left;}
.doctors-content .btn-explore span{background-image: url(../img/arrow-blue.png);}





#presentation{ width: 100%; height: auto; float: left;}
.presentation-box-row{display:table; width:100%; table-layout:fixed; border-spacing:5px; border-collapse:separate; position:relative; border: 1px solid #40b8c7;}
.presentation-box-wrapper{position: relative; width: 100%; height: auto; margin-top: 2em;}
.presentation-box-row > div{display:table-cell; width:50%; vertical-align:top;}
.presentation-box-row > div.presentation-content{padding:6% 2em 4%}
.presentation-box-row > div.presentation-content .list > li:last-child{ background:none; padding-top: 2em;}
.presentation-box-row > div.presentationimg{ background:url(../img/presentations.jpg) no-repeat 0 0 / cover; position: relative; z-index: 1;}
.presentation-box-row > div.presentation-content .list li{ background-position: 0 4px;}

#testimonials h2{ color: #fff;}
#testimonials{ width: 100%; height: auto; background: url(../img/testibg.jpg) no-repeat center 0 / cover; background-attachment: fixed;}
.testimonial-wrapper{display:table; width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; margin-top:5.000em}
.testimonial-wrapper > div{ display: table-cell; vertical-align: top;}
.quotes{ width: 224px;}
.testimonials{ margin: 0px; padding: 0px; width: 100%; float: left;}
#testimonials .slick-dots li{width:10px;height:10px;border:4px solid transparent;border-radius:50%;background:transparent; text-align: center;}
#testimonials .slick-dots li button{width:10px;height:10px;border-radius:50%;background:#f3f3f3; padding: 0px;}

#testimonials .slick-dots li.slick-active button{background:#f3f3f3;border:4px solid #7d7572;width:16px;height:16px;}

#testimonials .slick-slide{ color: #fff !important;margin: 0px; padding: 0px; font-size: 1.214em; font-weight: 500; padding-bottom: 2em}
#testimonials .slider:after{ content:""; position: absolute; top: 0px; left: -50px; width: 1px; height: 110%; background: #f8f7f7;}
#testimonials .slick-dots{ left: -10px !important; width: auto !important;}
#testimonials .docprofile{ color: #00cbe4; margin-top: 1.5em;}
#testimonials .btn-explore{ border-color:#138997; color: #fff;}
#testimonials .btn-explore span{background-image: url(../img/arrow-white.png);}

#faq{ width: 100%; height: auto; float: left; padding-bottom: 0px;}
#faq .faq-wrapper{ display:table; width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
#faq .faq-wrapper > div{ display: table-cell; vertical-align: top;}
#faq .faqimg{ background: url(../img/faqbg.jpg) no-repeat 0 0 / cover; width: 45%}
.faq-panel{ width: 100%; height: auto; float: left; background: #007685; padding: 4em 4em 6em; margin: 3em 0; margin-left: -15%;}
#faq .faq-content h2{color:#fff; padding-left: 2em;}
#faq .faq-content{ background: #1d6093; padding: 4em 0em; color:#fff;}
#faq .panel-heading{ background: #006a76; border-radius: 0px; color: #fff; padding: 1.5em 1em; border:none !important;}
/*#faq .panel-heading:hover,#faq .panel-heading.active{ background: #007685 !important;}*/
.panel-group,.panel{ border-radius: 0px !important; background: none; border:none; box-shadow: none !important}
.panel-default >.panel-heading{ border-color:#00a0b4 !important}
.panel-body{ background: #00a0b4 !important; font-size: 1em; font-weight: 500;}
.bordered{border: 1px solid #fff !important;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border:0px !important; background: none !important; line-height: 1.857em}
.panel-title a {display:block;}
.panel-heading  a:before {width: 6px; height: 9px; background: url(../img/panel-heading-img.png) no-repeat 0 0;content: "";float: right;transition: all 0.5s;}
.panel-heading.active a:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);}
h1.panel-title {visibility: visible;}

#appointment{ padding: 5em 0;}
#enquiry{margin-top: 2em;}
#enquiry .input-group, #enquiry .input-group-addon, #enquiry .form-control{ border-radius:0px; box-shadow: none;}
.form-container{ margin-top: 0.6em;}
#enquiry .form-control{border: 0px;height: 44px;}
#enquiry .form-control:focus{border: none; }
#enquiry .input-group-addon{ background-color: #fff; border: 0px;width: 50px; height: 44px; vertical-align: top; padding: 0px}
#enquiry .input-group-addon span{ width: 50px; height: 44px; border-right:1px solid #ddd; padding: 9px 6px; float: left;}
#enquiry .input-group{ width: 100%; border: 1px solid #ddd;}
#enquiry div[class*="col-"]{ padding-left: 0;padding-right: 5px; position: relative;}
#enquiry .row{ margin-left: -5px; margin-right: -5px;}
#enquiry textarea{ height:200px !important; resize: none; border: none; padding-top: 10px;}
#enquiry input[type="submit"]{max-width: 300px;width:100%;border: 1px solid transparent;background: #1d6093;color:#fff;font-size: 1.786em;padding: 6px 10px;}
#enquiry .border{border: 1px solid #ddd}
#enquiry .form-group{margin-bottom:25px;}
.company-info{ width: 100%; margin:2.357em 0 0 0; padding: 0px; list-style-type: none;}
.company-info li{display:table; width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.company-info li a{ color:#333;}
.company-info li div{display: table-cell; vertical-align:middle;}
.info-icon{ width: 61px;}
.info{border-bottom: 1px solid #ddd; padding-left: 0px;padding-right: 0px; padding-top:2.857em; padding-bottom:2.857em;  }
.info h3{ font-size:1.1em; color: #1d6093; margin: 0px; padding: 0px;}

label.error{ font-size: 12px; color:#f00; font-weight: 300; position: absolute; bottom: -26px; left: 0px; width:100%; z-index: 2;}
#enquiry .form-control.error{ border: 1px solid #f00 !important;}
label#txtcode-error {display: none !important;}
input#txtcode.error {border: 1px solid red;}
.error-captcha{ font-size: 12px; margin-top: 5px;font-weight: 300;}
.help-inline > .input-group, .help-inline > .col-xs-4 > .input-group, .help-inline > .border{ border: 1px solid #f00 !important;}


#footer{background: #f1f1f1; padding: 15px 0;}
#footer .footer-links{margin: 0px; padding: 0px; list-style-type: none;}
#footer .footer-links li{ float: left; color:#333;padding-right:20px; position: relative;}
#footer .footer-links li a{color:#333; display: inline-block;}
#footer .footer-links li:after{content:"/"; position: absolute; top: 0px;right: 6px;}
#footer .footer-links li:last-child:after{content: none;}
#footer .footer-links li:last-child a{color:#000000;font-weight: normal;}
#footer .footer-links li:last-child a:hover{color:#e35007;}
#footer .social-media{ margin: 0px; padding: 0px; list-style-type: none; float: right;}
#footer .social-media li{ display: inline-block; vertical-align: middle; padding-left: 5px}
#footer .ada{ margin: 0px; padding: 0px; list-style-type: none; float: left;}
#footer .ada li{ display: inline-block; vertical-align: middle;}



/*inner pages */

.inner-banner{width:100%;float:left; position: relative;}
.inner-banner-caption{width: 100%; height: auto; background: rgba(0,160,180,0.6); color:#fff; position: absolute; left: 0px; bottom: 0px; padding: 2em 0;}
.inner-banner-caption h2{ color:#fff;}
.arrow{ margin-bottom: 3em; margin-top: -20px;}
 .inner-banner img{ height:65vh}

.patient-banner{ background: url(../img/patient-banner.jpg) no-repeat center 0 /cover;}
.publications-banner{ background: url(../img/publications-banner.jpg) no-repeat center 0 /cover;}
.doctor-banner{background: url(../img/doctor-banner.jpg) no-repeat center 0 /cover;}
.testimonial-banner{background: url(../img/testimonial-banner.jpg) no-repeat center 0 /cover;}


.patient-wrapper{ width: 100%; height: auto; float: left;}
.patient-wrapper .description{ line-height: 1.857em;}
.patient-box{ width: 100%; height: auto; display: table; table-layout: fixed; border-spacing:8px; border-collapse: separate; border: 1px solid #52bfcc; margin-top: 3.5em}
.patient-box:last-child{margin-bottom: 0px;}
.patient-box > div{display: table-cell; vertical-align: middle;}
.patient-box > .patient-box-content{ width: 440px; padding: 5em 4em}
.patient-box > .patient-box-content h3{font-size: 2.143em; text-transform: uppercase; color:#206191; font-weight: 400; padding-bottom: 0.7em;}
.patient-box > .patient-box-content .list li{font-size: 1.429em; background-position: 0 0.4em; padding-bottom:0.888em }
.patient-box > .patient-box-content .list li a{color:#333;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;}
.patient-box > .patient-box-content .list li:hover a{padding-left:10px;}
.patient-box > .pediatrics{background: url(../img/pediatrics.jpg) no-repeat center 0 /cover; min-height: 441px;}
.patient-box > .adult{background: url(../img/adult.jpg) no-repeat center 0 /cover;min-height: 441px;}

#patients-faq, #doctors-faq{ width: 100%; height: auto; float: left; background: #e8eff5;}
#patients-faq.section-spacing, #doctors-faq.section-spacing{padding:2.8em 0}
#patients-faq h2, #doctors-faq h2{ padding-bottom: 1em;}
#patients-faq .panel-heading, #doctors-faq .panel-heading{background: #c8dbeb; border-radius: 0px; color: #fff; padding: 1em; border:none !important; color:#333;}
#patients-faq .panel-heading.active, #doctors-faq .panel-heading.active{ background: #1d6093; border-radius: 0px; color: #fff; padding: 1em; border:none !important;}
#patients-faq  .bordered, #doctors-faq  .bordered{border: 1px solid #1d6093 !important;}
#patients-faq .panel-body, #doctors-faq .panel-body{ background: #fff !important;}
#patients-faq .panel-title, #doctors-faq .panel-title{ font-size: 1em;}
#patients-faq .panel-heading  a:before, #doctors-faq .panel-heading  a:before {width: 6px; height: 9px; background: url(../img/panel-heading-img-blue.png) no-repeat 0 0;content: "";float: right;}
#patients-faq .panel-heading.active a:before, #doctors-faq .panel-heading.active a:before{background: url(../img/panel-heading-img.png) no-repeat 0 0;} 

.publications{padding-bottom:0px;}
.publication-content{ width: 100%; height: auto; display: table; table-layout: fixed; border-spacing:0; border-collapse: separate; border-bottom: 1px solid #999999; padding-bottom: 5em; }
.publication-content > div{ display: table-cell;}
.publication-content > div .list{padding-right: 2em;}
.publication-content > .publicationimg{  background: url(../img/publication.jpg) no-repeat center 0 / cover; width: 427px}
.publication-content > div .list li{background-position: 0 4px;}

.doctors-office{ width:100%; height:auto; float: left; line-height:1.857em}
.doctors-content-wrapper{ width: 100%; height: auto; display: table; table-layout: fixed; border-spacing:0px; border-collapse: separate; margin-top: 2em}
.doctors-content-wrapper > div{ display: table-cell; vertical-align: top;}
.doctors-content-wrapper > .dental-care{ width: 560px;background: url(../img/dental-care.jpg) no-repeat center 0 / cover;}
.dental-content{ padding: 0 0 0 2em;}
.dental-content p:first-child{margin-top: -7px;}
.dental-content .list li{ font-weight: 600; padding-bottom: 10px;}

.home-banner .inner-banner-caption {bottom: 0px;}
.profile-wrapper{width: 100%; height: auto; float: left;line-height: 1.857em;}
.vission-wrapper{ width: 100%; height: auto; float: left; background:#e8eff5; padding: 4em 0;}
.vission-wrapper p{ font-size: 1.429em; line-height: 1.857em; margin-top: 0.8em;}

.achivements{width: 100%; height: auto; display: table; table-layout: fixed; border-spacing:20px; border-collapse: separate; margin-top:3.7em}
.achivements > div{display: table-cell; width:33.33333333%; border: 1px solid #40b8c7; padding: 1px; vertical-align: top;}
.achivements > div .title{font-size:1.586em; background:#206191; text-transform: uppercase; color:#fff; padding: 0.5em 0 0.5em 0.5em;}
.achivements > div .list{padding: 2.5em 1em 0.5em;}
.achivements > div .list span{ font-size:1.286em; font-weight: 600;}

.testimonialpage-wrapper{ width: 100%; height: auto; float: left; padding-bottom: 0px !important;}
.testimonialpage-wrapper .container{border-bottom: 1px solid #999; padding-bottom: 5em;}
.testi-wrapper{width: 100%; height: auto; display: table; table-layout: fixed; border-spacing:0; border-collapse: collapse;}
.testi-wrapper > div{ display: table-cell; vertical-align: top}
.testi-wrapper > .quote{ width:100px;}
.testi-wrapper > .testicontent{position: relative;  }
.testi-wrapper > .testicontent p.description{line-height: 1.857em; text-align: justify;}
.testi-wrapper > .testicontent p.userinfo{ font-size:1.143em; font-weight: 600; font-style: italic; color:#1d6093; margin-top: 3em; }
.testi-wrapper > .testicontent:after{content:""; width: 2px; height: 100%; position: absolute; top: 0px; left: -25px; background: #1d6093}
.testi-wrapper > .testicontent > .testi-box{ width:94%;}
.box-spacing{ margin-left: 6%;}
.testi-row{ margin-top: 4em;}
.heightauto{ height:auto !important}

.page-title{ padding: 2em 0 0.5em; border-bottom: 1px solid #ddd;}
.conditions{ margin-top: 3em;}
.conditions h5{ font-size:1.250em; font-weight: 600;}
.conditions p{ padding-bottom:1.8em; line-height: 1.8em}
.conditions p a{ color:#1d6093;}

.comingsoon{position:relative;display:inline-block;}
.comingsoon .tooltiptext{visibility:hidden;width:90px;background-color:#555;font-size:12px;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity 0.3s;}
.comingsoon .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent;}
.comingsoon:hover .tooltiptext{visibility:visible;opacity:1;}

.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2;}
.close:hover,
.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5;}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0;}
.modal-open{overflow:hidden;}
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0;}
.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;}
.modal-dialog{position:relative;width:auto;margin:10px;}
.modal-content{position:relative;background-color:#ffffff;border:none;border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0);}
.modal-backdrop.in{opacity:0.5;filter:alpha(opacity=50);}
.modal-header{padding:0.8333em;border:none;}
.modal-header .close{margin-top:-2px;}
.modal-title{margin:0;font-size:1.550em;color:#ec232a;}
.modal-body{padding:20px;padding-top:0px;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}
.vertical-alignment-helper{display:table;height:100%;width:100%;padding:0 20px;}
.vertical-align-center{display:table-cell;vertical-align:middle;}
.modal-content{width:inherit;height:inherit;margin:0 auto;}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto;}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);}
.modal-sm{width:300px;}
.contactInfoBlock{width:40%;float:none;display:block;margin:0 auto;}
}
@media (min-width:992px){.modal-lg{width:900px;}}
#thankuModal .modal-body{padding-left:0px;padding-right:0px;}
#thankuModal h2{margin:2.5em 0;font-size:1.538em;color:#333;line-height:1.42857143;text-transform:none;}
#thankuModal h2:before{content:none;}
#thankuModal p{padding:20px;margin:0px 0 20px 0;background:#1d6093;font-size:1.5em;color:#fff;}
.thanks-message{padding:1.5em}

#recaptcha123{margin:-5px 0 0 0;padding:0;width:0;height:0;background:#000;border:0;font-size:0;display:inherit;}
#recaptcha123-error{display:none !important;}
.alert{padding:15px;margin-top:10px;border:1px solid transparent;}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}
.alert-danger p{display:inline-block;}
alert-dismissable .close, .alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit;}
.hidden{display:none;}
.playerbuttons{position:fixed;bottom:2em;right:1em;z-index:90;}
button{ border:none; cursor:pointer; outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.playerbuttons button{width:32px;height:32px;background-image: url(../img/play.png);background-repeat: no-repeat;background-position: bottom left;background-color:transparent;-webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);box-shadow:0px 0px 0px 3px rgba(255, 255, 255, 1);border-radius: 50%;}
.playerbuttons button#playpouse.play {background-image: url(../img/play.png);background-position: top left !important;}

.playerbuttons button#playpouse.pouse {background-image: url(../img/play.png);background-position:bottom left !important;}
@media(max-width:1470px){
    .patients-content-list{ width: 100%;}
    .box-row > div.patients-content h3{font-size: 2em;}
    .box-content .list li{ font-size: 1.3em;}
    .box-content .list li{ background-position: 0 7px}
    .patients-content-list{ margin-top: 2em;}
    .home-banner p{ font-size: 1.386em; line-height: 1.6em}
    .home-banner{ padding: 5% 0;}
    .profile-banner{ padding-bottom: 10%;}
    .inner-banner-caption{ padding: 1em 0;}
    h2{ font-size: 2.6em;}
    .logo img {width: 400px;}
    #menu {margin: 2.5em 0 0.5em 0;}
    .header {padding: 3.143em 0 1.6em;}
    #header.fixed .header {padding: 2.143em 0 1.2em;}
    .callus{ -webkit-transform: scale(0.9); -webkit-transform-origin: 0; transform: scale(0.9); transform-origin: 0}
    .section-spacing {padding: 3.5em 0;}
    .testimonialpage-wrapper .container{ padding-bottom: 3.5em;}
}
@media(max-width:1380px){
    .box-row > div.patients-content h3{font-size: 1.7em;}
    .box-content .list li{ font-size: 1.1em;}
    .box-content .list li{ background-position: 0 4px}
}

@media(max-width:1249px){
    #appointment .container{ width: 100%}
    .achive-wrapper{ width: 100% !important;}
    .achivements > div .title{ font-size:1.286em}
    .achivements > div .list span{font-size:1.186em}
    .vission-wrapper p{ font-size:1.229em;}
    .doctors-office .container{ width: 100%;}
    #header .container{ width: 98%;}
}
@media (max-width:1199px){
    .box-row, .box-row > div{ width: 100%; display: block;}
    .patients, .doctors{ padding-bottom:50%;}
    .doctors{position: absolute; top: 0px; left: 0px;}
    .pos-top{ margin-top: 56%;} 
    .patient-box > .patient-box-content h3{ font-size:1.743em}
    .patient-box > .patient-box-content .list li{font-size: 1.229em;}
    .doctors-content-wrapper, .doctors-content-wrapper > div{ width: 100%; display: block;}
    .dental-content{ padding-left:0px; }
    .doctors-content-wrapper > .dental-care{ padding-bottom: 50%; width: 100%; margin-bottom: 2em;}
    .home-banner .container{ width: 96%;}
    .home-banner, #testimonials{background-attachment:scroll;}
    .inner-banner img{ height:55vh}
    
}

@media(max-width:1023px){
    .presentation-box-row, .presentation-box-row > div{ width: 100%; display: block;}
    .presentation-box-row > div.presentationimg{ padding-bottom: 50%;}
    .presentation-box-row > div.presentation-content{ padding-top: 3em;}
    .quotes{ width: 135px;}
    #faq .faqimg{ display:none !important;}
    #faq .faq-wrapper > div{ width: 100%; display:block; padding:2em ; float:left;}
    .faq-panel{ margin-left: 0px; padding: 2em;}
    #faq .faq-content h2{ padding-left: 0px;}
    #footer{text-align: center;}
    h2{font-size: 1.800em}
    .box-row > div.doctors-content p{ margin: 1.429em 0 0}
    #testimonials .slick-slide{ font-size: 1em;}
    #footer .footer-links li{ display: inline-block; float: none;}
    #footer .footer-links{display:inline-block;}
    #footer .social-media{ float:none; display: inline-block; margin-top: 1em;}
	#footer .ada{ float:none; display: inline-block; margin-top: 1em;}
    .achivements, .achivements > div{ width:100%; display: block;}
    .achivements > div{ margin-bottom: 2em;}
    .achivements > div:last-child{margin-bottom: 0px;}
    .patient-box > .patient-box-content{ width: 314px; padding: 3em 2em}
    .publication-content, .publication-content > div{ width: 100%; display: block;}
    .publication-content > .publicationimg{ padding-bottom: 50%; width:100%; margin-top: 1em;}
    .publication-content{ padding-bottom:2.5em; }
    .testi-row .col-sm-6 {width: 100%;margin: 0 0 3em 0;}
    .box-spacing { margin-left: 0;}
    .row.testi-row {margin: 0;}
    .testi-wrapper > .quote{ width: 72px;}
     #header .callus{margin-top:0px !important;position: fixed;top:51px;right: 0px;z-index: 3;-webkit-transform: scale(0.7); -webkit-transform-origin: 0; transform: scale(0.7); transform-origin: 0}
    #header .callus{ right: -35px;}
    #header.fixed .callus{top:41px;}
    .profile-banner{ padding:5% 0 0px;}
    .profile-caption{ position: relative !important; margin-top: 5%;}
    .home-banner p.name{    margin-top: 1em;margin-bottom: 2em}
    .banner-arrow{ bottom: 10px;}
    .profile-banner p.name{margin-top: 1em;margin-bottom: 0px;}
   
    
}

@media(max-width:767px){
    #profile h2{ padding-top: 0px; padding-bottom: 0.5em}
    #profile h2:after{content:none;}
    .separator{padding-top: 2em;}
    .separator:before{content:none;}
    #enquiry .form-group{margin-bottom:22px;}
    .spacing{margin-top:22px;}
    .input-group .form-control{ padding: 6px 0px}
    #enquiry .input-group-addon span{ width: 36px;}
    h2{font-size: 1.400em; line-height: 1.4em;}
    .info{ padding-bottom: 1.857em;padding-top: 1.857em;}
    #appointment, .section-spacing{ padding: 3em 0;}
    .testimonialpage-wrapper .container{ padding-bottom: 1em;}
    .testimonial-wrapper{margin-top: 2em;}
    .quotes img{ width: 40px;}
    .quotes{ width:60px; }
    #testimonials .slider:after{ left:-13px;}
    #testimonials .container{ width: 100%; padding:0px;}
    .presentation-box-row > div.presentation-content .list > li:last-child{ padding-top:1em; padding-bottom: 3em;}
    .box-content .list li{ padding-bottom: 8px;}
    .box-row > div.patients-content h3{ font-size: 1.2em;}
    .faq-panel{ margin-left: 0px; margin: 1em 0; padding: 1em;}
    .panel-title{ font-size: 1em;}
    .profilepic img{ width: 200px;}
    .vission-wrapper p{ font-size: 1.129em;}
    .patient-box , .patient-box > div{ width: 100% !important; display:block;}
    .patient-box{ position: relative;}
    .patient-box > .patient-box-content{ padding: 1em 2em;}
    .patient-box > .adult, .patient-box > .pediatrics{ padding-bottom: 50%; min-height: inherit;}
    .patient-box > .adult{ position: absolute; top: 0px; left: 0px; z-index: 1; }
    .adult-box{ margin-top: 50%;}
    .company-info{ margin-top: 0px;}
    .achivements > div .list span{ font-size: 1.1em;}
    .header, #header.fixed .header{ padding:1.257em 0 1.857em}
    .logo img{ width: 250px !important}
    .home-banner p{ font-size: 1.086em}
    .marjon-pic{ display:block; width: 100%; margin: auto; padding-bottom:2em; z-index: 2; position: relative;}
    .marjon-pic img{ width: 60%;}
    .home-banner{ background: url(../img/bg-banner.jpg) repeat 0 0; margin:0; padding:4em 0 0; border-bottom: 2px solid #1d6093}
    .home-banner .container, .home-banner .col-xs-12{ margin-left: 0px !important; margin-right: 0px !important; background: #fff; width: 100%}
    .home-banner .container{ margin-top: -30%; padding-bottom: 3em;}
    .home-banner .col-xs-12 p{ padding-top: 30%}
    .home-banner .col-xs-12 p.name{ padding-top: 20px;}
    .banner-arrow { display: none;}
    .profile-caption{ position: relative !important; margin-top: 0;}
    #header .callus{-webkit-transform: scale(0.58); -webkit-transform-origin: 0; transform: scale(0.58); transform-origin: 0; right: -60px;top:22px;}
    #header.fixed .callus{top:22px;}
}

@media(max-width:650px){
    #thankuModal h2{ font-size:1.138em; padding: 0 1em;}
    #thankuModal p{font-size:1.1em;}
    #thankuModal img{ width: 93%;}
}