@charset "utf-8";
@media (max-width:2560px) {
.about-section .about-right .about-learnmore{width:100%;}
.about-section .about-right .about-learnmore span{padding:19px 0 19px 80px;}	
}
@media (max-width:2110px) {
.about-section .about-right .about-learnmore span{padding:0 0 0 80px;}
}

/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1320px) {
.main, .updates-section .inner-main { width: 100%; padding: 0 5%; }
.error404 .page-header, .error404 .page-content, .error404 .sidebar .page-content, .sidebar .page-content { width: 100%; padding: 30px 5%; }
.enumenu_ul > li { margin-right: 20px; }
.banner .owl-carousel .owl-controls .owl-nav { width: 100%; padding: 0 5%; }
.request-appointment form .field.field-name, .request-appointment form .field.field-email { width: 18% }
.request-appointment form .field.field-phone { width: 15% }
.request-appointment form .field.field-message { width: 30% }
.request-appointment form .field.field-button { width: 15% }
.about-section .about-left { padding: 30px; }
.about-section h3 { font-size: 24px; }
.about-section ul li { font-size: 18px; margin-bottom: 3px; }
.about-section .about-right .about-learnmore { padding: 30px 20px; }
.about-section .about-right .about-learnmore span { font-size: 26px; line-height: 30px; }
.about-section .about-right .about-learnmore::before { border-width: 60px 35px 64px 0 }
.signup-section .signup-left { width: 50%; }
.signup-section .signup-right { width: 48%; }
.banner .owl-carousel .owl-controls .owl-nav .owl-next { right: 10px }
.banner .owl-carousel .owl-controls .owl-nav .owl-prev { left: 10px; }

.Our-space-gallery ul li .gallery-wrapper{min-height:auto}
.about-section .about-right .about-learnmore::before { border-width: 60px 35px 60px 0; }

.health-updates .health-updates-img > a{background-size:cover;min-height:200px;}
}

/*------------tablet portrait  view------*/
@media (max-width:1210px) {
.inner-main, .main-footer .inner-main { width: 100%; padding: 0 5%; }
.enumenu_ul > li { margin-right: 12px; }
.enumenu_ul > li > a { font-size: 16px; }
.about-section h3 { font-size: 22px; }
.about-section .about-right .about-learnmore::before { border-width: 66px 35px 66px 0; }
.about-section .about-right .about-learnmore span { font-size: 20px; line-height: 24px; padding: 12px 0 12px 80px }
.signup-section .signup-left span { font-size: 22px; line-height: 28px; }
.health-updates h4 { font-size: 22px; line-height: 24px; }
.map p { font-size: 12px; }
.thumb-tagline span { font-size: 28px; line-height: 32px; padding-top: 0 }
.our-space-section h2 { font-size: 110px; }
.contact-form-wrapper { padding: 0 }
.inner-page-banner h1 { font-size: 80px; }
.inner-page-banner, .inner-page-banner .banner-text { height: 550px; }
.services-listing .our-category-box { width: 32.5%; padding-right: 2% }
.services-listing ul li { font-size: 20px; line-height: 26px; margin: 8px 0; }
.media-page { padding: 40px 0 }
.media-page .opening-heading { margin: 0 }
.media-page .media-category ul { margin-top: 30px }
.media-page .media-category { margin-bottom: 30px; }
.meet-ourteam { padding-top: 40px; }
.meet-ourteam ul { margin-top: 20px }

.health-updates .health-updates-img > a{min-height:180px;}
}

