@media (min-width: 1400px) {
.vihar-rest-sec .container {
max-width: 1180px;
}
}
@media (max-width: 1399px) {}
@media (max-width: 1299px) {
.one-philosophy-columnInner p br {
display: none;
}
.wisdom-sec p {
font-size: 24px;
}
.inspired-content h4 {
font-size: 23px;
}
.therapy-list {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.therapy-item h4 {
font-size: 20px;
}
}
@media (max-width: 1199px) {
p {
font-size: 14px;
}
.food-card {
width: 180px;
}
.shaman-chakr img {
width: 110px;
}
}
@media (max-width: 1099px) {
.leaf-vector-left {
display: none;
}
br {
display: none;
}
.our-work-banner-sec .banner-detail h1 br {
display: block;
}
.mantra-detail h3 {
font-size: 35px;
}
.green-gradient-border {
width: 100%;
}
.tag {
font-size: 18px;
}
.philo-content {
padding: 30px 20px;
}
.main-sec-heading {
font-size: 30px;
}
.selfless-sec img {
margin-top: -110px;
}
.viewour-brand a {
font-size: 16px;
}
.inspired-content svg {
width: 40px;
}
.left-qoute {
padding-bottom: 0;
}
.food-content h4 {
font-size: 15px;
}
}
@media (max-width: 992px) {}
@media (max-width: 991px) {
.navbar {
padding: 15px 0;
}
.navbar .container {
position: relative;
}
.header-logo img {
width: 120px;
} .top-bar {
display: none;
} .menu-toggle {
display: flex; left: 15px;
top: 50%; width: 42px;
height: 42px;
border: none;
border-radius: 50%;
background: #f5f5f5;
align-items: center;
justify-content: center;
cursor: pointer;
} .search-btn {
display: flex;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 42px;
border: none;
border-radius: 50%;
background: #f5f5f5;
align-items: center;
justify-content: center;
cursor: pointer;
} .mobile-topbar {
display: block;
position: fixed;
top: 0;
right: 0;
width: 320px;
max-width: 90%;
height: 100vh;
background: #fff;
padding: 80px 30px 30px;
transform: translateX(100%);
transition: transform .4s ease;
z-index: 99999;
box-shadow: -10px 0 40px rgba(0, 0, 0, .15);
}
.mobile-topbar.active {
transform: translateX(0);
} .close-menu {
display: flex;
position: absolute;
top: 20px;
right: 20px;
width: 42px;
height: 42px;
border: none;
border-radius: 50%;
background: #f3f3f3;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 22px;
} .mobile-topbar .top-bar {
display: block;
}
.mobile-topbar ul {
display: flex;
flex-direction: column;
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
.mobile-topbar li {
border-bottom: 1px solid #eee;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: .3s;
}
.mobile-topbar li a {
font-size: 16px;
padding: 10px 0;
width:100%;
display:block
}
.mobile-topbar li:hover {
color: #0B7B57;
}
#mobileTopbar {
display: block;
}
.philosophy-grid {
grid-template-columns: 1fr;
}
.philo-card,
.philo-card.reverse {
grid-template-columns: 1fr 1fr;
direction: ltr;
}
.philo-img {
order: 1;
min-height: 260px;
}
.philo-content {
order: 2;
padding: 25px;
}
.philo-content h3 {
font-size: 22px;
}
.tag {
font-size: 18px;
padding: 8px 18px;
}
.mantra-detail h3 {
font-size: 22px;
}
.mantra-detail {
padding: 30px 20px;
}
.arrow-prev,
.arrow-next {
width: 46px;
height: 46px;
}
.stroies-column a {
left: 10px;
top: 10px;
font-size: 16px;
padding: 10px 13px;
}
.stroies-column a svg {
width: 17px;
}
.viewour-brand {
width: 70%;
}
.inspired-content {
padding: 20px 20px 20px;
}
.wisdom-sec p {
font-size: 19px;
}
.banner-detail h1 {
font-size: 35px;
}
.main-sec-heading {
font-size: 28px;
}
.mantra-detail h5,
.mantra-detail p {
font-size: 18px;
}
.four-pillars-sec {
padding: 110px 0 50px;
clip-path: unset;
background: #E4F2E2;
}
.toxin-sec {
clip-path: polygon(37% 6%, 90% 2%, 100% 1%, 100% 70%, 100% 100%, 51% 100%, 19% 100%, 0 100%, 0 0, 18% 5%);
}
.viewour-brand {
width: 50%;
bottom: -20px;
}
.selfles-column {
padding: 20px;
}
.research-service-sec .toxin-header {
flex-direction: column;
}
.philo-content p,
.inspired-content p {
text-align: left;
}
.therapy-list {
display: grid;
grid-template-columns: 1fr 1fr;
}
.food-card {
width: 130px;
} .about_hero_wrapper img {
width: 100%;
}
.about_hero_wrapper .about_hero_content p {
font-size: 20px;
}
.meaningful_journey_wrapper .journey_image img {
width: 100%;
}
.what_i_belive_wrapper .believe_box h3 {
font-size: 17px;
padding-top: 15px;
padding-bottom: 5px;
}
.journey_wrapper:before {
width: 70px;
height: 138px;
}
.ph-scale-row {
flex-wrap: wrap;
justify-content: center;
gap: 25px;
margin-top: 20px;
}
.ph-scale-card {
width: calc(33.333% - 20px);
}
.ph-scale-image {
width: 130px;
height: 130px;
}
.video-image img {
height: 200px;
}
.shaman-chakr img {
width: 90px;
}
}
@media (min-width: 992px) {
.menu-toggle,
.search-btn,
.mobile-topbar {
display: none !important;
}
}
@media (max-width: 768px) {
.social-fixed {
gap: 10px;
top: auto;
bottom: 0;
right: 30px;
}
.social-fixed a {
height: 50px;
transform: translateX(135px);
}
.camp_slider .mobile_slide {
display: block;
}
.camp_slider .desktop_slide {
display: none;
}
}
@media (max-width: 767px) {
.sec-p {
padding: 30px 0;
}
.btn-text {
padding: 14px 24px;
}
.btn-icon {
width: 50px;
}
.btn-icon svg {
width: 32px;
}
.banner-detail {
text-align: center;
padding-bottom: 20px;
}
.bannerImg {
text-align: center;
}
.bannerImg img {
width: 70% !important;
margin: auto;
}
.main-sec-heading,
p {
text-align: center;
}
.main-banner {
clip-path: unset;
padding-top: 20px;
padding-bottom: 0;
}
.toxin-sec {
clip-path: unset;
}
.amj-imgMain-desktop {
display: none;
}
.amj-imgMain-mobile {
display: block;
}
.natural-healing-sec {
padding: 10px 0;
}
.therapy-item h4 {
font-size: 18px;
}
.therapy-icon {
width: 40px;
height: 40px;
}
.therapy-icon img {
width: 20px;
}
.therapy-know-btn,
.healing-beyond-sec .col-md-6 {
text-align: center;
}
.therapy-list {
gap: 12px;
}
.changing-column-left h2 {
border-left: none;
}
.food-wrapper {
justify-content: flex-start;
overflow-x: auto;
gap: 8px;
padding: 0 0 10px;
}
.food-wrapper .card-1,
.food-wrapper .card-5 {
transform: rotate(0deg);
}
.food-wrapper .food-card {
top: 0;
}
.our-work-banner-sec .amj-imgMain-desktop {
display: block;
}
.our-work-banner-sec .banner-detail h1 {
top: 0;
} .lifelong_mission_wrapper img {
width: 100%;
}
.about_hero_wrapper img {
width: 100%;
}
.about_hero_wrapper .about_hero_content:before {
display: none;
}
.about_hero_wrapper .about_hero_content p {
padding-left: 0;
font-size: 22px;
line-height: 32px;
padding-bottom: 20px;
padding-top: 10px;
}
.lifelong_mission_wrapper {
padding-bottom: 40px;
padding-top: 40px;
}
.lifelong_mission_wrapper .quote_wrapper .quote_inner .quote_by {
font-size: 20px;
padding-top: 10px;
}
.lifelong_mission_wrapper .quote_wrapper {
padding: 43px 30px;
}
.meaningful_journey_wrapper .journey_image img {
width: 100%;
}
.what_i_belive_wrapper .believe_box {
text-align: center;
}
.patient_story_wrapper .row .col-md-6 {
width: auto;
}
.patient_story_wrapper h3 {
font-size: 22px;
text-align: center;
padding-top: 20px;
}
.patient_story_wrapper .row:nth-child(2) {
flex-direction: column-reverse;
}
.patient_story_wrapper .research_imgBox {
padding-top: 30px;
}
.journey_text {
padding-left: 0;
}
.journey_text h2 {
text-align: center;
}
.journey_text p {
padding: 10px 0;
}
.journey_wrapper .journey_text:before {
display: none;
}
.journey_wrapper:before {
width: 90px;
height: 180px;
right: 0;
left: unset;
}
.ayurveda_box:after {
width: 235px;
height: 2px;
bottom: 11px;
right: 0;
left: 0;
margin: 0 auto;
}
.ayurveda_box:after {
display: none;
}
.four_piilar_ayurveda_wrapper .row {
flex-wrap: wrap;
}
.four_piilar_ayurveda_wrapper .ayurveda_box h3 {
font-size: 25px;
padding: 5px 0;
}
.four_piilar_ayurveda_wrapper .row .col-lg-3 {
width: 50%;
}
.patient_story_wrapper .explore-btn {
display: block;
max-width: 210px;
margin: 10px auto;
}
.mission_content p {
font-size: 16px;
line-height: 28px;
}
.our-vision-column h4,
.whc-column,
.community-outreach-sec span {
text-align: center;
}
.ayurvedic-prinicipal-sec h2 {
text-align: left;
margin: 0 !important;
}
.ayurvedicPrinicipal {
margin-top: 0 !important;
}
.main-sec-heading {
margin: 0 !important;
}
.working-towards-column {
padding: 20px;
text-align: center;
}
.working-towards-column h5 {
font-size: 26px;
}
.working-towards-column span {
font-size: 17px;
}
.one-mission-column {
border-top-left-radius: 160px;
border-top-right-radius: 160px;
padding: 50px 15px 20px;
}
.testimonials-sec .toxin-header h6 {
font-size: 23px;
padding-bottom: 15px;
}
.testimonials-sec .toxin-header {
padding-bottom: 0;
margin: 0;
}
.looking-ahead-row {
border-radius: 40px;
padding: 30px 15px;
text-align: center;
}
.looking-ahead-row .main-sec-heading {
margin-bottom: 0 !important;
margin-top: 10px !important;
}
.flex-headerColumn {
margin-bottom: 0;
}
.whc-column {
margin-top: 0;
}
.ayurvedicPrinicipal .swiper-wrapper {
margin-bottom: 20px;
}
.bringing-column {
height: 300px;
}
.bringing-column img {
width: 100%;
height: 100%;
border-radius: 50px;
}
.bringing-column h3 {
font-size: 20px;
padding: 11px 0;
}
.community-outreach-sec span {
font-size: 19px;
}
.community-outreach-sec .main-sec-heading {
margin-bottom: 0 !important;
padding-bottom: 5px;
}
.free-health-column {
padding: 13px;
border-radius: 16px;
}
.free-health-column img {
border-radius: 16px;
}
.doctor-support-columnInner {
grid-template-columns: 1fr 1fr;
gap: 20px;
row-gap: 60px;
}
.doctors-banner p {
border-left: none;
font-size: 20px;
}
.guide-vision-sec.sec-p {
padding-bottom: 0;
}
.doctors-banner .bannerImg img {
width: 100% !important;
}
.leading-figures-wrap .toxin-nav {
justify-content: space-around;
}
.arrow-prev,
.arrow-next {
width: 36px;
height: 36px;
}
.arrow-prev svg,
.arrow-next svg {
width: 18px;
}
.trasforming-images .col-6 {
width: 25%;
}
.trasforming-images .col-md-3:first-child img,
.trasforming-images .col-md-3:last-child img {
margin-top: 20px;
}
.trasforming-images {
margin-top: -50px;
}
.legecy-of-trust-banner {
padding: 50px 0 50px;
background: #e4f2e2;
}
.honours-recognitions-sec span,
.featured-news-sec span {
padding-top: 10px;
}
.testimonials-sec-main h2 {
margin-bottom: 0 !important;
}
.testi-content-column {
margin-bottom: 15px;
}
.global-voice-left {
text-align: center;
}
.contact-us-sec .row {
flex-direction: column-reverse;
gap: 20px;
}
.contact-us-banner {
padding: 60px 0 80px !important;
}
.contact-submit {
text-align: center;
}
.contact-info-box {
width: 100%;
}
.privacy-policy-section {
padding: 60px 15px;
}
.privacy-header {
margin-bottom: 0px;
}
.privacy-header h1 {
font-size: 38px;
}
.privacy-header>p {
font-size: 15px;
}
.privacy-content {
padding: 0 20px;
border-radius: 20px;
}
.privacy-block {
grid-template-columns: 1fr;
gap: 18px;
padding: 30px 0;
}
.privacy-number {
width: 44px;
height: 44px;
font-size: 12px;
}
.privacy-text h2 {
font-size: 23px;
margin-bottom: 15px;
}
.privacy-text h3 {
font-size: 18px;
}
.privacy-text p,
.privacy-list li {
font-size: 15px;
text-align: left;
}
.privacy-note {
padding: 15px;
}
.wisdom-sec {
background-position: right;
}
.ph-scale-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.ph-scale-card {
width: 100%;
}
.ph-scale-image {
width: 125px;
height: 125px;
border-radius: 28px;
}
.ph-scale-card h4 {
font-size: 15px;
}
.ph-scale-card p {
font-size: 12px;
}
.ph-scale-card .ph-desc {
font-size: 11px;
}
.wellness-card {
min-height: 140px;
}
.main-banner.ahar-sec {
padding-bottom: 70px;
}
.trasforming-images.aharImages {
margin-top: -80px;
}
.nutrition-icon {
width: 85px;
height: 85px;
margin-bottom: 15px;
}
.nutrition-icon img {
width: 50px;
}
.nutrition-card h4 {
font-size: 20px;
}
.understand-food-cycle-sec .col-md-6 {
text-align: center;
}
.food-cycle-timeline {
height: auto;
width: 75%;
}
.ph-low-acid,
.ph-alkaline {
margin-top: 0px;
}
.ph-balanced-bar {
margin-top: 20px;
}
.ritucharya-neture-left-column h4 {
text-align: center;
font-size: 18px;
padding-bottom: 8px;
}
.ritucharya-two-points p {
font-size: 14px;
}
.video-image img {
height: 180px;
}
.shaman-chikitsa-row {
gap: 60px;
}
.shaman-chakr img {
width: 80px;
}
.therapy-content {
margin-top: 20px;
height: 250px;
}
.according-body-sec span, .according-body-sec p {
text-align: center;
display: block;
}
.bottom-bTn{
text-align: center;
}
.testimonial-hero h1 {
font-size: 30px;
}
.person1, .person3, .person5{
left: 1%;
}
.person2, .person4, .person6{
right:1%;
}
.testimonial-hero {
height: 488px;
}
.person {
width: 90px;
height: 90px;
}
.person3, .person4 {
top: 218px;
}
.patient-video-wrapper {
padding: 0 10px;
}
.therapy-tabs-section {
background-position: top;
}
.footer_main_wrapper .col-xs-12:first-child, .footer_main_wrapper .col-xs-12:last-child {
width: 100%;
text-align: center;
}
.footer_main_wrapper .col-xs-12 {
width: 50%;
}
.footer_main_wrapper .footer_bottom {
text-align: center;
}
.footer_main_wrapper .col-xs-12:last-child {
padding-bottom: 20px;
}
}
@media (max-width: 576px) {
.sec-p {
padding: 30px 0;
}
p {
font-size: 14px;
}
.doctor-column .btn-text,
.doctor-support-cardInner .btn-text {
font-size: 14px;
}
.top-bar li a {
font-size: 16px;
}
.banner-detail h1 {
font-size: 27px;
}
.btn-text {
padding: 13px 20px;
font-size: 12px;
line-height: normal;
}
.btn-icon {
width: 37px;
}
.btn-icon svg {
width: 26px;
}
.header-logo img {
width: 100px;
}
.mobile-topbar {
width: 300px;
padding: 49px 20px 20px;
}
.mobile-topbar li a {
font-size: 16px;
padding: 10px 0;
width:100%;
display:block
}
.philo-img {
min-height: 220px;
}
.philo-content {
padding: 20px;
}
.philo-content h3 {
font-size: 17px;
margin-bottom: 9px;
}
.philo-content p {
font-size: 13px;
}
.arrow-prev,
.arrow-next {
width: 36px;
height: 36px;
}
.arrow-prev svg,
.arrow-next svg {
width: 17px;
}
.toxin-card {
border-radius: 15px;
padding: 20px 10px;
}
.main-sec-heading {
font-size: 23px;
margin-bottom: 14px !important;
padding-bottom: 8px;
}
.philo-content .btn-text {
font-size: 15px;
padding: 8px 10px;
}
.journeyImg img {
width: 150px;
}
.selfless-sec img {
margin-top: -30px;
}
.stroies-column img {
border-radius: 12px;
}
.stroies-column .main-sec-heading {
font-size: 20px;
text-align: left;
}
.stroies-column a {
left: 7px;
top: 7px;
font-size: 15px;
padding: 5px 12px;
}
.viewour-brand {
width: 70%;
}
.philosophy-banner .banner-detail {
padding-bottom: 10px;
}
.main-banner {
padding-bottom: 10px;
}
.faq-question h3 {
font-size: 18px;
}
.faq-answer p {
font-size: 15px;
}
.natural-healing-sec .explore-btn {
margin-top: 13px;
}
.our-work-banner-sec .amj-imgMain-desktop {
margin-top: -30px;
}
.doctor-support-columnInner {
grid-template-columns: 1fr;
gap: 50px;
}
.inspiring-millions-card h6 {
font-size: 17px;
}
.doctors-banner p {
font-size: 16px;
margin-top: 6px;
}
.doctor-column h6 {
font-size: 13px;
}
.doctors-bottom-column img {
border-radius: 10px;
}
.doctor-column {
margin: 20px 0 15px;
}
.doctor-column h4 {
font-size: 19px;
}
.doctor-support-column h3 {
font-size: 23px;
}
.doctor-support-cardInner .explore-btn {
margin-top: 10px;
}
.leading-figures-wrap .toxin-nav {
justify-content: space-between;
}
.poltical-leader-card h5 {
font-size: 16px;
}
.poltical-leader-card p {
font-size: 14px;
}
.legecy-of-trust-banner {
padding: 30px 0;
}
.trasforming-images img {
border: 3px solid #BDE4D0;
}
.trasforming-images {
margin-top: -40px;
}
.testimonialImg,
.testi-bgImg {
border-radius: 10px !important;
}
.global-voice-left .main-sec-heading {
margin-bottom: 0 !important;
}
.meta-item {
gap: 5px;
font-size: 14px;
width: 50%;
}
.blog-meta::before {
width: 55%;
}
.meta-item img {
width: 20px;
}
.contact-us-banner {
padding: 30px 0 40px !important;
}
.contact-us-banner .banner-detail p {
font-size: 17px;
}
.contact-us-banner .banner-detail {
padding: 25px 18px;
}
.contact-us-banner .banner-detail-main img {
width: 110%;
}
.ph-scale-row {
grid-template-columns: 1fr;
gap: 15px;
}
.ph-scale-image {
width: 140px;
height: 140px;
}
.ph-scale-card h4 {
font-size: 16px;
}
.ph-scale-card p {
font-size: 13px;
}
.ph-scale-card .ph-desc {
font-size: 12px;
}
.main-banner.ahar-sec span {
font-size: 18px;
}
.main-banner.ahar-sec p {
font-size: 16px;
}
.what-is-fourPillars-sec img,
.food-cycleImg,
.according-body-sec img,
.vihar-rest-sec img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 10px;
}
.main-banner.ahar-sec .explore-btn .btn-text {
padding: 13px 20px;
font-size: 11px;
line-height: normal;
}
.main-banner.ahar-sec .explore-btn {
height: 43px;
}
.main-banner.ahar-sec .explore-btn .btn-icon {
width: 21px;
}
.mindfull-breath-text p {
font-size: 14px;
}
.shaman-chakr img {
width: 60px;
}
.therapy-overlay {
padding: 45px 20px 20px;
}
.pradhan-supportive-column {
margin-top: 20px;
}
.shodhan-therapy-content h4 {
font-size: 20px;
}
.toxin-nav {
justify-content: center !important;
}
}
@media (max-width:430px) {
.banner-detail h1 {
font-size: 24px;
}
}