@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
h1{ font-size: 22px; line-height: 31px; }
h3{ font-size: 15px; line-height: 21px; }
h5{ font-size: 16px; line-height: 24px; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ padding: 0 10px; font-size: 14px; height: 30px; padding-right: 80px; }

.container{ padding: 0 20px; box-sizing:border-box; }
.main-count{ font-size: 64px; line-height: 73px; margin-bottom: 10px; }
.site-logo{ font-size: 13px; line-height: 18px; }
.site-logo svg{ height: 50px; width: 50px; margin-right: 10px; }
nav ul li{ font-size: 14px; }
nav ul li a{ padding: 10px 9px 9px 9px; }
header .header-top{ padding-top: 20px; padding-bottom: 20px; border-bottom: 2px solid #709fc6; flex-wrap: wrap; }
.logo{ width: 100%; margin-bottom: 10px; }
.big-text p{ font-size: 14px; line-height: 20px; }
.search-area{ width: 100%; }
.count-sub-title{ font-size: 36px; line-height: 42px; margin-bottom: 10px; }
.two-col-area .left-area{ padding-right: 20px; width:100%; padding-right: 0; }
.two-col-area .right-area{ width:100%; padding-left: 0; }
.lives-box{ margin-top: 10px; margin-bottom: 20px; padding: 30px 20px; }
.header-btm nav{ display:none; }
.main-area{ padding: 20px 0 20px 0; }
.sub-title{ font-size: 14px; line-height: 22px; margin-bottom: 25px; }
.main-area .two-col{ flex-wrap:wrap; gap: 30px; }
.main-area .two-col .col-left{ width:100%; }
.main-area .two-col .col-right{ width:100%; }
.two-col-area{ flex-wrap:wrap; }
.custom-img{ width:100%; margin:0; margin-bottom: 20px; max-width: 100%; }
.mb-80{ margin-bottom: 50px; }
.team-area{ padding-top: 10px; }
.team-area .team-cell{ padding-right: 30px; margin-bottom: 20px; width:100%; padding: 0; }
.team-area .team-cell:nth-child( 2n + 2 ){ padding-left: 0px; }
.team-area .team-cell figure{ width: 160px; }
.team-cell h3{ font-size: 18px; }
.full-block{ padding-top:0; }
.two-col.full-block.mb-80{ gap: 0; }
.mb-80{ margin-bottom: 20px; }
.header-btm{ position: relative; text-align: right; padding-top: 10px; }
.mb-toggled.mb-closed{ display: inline-block; }
.mb-button span:last-child{ margin-bottom: 0; }
.inner-banner{ margin-top: 50px; }
.top-layout, .bottom-layout, .bottom-right {flex-direction: column; } 
.left-column, .big-box, .right-grid, .video-box, .bottom-right, .newsletter, .surgery-box {width: 100%; } 
.right-grid{ display: grid; grid-template-columns: 1fr 1fr; } 
.small-box{ height: 180px; } 
.big-box{ height: 360px; } 
.video-box, .newsletter, .surgery-box{ height: auto; min-height: 190px; }
.bottom-right{ display: grid; grid-template-columns: auto; gap: 10px; } 
.caption h3{ font-size: 13px; line-height: 18px; }
.research h2{ font-size: 18px; line-height: 20px; }
.training h2{ font-size: 18px; line-height: 21px; }
.video-box h2{ font-size: 18px; line-height: 20px; }
.newsletter h2{ font-size: 17px; line-height: 23px; }
.newsletter p{ font-size: 14px; line-height: 18px; }
.doc{ width: 34px; }
.math{ margin-top: 7px; font-size: 10px; text-align: left; }
.answer input{ height: 23px; }
.doctor-box{ height: 500px; }
.right-grid{ grid-template-columns: 1fr; }
.small-box{ height: 220px; } 
.caption h3{ font-size: 13px; } 
.training h2, .research h2{ font-size: 16px; }
.newsletter form input{ padding: 0 10px; font-size: 12px; height: 30px; padding-right: 8px; }
footer .container{ padding-bottom: 35px; }
.form input[type="submit"].wpcf7-form-control{ border: 1px solid #dfe7f2; font-size: 12px; line-height: 12px; top: 0px; height: 26px; }

.faq-ans img{ max-width: 130px; margin-right:15px; }
.faq-ans{ padding-top: 10px; }
.faq-area .faq-cell .faq-que{ font-size: 14px; line-height: 24px; }
.body-photo-right{ width:100%; margin:0; margin-bottom:20px; }
.spacer{ margin-bottom: 40px;}
.news-letter-grp{ padding-top: 20px; gap: 20px 0; padding-bottom:20px; }
.news-letter-cell{ width:100%; }
.news-letter-cell ul{ margin-bottom: 20px; }
hr{ margin-bottom: 30px; }

.blog-cell-area{ gap: 45px 35px; }
.blog-cell-area .blog-cell{ width: 100%; margin: 0; }
.blog_sec{ padding-top:0; }
.blog_wrapper .center-cell .load-more-btn{ font-size: 15px; line-height: 24px; text-underline-offset: 4px; }
.blog_wrapper .center-cell{ padding-top: 30px; }

.nav-links{ padding-top: 0px; }
.nav-links .nav-previous{ width: 100%; padding-bottom:30px; }
.nav-links .nav-next{ width: 100%; }
.blog-details-sec, .default_content{ padding-bottom: 20px; }
.blog-main-img{ height: 400px; margin-bottom: 20px; }
.blog-detail-info-area h1, .default_content h1{ font-size: 22px; line-height: 31px; margin-bottom: 20px; }
.search-results h2{ font-size: 18px; line-height: 24px; }
.navigation{ padding-bottom:20px; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px){
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ padding: 0 10px; font-size: 14px; height: 30px; padding-right: 80px; }
.container{ padding: 0 20px; box-sizing:border-box; }
.main-count{ font-size: 73px; line-height: 80px; margin-bottom: 10px; }
.site-logo{ font-size: 16px; line-height: 22px; }
.site-logo svg{ height: 42px; width: 42px; margin-right: 10px; }
nav ul li{ font-size: 14px; }
nav ul li a{ padding: 10px 9px 9px 9px; }
header .header-top{ padding-top: 35px; padding-bottom: 30px; border-bottom: 4px solid #709fc6; }
.big-text p{ font-size: 16px; line-height: 22px; }
.count-sub-title{ font-size: 50px; line-height: 50px; margin-bottom: 10px; }
.two-col-area .left-area{ padding-right: 20px; }
.lives-box{ margin-top: 40px; margin-bottom: 40px; padding: 30px 20px; }
.header-btm nav{ display:none; }
.main-area{ padding: 30px 0 30px 0; }
.mb-80{ margin-bottom: 50px; }
.team-area{ padding-top: 10px; }
.team-area .team-cell{ padding-right: 30px; margin-bottom: 30px; }
.team-area .team-cell:nth-child( 2n + 2 ){ padding-left: 30px; }
.team-area .team-cell figure{ width: 160px; }
.team-cell h3{ font-size: 18px; }
.header-btm{ position: relative; text-align: right; padding-top: 10px; }
.mb-toggled.mb-closed{ display: inline-block; }
.mb-button span:last-child{ margin-bottom: 0; }
.inner-banner{ margin-top: 50px; }
.top-layout, .bottom-layout, .bottom-right {flex-direction: column; } 
.left-column, .big-box, .right-grid, .video-box, .bottom-right, .newsletter, .surgery-box {width: 100%; } 
.right-grid{ display: grid; grid-template-columns: 1fr 1fr; } 
.small-box{ height: 180px; } 
.big-box{ height: 360px; } 
.video-box, .newsletter, .surgery-box{ height: auto; min-height: 190px; }
.bottom-right{ display: grid; grid-template-columns: 130px 1fr; gap: 10px; }
.caption h3{ font-size: 13px; line-height: 18px; }
.research h2{ font-size: 18px; line-height: 20px; }
.training h2{ font-size: 18px; line-height: 21px; }
.video-box h2{ font-size: 18px; line-height: 20px; }
.newsletter h2{ font-size: 17px; line-height: 23px; }
.newsletter p{ font-size: 14px; line-height: 18px; }
.doc{ width: 34px; }
.math{ margin-top: 7px; font-size: 10px; }
.answer input{ height: 23px; }
.doctor-box{ height: 500px; } 
.form input[type="submit"].wpcf7-form-control{ border: 1px solid #dfe7f2; font-size: 12px; line-height: 12px; top: 0px; height: 26px; }

.main-area .two-col.mb-full{ flex-wrap:wrap; }
.main-area .two-col.mb-full .col-left{ width:100%; padding:0; }
.main-area .two-col.mb-full .col-right{ width:100%; padding:0; }
.spacer{ margin-bottom: 40px;}
.news-letter-grp{ padding-top:30px; }
hr{ margin-bottom: 30px; }

.nav-links{ padding-top: 0px; }
.nav-links .nav-previous{ width: 100%; padding-bottom:30px; }
.nav-links .nav-next{ width: 100%; }
.blog-details-sec, .default_content{ padding-bottom: 20px; }
.blog-main-img{ height: 400px; margin-bottom: 20px; }
.blog-detail-info-area h1, .default_content h1{ font-size: 22px; line-height: 31px; margin-bottom: 20px; }
.search-results h2{ font-size: 18px; line-height: 24px; }
.navigation{ padding-bottom:20px; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px){

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ padding: 0 10px; font-size: 14px; height: 30px; padding-right: 80px; }
.container{ padding: 0 20px; box-sizing:border-box; }
.main-count{ font-size: 73px; line-height: 80px; margin-bottom: 10px; }
.site-logo{ font-size: 18px; line-height: 25px; }
.site-logo svg{ height: 50px; width: 50px; margin-right: 10px; }
nav ul li{ font-size: 14px; }
nav ul li a{ padding: 10px 9px 9px 9px; }
header .header-top{ padding-top: 35px; padding-bottom: 30px; border-bottom: 4px solid #709fc6; }
.big-text p{ font-size: 16px; line-height: 22px; }
.count-sub-title{ font-size: 50px; line-height: 50px; margin-bottom: 10px; }
.two-col-area .left-area{ padding-right: 20px; }
.lives-box{ margin-top: 40px; margin-bottom: 40px; padding: 30px 20px; }
.mb-80{ margin-bottom: 50px; }
.team-area{ padding-top: 10px; }
.team-area .team-cell{ padding-right: 30px; margin-bottom: 30px; }
.team-area .team-cell:nth-child( 2n + 2 ){ padding-left: 30px; }
.team-area .team-cell figure{ width: 160px; }
.team-cell h3{ font-size: 18px; }
.top-layout{ display: grid; grid-template-columns: 24% 40% 34%; gap: 10px; align-items: start; } 
.left-column, .big-box, .right-grid{ width: 100%; min-width: 0; } 
.right-grid {grid-template-columns: 1fr 1fr; } 
.small-box{ height: 170px; } 
.top-blue, .doctor-box{ height: 170px; } 
.big-box{ height: 350px; } 
.bottom-layout{ display: grid; grid-template-columns: 46.2% 53%; gap: 10px; } 
.video-box, .bottom-right{ width: 100%; } 
.video-box{ height: 170px; } 
.bottom-right{ display: grid; grid-template-columns: 130px 1fr; gap: 10px; } 
.surgery-box{ width: 100%; height: 170px; } 
.newsletter{ width: 100%; height: 170px; }
.caption h3{ font-size: 13px; line-height: 18px; }
.research h2{ font-size: 18px; line-height: 20px; }
.training h2{ font-size: 18px; line-height: 21px; }
.video-box h2{ font-size: 18px; line-height: 20px; }
.newsletter h2{ font-size: 17px; line-height: 23px; }
.newsletter p{ font-size: 14px; line-height: 18px; }
.doc{ width: 34px; }
.math{ margin-top: 7px; font-size: 10px; }
.answer input{ height: 23px; }

.wpcf7-not-valid-tip{ font-size: 11px; top: 22px; }
.wpcf7 form.invalid .wpcf7-response-output{ border-color: #ffb900; margin: 0; font-size: 7px; width: 92px; line-height: 8px; color: #fff; padding: 3px 2px; border-width: 1px; }
.dscf7-captcha-container .wpcf7-not-valid-tip{ font-size: 9px; margin-top: 2px; margin-left: 28px; width: 120px; }
.form input[type="submit"].wpcf7-form-control{ border: 1px solid #dfe7f2; font-size: 12px; line-height: 12px; top: 0px; height: 26px; }
.dscf7-answer-container{ width: 107px; margin-left:5px; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	

.container{ padding: 0 20px; box-sizing:border-box; }
.main-count{ font-size: 100px; line-height: 110px; margin-bottom: 15px; }

}