@media (min-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1170px;
}
}
@media(max-width:1399px) {
.navbar-nav .nav-link {
padding: 22px 10px !important;
}
}
@media(max-width:1299px) {
.navbar-nav .nav-link {
padding: 22px 7px !important;
}
.navbar-expand-lg .navbar-collapse {
gap: 1rem !important;
}
.dincharya-banner {
padding: 180px 0;
}
.kidney-banner h1 {
font-size: 44px;
}
.kidney-banner .tag {
font-size: 20px;
}
.kidney-banner p {
font-size: 18px;
}
.trustImg {
width: 110px;
height: 110px;
}
.trustImg img {
width: 50px;
}
.trust-column h3 {
font-size: 17px;
}
.main-sec-heading {
font-size: 35px;
}
.support-disease-card h2 {
font-size: 18px;
}
.symptom-card h4 {
font-size: 22px;
}
}
@media(max-width:1199px) {
.header-btn {
padding: 9px 13px;
font-size: 13px;
}
.kidney-banner {
margin-top: -96px;
}
.inner_pages_wrapper .banner-left-bg {
max-width: 117px;
}
.navbar-nav .nav-link {
padding: 25px 10px !important;
font-size: 14px;
}
.kidney-banner p {
max-width: 470px;
}
.banner-detail {
padding-bottom: 70px;
}
.banner-btns {
gap: 8px;
}
.btn-primary,
.btn-secondary {
font-size: 13px !important;
}
.inner_pages_wrapper .container {
padding-top: 20px;
}
}
@media(max-width:1099px) {
.navbar-nav .nav-link {
padding: 25px 6px !important;
font-size: 13px;
}
}
@media(max-width:992px) {}
@media (max-width: 991px) {
.navbar-nav .nav-link {
padding: 15px 20px !important;
font-size: 16px;
}
.hero_wrapper.main_header {
background-image: none;
padding-top: 0;
background-color: #fff;
}
.hero_wrapper.main_header.fixed-header {
background: #043b1d;
}
.hero_wrapper {
padding-top: 30px;
}
.navbar-brand img {
height: 50px;
}
.nav-link {
padding: 12px 0;
}
.header-btn {
display: none;
}
.navbar-toggler-icon {
filter: brightness(0) invert(0);
color: #fff;
}
.main_header.fixed-header .navbar-toggler {
border: 1px solid #fff;
}
.main_header.fixed-header .navbar-toggler-icon {
filter: brightness(0) invert(1);
}
.mobile-v .header-btn,
.offcanvas-body .header-btn {
display: block;
font-size: 14px;
font-weight: 600;
}
.desktop-version-nav {
display: none !important;
}
.header-btn.center-text {
display: none;
}
.right-mnav.mobile-v {
display: flex;
align-items: center;
}
.inner_pages_wrapper .banner-left-bg {
display: none;
}
.care-grid {
grid-template-columns: 1fr;
}
.care-card.big {
height: 500px;
min-height: auto;
}
.center-grid {
grid-template-columns: repeat(2, 1fr);
}
.kidney-banner h1 {
font-size: 30px;
margin-bottom: 6px;
}
.kidney-banner .tag {
font-size: 18px;
}
.kidney-banner p {
font-size: 16px;
margin-bottom: 18px;
}
.trust-column h3 {
font-size: 16px;
}
.btn-primary,
.btn-secondary {
padding: 12px 14px;
font-size: 12px !important;
}
.banner-detail {
padding-top: 60px;
padding-bottom: 50px;
}
.trustImg {
width: 90px;
height: 90px;
}
.trustImg img {
width: 37px;
}
.support-disease .col-md-3 {
width: 33%;
}
.support-disease-card svg {
height: 60px;
}
.support-disease-card {
padding: 20px;
}
.ayurvedic-care-sec .row {
flex-direction: column;
}
.ayurvedic-care-sec .row .col-md-6 {
width: 100%;
}
.care-img img {
width: 100%;
padding-bottom: 20px;
}
.pillar-column img {
width: 100%;
}
.patient-column-story span img {
width: 40px;
}
.main-sec-heading {
font-size: 26px;
}
.patient-stories-sec p {
padding-bottom: 10px;
font-size: 16px;
}
.slide-prev,
.slide-next {
width: 40px;
height: 40px;
}
.slide-prev svg,
.slide-next svg {
width: 17px;
}
.faq-question h3 {
font-size: 18px;
}
.faq-item.active .faq-answer {
max-height: 300px;
padding: 0 15px 15px;
}
.faq-question {
padding: 12px 15px;
}
.faq-btn {
width: 30px;
height: 30px;
}
.faq-btn svg {
width: 13px;
}
.faq-answer {
font-size: 15px;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
font-size: 16px;
}
.contact-form textarea {
min-height: auto;
height: 60px;
}
.navbar-brand.me-4 {
margin-right: 0 !important;
}
.btn-for-desktop {
display: flex;
gap: 7px;
}
.mobile-v .header-btn,
.offcanvas-body .header-btn {
font-size: 12px;
}
.navbar-nav .nav-link {
color: #000;
}
.consult_wrapper p {
font-size: 18px;
flex-basis: 60%;
}
.consult_wrapper .consult_btn a {
font-size: 15px;
}
}
@media(max-width:768px) {}
@media(max-width:767px) {
.center-grid {
grid-template-columns: 1fr;
}
.care-card,
.care-card.big,
.center-grid .small {
min-height: 300px !important;
height: 300px;
}
.care-card h3 {
font-size: 27px;
}
.contact-form .form-group {
margin-bottom: 24px;
}
.contact-form input,
.contact-form textarea {
font-size: 17px;
padding-bottom: 15px;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
font-size: 17px;
}
.contact-form textarea {
min-height: 110px;
}
.newsletter-btn a {
font-size: 14px;
}
.social-media-inner {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.kidney-banner {
background: #043b1d;
}
.bannerImg-desktop {
display: none;
width: 100%;
}
.bannerImg-mobile {
display: block;
width: 100%;
}
.header-btn {
background: #fad451;
color: #000000;
}
.patientStoriesSlider {
margin-top: 20px;
}
.banner-detail {
padding-top: 30px;
padding-bottom: 0;
text-align: center;
}
.banner-btns {
gap: 8px;
justify-content: center;
}
.btn-for-desktop a:last-child svg path {
fill: #043b1d;
} .consult_wrapper {
flex-direction: column;
padding: 40px 60px;
}
.consult_wrapper p {
font-size: 16px;
text-align: center;
}
.consult_wrapper p br{
display:none;
}
.consult_wrapper p {
padding-bottom: 15px;
}
.consult_wrapper .consult_btn a {
font-size: 16px;
}
.research_paper_inner h4 {
font-size: 25px;
line-height: 30px;
}
.research_paper_inner h4 br {
display: none;
}
.inner_pages_wrapper {
background: #043b1d;
}
.inner_pages_wrapper .banner-left-bg {
display: none;
} }
@media (min-width:576px) {
.support-disease .row {
justify-content: center;
}
}
@media(max-width:576px) {
.sec-p {
padding: 30px 0;
}
p {
font-size: 14px;
}
.kidney-care-sec h4 {
text-align: center;
}
.top-inner-desc.inner-pageDesc {
margin: 0;
text-align: center;
}
.heading-row {
display: block;
margin-bottom: 20px;
}
.swiper-btns {
justify-content: end;
margin-top: 10px;
}
.patient-stories-sec .main-sec-heading, .patient-stories-sec p {
text-align: center;
padding-bottom: 10px;
}
.footer_main .footer_app {
margin-bottom: 20px;
}
.offcanvas {
max-width: 90%;
}
.navbar .container-fluid {
padding: 0 10px;
}
.main-sec-heading {
font-size: 25px;
max-width: 100%;
}
.navbar-brand img {
height: 65px;
width: 140px;
object-fit: contain;
}
.banner-btns {
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.banner-btns a {
width: 70%;
}
.kidney-banner .tag {
font-size: 20px;
margin-bottom: 10px;
}
.kidney-banner h1 br {
display: none;
}
.kidney-banner {
padding: 80px 0 0;
}
.trust-column {
margin-bottom: 20px;
}
.trust-column h3 {
font-size: 16px;
padding-top: 7px;
}
.trustImg {
width: 70px;
height: 70px;
}
.trustImg img {
width: 28px;
}
.consult_wrapper {
padding: 12px;
border-radius: 10px;
gap: 10px;
margin-top: 10px;
flex-wrap: wrap;
justify-content: center;
}
.consult_wrapper p {
padding-bottom: 0;
}
.wht-is-kidneyDiseas {
margin-top: 10px;
}
.wht-is-kidneyDiseas img {
border-radius: 10px;
}
.support-disease .row {
flex-wrap: nowrap;
overflow-x: auto;
}
.support-disease .col-md-3 {
width: 70%;
}
.care-detailInner {
gap: 15px;
}
.care-detailInner p {
font-size: 17px;
}
.spacer-main {
height: 30px;
}
.inner_pages_wrapper {
padding-top: 100px;
}
.symptom-card h4 {
font-size: 18px;
margin: 0;
min-height: 65px;
}
.symptom-card span {
font-size: 44px;
line-height: normal;
}
.exp-symtoms-row {
padding: 12px;
border-radius: 10px;
gap: 10px;
margin-top: 10px;
flex-wrap: wrap;
justify-content: center;
}
.pillar-detail {
padding: 13px;
}
.pillar-detail h5 {
font-size: 18px;
}
.pillar-detail p {
font-size: 16px;
}
.care-card h3 {
font-size: 20px;
}
.care-card,
.care-card.big,
.center-grid .small {
min-height: auto !important;
height: 270px;
}
.careImg {
width: 45px;
height: 45px;
}
.careImg img {
width: 25px;
}
.faq-question h3 {
font-size: 16px;
}
.newsletter-btn {
gap: 10px;
flex-wrap: wrap;
}
.newsletter-btn a {
padding: 16px 15px;
gap: 6px;
width: 70%;
font-size: 15px;
}
footer {
padding: 37px 0;
}
.btn-for-desktop a:last-child {
display: none;
}
.offcanvas-body .btn-for-desktop a:last-child {
display: block;
}
}