@media (max-width:1023px) {
.main-header { padding: 20px 0; position: relative }
.main-header .logo { vertical-align: middle; width: auto }
.main-header .header-right { width: auto }
.enumenu_ul { display: none }
.menu-block { height: auto; }
.menu-icon { display: block }
.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
.enumenu_ul > li { display: block; margin: 0; padding: 0px 20px; }
.enumenu_ul > li:last-child { border: none }
.enumenu_ul > li > a { display: block; text-align: left; padding: 11px 0 10px; line-height: 24px; font-size: 20px; border-bottom: 1px solid #72bbcf }
.enumenu_ul { width: 100%; position: absolute; left: 0; background: rgba(32,119,142,0.90); z-index: 999; top: 100% }
.enumenu_ul > li ul { background: #72bbcf; padding: 0 20px }
.enumenu_ul > li ul a { text-align: left; display: block; color: #fff; padding: 8px 0; text-shadow: 1px -1px 0 #3f565c; border-bottom: 1px solid #fff; width: 100% }
.enumenu_ul > li ul li:hover a { color: #c3f1fd }
.enumenu_ul > li ul a:last-child { border: none }
.enumenu_ul .arrow.up { }
/* Push Menu */
body.menuslide_push { position: relative; }
body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
body.slidemenuRight .enumenu_ul { right: -300px; }
body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
body.slidemenuLeft .enumenu_ul { left: -300px; top: 0; }
body.slidemenuLeft.menu-open .enumenu_ul { left: 0; top: 0; }
body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
body.menuslide_push.slidemenuRight.menu-open { right: 300px }
body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; }
.banner h1 { font-size: 80px; line-height: 1.4 }
.banner h1 span { font-size: 30px; }
.banner .item, .banner-text { height: 600px; padding-top: 70px }
.about-section .about-right .about-learnmore { padding:20px 30px 20px 20px;}
.request-appointment form .field.field-message { width: 30% }
.about-section .about-right .about-learnmore::before { border-width:44px 35px 44px 0; }

.about-section .about-right .about-learnmore span { background-size: 10%; padding: 0 0 0 75px; }
.main-footer .footer-wrapper .contact-info { width: 35%; }
.main-footer .footer-wrapper .follow-us { width: 18% }
.map { width: 45% }
.map .googleMap{ height: 200px; }
.map p { line-height: 16px; }
.contact-form .field em { width: 40%; font-size: 16px; }
.services { padding: 40px 0 60px; }
.services-tagline span br { display: none }
.services-tagline span { font-size: 26px; line-height: 34px; }
.enumenu_ul li a span.down-arrow { display: none }
.media-page .opening-heading span, .media-page .media-category span { font-size: 24px; line-height: 30px; }
.media-page .heading-icon a { font-size: 24px; line-height: 30px }
.media-page .media-category ul li a, .media-page .media-category ul li .media-category-wrapper { height: 200px; }
.media-page .media-category ul li .media-category-wrapper .category-box p { font-size: 16px; font-weight: 600 }
.meet-ourteam .our-teamsay { padding: 0 }
.meet-ourteam .our-teamsay p { font-size: 24px; line-height: 30px; }
.meet-ourteam ul li { width: 32.5% }

div.wpcf7-mail-sent-ok{width:58%;padding:0 10% 0 0}
.health-updates .health-updates-img > a{min-height:160px;}
}

/*------------mobile landscape  view------*/
@media (max-width:980px) {
.header-top ul li, .header-top ul li a, .header-top span { font-size: 14px; }
.request-appointment form .field { margin: 2px 0 }
.request-appointment form .field.field-name, .request-appointment form .field.field-email { width: 30% }
.request-appointment form .field.field-phone { width: 30% }
.request-appointment form .field.field-message { width: 45% }
.about-section h3 { font-size: 30px; }
.about-section ul li { font-size: 20px; }
.about-section .about-right .about-ourteam{min-height:700px;background-size:100%}
.about-section .about-left, .about-section .about-right { width: 100%;position:static}
.about-section .about-right .about-learnmore span { background-size: auto; font-size: 30px; line-height: 36px; }
.about-section .about-right .about-learnmore::before { display: none }
.signup-section .signup-left { width: 100%; margin: 0 0 20px 0; }
.signup-section .signup-right { width: 100%; text-align: center }
.main-footer span { font-size: 24px; line-height: 30px; }
.request-appointment form .field.field-button { width: 20% }
.thumb-tagline span { font-size: 22px; line-height: 28px; }
.inner-page-banner h1 { font-size: 60px; }
.inner-page-banner, .inner-page-banner .banner-text { height: 500px; }
.media-page .media-category ul li a, .media-page .media-category ul li .media-category-wrapper { height: 160px; }
.category-box img { width: 80% }
.media-page .media-category ul li span { width: 31%; font-size: 20px; }
.our-team-details { max-width: inherit; min-width: 0; width: 90% }
.team-slide-section button.pre-arrow, .team-slide-section button.next-arrow { width: 35px; height: 35px; background-size: 35% }
.team-slide-section button.pre-arrow { background-position: 9px center }
.team-slide-section button.next-arrow { background-position: 10px center }

.comment-form .form-submit{text-align:left}
.defoult-popup{width:85%}
.main-footer .footer-wrapper{margin:30px 0}

div.wpcf7-mail-sent-ok{width:50%;padding:0}
.health-updates .health-updates-img > a{min-height:130px;}
}
@media (max-width:800px) {
.updates-section .owl-controls{top:30%}
.about-section .about-right .about-ourteam{min-height:640px}
}
/*------------mobile portrait view------*/
@media (max-width:767px) {
.header-top { text-align: center; padding: 0 0 5px 0 }
.header-top span { float: none; display: inline-block; width: 100% }
.header-top ul { float: none; display: inline-block; width: 100% }
.health-updates ul li { width: 100%; margin: 0 0 20px 0 }
.health-updates ul li:last-child { margin: 0 }
.health-updates ul li img { width: 100% }
.request-appointment, .health-updates, .signup-section { padding: 30px 0; }
.main-footer { padding: 30px 0 20px; }
.health-updates ul { margin-top: 15px; }
.main-footer .footer-wrapper { text-align: center }
.banner .item, .banner-text { height: 450px; padding-top: 45px; }
.banner h1 { font-size: 55px; line-height: 1.4 }
.banner h1 span, .inner-page-banner h1 span { font-size: 26px; }
.main-footer .footer-wrapper .contact-info { width: auto; margin-bottom: 20px; padding: 0; float: none; display: inline-block }
.main-footer .footer-wrapper .contact-info ul li { text-align: left }
.map { width: 100%; }
.map .googleMap { margin-bottom: 10px; }
.map p { font-size: 22px; text-align: center; line-height: 26px; }
.main-footer .footer-wrapper .follow-us { display: none }
.footer-cpyright .footer-logo { position: static; top: 0; border-bottom: 1px solid #fff; padding-bottom: 14px; margin-bottom: 15px; }
.header-top { display: none }
h2 { font-size: 28px; }
h2 span { font-size: 18px; }
.request-appointment form .field { margin: 0 0 10px 0 }
.request-appointment form .field.field-name, .request-appointment form .field.field-email, .request-appointment form .field.field-phone { width: 100% }
.request-appointment form .field.field-message { width: 78% }
.about-section .about-right .about-ourteam {background-image:none !important;min-height:inherit}
.about-section ul li { font-size: 22px; margin-bottom: 10px; }
.about-section .about-right .about-learnmore{position:static}
.about-section .about-right .about-learnmore span { background-size:55px; font-size: 26px; line-height: 30px; }
.signup-section .signup-left span { font-size: 20px; line-height: 26px; }
.footer-cpyright { border: none; }
.footer-cpyright .left { float: none; text-align: center; width: 100%; margin-bottom: 10px }
.footer-cpyright .right { float: none; text-align: center; width: 100% }
.footer-cpyright ul li { margin-bottom: 10px }
.main-footer .footer-cpyright .left span, .footer-cpyright ul li a { font-size: 14px }
.footer-cpyright span a { font-size: 20px; }
.wide-column { width: 100%; float: none }
.aside-section { width: 100%; float: none }
.Our-space-gallery ul li { width: 50% }
.our-space-section, .our-space-section .our-space-wrapper { height: 350px }
.our-space-section h2 { font-size: 80px; }
.contact-form .contact-form-left { width: 100%; padding: 0; float: none; margin-bottom: 30px; }
.contact-form .contact-form-right { width: 100%; padding: 0; float: none; text-align: center }
.contact-form .contact-info { margin-bottom: 20px; }
.contact-form .contact-form-right span a { display: inline-block }
.contact-form h3 { font-size: 26px; }
.contact-form .contact-form-right span br { display: none }
h2.resp-accordion { font-size: 20px; }
.inner-page-banner .banner-text { padding-top: 150px; }
.services-listing ul li { font-size: 16px; line-height: 24px; margin: 5px 0; }
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.media-page .media-category ul li a, .media-page .media-category ul li .media-category-wrapper { height: 140px; }
.meet-ourteam ul li { width: 49.0% }
.our-team-details .team-details-left { width: 100%; margin: 0 0 20px 0 }
.our-team-details .team-details-right { width: 100% }
.our-team-details .mfp-close { height: 30px; width: 30px; border-radius: 0; right: 0; top: 0; background-size: 50% }

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{max-width:inherit;width:100%}

.request-appointment{display:none}
.main-footer .request-appointment{display:block}

.about-section-wrapper .main{padding:0}

.main-footer .footer-wrapper{margin:30px 0 80px}

div.wpcf7-mail-sent-ok {bottom: 14px;padding: 0;width: 60%;}
.request-appointment form .field.field-message textarea{height:150px;}
.health-updates .health-updates-img{max-height:none;overflow:inherit}
.health-updates .health-updates-img > a{min-height:300px;}
}

@media (max-width:640px) {
.request-appointment form .field.field-message { width: 70% }
.request-appointment form .field.field-button { width: 28%; float: right }
.Our-space-gallery ul li { width: 100% }
.contact-form .contact-form-right span { font-size: 20px; line-height: 26px; }
.contact-form p { font-size: 16px; line-height: 20px }
.contact-form .field input { min-height: 44px; }
.inner-page-banner h1 { font-size: 60px; }
.inner-page-banner, .inner-page-banner .banner-text { height: 400px; }
.services-listing ul li { font-size: 18px; line-height: 26px }
.services-listing .our-category-box { width: 100%; padding: 0; margin-bottom: 10px; border-bottom: 1px solid rgba(175,222,234, 0.5) }
.services-listing .our-category-box:last-child { border-bottom: 0; margin-bottom: 0 }
.services-tagline span { font-size: 20px; line-height: 26px; }
.menu-icon .menu-box, .menu-icon.active .menu-box { background-size: 70% }
.media-page .media-category ul li { width: 100%; margin: 0 0 20px 0 }
.media-page .media-category ul li a { height: inherit; padding: 15% 5% }
.media-page .media-category ul li .media-category-wrapper { height: inherit }
.media-page { padding: 30px 0 }
.media-page .opening-heading span, .media-page .media-category span { font-size: 18px; line-height: 24px; }
.media-page .media-category ul { margin-top: 20px }
.media-page .media-category { margin-bottom: 20px; }
.media-page .heading-icon a { font-size: 18px; line-height: 24px }
.meet-ourteam ul li { width: 100%; margin: 0 0 10px 0 }
.team-details { margin: 20px 0 0; }

.updates-section .owl-controls{top:inherit;bottom:15px}
.updates-section .owl-controls .owl-next, .updates-section .owl-controls .owl-prev{height:40px;width:40px;background-size:35%}
.updates-section .owl-controls .owl-prev{background-position:10px center;}
.updates-section .owl-controls .owl-next{background-position:13px center;}

.tab-according-section h3{font-size:24px;line-height:26px;}
div.wpcf7-mail-sent-ok {position:static;width:100%}

.thumb-tagline span {background-position: center top !important;font-size:18px;line-height:24px;margin: 0 auto;padding: 115px 0 0;text-align: center;}
.about-us p{font-size:18px;line-height:24px}

.signup-section form input, .signup-section form input[type="email"]{max-width:270px;}
.health-updates .health-updates-img > a{min-height:280px;}
}
@media (max-width:540px) {
.health-updates .health-updates-img > a{min-height:240px;}
}
/*----------optional css------*/
@media (max-width:480px) {
.main-header { padding: 15px 0; }
.main-header .logo a img { height: 80px; }
.banner h1 { font-size: 40px; }
h2 { font-size: 22px; }
h2 span { font-size: 16px; line-height: 20px; }
.health-updates h5 { margin-bottom: 5px; }
.banner h1 span, .inner-page-banner h1 span { font-size: 20px; }
.banner .item, .banner-text { height: 350px; padding-top: 35px }
.banner .owl-carousel .owl-controls .owl-nav .owl-next, .banner .owl-carousel .owl-controls .owl-nav .owl-prev { width: 35px; height: 35px; border: 2px solid #20778e }
.banner .owl-carousel .owl-controls .owl-nav .owl-prev { background-size: 30%; background-position: 10px center }
.banner .owl-carousel .owl-controls .owl-nav .owl-next { background-size: 30%; background-position: 14px center }
.about-section .about-left { padding: 20px; }
.about-section h3 { font-size: 22px; line-height: 24px; }
.about-section ul li { font-size: 16px; line-height: 28px; margin-bottom: 8px; }
.about-section .about-right .about-learnmore { padding: 10px 20px; }
.about-section .about-right .about-learnmore span { background-size: 50px auto; font-size: 16px; line-height: 20px; padding: 10px 0 10px 60px; }
.request-appointment form .field.field-message { width: 100% }
.request-appointment form .field.field-button { width: auto; float: left }
.our-space-section, .our-space-section .our-space-wrapper { height: 300px }
.our-space-section h2 { font-size: 50px; }
.signup-section .signup-left span { background-size: 50px auto; font-size: 16px; line-height: 20px; text-align: left; padding-left: 70px }
.main-footer > .inner-main > span { padding: 0 }
.main-footer span { font-size: 20px; line-height: 26px; padding: 0; }
.map p { font-size: 14px; line-height: 20px; margin: 0; }
.main-footer .footer-cpyright .left span, .footer-cpyright ul li a { font-size: 12px; }
.footer-cpyright .left { margin-bottom: 5px; }
.footer-cpyright span a { font-size: 16px; line-height: 22px; }
.signup-section .signup-right { text-align: left }
.signup-section form input, .signup-section form input[type="email"] { width: 100%; margin-bottom: 10px; max-width: inherit }
.signup-section form input[type="submit"] { width: auto }
.inner-page-banner .banner-text { padding-top: 110px; }
.inner-page-banner h1 { font-size: 40px; }
.inner-page-banner, .inner-page-banner .banner-text { height: 350px; }
.menu-icon .menu-box, .menu-icon.active .menu-box { background-size: 50% }
.team-info-wrapper { width: 100% }
.our-team-details .team-details h5 { font-size: 20px; }
.error404 .page-wrapper h2 { font-size: 20px; }

.share-this-links {margin: 70px 0 30px;}

.health-updates .health-updates-img > a{min-height:200px;background-position:center center}
}
@media (max-width:360px) {
.health-updates .health-updates-img > a{min-height:155px;}
}
/*---------use only when design is customise-----------*/