/*-----------------------Reset-------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 100%; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1;
}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*----------------------Base Styles----------------------*/

html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; /*  background:#f4f4f4 url('../img/white-bg.png') no-repeat 0 625px; */
background: #fff; }
body { font-size: 100%; line-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Roboto', sans-serif; color: #000; background: transparent url('../img/body-bg.jpg') no-repeat 50% 0; position: relative; min-height: 100%; }
/*----------------------Default----------------------------*/

blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
button[disabled], input[disabled] { cursor: default; }
iframe { filter: alpha(opacity=100) !important; opacity: 1!important; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width:12px;
*height:12px;
margin: 0; border: 0 none; background: transparent none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
strong { font-weight: bold; }
em { font-style: italic; }
p { margin: 0 0 1em 0; line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 { padding: 0.5em 0; font-weight: bold; text-decoration: none; }
ol, ul { list-style: none; margin: 0; padding: 0; position: relative; display: block; clear: both; }
a:link, a:visited, a:focus, a:hover, a:active { text-decoration: underline; cursor: pointer; color:#31441b; }
a:hover { text-decoration: none; }
/*--------------------Selection---------------------*/
::selection { background:rgba(184,213,165,1); color:#000; }
/*--------------------Helpers-----------------------*/

.hidden { display: none; visibility: hidden; }
.clear, .clear-left, .clear-right { clear: both; display: block; width: 100%; height: 0; overflow: hidden; line-height: 0; font-size: 0; }
.clearafter:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; overflow: hidden; }
* html .clearafter, *:first-child+html .clearafter { zoom: 1 }
.clear-left { clear: left; }
.clear-right { clear: right; }
.f-right { float: right; }
.f-left { float: left; }
.no-border { border: 0 none!important; }
.no-margin { margin: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-bg { background: transparent none; }
.a-left { text-align: left !important; }
.a-right { text-align: right !important; }
.a-center { text-align: center !important; }
.no-list-style, .no-list-style li { list-style: none !important; margin-left: 0 !important; }
.mr-25 { margin-right: 25px; }
/*--------------------------Header---------------------------*/

#header-inn { position: relative; z-index:9; overflow: hidden; clear: both; width: 1200px; margin: 0 auto; padding: 30px 10px 0 10px; }
#top-logo { float: left; position: relative; }
#top-menu { float: right; padding: 35px 0px 0 0; position: relative; }
#top-menu a { float: left; text-decoration: none; text-transform: uppercase; color: #fff; font: normal 16px/16px 'Roboto', sans-serif; margin-left: 16px; padding: 5px 0 0 22px; background: url('../img/navbar_icons.png') 0 -138px no-repeat; text-shadow: 1px 2px 3px rgba(20,32,12,0.5); -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
#top-menu a:first-child { margin-left: 0; background: url('../img/navbar_icons.png') 0 -18px no-repeat; }
#top-menu a:first-child + a { background: url('../img/navbar_icons.png') 0 -61px no-repeat; }
#top-menu a:first-child + a + a { background: url('../img/navbar_icons.png') 0 -177px no-repeat; }
#top-menu a:first-child + a + a + a { background: url('../img/navbar_icons.png') 0 -98px no-repeat; }
#top-menu a:hover { color: #b8d5a5; }
.pseudo-menu { display: none; }
/*--------------------------Sections--------------------------*/

.section-main { position: relative; overflow: hidden; clear: both; }
.section-main > .section-inn { margin: 0 auto; width: 1200px; display: table; clear: both; position: relative; padding-left: 10px; padding-right: 10px; }
#pets-bg { position: relative; overflow: hidden; clear: both; background: #fff; }
.half-block { width: 50%; position: relative; margin-bottom: 47px; }
/*-------------------------Services-------------------------*/

.big-logo { margin-top:0; }
.services-provide-block { padding: 70px 0 0 0; position: relative; }
.services-provide-block h3:first-child { margin: 0; padding: 0; color: #fff; font-size: 30px; margin-bottom: 42px; opacity: 0; text-shadow: 2px 2px 2px rgba(20,32,12,0.5); }
.services-provide-block h3:first-child span { font-weight: 300; }
.services-provide-block ul { margin-bottom: 0; padding-right: 55px; }
.services-provide-block ul li { position: relative; overflow: hidden; clear: both; color: #fff; padding: 0 0 24px 99px; min-height: 79px; left: -1200px; text-shadow: 2px 2px 2px rgba(20,32,12,0.5); }
.services-provide-block ul li strong { display: block; clear: both; font-size: 22px; margin-bottom: 1px; }
.services-provide-block ul li p { margin: 0; font-size: 16px; line-height: 30px; }
.services-provide-block ul li.item-1 { background: transparent url('../img/services_icons.png') no-repeat 0 0; }
.services-provide-block ul li.item-2 { background: transparent url('../img/services_icons.png') no-repeat 0 -474px; }
.services-provide-block ul li.item-3 { background: transparent url('../img/services_icons.png') no-repeat 0 -948px; }
.services-provide-block ul li.item-1.active { background: transparent url('../img/services_icons.png') no-repeat 0 -237px; }
.services-provide-block ul li.item-2.active { background: transparent url('../img/services_icons.png') no-repeat 0 -711px; }
.services-provide-block ul li.item-3.active { background: transparent url('../img/services_icons.png') no-repeat 0 -1185px; }
a.to-doctors-btn { float: left; text-decoration: none; background-color:rgba(255,255,255,0.5); color: #31441b; margin-left: 96px; font-size: 19px; font-weight: 300; padding: 13px 16px; border: 2px solid #b8d5a5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; opacity: 0; -webkit-transition: .4s ease; -moz-transition: .4s ease; -o-transition: .4s ease; transition: .4s ease; }
a.to-doctors-btn:hover { background-color: #fff; color: #000; border-color: #fff; }
#slider-wrap { width: 585px; position: relative; }
#slider { width: 585px; height: 666px; position: relative; }
#slider .slide { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; }
#slider .slide:first-child { display: block; }
.sli-links { text-align: center; position: absolute; z-index: 5; width: 100%; left: 0; bottom: 40px; }
.sli-links .control-slide { margin-left: 15px; display: inline-block; width: 17px; height: 17px; overflow: hidden; text-indent: -9999px; background-color: transparent; cursor: pointer; border: 3px solid #fafafa; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.sli-links .control-slide:first-child { margin-left: 0; }
.sli-links .control-slide.active { background-color: #fafafa; }
#slider .slide.flip { -webkit-transform-origin: 50% 50%; -webkit-animation: flip; -webkit-animation-duration: 1s; -moz-transform-origin: 50% 50%; -moz-animation: flip; -moz-animation-duration: 1s; -o-transform-origin: 50% 50%; -o-animation: flip; -o-animation-duration: 1s; -ms-transform-origin: 50% 50%; -ms-animation: flip; -ms-animation-duration: 1s; transform-origin: 50% 50%; animation: flip; animation-duration: 1s; }
 @-webkit-keyframes flip {
 0% { -webkit-transform: rotateY(0deg); }
 100% { -webkit-transform: rotateY(360deg); }
}
 @-moz-keyframes flip {
 0% { -moz-transform: rotateY(0deg); }
 100% { -moz-transform: rotateY(360deg); }
}
 @-ms-keyframes flip {
 0% { -ms-transform: rotateY(0deg); }
 100% { -ms-transform: rotateY(360deg); }
}
 @-o-keyframes flip {
 0% { -o-transform: rotateY(0deg); }
 100% { -o-transform: rotateY(360deg); }
}
 @keyframes flip {
 0% { transform: rotateY(0deg); }
 100% { transform: rotateY(360deg); }
}
.services-main-title { margin: 0 auto; width: 80%; padding: 17px 0 28px 0; color: #6c974e; text-align: center; position: relative; display: block; clear: both; font-size: 36px; font-weight: 300; line-height: 42px; position: relative; top: -80px; opacity: 0; }
.services-main-title:before { content: ''; display: block; background: transparent url('../img/quotes.png') no-repeat 50% 0; width: 39px; height: 30px; margin-left: -20px; position: absolute; top: -40px; left: 50%; }
.services-bottom-block { position: relative; clear: both; /*  min-height:240px; */
padding-bottom: 50px; overflow: hidden; border-bottom: 2px solid #e3e3e3; }
.services-bottom-block h4 { display: block; text-align: center; width: 75%; margin: 0 auto 41px; padding: 0; color: #818181; font: normal 300 18px/30px 'Roboto', sans-serif; }
.services-bottom-block button { display: block; font: normal 300 19px/44px 'Roboto', sans-serif; border: 2px solid #6c974e; border-radius: 4px; padding: 0px 22px; margin: 0 auto 0; color: #fff; background: #6c974e; transition: all 0.3s ease 0s; cursor: pointer; }
.services-bottom-block button:hover { background: #b8d5a5; border: 2px solid #b8d5a5; color: #6c974e; }
/* Responsive Tabs */
ul.resp-tabs-list { display: block; overflow: hidden; margin: 0 0 16px; }
.resp-tabs-list li { display: inline-block; float: left; cursor: pointer; color: #6c974e; border: 2px solid #b8d5a5; border-radius: 4px; font: normal 300 18px/29px 'Roboto', sans-serif; padding: 0px; width: 205px; text-align: center; background: #fff; margin: 0 10px 0 0; transition: all 0.3s ease 0s; }
.resp-tabs-list li:hover,  h2.resp-accordion:hover { background: #b8d5a5; color: #fff; }
/*    .resp-tabs-list li:hover, */
.resp-tabs-list li.resp-tab-active,  h2.resp-accordion.resp-tab-active { background: #6c974e; color: #fff; border: 2px solid #6c974e; }
h2.resp-accordion,  .resp-tab-content { display: none; }
h2.resp-accordion { cursor: pointer; color: #6c974e; border: 2px solid #b8d5a5; border-radius: 4px; font: normal 300 18px/33px 'Roboto', sans-serif; padding: 0px; text-align: center; background: #fff; margin: 0 10px 0 0; transition: all 0.3s ease 0s; }
.resp-accordion .resp-arrow { }
.resp-tab-content ul { font: normal 300 18px/20px 'Roboto', sans-serif; color: #818181; padding-left: 16px; }
.resp-tab-content ul li { list-style: none; margin: 0; padding: 0 0 0 32px; line-height: 30px; background: url('../img/check.png') 0 11px no-repeat; }

/*--------------------------About Us-------------------------*/

#about-us { background: transparent; }
.middle-title { margin: 52px 0 30px 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 30px; color: #6c974e; text-align: center; }
.middle-title span { font-weight: 300; }
.middle-text { position: relative; overflow: hidden; clear: both; text-align: justify; margin:0 auto 40px; }
.middle-text p { margin: 0 auto 10px; color: #818181; font-size: 18px; font-weight: 300; line-height: 30px; }
/*-----------------------Our Doctor-------------------------*/

ul.list-of-doctors { overflow: hidden; float:left; width:300px; padding: 10px 0 20px 0; }
#our-doctors ul.list-of-doctors li { width: 295px; margin:0 auto; text-align: center; cursor: pointer; color: #767676; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
#our-doctors ul.list-of-doctors li img { margin-bottom: 30px; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: 2s ease; -moz-transition: 2s ease; -o-transition: 2s ease; transition: 2s ease; }
#our-doctors.current ul.list-of-doctors li.flip img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
ul.list-of-doctors li h4 { font-size: 28px; padding: 0 30px 12px 30px; color: #6c974e; }
ul.list-of-doctors li p { font-weight: 300; font-size: 18px; line-height: 29px; margin: 0 30px; color: #818181; }
#our-doctors ul.list-of-doctors li:hover { color: #062e48; }
#our-doctors div.middle-text { display:inline; padding: 18px 30px 0 12px; }
/*-----------------------Our Services--------------------------*/

#about-us .our-services-wrap { position: relative; overflow: hidden; clear: both; /*  background-color:#fff; */
margin-bottom: 44px; -webkit-transition: opacity 4s ease; -moz-transition: opacity 4s ease; -o-transition: opacity 4s ease; transition: opacity 4s ease; opacity: 0; filter: alpha(opacity=0); }
#about-us.current .our-services-wrap { opacity: 1; filter: alpha(opacity=100); }
.our-services-text { overflow: hidden; padding: 12px 20px 30px 44px; }
.award-title { color: #767676; font-weight: 300; font-size: 30px; }
.award-date { color: #062e48; display: block; margin-bottom: 10px; font-size: 16px; }
.our-services-text p { color: #818181; font-size: 18px; margin: 0; line-height: 30px; font-weight: 300; }
.our-services-text .oh { overflow: hidden; padding: 0 0 0 30px; }
.our-services-slider { width: 415px; height: 281px; position: relative; float: left; overflow: hidden; }
.our-services-slider .award-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; }
.our-services-slider .award-img:first-child { display: block; }
#prewbutton, #nextbutton { display: block; text-indent: -9999px; position: absolute; background: transparent url('../img/arrows-sprite.png') no-repeat 0 0; width: 13px; height: 26px; cursor: pointer; top: 50%; margin-top: -13px; z-index: 5; }
#prewbutton { left: 6px; }
#nextbutton { right: 6px; background-position: 100% 0; }
/*-----------------------Our Patients------------------------*/

.about-our-patients-block { position: relative; overflow: hidden; clear: both; }
.about-our-patients-block h4 { font-weight: bold; color: #767676; font-size: 25px; padding-bottom: 20px; }
.about-our-patients-block p { color: #767676; font-weight: 300; font-size: 18px; text-align:justify; line-height: 30px; margin: 12px 0; }
.about-our-patients-block-left { display:inline-block;  width:690px; }
.about-our-patients-block img { float:right; padding:20px 0 20px 30px; }
.about-our-patients-block ul { width:100%; }
.about-our-patients-block ul li { float:left; list-style: none; margin: 0; padding: 0 32px 0 32px; line-height: 30px; background: url('../img/check.png') 0 11px no-repeat; width:340px; }
ul.list-of-our-patients { overflow: hidden; padding: 56px 0 52px 0; border-bottom: 2px solid #E3E3E3; }
#learn-more ul.list-of-our-patients li { float: left; width: 236px; }
ul.list-of-our-patients li figure { display: block; margin: 0 auto 18px auto; background-color: #fff; text-align: center; width: 90px; height: 90px; line-height: 90px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
ul.list-of-our-patients li figure img { vertical-align: inherit; }
ul.list-of-our-patients li h5 { color: #6c974e; font-size: 16px; font-weight: bold; text-align: center; padding: 0 0 8px 0; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
ul.list-of-our-patients li p { color: #818181; font-size: 13px; margin: 0; font-weight: 300; line-height: 20px; text-align: center; padding: 0 15px; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
ul.list-of-our-patients li:hover h5, ul.list-of-our-patients li:hover p { color: #062e48; }
/*-------------------------Contacts--------------------------*/

#contacts { background: #6c974e url('../img/contactus_bg.jpg') 50% 0 no-repeat; background-size:cover; padding-bottom: 75px; }
.contacts-info { position: relative; overflow: hidden; clear: both; text-align: center; padding: 50px 0 40px 0; color: #fff; }
.contacts-info strong { font-size: 30px; display: block; clear: both; margin-bottom: 20px; }
.contacts-info strong span { font-weight: 300; }
.contacts-info p { font-size: 18px; line-height: 30px; font-weight: 300; margin: 0; }
ul.contacts-address { padding-right: 60px; float: left; width: 33%; clear: none; font-weight: 300; }
.contacts-address li { color: #fff; font-size: 16px; line-height: 24px; margin: 0; padding: 0 0 0 25px; }
.contacts-address li a { color: #fff; }
.contacts-address li:first-child { margin: 0 0 20px; padding: 0; background: transparent; }
.contacts-address li:first-child + li { background: url('../img/contactus_icons.png') 0 4px no-repeat; }
.contacts-address li:first-child + li + li { background: url('../img/contactus_icons.png') 0 -74px no-repeat; }
.contacts-address li:first-child + li + li + li { background: url('../img/contactus_icons.png') 0 -154px no-repeat; }
.contacts-address li:first-child + li + li + li a { text-decoration:none; }
.contacts-address li:first-child + li + li + li + li { background: url('../img/contactus_icons.png') 0 -236px no-repeat; }
form.contact-form { display: block; overflow: hidden; }
form.contact-form textarea { float: left; width: 48%; height: 170px; resize: none; overflow: auto; margin: 0; color: #fff; outline: none; border: none; font: 300 18px 'Roboto', sans-serif; padding: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
 form.contact-form textarea::-webkit-input-placeholder { color:#fff; opacity:1; }
 form.contact-form textarea::-moz-placeholder { color:#fff; opacity:1; }
form.contact-form .f-right { float: right; width: 48%; }
form.contact-form input[type="text"] { width: 100%; border: none; font: 300 18px 'Roboto', sans-serif; padding: 7px 15px; margin: 0 0 23px 0; color: #fff; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
 form.contact-form input[type="text"]::-webkit-input-placeholder { color:#fff; opacity:1; }
 form.contact-form input[type="text"]::-moz-placeholder { color:#fff; opacity:1; }
form.contact-form button[type="submit"] { margin: 0; cursor: pointer; color: #fff; text-transform: capitalize; font: 300 18px 'Roboto', sans-serif; text-transform: capitalize; padding: 10px 75px 10px 15px; border: 2px solid #b8d5a5; background: transparent url('../img/comment.png') no-repeat 93% 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: .4s ease; -moz-transition: .4s ease; -o-transition: .4s ease; transition: .4s ease; }
form.contact-form button[type="submit"]:hover { border-color: #fff; background-color: #fff; color: #4f5d65; background-image: url('../img/comment-hover.png'); }
form input[type="text"], form textarea { background: #31441b; }
form input[type="text"]:focus, form textarea:focus { box-shadow: inset 0 0 2px #fff; }
form input.error[type="text"], form textarea.error { background: #31441b url('../img/error.png') no-repeat 95% 15px; }
div.success, div.loading { color: #fff; padding: 10px 0px 0px; }
div.error { padding: 10px 0px 0px 28px; color: #fff; background: transparent url('../img/error.png') no-repeat 0px 10px; }
.map-section { height: 350px; }
#map_canvas { width: 100%; height: 100%; }
#content-boolean { overflow: hidden; background-color: #fff; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content-boolean { color: #31441b; }
#content-boolean h1 { font-size: 15px; padding-top: 0; }
#content-boolean p { font-size: 15px; margin: 0; }
/*--------------------------Footer---------------------------*/

footer[role="contentinfo"] { position: relative; overflow: hidden; clear: both; background-color: #fff; }
.foo-inn { margin: 0 auto; position: relative; overflow: hidden; clear: both; width: 1200px; padding: 21px 0; }
.foo-inn .foot-logo { display: block; float: left; }
.foo-inn .copyright { line-height: 33px; font-size: 14px; color: #31441b; padding-top: 1px; margin: 0 0 0 67px; float: left; }
#bottom-menu { overflow: hidden; text-align: right; line-height: 20px; float: right; padding-top: 1px; }
#bottom-menu a { display: inline-block; text-decoration: none; text-transform: capitalize; color: #31441b; font-size: 14px; line-height: 33px; font-weight: bold; margin: 0; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: .4s ease; }
#bottom-menu span { color: #6c974e; font-size: 16px; font-weight: 300; padding: 0px 13px; }
#bottom-menu a:hover { color: #062e48; }
#bottom-menu a:first-child { margin-left: 0; }
/*------------------------Navigation-------------------------*/

.navigation-fixed { z-index: 5; right: 30px; top: 35px; position: fixed; width: 80px; display: none; }
.navigation-fixed span { display: block; clear: both; cursor: pointer; color: #31441b; font-weight: bold; font-size: 13px; text-align: center; }
.navigation-fixed span.button-top { background: transparent url('../img/btns-sprite.png') no-repeat 50% 25px; margin-bottom: 20px; padding-bottom: 55px; }
.navigation-fixed span.button-bottom { padding-top: 55px; background: transparent url('../img/btns-sprite.png') no-repeat 50% -157px; }

/*-----------------------Media Queries-----------------------*/

@media only screen and (max-width:1400px) {
.navigation-fixed { display: none!important; }
}

@media only screen and (max-width:1199px) {
.section-main > .section-inn,  #header-inn,  .foo-inn { width: 100%; }
.foo-inn { padding-left: 10px; padding-right: 10px; }
.services-provide-block ul li,  #sb.services-bottom-block .f-left { left: -120%; }
#sb.services-bottom-block .f-right { right: -120%; }
#our-doctors ul { text-align: center; }
#our-doctors ul.list-of-doctors li { float: none; vertical-align: top; display: inline-block; width: 24%; }
#learn-more ul.list-of-our-patients { text-align: center; }
#learn-more ul.list-of-our-patients li { float: none; vertical-align: top; display: inline-block; width: 19.5%; }
}

@media only screen and (max-width:1024px) {
#header-inn,  .section-main > .section-inn { padding-left: 30px; padding-right: 30px; }
.services-provide-block ul { padding-right: 0; }
.services-provide-block { padding-top: 50px; }
.services-bottom-block h4 { width: 100%; float: none; }
.services-bottom-block button { margin: 25px auto 0; float: none; }
#services > .section-inn > .f-left,  #services > .section-inn > .f-right { float: none; clear: both; width: 100%; overflow: hidden; }
#slider-wrap { margin: 0 auto; padding-top: 40px; }
.services-main-title { width: 95%; }
.services-main-title:before { display: none; }
.our-services-text img { display: none; }
.contacts-address li { font-size: 16px; }
#learn-more ul.list-of-our-patients li { width: 185px; }
#our-doctors ul.list-of-doctors { padding-bottom: 20px; }
#our-doctors ul.list-of-doctors li { width: 48%; margin-bottom: 20px; }
#sb.services-bottom-block .f-left { padding: 35px 130px 0 0; }
#sb.services-bottom-block .f-right { padding: 35px 0 0 130px; }
.services-main-title { font-size: 45px; line-height: 55px; }
#top-menu { padding: 40px 20px 0 0; }
.foo-inn { padding: 20px 5px; }
.contacts-info { padding: 35px 0; }
#contacts { padding-bottom: 50px; }
ul.contacts-address { padding-right: 40px; }
.middle-text p { width: 95%; }
.our-services-text { padding: 10px 20px; }
ul.resp-tabs-list { margin-bottom: 20px; }
.resp-tabs-list li { width: 150px; }
.foo-inn .copyright { margin-left: 10px; }
}

@media only screen and (max-width:800px) {
#header-inn,  .section-main > .section-inn { padding-left: 10px; padding-right: 10px; }
/* responsive tabs */
.our-services-text { padding: 20px; }
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; margin: 0 auto 10px; }
.resp-tab-content-active { display: block; }
}

@media only screen and (max-width:768px) {
#about-us .our-services-wrap { margin-bottom: 0; }
#header-inn { padding-top: 35px; }
#top-menu a { margin-left: 14px; font-size: 14px; line-height: 15px; }
.services-main-title { font-size: 40px; line-height: 50px; }
#sb.services-bottom-block .f-left { padding: 10px 125px 0 0; }
#sb.services-bottom-block .f-right { padding: 10px 0 0 125px; }
#top-menu { padding-right: 0; }
.middle-title { margin-top: 30px; }
ul.contacts-address { padding-right: 30px; }
.contacts-address li { font-size: 12px; }
.about-our-patients-block-left { width:350px; }
.about-our-patients-block img { float:none; padding:20px 0 20px 0; }
#learn-more ul.list-of-our-patients { text-align: center; padding-bottom: 25px; }
#learn-more ul.list-of-our-patients li { float: none; display: inline-block; vertical-align: top; margin-bottom: 25px; width: 30%; }
#our-doctors ul.list-of-doctors { padding-bottom: 40px; text-align: center; }
#our-doctors ul.list-of-doctors li { float: none; display: inline-block; vertical-align: top; margin-bottom: 25px; width: 49%; }
#our-doctors ul.list-of-doctors li p { font-size: 17px; line-height: 25px; }
#our-doctors ul.list-of-doctors li h4 { font-size: 24px; padding-bottom: 10px; }
.our-services-wrap { padding: 25px 0; }
.our-services-slider { float: none; clear: both; margin: 0 auto 10px auto; }
.our-services-text .oh { padding: 0 10px; }
.foo-inn { background: none; }
.foo-inn .foot-logo { float: none; display: inline-block; margin: 0 0 10px; }
.foo-inn { text-align: center; }
.foo-inn .copyright { float: none; text-align: center; margin: 0; }
#bottom-menu { float: none; margin: 0 auto 10px; text-align: center; }
}

@media only screen and (max-width:568px) {
#services > .section-inn > .half-block.f-right { display: none; }
.services-bottom-block:before { display: none; }
.half-block { margin-bottom: 15px; }
}

@media only screen and (max-width:480px) {
#bottom-menu a { margin-left: 0px; font-size: 15px; }
.foo-inn { padding: 20px 0; }
.map-section { height: 250px; }
.contacts-info { padding: 25px 0; }
.contacts-info strong { font-size: 28px; margin-bottom: 15px; }
.contacts-info p { font-size: 16px; line-height: 27px; }
ul.contacts-address { padding-right: 0; clear: both; width: 100%; }
.contacts-address li { font-size: 19px; line-height: 24px; margin-top: 15px; }
form.contact-form { clear: both; padding-top: 25px; }
#contacts { padding-bottom: 30px; }
form.contact-form textarea,  form.contact-form input[type="text"] { font-size: 16px; }
#our-doctors ul.list-of-doctors { padding-bottom: 0; }
#our-doctors ul.list-of-doctors li { width: 100%; }
#our-doctors ul.list-of-doctors li img { margin-bottom: 15px; }
.middle-title { font-size: 28px; margin: 15px 0 10px 0; }
.middle-text p { font-size: 16px; line-height: 27px; }
.middle-text { padding: 0 0 15px 0; }
#learn-more ul.list-of-our-patients { padding-bottom: 5px; }
.about-our-patients-block p { font-size: 16px; line-height: 27px; }
.about-our-patients-block h4 { padding: 0 0 15px 0; }
.our-services-text { padding: 0 10px; }
.our-services-text p { font-size: 16px; line-height: 27px; }
.award-date { font-size: 15px; }
.award-title { font-size: 28px; padding-top: 5px; }
#services > .section-inn > .f-right { display: none; }
#header-inn { padding-top: 25px; }
#top-logo { float: none; width: 396px; margin: 0 auto; display: block; position: relative; z-index: 1; }
.big-logo { margin-top:0px; padding-top:16px }
.services-main-title { color: #fff; padding: 0 0 20px 0; font-size: 27px; line-height: 36px; }
.services-bottom-block { padding: 0 0 25px; margin: 0 0 0px; border: 0px; }
.services-bottom-block h4 { color: #ccc; }
#sb.services-bottom-block .f-left,  #sb.services-bottom-block .f-right { float: none; clear: both; width: 100%; }
#sb.services-bottom-block .f-left { padding-right: 0; margin-bottom: 10px; }
#sb.services-bottom-block .f-right { text-align: left; padding-left: 0; }
ul.list-of-our-patients li p { padding: 0 10px; }
ul.list-of-our-patients li figure { margin-bottom: 15px; }
ul.list-of-our-patients li h5 { padding: 0 15px 8px 15px; }
ul.list-of-our-patients li { margin-bottom: 20px; width: 32%; }
#our-doctors ul.list-of-doctors li { margin-bottom: 20px; }
.services-bottom-block .f-left p, .services-bottom-block .f-right p { line-height: 27px; }
.services-provide-block ul { padding-right: 0; }
.services-provide-block ul li strong { font-size: 20px; margin-bottom: 5px; }
.services-provide-block ul li { padding-bottom: 25px; }
.services-provide-block ul li p { font-size: 16px; line-height: 27px; }
.to-doctors-btn { margin-bottom: 20px; }
.services-provide-block h3:first-child { font-size: 28px; margin-bottom: 25px; }
.services-provide-block { padding-top: 20px; }
.services-bottom-block .f-left h4,  .services-bottom-block .f-right h4,  .services-bottom-block .f-left p,  .services-bottom-block .f-right p { color: #fff; }
header,  #services,  #contacts { background: #6c974e; }
#top-menu { display: none; float: none; clear: both; overflow: hidden; padding: 25px 0 0 0; }
#top-menu a { float: none; display: block; clear: both; overflow: hidden; margin: 0 0 10px 0; }
#top-menu a:last-child { margin-bottom: 0; }
.pseudo-menu { display: block; color: #fff; text-decoration: none; font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; top: 14px; right: 101px; z-index: 3; -webkit-user-select: none; user-select: none; }
form.contact-form button[type="submit"] { padding-top: 10px; padding-bottom: 10px; font-size: 15px; }
.our-services-wrap { padding-top: 2px; }
}

@media only screen and (max-width:320px) {
#bottom-menu a { margin-left: 0px; font-size: 12px; }
#bottom-menu span { padding: 0 5px; }
.foo-inn { padding: 15px 0; }
#content-boolean h1,  #content-boolean p { font-size: 13px; }
form.contact-form textarea,  form.contact-form input[type="text"] { font-size: 14px; }
form.contact-form textarea { float: none; height: 100px; width: 100%; margin: 0 0 15px 0; }
form.contact-form .f-right { float: none; clear: both; width: 100%; }
form.contact-form button[type="submit"] { font-size: 14px; background-position: 93% 11px; padding: 8px 40px 8px 13px; }
.contacts-address li { font-size: 15px; line-height: 20px; margin-top: 10px; }
.contacts-info p { font-size: 14px; line-height: 24px; }
#contacts { padding-bottom: 20px; }
.contacts-info strong { font-size: 24px; margin-bottom: 10px; }
.contacts-info { padding: 15px 0; }
#our-doctors ul.list-of-doctors li h4 { font-size: 20px; padding-bottom: 5px; }
#our-doctors ul.list-of-doctors li p { font-size: 14px; line-height: 24px; }
#our-doctors ul.list-of-doctors li { margin-bottom: 15px; }
ul.list-of-doctors { padding-top: 0; }
.middle-title { font-size: 24px; }
.middle-text p { font-size: 14px; line-height: 24px; }
#learn-more ul.list-of-our-patients li { width: 48%; margin-bottom: 15px; }
.our-services-slider { width: 260px; height: 176px; }
.about-our-patients-block p { font-size: 14px; line-height: 24px; }
ul.list-of-our-patients { padding-top: 20px; }
ul.list-of-our-patients li figure { margin-bottom: 15px; }
ul.list-of-our-patients li p { padding: 0 10px; }
ul.list-of-our-patients li h5 { padding: 0 15px 7px 15px; }
.about-our-patients-block h4 { font-size: 24px; padding-bottom: 10px; }
#about-us .our-services-wrap { margin-bottom: 15px; padding: 10px 0; }
.our-services-text p { font-size: 14px; line-height: 24px; }
a.to-doctors-btn { margin-left: 0; font-size: 16px; }
.services-provide-block h3:first-child { font-size: 24px; text-align: center; }
.services-provide-block ul li p { font-size: 14px; line-height: 24px; }
.services-provide-block ul li strong { font-size: 18px; }
.services-provide-block ul li { padding-bottom: 20px; }
.services-bottom-block .f-left h4, .services-bottom-block .f-right h4 { font-size: 18px; }
.services-bottom-block .f-left p, .services-bottom-block .f-right p { font-size: 14px; line-height: 24px; }
.services-main-title { font-size: 24px; line-height: 30px; }
.award-title { font-size: 23px; padding-top: 0; padding-bottom: 8px; }
.award-date { font-size: 13px; margin-bottom: 5px; }
.pseudo-menu { right: 21px; }
#header-inn { padding-right: 0; padding-left: 0; }
#top-menu { padding-left: 30px; }
#about-us .our-services-wrap { padding-top: 0; }
}

/*----------------------Print Styles--------------------------*/

@media print {
* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}