@media (min-width: 1400px) {
.container {
max-width: 1167px !important;
}
}
@media (max-width: 1399px) {
}
@media (max-width: 1299px) {
.hospital-detail h5 {
font-size: 20px;
}
.hospital-detail p {
font-size: 15px;
}
body .service-row h3 {
font-size: 40px;
}
.our-services-sec .section-bottom {
font-size: 23px;
}
}
@media (max-width: 1199px) {
#menu-header-menu li a {
font-size: 16px;
}
header .navbar-expand-lg .navbar-nav {
gap: 30px;
}
body h1 {
font-size: 50px;
}
body h3 {
font-size: 36px;
}
.one-stop-column h2 {
font-size: 20px;
}
.struggling-column h4 {
font-size: 30px;
}
.struggling-column p {
font-size: 18px;
}
.health-left-column h5,
.blog-detail-inner h2 {
font-size: 36px;
}
.card-detail h3 {
font-size: 17px;
}
.health-issue-column h5 {
font-size: 19px;
margin-bottom: 20px;
}
.section-head {
padding-bottom: 30px;
gap: 10px;
}
.why-choose-sec ul li {
font-size: 14px;
}
.webinar-sec .gradiant-btn a {
min-width: 160px;
}
.fill-gradiant-btn {
font-size: 15px;
padding: 10px 27px;
}
header .btn-outline,
.btn-outline {
font-size: 15px;
padding: 10px 20px;
}
.blog-img {
height: 240px;
}
.footer-links h4 {
font-size: 21px;
padding-bottom: 13px;
}
.gradiant-btn img {
top: -12px;
right: -15px;
width: 70px;
height: 70px;
}
}
@media (max-width: 1099px) {
.footer-links ul li {
padding-bottom: 10px;
}
.footer-links ul li a {
font-size: 14px;
}
.footer-copyright p {
font-size: 20px;
}
.with-line-vector h3::after {
bottom: -10px;
width: 110px;
}
.aboutImg {
height: auto;
}
body .service-row h3 {
font-size: 32px;
}
.our-services-sec .section-bottom {
font-size: 20px;
}
}
@media (max-width: 991px) {
.header-btn.for-mobile {
display: block !important;
}
.header-btn {
display: none;
}
header .navbar-brand {
margin-right: 0;
padding: 0;
}
header .btn-outline,
.btn-outline {
font-size: 14px;
gap: 5px;
padding: 7px 9px;
}
header .navbar-expand-lg .navbar-nav {
margin-left: 0;
}
.header-btn button:hover span {
transform: translateX(4px);
}
.header-right-min {
display: flex;
gap: 15px;
}
.navbar-collapse {
display: block !important;
visibility: hidden;
opacity: 0;
}
.navbar-collapse.show {
visibility: visible;
opacity: 1;
}
.navbar-collapse {
position: fixed;
top: 0;
right: -320px;
width: 320px;
height: 100vh;
background: #ffffff;
padding: 0;
transition: right 0.28s ease-out !important;
box-shadow: -3px 0 15px rgba(0, 0, 0, 0.15);
z-index: 99999;
}
.navbar-collapse.show {
right: 0;
}
header {
}
.menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
visibility: hidden;
transition: 0.5s ease-in-out;
z-index: 2;
}
.menu-overlay.active {
opacity: 1;
visibility: visible;
}
body.menu-open {
overflow: hidden;
}
.navbar-collapse.show ul {
padding: 10px;
}
.for-min-screen {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
border-bottom: 1px solid #d1d1d1;
}
.menu-close-btn {
background: linear-gradient(to right, #0082C2, #8C94CA, #D361A9) border-box;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
color: #fff;
font-weight: 700;
}
header .nav-link:hover,
header .nav-link.active {
background-image: linear-gradient(to bottom, #D361A9 20%, #6a6ad9 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body h1 {
font-size: 30px;
}
body h3 {
font-size: 26px;
}
.struggling-column p {
font-size: 14px;
}
p {
font-size: 14px;
line-height: 22px;
}
.struggling-column h4 {
font-size: 24px;
}
.health-left-column h5 {
font-size: 24px;
margin-bottom: 10px;
}
.blog-detail-inner h2 {
font-size: 24px;
}
.our-paitent-sec .slick-slide img {
border-radius: 10px;
}
.our-paitent-sec .slick-slide span img {
width: 17px;
}
.our-paitent-sec .slick-slide span {
width: 50px;
height: 50px;
}
.live-column h5 {
font-size: 24px;
}
.webinar-sec .gradiant-btn {
margin-top: 0;
}
.health-sec .col-md-6 {
width: 100%;
}
.mission-card {
flex-direction: column;
}
.mission-card p {
font-size: 15px;
}
.our-leaderImg h5 {
bottom: 15px;
font-size: 25px;
}
.about-us-sec {
padding-top: 0;
}
.product-details h4 {
font-size: 20px;
}
.product-details h5 {
font-size: 17px;
padding-bottom: 15px;
}
.banner-column h1::after {
bottom: -8px;
width: 130px;
}
.our-product-list-sec {
padding: 0 0 20px;
}
.productImg {
text-align: center;
}
.product-details {
text-align: center;
margin-top: 20px;
}
.product-details .btn-outline {
margin: auto;
}
.product-img {
height: 150px;
}
.our-teambanner .aboutImg {
height: auto;
}
.team-expert-sec .section-head {
gap: 0;
}
.pink-text,
.coaches-detail .pink-text {
font-size: 15px;
}
.banner-column h1 {
margin-bottom: 20px;
}
.team-banner-desc {
font-size: 17px;
}
.coaches-detail h4 {
font-size: 20px;
margin-bottom: 0;
}
.coaches-detail {
padding: 0 10px;
}
.coach-img {
margin-bottom: 14px;
height: auto;
}
.our-coaches .section-bottom {
font-size: 20px;
}
.services-details .section-head span {
width: 70px;
height: 60px;
font-size: 35px;
}
.services-details ul li {
border-radius: 13px;
gap: 10px;
font-size: 13px;
}
.services-details .fill-gradiant-btn {
width: 100%;
flex-wrap: wrap;
max-width: 390px;
justify-content: center;
gap: 0;
font-size: 13px;
text-align: center;
}
body .service-row h3 {
font-size: 25px;
}
.our-services-sec {
padding-top: 20px;
}
.our-blog-sec {
padding-top: 0;
}
.blog-detail {
padding: 12px;
}
.blog-img {
height: 190px;
}
.blog-detail h4 {
font-size: 14px;
}
.row.contact-main-row {
align-items: end !important;
}
.ask-anonymously-sec .row.contact-main-row {
align-items: start !important;
}
.faq-question, .faq-answer {
font-size: 16px;
}
.blog-detail-inner h2 {
padding: 20px 0 0;
}
.register-table-sec {
padding: 0;
}
.banner-section {
padding-bottom: 30px;
}
.learn-ask-sec {
padding-bottom: 0;
}
.learn-ask-sec .gradiant-btn.with-icon {
margin-top: 0;
margin-bottom: 30px;
}
.signIn-wrapper .modal-content::after {
transform: translate(-50%, -100%);
}
.blog-plan-list ul li {
font-size: 14px;
line-height: 27px;
}
.register-table-sec table {
table-layout: auto;
}
}
@media (max-width: 767px) {
section,
.health-sec {
padding: 50px 0;
}
body h3,
.health-left-column h5,
.blog-detail-inner h2 {
font-size: 22px;
}
.banner-sec .row {
align-items: start !important;
}
.home-banner-sec .col-md-6 {
width: 100%;
}
.home-banner-sec .banner-left {
text-align: center;
}
.home-banner-sec .banner-left h1 br {
display: none;
}
.home-banner-sec .gradiant-btn {
margin: 35px auto;
}
.our-experts {
padding: 14px;
right: 15px;
}
.our-experts a {
margin-bottom: 14px;
}
.webinar-sec .gradiant-btn a {
min-width: 140px;
padding: 11px 15px;
font-size: 14px;
}
.section-head {
gap: 15px;
}
.live-column h5 {
font-size: 21px;
font-weight: 700;
}
.our-paitent-sec .slick-slide span {
width: 40px;
height: 40px;
}
.our-paitent-sec .slick-slide span img {
width: 15px;
}
.struggling-sec .row {
--bs-gutter-x: 1.5rem;
}
.health-issue-card img {
height: auto;
}
.health-issue-card h4 {
font-size: 15px;
}
.health-issue-card {
border-radius: 10px;
}
.section-bottom p {
margin: 10px auto auto;
}
.choose-vector {
top: 0;
width: 60%;
}
.hospital-detail h5 {
font-size: 18px;
}
#hospital-slider .slick-slide img {
height: 200px;
}
.hospital-detail p {
font-size: 13px;
}
.struggling-sec .section-head h3::after {
bottom: -4px;
width: 120px;
height: 16px;
}
.struggling-column h4 {
font-size: 20px;
}
.why-choose-sec {
padding-top: 0;
}
.login-withBtns .btn-outline {
max-width: 240px;
}
.product-img {
height: 250px;
}
.our-product .section-head {
padding-bottom: 10px;
}
.our-approachSec .section-head {
margin-top: 20px;
}
.our-approachSec .section-head p {
margin: 0;
}
.with-line-vector h3 {
margin: auto;
}
.our-story-sec p,
.our-approachSec p {
text-align: center;
}
.our-story-sec .section-head,
.our-approachSec,
.our-approachSec .section-head {
padding-bottom: 0;
}
.our-story-sec,
.our-mission-sec {
padding-bottom: 0;
}
.our-leaderImg h5 {
font-size: 18px;
}
.our-leader-column p {
font-size: 14px;
padding-top: 12px;
}
.team-expert-sec .expert-row {
margin-bottom: 30px;
align-items: start !important;
}
.footer-links h4 {
font-size: 16px;
}
.social-media a {
width: 34px;
height: 34px;
}
.footer-copyright p {
font-size: 14px;
}
.one-stop-sec .one-stop-row,
.our-coaches .row, .our-product .row:last-child {
flex-wrap: nowrap;
overflow-x: auto;
padding: 10px;
}
.one-stop-sec .row .col-sm-6,
.our-coaches .col-lg-6, .our-product .col-md-6 {
width: 60%;
}
.service-row.column-reverse {
flex-direction: column-reverse;
}
.service-row {
margin-bottom: 0;
}
.our-services-sec .gradiant-btn {
margin: 0 auto auto;
width: 100%;
}
.services-details .fill-gradiant-btn {
max-width: 100%;
padding: 10px 13px;
font-size: 12px;
}
.row.blog-main-row { padding-bottom: 10px;
}
.row.blog-main-row .col-lg-4 {
width: 100%;
}
.blog-head {
padding-bottom: 0;
}
.blog-head .pink-text {
font-size: 18px;
}
.row.contact-main-row {
align-items: end !important;
flex-direction: column-reverse;
}
.book-consultation-sec .row.contact-main-row,
.ask-anonymously-sec .row.contact-main-row {
flex-direction: column;
}
.contact-form-sec .contact-right-column {
padding: 20px;
}
.contact-form-sec .gradiant-btn {
margin-top: 15px;
}
.gradiant-text {
margin-bottom: 0;
font-size: 15px;
}
.contact-form-sec .contact-left-column {
padding-right: 0;
}
.ask-anonymously-sec .dctrImg img {
width: 100%;
}
.learn-ask-sec .section-head {
gap: 5px;
text-align: center;
}
.learn-ask-sec .gradiant-btn.with-icon {
margin: auto auto 30px;
}
.blog-detailImg {
margin-bottom: 20px;
}
.why-happen-sec .card-wrapper:last-of-type {
height: 70vh;
}
.register-table-sec .table td, .register-table-sec .table th {
padding: 16px 10px !important;
}
.privacy-wrapper h3 {
font-size: 22px;
padding:0;
}
.privacy-wrapper h2 {
font-size: 26px;
padding: 10px 0;
}
.privacy-wrapper ul li {
font-size: 14px;
line-height: 28px;
}
.our-mission-sec {
padding-top: 30px !important;
}
}
@media (max-width: 576px) {
.banner-sec {
padding-top: 30px;
}
.banner-left h1 br {
display: none;
}
.banner-left {
text-align: center;
}
.banner-left .gradiant-btn {
margin: 30px auto auto;
}
.with-icon .fill-gradiant-btn {
padding-right: 10px;
}
.fill-gradiant-btn {
font-size: 13px;
padding: 8px 27px;
}
.gradiant-btn img {
top: -9px;
width: 60px;
height: 60px;
right: -13px;
}
.one-stop-column h2 br {
display: none;
}
.struggling-column {
text-align: center;
}
.struggling-sec {
padding: 40px 0 0;
}
hr.row-gap {
margin-bottom: 0;
}
.column-reverse {
flex-direction: column-reverse;
}
.health-issue-card {
border-radius: 10px;
}
.health-left-column {
text-align: center;
}
.health-left-column p {
font-size: 14px;
}
.health-left-column .gradiant-btn {
margin: auto;
}
.one-stop-sec .row .col-sm-6 {
width: 90%;
margin-bottom: 0 !important;
}
.one-stop-column p {
margin-bottom: 0;
}
.card-one img {
width: 40px;
}
.card-one {
padding: 10px;
gap: 10px;
}
.card-detail h3 {
font-size: 14px;
padding-bottom: 5px;
}
.card-detail p {
font-size: 13px;
line-height: 19px;
}
.health-issue-row .col-sm-6 {
width: 50%;
padding: 5px;
margin-bottom: 0 !important;
}
.health-issue-column h5 {
font-size: 13px;
margin-bottom: 15px;
}
.health-issue-card h4 {
font-size: 12px;
}
.health-issue-card img {
height: 90px;
}
.choose-vector {
top: 50%;
height: 100%;
width: 100%;
transform: translateY(-50%);
}
.why-happen-sec .section-head {
padding-bottom: 0;
}
.why-choose-sec .section-head,
.why-choose-sec p {
text-align: center;
}
.our-paitent-sec {
padding: 30px 0;
}
.our-paitent-sec .section-head {
padding-bottom: 15px;
}
.about-hospital-sec {
padding: 30px 0;
}
.about-hospital-sec .section-head {
padding-bottom: 20px;
}
.hospital-detail {
padding: 10px 10px 20px;
}
.hospital-detail h5 {
font-size: 14px;
margin-bottom: 3px;
}
.hospital-detail p {
font-size: 12px;
line-height: 18px;
}
.doctor-sec {
padding: 30px 0 10px;
}
.doctor-sec .row {
flex-direction: column-reverse;
text-align: center;
}
.doctor-sec .section-head {
gap: 0;
}
.doctor-sec .section-head h3 {
padding-bottom: 7px;
}
.webinar-sec {
padding: 30px 0 0;
text-align: center;
}
.webinar-sec .row {
flex-direction: column-reverse;
}
.live-text {
font-size: 15px;
}
.live-column {
justify-content: center;
padding-bottom: 10px;
}
.webinar-sec .gradiant-btn {
margin: auto;
}
.our-product {
padding: 30px 0 20px;
}
.banner-section,
.our-story-sec {
padding-top: 30px;
}
.mission-card {
gap: 10px;
}
.our-leaders {
padding-bottom: 10px;
padding-top: 20px;
}
.our-leader-row .col-md-6 {
width: 50%;
padding: 0 5px;
}
.our-leaderImg h5 {
font-size: 15px;
bottom: 5px;
padding: 5px;
}
.banner-column::after {
transform: translate(-50%, -20px);
height: 70px;
}
.our-product-list-sec .product-details-row .col-12:first-child {
padding: 0;
}
.our-product-list-sec .col-12:first-child {
padding: 0 30px;
}
.banner-column h1 {
margin-bottom: 15px;
}
.team-expert-sec {
padding: 30px 0 0;
}
.team-expert-sec .expert-row {
text-align: center;
flex-direction: column-reverse;
}
.team-expert-sec .expert-row p {
margin: 0;
}
.expert-img img {
width: 80%;
}
.team-expert-sec .column-reverse.expert-row {
flex-direction: column;
margin-bottom: 0;
}
.our-coaches .col-lg-6, .our-product .col-md-4 {
width: 90%;
padding: 0 5px;
}
.our-coaches {
padding: 30px 0;
}
.our-coaches .section-bottom {
font-size: 16px;
line-height: 25px;
}
.our-coaches .row:last-child {
padding: 0 10px;
}
.coach-card,
.coach-img,
.coach-img img {
border-radius: 7px;
}
.our-coaches .section-head {
padding-bottom: 0;
}
body .service-row h3 {
font-size: 24px;
}
.our-services-sec .section-bottom {
font-size: 18px;
}
.row.blog-main-row {
padding: 0 10px 10px
}
.row.blog-main-row .col-lg-4 {
width: 100%;
padding: 5px;
}
.row.contact-main-row {
margin: 0 10px;
}
.contact-right-column .with-icon .fill-gradiant-btn {
padding: 11px 13px 11px 30px;
font-size: 14px;
}
.contact-main-row .gradiant-btn img {
width: 65px;
height: 65px;
right: -16px;
top: -9px;
}
.blog-note h5 {
font-size: 20px;
}
.register-table-sec .gradient-head::after {
height: 61px;
}
.register-table-sec .table td,
.register-table-sec .table th {
padding: 12px 10px !important;
font-size: 14px;
}
.register-table-sec .table td, .register-table-sec .table th {
font-size: 12px;
}
.register-table-sec .fill-gradiant-btn {
padding: 6px !important;
font-size: 13px;
text-align: center;
justify-content: center;
}
.ask-anonymously-sec .contact-main-row.webinar-registration-row .section-head {
padding-bottom: 0;
}
.ask-anonymously-sec .contact-main-row .section-head {
padding-bottom: 10px;
}
.contact-main-row .section-head p {
font-size: 16px;
}
.faq-question, .faq-answer {
font-size: 14px;
}
.faq-item {
border-radius: 10px;
padding: 13px 14px;
}
.our-story-sec p {
margin: 0;
}
footer {
padding: 30px 0;
}
.footer-links h4 {
padding-bottom: 5px;
}
.footer-main .col-lg-4 {
width: 50%;
margin-bottom: 20px;
}
.why-happen-sec.for-mobile-sec {
display: block;
}
.why-happen-sec.paralax-section{
display: none;
}
.backToTop {
width: 40px !important;
height: 40px !important;
bottom: 15px !important;
right: 15px !important;
}
.blog-detailImg img {
width: 100%;
height: 100%;
object-fit: contain;
}
.blog-detailImg {
height: 220px;
width: 100%;
}
iframe {
width: 100%;
}
.blog-content img {
width: 100%;
object-fit: cover;
height: auto;
}
}
@media(max-width:430px){
.login-form input, .login-form .form-group {
width: 100%;
}
.and-text {
margin: 0 0 20px;
font-size: 20px;
}
}