 @media (pointer: coarse) {
    .servc-button-wrapper .servc-button:hover span, .pricing-button-wrapper button:hover span, .treatment-button-wrapper button:hover span {
        transform: none;
    }
}

@media screen and (min-width: 1360px) {
    .container { max-width: calc(1240px  + 36px); }
}
/*MIN 1360 ENDS*/

@media screen and (min-width: 1440px) {
    .container { max-width: calc(1364px + 36px); }
}
/*MIN 1440 ENDS*/

@media screen and (min-width: 1600px) {
    .container { max-width: calc(1400px + 36px); }
}
/*MIN 1600 ENDS*/

@media screen and (min-width: 1800px) {
    .container { max-width: calc(1520px + 36px); }
}
/*MIN 1800 ENDS*/

/*
********
*/

@media screen and (max-width: 1900px) {
    .stick-img { padding: 35px 60px; }
    .servc-det { padding: 120px 120px; }
    .servc-drop-content { width: 1300px; }
}
/*1900*/

@media screen and (max-width: 1799px) {

    h1, .h1, h2, .h2 { font-size: 60px; line-height: 68px; margin-bottom: 34px; }
    h3, .h3 { font-size: 52px; line-height: 60px; margin-bottom: 20px; }
    h4, .h4 { font-size: 42px; line-height: 50px; margin-bottom: 20px; }
    h5, .h5 { font-size: 36px; line-height: 44px; margin-bottom: 20px; }

    .servc-drop-content { width: 1220px; transform: translateX(-38%); gap: 50px;  }
    .aboutus .about-text { width: 150px; }
    .servc-det { padding: 80px; }
    .treatment-heads p { width: 54%; }
    .section.founder-details { padding: 0 0 0 100px; }
    .founder-details p { width: 80%; }
    .testi-with-quotes .testi-info { margin-bottom: 40px; }
    .prilist-trtment { gap: 20px; }
    .price-list1:nth-child(2) > *, .price-list1:nth-child(3) > * { padding-left: 80px; padding-right: 80px; }
    .price-list1 .healing-intro { padding: 60px 40px; }
    .foo-nav { gap: 50px; }


    /* 
    ***** ABOUT US PAGE *****
    */
    
    .mission-step { padding: 32px; }

    .contact-intro .round-badge { transform: translate(40%, -50% ); }

    /* 
    ***** SERVICES PAGE *****
    */
    .servc-head .row, .treatmnt-head .row { padding-top: 60px; }
    .benef-list { width: 400px; }

    /* 
    ***** SUB-SERVICES PAGE *****
    */
    .sub-kb-lists .sub-kb-list::before, .sub-kb-lists .sub-kb-list::after, .treatm-kb-lists .sub-kb-list::before, .treatm-kb-lists .sub-kb-list::after { top: calc(100% - 30px); left: -10px; }
    .sub-kb-lists .sub-kb-list::after, .treatm-kb-lists .sub-kb-list::after { top: 0; left: 100%; transform: rotate(180deg) translateX(100%); }
    .work-card { padding: 10px 20px; }
    .work-card .h5{ margin-bottom: 20px; }

    /* 
    ***** TREATMENTS PAGE *****
    */
    /* .treatment-button-wrapper .h5 {  } */
    .treatm-inr-btn i { font-size: 50px; }
    .treatment-toggle { padding-top: 40px; top: 100px; }
    .treatment-button-wrapper .h5 {font-size: 24px; margin-bottom: 0; }

    /* 
    ***** RESOURCES PAGE *****
    */
    .main-content h3:not(:first-child) { padding-top: 60px; }
}
/*1799*/

@media screen and (max-width: 1599px) {
    .height-500 { height: 400px; }
    .height-372 { height: 350px; }
    .hero-slide .slide-item span { width: 80%; padding: 0 0 30px 40px; }
    .servc-drop-content { width: 1180px; transform: translateX(-35%); }
    .servc-drop-img {  width: 400px; height: 300px; }

    .services-toggle, .pricing-toggle, .treatment-toggle { padding-top: 65px; }
    .services-toggle { top: 100px; }
    .treatment-toggle { top: 80px; padding-bottom: 20px; }
    .treatm-inr-btn { padding: 0; }

    .treatmnt-btns button:nth-child(1) { padding: 90px 35px 25px; }
    .treatmnt-btns button:nth-child(2) { padding: 75px 15px 25px; }
    .treatmnt-btns button:nth-child(3) { padding: 120px 35px 25px; }
    .treatmnt-btns:nth-child(2) button:nth-child(1) { padding: 90px 35px 25px;  }
    .treatmnt-btns:nth-child(2) button:nth-child(3) { padding: 25px 35px 120px; }
}
/*1600*/

@media screen and (max-width: 1560px) {

    h1, .h1, h2, .h2 { font-size: 56px; line-height: 60px; margin-bottom: 34px; }
    h3, .h3 { font-size: 48px; line-height: 56px; margin-bottom: 20px; }
    h4, .h4 { font-size: 38px; line-height: 46px; margin-bottom: 20px; }
    h5, .h5 { font-size: 32px; line-height: 40px; margin-bottom: 20px; }
    body{ font-size: 22px; line-height: 26px; }
    .text-24 { font-size: 22px; line-height: 26px; }

    .servc-drop-content { width: 1100px; gap: 40px; transform: translateX(-30%);  }
    .trartm-drop-content { transform: translateX(-40%); }
    .servc-drop-img {  width: 350px; height: 280px; }
    .serv-img-det { padding: 50px 80px; }
    .serv-img-det p { width: 100%; }
    .servc-det { padding: 70px; }
    .servc-det h3 { margin-bottom: 20px; }
    .servc-det p { margin-bottom: 40px; }
    .founder-img .jayanti-thakore-self { width: 580px; }
    .founder-img .jayanti-thakore-name { width: 70px; }
    .testi-with-quotes .testi-info { margin-bottom: 30px; }
    .testi-big { width: 600px; }
    .testi-big .testi-brief-img { margin-bottom: 160px; }
    .price-list1:nth-child(2) > *, .price-list1:nth-child(3) > * { padding-left: 70px; padding-right: 70px; }
    .price-list1 .healing-intro { padding: 60px 60px; }
    .price-list1 .karate { padding-top: 46px; padding-bottom: 46px; }
    .price-list1 > *:hover { scale: 1.03; }
    /* .comp-det img { width: 120px; } */
    .foo-det { gap: 10px; }
    /* .comp-det h2 { font-size: 22px; } */
    .comp-det p { width: 400px; }

    /* 
    ***** ABOUT US PAGE *****
    */
    .mission-step { height: 450px; padding: 36px; }
    .mission-step { padding: 36px; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .form-btn .btn { width: 250px; }
    .contact-intro .round-badge { transform: translate(0%, -50%); }

    /* 
    ***** SERVICES PAGE *****
    */
    .servc-head .row, .treatmnt-head .row { padding-top: 60px; }
    .servc-head p span, .treatmnt-head p span, .sub-servc-ov p span { margin-bottom: 20px; }
    .work-lists, .treatmnt-lists { margin-top: 60px; gap: 20px; }
    .servc-works > img { width: 16%; }
    .servc-key-benef h2 { margin-bottom: 70px; }
    .benef-list { width: 360px; height: 160px; margin-bottom: 60px; }
    .benef-list p + p { width: 100%; }
    /* .services-toggle { top: 100px; } */
    .treatment-toggle { top: 100px; }

    .sub-servc-wrapper a[title="Massage Therapy"], .sub-servc-wrapper a[title="Manual Therapy"] { padding: 70px 0 70px 40px; }
    .sub-servc-wrapper a[title="Hydrotherapy"], .sub-servc-wrapper a[title="Electrotherapy"] { padding: 70px 0 70px 40px; margin: 20px 0; }
    .sub-servc-wrapper a[title="Mud Therapy"], .sub-servc-wrapper a[title="Exercise Therapy"] { padding: 55px 0 55px 40px; }

    .sub-servc-wrapper a[title="Acupressure"],
    .sub-servc-wrapper a[title="Acupuncture"],
    .sub-servc-wrapper a[title="Panchakarma"],
    .sub-servc-wrapper a[title="Ultrasound Therapy"],
    .sub-servc-wrapper a[title="Laser Therapy"],
    .sub-servc-wrapper a[title="Tecar Therapy"] {
        padding: 40px 0 40px 40px;
    }

    /* 
    ***** SUB-SERVICES PAGE *****
    */
    .sub-servc-list a { padding: 22px 40px; }
    .work-cards-list .work-card { height: 300px; }
    .work-card .h5 { margin-bottom: 30px; }
    .section.sub-servc-hero { padding-top: 70px; }

    /* 
    ***** TREATMENT PAGE *****
    */
    
    .treatment-button-wrapper .h5 { font-size: 24px; line-height: 1; margin-bottom: 10px; }
    .treatm-inr-btn i { font-size: 40px; }
}
/*1560*/

@media screen and (max-width: 1440px) { /* NOT NEEDED */
    .sub-servc-wrapper a[title="Manual Therapy"],
    .sub-servc-wrapper a[title="Electrotherapy"]{ padding: 80px 0 80px 40px; }
    .whyus-lists .list { width: 400px; }
}
/*1440*/

@media screen and (max-width: 1359px) {
    h1, .h1, h2, .h2 { font-size: 48px; line-height: 56px; margin-bottom: 34px; }

    .text-24 { font-size: 20px; line-height: 24px; }
    .text-22 { font-size: 18px; }
    .text-18 { font-size: 16px; }

    .height-500 { height: 350px; }
    .height-372 { height: 300px; }
    .height-300 { height: 250px; }
    .hero-slide .slide-item span { width: 100%; padding: 0 0 30px 30px; }

    .dropdown-content { top: 40px; }
    .servc-drop-content { width: 1000px; transform: translateX(-35%); }
    .trartm-drop-content { transform: translateX(-50%); }

    .servc-drop-list a, .sub-servc-drop-list a { padding-top: 10px; }
    .header-content { padding: 30px 0 20px 0; }
    .logo-img img { width: 110px; }
    .site-links ul { gap: 30px; }
    .site-header.scrolled .header-content { padding: 20px 0 10px 0; }
    .site-header.scrolled .logo-img img { width: 100px; top: 20px; }
    .hero { height: calc(100vh - 100px); }  
    .serv-btn-wrapper .h4 { font-size: 40px; }
    .serv-btn-wrapper button span { width: 70%; }
    .whyus-lists { margin-top: 50px; }
    .whyus-lists .list { width: 320px; }
    .treatment-heads p { width: 60%; }
    .achiev-nums { gap: 30px; }
    
    .treatmnt-btns button:nth-child(1) { padding: 80px 35px 25px; }
    .treatmnt-btns button:nth-child(2) { padding: 65px 15px 25px; }
    .treatmnt-btns button:nth-child(3) { padding: 100px 35px 25px; }
    .treatmnt-btns:nth-child(2) button:nth-child(1) { padding: 80px 35px 25px;  }
    .treatmnt-btns:nth-child(2) button:nth-child(3) { padding: 25px 35px 100px; }

    .treatmnt-btns button { width: 260px; }
    .testimonials h2 { margin-bottom: 50px; }
    .price-list1 .naturopathy { padding: 80px 40px; }
    .price-list1 .physiotherapy { padding: 75px 40px; }
    .price-list1 .skating { padding: 55px 40px; }
    .price-list1 .panchkarma { padding: 46px 40px; }
    .price-list1 .healing-intro { padding: 60px 40px; }
    .price-list1 .karate { padding: 28px 40px; }
    .blog-resource .h4 { font-size: 34px; margin-bottom: 20px; }
    .blog-half .blog-details p { margin-bottom: 40px; }
    .foo-nav { gap: 30px; }

    /* 
    ***** ABOUT US PAGE *****
    */
    .mission-step { width: 360px; height: 450px; }
    .mission-step .h1 { margin-bottom: 25px; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .contc-list { padding: 0px 30px; }
    .contc-list li:last-child { margin-bottom: 0; }
    .contact-intro .round-badge { width: 100px; transform: translate(50%, -50% ); }
    .contact-card { padding-left: 10px; padding-right: 10px; }
    .map-location iframe { height: 500px; }
    .contact-card p { width: 70%; }

    /* 
    ***** SERVICES PAGE *****
    */
    .services-toggle { top: 75px; }

    .benef-list { width: 300px; }
    .sub-servc-img,
    .sub-servc-wrapper a[title="Massage Therapy"],
    .sub-servc-wrapper a[title="Hydrotherapy"],
    .sub-servc-wrapper a[title="Mud Therapy"],
    .sub-servc-wrapper a[title="Acupressure"],
    .sub-servc-wrapper a[title="Acupuncture"],
    .sub-servc-wrapper a[title="Panchakarma"],
    .sub-servc-wrapper a[title="diet"],
    .sub-servc-wrapper a[title="Manual Therapy"],
    .sub-servc-wrapper a[title="Electrotherapy"], 
    .sub-servc-wrapper a[title="Exercise Therapy"],
    .sub-servc-wrapper a[title="Ultrasound Therapy"],
    .sub-servc-wrapper a[title="Laser Therapy"],
    .sub-servc-wrapper a[title="Tecar Therapy"],
    .sub-servc-wrapper a[title="Compression Therapy"],
    .sub-servc-wrapper a[title="Skating"],
    .sub-servc-wrapper a[title="Karate"]
    { padding-left: 22px; }

    /* 
    ***** SUB-SERVICES PAGE *****
    */
    .sub-serv-head p, .treatm-head p, .resource-head p { width: 90%; }
    /* .work-cards-list .work-card { height: 280px; } */
    .work-cards-list .work-card { height: 100%; }
    .sub-kb-head, .treatm-kb-head { width: 85%; }
    .section.sub-servc-hero { padding: 50px 0; }

    /* 
    ***** TREATMENT PAGE *****
    */
    .treatment-btn { width: 150px; padding: 15px 0; }
    .sub-kb-list p { padding-right: 20px; }

    .treatment-button-wrapper .h5 { font-size: 24px; line-height: 1; margin-bottom: 10px; }
    .treatm-inr-btn i { font-size: 40px; }
    .treatment-toggle { padding-top: 50px; top: 80px; padding-bottom: 0; }
    .treatm-details .slick-vertical .slick-slide { height: 500px; }

    .resource-item .h4 { width: 70%; }
    .main-content p + p { margin-top: 20px; }
}
/*1359*/

@media screen and (max-width: 1279px) {
    h1, .h1, h2, .h2 { font-size: 44px; line-height: 50px; margin-bottom: 34px; }
    h3, .h3 { font-size: 40px; line-height: 46px; margin-bottom: 20px; }
    h4, .h4 { font-size: 36px; line-height: 40px; margin-bottom: 20px; }
    h5, .h5 { font-size: 32px; line-height: 36px; margin-bottom: 20px; }

    .servc-drop-content { width: max-content; gap: 20px; transform: translateX(-40%); }

    .serv-img-det { padding: 50px 40px; }
    .servc-det { padding: 45px; }
    .serv-btn-wrapper button span { width: 80%; }
    .hero-slide .slide-item span { padding: 0 0 30px 10px; }
    .trartm-drop-content { width: 800px; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .contact-intro .round-badge { transform: translate(-30%, -60% ); }

    /* 
    ***** SERVICES PAGE *****
    */
    .servc-key-benef h2 { margin-bottom: 50px; }
    .servc-works > img { width: 18%; }
    .sub-servc-wrapper a[title="Laser Therapy"] { padding: 44px 0 44px 22px; }
    .servc-head .row, .treatmnt-head .row { padding-top: 50px; }
    .treatment-toggle { padding-top: 60px; top: 70px; }

    /* 
    ***** RESOURCES PAGE *****
    */
    .main-content h3:not(:first-child) { padding-top: 50px; }


}
/*1279*/

@media screen and (max-width: 1199px) {

    .section { padding: 80px 0; }

    h1, .h1, h2, .h2 { font-size: 40px; line-height: 48px; margin-bottom: 34px; }
    h3, .h3 { font-size: 36px; line-height: 44px; margin-bottom: 20px; }
    h4, .h4 { font-size: 32px; line-height: 40px; margin-bottom: 20px; }
    h5, .h5 { font-size: 28px; line-height: 36px; margin-bottom: 20px; }
    body{ font-size: 20px; line-height: 26px; }
    .text-24 { font-size: 20px; line-height: 26px; }
    
    .hero-slide .slide-item span { width: 90%; padding: 0 0 20px 20px; }
    .trartm-drop-content { transform: translateX(-46%); }
    .header-content { padding: 28px 0 18px 0; }
    .logo-img img { width: 110px; top: 20px; }

    .dropdown-content { top: 40px; }
    .servc-drop-content { width: max-content; gap: 20px; transform: translateX(-30%); }
    .sub-servc-drop-list { gap: 20px; }
    .servc-drop-img { width: 280px; height: 220px; }
    .verticl-line { margin-top: 0px; }

    .site-links ul { gap: 26px; }
    .site-header.scrolled .header-content { padding: 18px 0 8px 0; }
    .site-header.scrolled .logo-img img { width: 100px; top: 12px; }
    .hero { height:  calc(70vh - 100px);; }
    .stick-img { padding: 35px 40px; }
    .hero-slide:first-child .hero-slide-wrapper { animation: downToUp 8s linear infinite; }
    .hero-slide:nth-child(2) .hero-slide-wrapper { animation: upToDown 8s linear infinite; }
    .aboutus { padding: 120px 0; }
    .aboutus .about-text { width: 100px; top: 50%; transform: translateY(-50%); }
    .achiev-nums { gap: 20px; }
    .achiev-nums p { padding-left: 30px; }
    .serv-img-det { padding: 30px; }
    .serv-btn-wrapper .h4 { font-size: 34px; line-height: 36px; }
    .serv-btn-wrapper button span { width: 80%; }
    .servc-det { padding: 36px; }
    .servc-det h3 { width: 100%; margin-bottom: 18px; }
    .servc-det p { margin-bottom: 20px; }
    .round-badge img { width: 150px; }
    .faqs > img { width: 250px; }
    .whyus-lists .list { width: 300px; }
    .treatment-heads { margin-bottom: 50px; }
    .treatment-heads p { width: 70%; }
    .treatm-details { padding-top: 100px; }
    .treatm-slide { padding: 20px;  }
    .treatmnt-btns button { width: 210px; }
    .treatm-slide .cta-btns { margin-top: 80px; }
    
    .treatmnt-btns button:nth-child(1) { padding: 60px 35px 25px; }
    .treatmnt-btns button:nth-child(2) { padding: 50px 15px 25px; }
    .treatmnt-btns button:nth-child(3) { padding: 80px 35px 25px; }
    .treatmnt-btns:nth-child(2) button:nth-child(1) { padding: 60px 35px 25px;  }
    .treatmnt-btns:nth-child(2) button:nth-child(3) { padding: 25px 35px 80px; }

    .treatm-slide > span { font-size: 160px; line-height: 120px; right: 0; }
    .founder-img .jayanti-thakore-self { width: 500px; height: auto; object-fit: contain; }
    .founder-img .jayanti-thakore-name { width: 60px; }
    .section.founder-details { padding: 50px }
    .founder-details p { width: 100%; }
    .testim-lists.p-5 { padding-top: 0 !important; padding-bottom: 0 !important; }
    .price-list1 .healing-intro { padding: 40px; }
    .price-list1 .karate { padding: 40px; }
    .foo-det { gap: 20px; }
    .foo-nav { flex-wrap: wrap; }

    /* 
    ***** ABOUT US PAGE *****
    */
    .about-hero .row h1 { margin-bottom: 25px; }
    .mission-steps { margin-top: 60px; }
    .mission-step { width: 300px; height: 350px; padding: 20px; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .form-col { width: 100%; }
    .form-row span > input,
    .form-row span > textarea { padding: 18px 0 18px 40px; }
    .contc-list { padding: 0px 20px; }
    .contact-intro .round-badge { transform: translate(-10%, -50% ); }
    .contact-card { padding: 30px 0; }
    .map-location iframe { height: 450px; }
    .form-row span > textarea { height: 192px; }
    .contact-intro { min-height: 635px; }

    /* 
    ***** SERVICES PAGE *****
    */
    .servc-works .work-heading, .apprch-head { justify-content: space-between; }
    .work-heading h2, .apprch-head h2 { width: auto; }
    .works-wrapper, .approch-wrapper { width: 700px; }
    .work-list .h4, .treatmnt-list .h4 { margin-bottom: 30px; }
    .work-lists, .treatmnt-lists { margin-top: 50px; gap: 10px; }
    .servc-works > img { width: 20%; bottom: 100px; }
    .benef-list { width: 250px; }
    .servc-key-benef h2 { margin-bottom: 34px; }
    .sub-servc .h4 { margin-bottom: 60px; }

    .sub-servc-wrapper a[title="Massage Therapy"], .sub-servc-wrapper a[title="Hydrotherapy"] { padding: 60px 0 60px 22px; }
    .sub-servc-wrapper a[title="Mud Therapy"] { padding: 50px 0 50px 22px; }

    .sub-servc-wrapper a[title="Acupressure"],
    .sub-servc-wrapper a[title="Acupuncture"],
    .sub-servc-wrapper a[title="Panchakarma"] {
        padding: 33px 0 33px 22px;
    }
    .sub-servc-wrapper a[title="Exercise Therapy"] { padding: 75px 0 75px 40px; }
    .sub-servc-img { padding: 40px 0 0 40px; }

    /* 
    ***** SUB-SERVICES PAGE *****
    */
    .sub-servc-hero .temp-img-subserv { height: 300px; }
    .sub-serv-head p, .treatm-head p, .resource-head p { width: 100%; }
    .work-cards-list .work-card { padding: 30px 20px; }
    .sub-kb-head, .treatm-kb-head { width: 100%; }

    /* 
    ***** TREATMENT PAGE *****
    */

    .treatment-button-wrapper .h5 { width: 180px; font-size: 22px; margin-bottom: 20px; }
    .treatm-inr-btn i { font-size: 35px; }
    .treatment-toggle { padding-top: 40px; top: 85px; }
    .work-card .h5 { margin-bottom: 10px; }

    /* 
    ***** RESOURCE DETAILS PAGE *****
    */
    .container-sm { width: 900px; }
    .resource-item .h4 { width: 80%; }
    .main-content p + p { margin-top: 10px; }
    .main-content h3:not(:first-child) { padding-top: 40px; }

}
/*1199*/

@media screen and (max-width: 1024px) { /* NOT NEEDED */ }
/*1024*/

@media screen and (max-width: 991px) {

    .logo-img img { top: 10px; }
    .site-header.scrolled .logo-img img { top: 0; }

    .site-banner img { height: 250px; }
    .logo-img { position: relative; z-index: 10; }
    .site-links ul { width: 100vw; display: none; position:absolute; top: 70px; left: 0; background-color: var(--body); padding: 0px 0 20px 30%; }
    .custom-dropdown button { padding: 0; }
    .site-links ul.show-menu { display: flex; }
    .hamburger { width: 30px; height: 22px; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; z-index: 100; }
    .hamburger span { display: block; height: 3px; background: var(--text-nav); border-radius: 2px; transition: var(--transition); }
    
    /* Hamburger to X Animation */
    .hamburger.hb-active span:nth-child(1) { transform: rotate(45deg) translate(7px, 7px); }
    .hamburger.hb-active span:nth-child(2) { opacity: 0; }
    .hamburger.hb-active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }
    
    .site-links ul a:hover, .custom-dropdown button:hover { transform: translateY(0px); }
    .dropdown-content { width: max-content; display: block; padding: 0; position: relative; top: 0; left: 0%; transform: translateX(0); }
    .dropdown-content .servc-drop-img { display: none; }
    .verticl-line { display: block; width: 100%; height: 2px; margin-top: 2px; }
    .dropdown-content a { margin-top: 0; }
    .sub-servc-drop-list { flex-direction: column; gap: 0px; }

    .comp-det p { width: 100%; }
    
    /* .foo-col-3, .foo-col-4 { width: 400px; } */
    .foo-col-3 { width: 200px; }
    .foo-col-4 { width: 400px; }
    .foo-det, .foo-terms { display: block; }
    .foo-nav { margin-top: 40px; justify-content: space-between; }
    .foo-terms > * { margin-bottom: 10px; }

    .height-500 { height: 250px; }
    .height-372 { height: 200px; }
    .height-300 { height: 150px; }
    .hero-slide .slide-item span { width: 100%; padding: 0 0 20px 20px; }

    .aboutus { padding: 150px 0 80px 0; }
    .aboutus .about-text { width: 140px; top: 0%; left: 40%; transform: translate(0%, -40%) rotate(90deg); padding: 0; }
    .about-content { display: block; }
    .about-brief, .about-brief p, .serv-img-wrapper { width: 100%; }
    .about-paras { width: 100%; flex-direction: row; justify-content: start; align-items: start; }
    .about-paras p { width: 50%; margin: 0; }
    .achiev-nums { margin: 50px 0; }
    .achiev-nums p { padding-left: 30px; }
    .services { display: block; }
    .img-list img { width: 100%; height: 300px; object-fit: cover; object-position: start; }
    .serv-btn-wrapper { width: 100%; flex-direction: row; ; padding: 30px 0 0 0; gap: 50px; }
    .services p, .founder-details p { width: 65%; }
    .servc-btn-active { padding-bottom: 20px; border-left: 0px !important; border-bottom: 6px solid var(--lime) !important; }
    .serv-details-wrapper { width: 100%; }
    .whyus-lists .list { width: 60%; margin: 0 auto; }
    .whyus-lists .list, .whyus-lists .list + .list { margin-top: 40px; }
    .whyus-lists .col-lg-4 .list { transform: translateX(-20%); }
    .round-badge { position: absolute; top: 0; right: 0; transform: translate(-50% ,50%);  }
    .treatm-btn-list { 
        gap: 15px;  
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .treatmnt-btns i { display: none; }
    .treatmnt-btns:nth-child(1) { transform: translateY(0%); flex-direction: row; }
    .treatmnt-btns:nth-child(2) { transform: translateY(0%); flex-direction: row-reverse; }
    .treatmnt-btns button { text-align: center !important; padding: 40px !important; }
    .abt-founder { display: block; }
    .founder-img, .founder-details { width: 100%; }
    .jayanti-thakore-name { left: 50%; transform: translate(-50%, -5%) rotate(90deg); }
    .prilist-trtment { display: block; }
    .all-price-cta { height: 600px; background-size: cover; background-position: center; }
    .price-list1 .naturopathy, 
    .price-list1 .physiotherapy, 
    .price-list1 .skating, 
    .price-list1 .panchkarma, 
    .price-list1 .healing-intro, 
    .price-list1 .karate { margin-top: 20px; padding: 50px; }
    .blog-lists { display: block; }
    .blog-full-list { margin-bottom: 35px; }
    .blog-full-list, .blog-half-list { width: 100%; }
    .blog-full p { margin-bottom: 20px; }
    .question-list .accordion { width: 80%; }

    /* 
    ***** ABOUT US PAGE *****
    */
    .about-hero .row { gap: 30px; }
    .mission-steps { justify-content: start; }
    .mission-step { width: 340px; height: 340px; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .form-fields .row { flex-direction: column-reverse; gap: 50px; }
    .form-col { width: 48%; }
    .contact-intro { min-height: 0; }
    .contc-list { padding: 50px; }
    .contc-list { width: 80%; }
    .map-location iframe {  height: 400px; }
    .contact-card-wrapper { display: block; }
    .contact-card { width: 80%; padding: 40px;  margin: 0 auto; margin-bottom: 20px; }
    .contact-card i { margin-bottom: 18px; }
    .contact-card p { width: 90%; }
    
    /* 
    ***** SERVICES PAGE *****
    */
    .services-toggle, .pricing-toggle, .treatment-toggle { padding-top: 100px; }
    .temp-img { height: 350px; margin-bottom: 60px; }
    .servc-head .row, .treatmnt-head .row { padding-top: 50px; }
    .servc-works > img { display: none; }
    .servc-works .work-heading, .benef-lists-wrapper, .apprch-head { display: block; }
    .works-wrapper, .approch-wrapper { width: 100%;  }
    .servc-key-benef h2 { margin-bottom: 50px; }
    .benef-lists { display: flex; gap: 100px; }
    .sub-servc .h4 { width: 100%; }
    .sub-servc-img { height: 500px; }
    .sub-servc-wrapper a[title="Massage Therapy"], .sub-servc-wrapper a[title="Manual Therapy"] { margin-top: 20px; }
    .sub-servc-wrapper a[title="Mud Therapy"], .sub-servc-wrapper a[title="Exercise Therapy"]  { margin-bottom: 20px; }
    .section.sub-servc-hero { padding-top: 70px; }
    
    .sub-servc-wrapper a[title="Massage Therapy"],
    .sub-servc-wrapper a[title="Hydrotherapy"],
    .sub-servc-wrapper a[title="Mud Therapy"],
    .sub-servc-wrapper a[title="Acupressure"],
    .sub-servc-wrapper a[title="Acupuncture"],
    .sub-servc-wrapper a[title="Panchakarma"],
    .sub-servc-wrapper a[title="diet"],
    .sub-servc-wrapper a[title="Manual Therapy"],
    .sub-servc-wrapper a[title="Electrotherapy"],
    .sub-servc-wrapper a[title="Exercise Therapy"],
    .sub-servc-wrapper a[title="Ultrasound Therapy"],
    .sub-servc-wrapper a[title="Laser Therapy"],
    .sub-servc-wrapper a[title="Tecar Therapy"],
    .sub-servc-wrapper a[title="Compression Therapy"],
    .sub-servc-wrapper a[title="Skating"],
    .sub-servc-wrapper a[title="Karate"] 
    {
        padding: 50px 0 50px 22px;
    }

    .sub-servc-wrapper a[title="Skating"] { margin: 20px 0; }
    .sub-servc-wrapper a[title="Karate"] { margin-bottom: 20px; }

    /*
    ***** SUB-SERVICES PAGE *****
    */
    .sub-servc-ov h1 { margin-bottom: 10px; }
    .sub-servc-hero .temp-img-subserv { margin-bottom: 30px; }
    .sub-servc-lists { margin-top: 50px; }
    .sub-servc-list a { margin-bottom: 18px;  padding: 18px 30px; }
    .work-cards-list { flex-wrap: wrap; gap: 20px; }
    .work-cards-list .work-card { width: 48%; }
    .sub-kb-lists .text--bottom { display: block; }
    .sub-kb-lists, .treatm-kb-lists { padding-top: 60px; }
    .sub-kb-lists .col-lg-4:nth-child(2) .sub-kb-list:nth-child(1) { margin-bottom: 0; }
    .treatm-kb-lists .col-lg-4:nth-child(2) .sub-kb-list:nth-child(1) { margin-bottom: 0; }
    .sub-kb-list { width: 80%; margin: 0 auto; margin-bottom: 40px !important; }
    .sub-kb-lists .sub-kb-list::before, .sub-kb-lists .sub-kb-list::after,
    .treatm-kb-lists .sub-kb-list::before, .treatm-kb-lists .sub-kb-list::after
    { display: none; }
    .services-toggle { padding-top: 50px; top: 80px; }

    /* 
    ***** TREATMENT PAGE *****
    */
    .treatment-btn i { font-size: 40px; }
    .sub-kb-list p { padding-right: 0px; }
    .treatment-button-wrapper .h5 { width: 180px; font-size: 22px; margin-bottom: 0px; }
    .treatm-inr-btn i { font-size: 35px; }
    .treatment-toggle { padding-top: 50px; padding-bottom: 10px; }
    .work-card .h5 { margin-bottom: 30px; }

    /* 
    ***** RESOURCES PAGE *****
    */
    .resources-list .row { row-gap: 50px; }
    .resource-item img { margin: 0 0 30px; }
    .resource-item .cta-btns { margin-top: 20px; }
    .resource-item .h4 { width: 100%; }

    /* 
    ***** RESOURCE DETAILS PAGE *****
    */
    .container-sm { width: 700px; }
    /* .main-content span { margin: 25px 0 10px 0; } */
}
/*991*/

@media screen and (max-width: 767px) {
    @keyframes downToUp {
        0% { transform: translateX(0%); }
        100% { transform: translateX(-100%); }
    }
    
    @keyframes upToDown{
        0% { transform: translateX(-100%); }
        100% { transform: translateX(0%); }
    }

    .section { padding: 60px 0; }
    /* .main-content h3:not(:first-child) { padding-top: 60px; } */

    h1, .h1, h2, .h2 { font-size: 36px; line-height: 40px; margin-bottom: 34px; }
    h3, .h3 { font-size: 28px; line-height: 36px; margin-bottom: 20px; }
    h4, .h4 { font-size: 26px; line-height: 30px; margin-bottom: 20px; }
    h5, .h5 { font-size: 22px; line-height: 28px; margin-bottom: 20px; }
    body{ font-size: 18px; line-height: 24px; }
    .text-24 { font-size: 18px; line-height: 24px; }
    .cta-btns { padding: 15px; }
    .blog-lists .cta-btns { padding: 10px 30px; }

    .height-500, .height-372, .height-300, .height-265 { height: 200px; }
    .hero-slide.h4 { margin-bottom: 0; }
    
    .site-links ul { padding-left: 34%; }
    
    .hero { height: auto; max-height: auto; display: block; }
    .stick-img { width: 100%; }
    .stick-img h1 { padding-top: 100px; margin-bottom: 10px; }
    .hero-slider { width: 100%; display: block; }
    .hero-slide { display: flex; }
    .hero-slide-wrapper { width: max-content; display: flex; }
    .hero-slide .slide-item { width: 300px; }
    .foo-tnc { margin-top: 30px; }

    .aboutus .about-text { width: 110px; }
    .achiev-nums { gap: 20px; margin: 40px 0; }
    .achiev-nums p { padding-left: 8px; border-color: rgba(0, 0, 0, 0.3); }
    .serv-btn-wrapper .h4 { font-size: 26px; line-height: 30px; }
    .treatment-heads { text-align: left; align-items: start; }
    .treatm-details { padding-top: 50px; }
    .treatment-heads p { width: 100%; }
    .treatmnt-btns button { padding: 25px !important; }
    .founder-img .jayanti-thakore-self { width: 350px; }
    .jayanti-thakore-name { left: 50%; transform: translate(-50%, -20%) rotate(90deg) scale(0.79); }
    .testi-small-text, .testi-small-img { width: 350px; }
    .testi-with-quotes .testi-info { margin-bottom: 20px; }
    .testi-big { width: 450px; padding: 20px; }
    .testi-big .testi-brief-img { margin-bottom: 100px; }
    .all-price-cta { height: 450px; }
    .price-list1 .naturopathy, 
    .price-list1 .physiotherapy, 
    .price-list1 .skating, 
    .price-list1 .panchkarma, 
    .price-list1 .healing-intro, 
    .price-list1 .karate{
        padding: 40px;
    }
    .blog-half { flex-direction: column; }
    .blog-half-img, .blog-details { width: 100%; }
    .blog-half-img img { width: 100%; height: 240px; object-fit: cover; object-position: top; }
    .blog-half .blog-details p { margin-bottom: 20px; }
    .question-list .accordion { width: 100%; }
    .faqs > img { display: none; }
    .serv-btn-wrapper button span { width: 100%; }

    .blog-lists img {  object-position: center; border-radius: 15px; }


    /* 
    ***** ABOUT US PAGE *****
    */
    .mission-header { width: 400px; margin: 0 auto; }
    .mission-header .col-lg-6 { padding: 0; }
    .mission-steps { justify-content: center; margin-top: 60px; }
    .mission-step { width: 400px; height: 300px; }
    .mission-step .h1 { text-align: left; }
    .mission-step .h4 { width: 70%; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .contact-form h1, .contact-form .h1 { width: 80%; }
    .form-col { width: 100%; }
    .contact-intro { padding: 20px; }
    .contact-card { width: 100%; }

    /* 
    ***** SERVICES PAGE *****
    */
    .services-toggle, .pricing-toggle, .treatment-toggle { padding-top: 60px; }
    .services-toggle .h4, .pricing-toggle .h4, .treatment-toggle .h4 { margin-bottom: 0; }
    .temp-img { margin-bottom: 40px; }
    .work-lists, .treatmnt-lists { flex-direction: column; gap: 30px; }
    .benef-lists { display: block; margin-bottom: 40px; }
    .work-list .h4, .treatmnt-list .h4 { margin-bottom: 10px; }
    .benef-list { width: calc(100% - 50px); height: auto; margin: 0 auto; margin-bottom: 40px; }
    .benef-list p:first-child::before { width: 20px; height: 20px; background-size: contain; transform: translateX(-150%); }
    .benef-lists:last-child { margin-bottom: 0; }
    .sub-servc .h4 { text-align: left; }
    .services-toggle { top: 80px; padding-top: 60px; }

    /*
    ***** SUB-SERVICES PAGE *****
    */
    .work-cards-list .work-card { height: 250px; }

    /* 
    ***** TREATMENT PAGE *****
    */
    .treatment-btn i { font-size: 40px; }
    .sub-kb-list p { padding-right: 0px; }
    .treatment-button-wrapper { gap: 20px; }
    .treatment-button-wrapper .h5 { width: 180px; font-size: 22px; }
    .treatm-inr-btn i { font-size: 40px; }
    .treatment-toggle { padding-top: 50px; }

    /* 
    ***** RESOURCES PAGE *****
    */
    /* .resources-list .col-md-6:nth-child(2) .resource-item:nth-child(1) img { margin-top: 50px; } */

    /* 
    ***** RESOURCE DETAILS PAGE *****
    */
    .container-sm { width: 600px; }

    /* 
    ***** PAGE NOT FOUND *****
    */
    .page-not-found h1 { font-size: 100px; }
    
} 
/*767*/

@media screen and (max-width: 680px) { /* NOT NEEDED */ }
/*680 ENDS*/

@media screen and (max-width: 575px) {

    .site-links ul { padding-left: 20px; padding-top: 110px; top: 80px; }

    .site-banner img { height: 200px; }

    .serv-btn-wrapper { padding-left: 10px; padding-right: 20px; }
    .aboutus .about-text { width: 80px; }
    .about-paras { display: block; }
    .about-paras p { width: 100%; margin-top: 40px; }
    .achiev-nums { flex-direction: column; padding-left: 40px;}
    .achiev-nums p { padding-left: 20px; }
    .services p, .founder-details p { width: 100%; }
    .whyus-lists .list { width: 100%; }
    .whyus-lists .col-lg-4 .list { transform: translateX(0%); }
    .whyus-lists .col-lg-4:nth-child(1) .list:nth-child(1) { margin-top: 0; }
    .round-badge img { width: 120px; }
    .treatmnt-btns button { width: 160px; padding: 10px !important; }
    .treatm-slide p:nth-child(1) { font-size: 30px; }
    .cta-banner > * { display: block; }
    .cta-banner p { width: 100%; }
    .cta-banner .cta-btns { margin-top: 20px; }
    .founder-img.section { padding: 40px 0; }
    .founder-img .jayanti-thakore-self { width: 300px; }
    .jayanti-thakore-name { transform: translate(-50%, -25%) rotate(90deg) scale(0.6); }
    .serv-btn-wrapper {  width: 100%; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    /* .blog-half-img img { height: 202px; } */
    .blog-lists img { height: 260px; object-fit: cover; object-position: center; }
    .serv-btn-wrapper button span { width: 100%; }


    /* 
    ***** CONTACT US PAGE *****
    */
    .contact-form h1, .contact-form .h1 { width: 90%; margin-bottom: 50px; }
    .contc-list { width: 100%; }


    /* 
    ***** SERVICES PAGE *****
    */
    .temp-img { height: 250px; }
    .benef-list { width: 320px; }
    .sub-servc-img { height: 300px; }
    .sub-servc-img, 
    .sub-servc-wrapper a[title="Massage Therapy"],
    .sub-servc-wrapper a[title="Hydrotherapy"],
    .sub-servc-wrapper a[title="Mud Therapy"],
    .sub-servc-wrapper a[title="Acupressure"],
    .sub-servc-wrapper a[title="Acupuncture"],
    .sub-servc-wrapper a[title="Panchakarma"],
    .sub-servc-wrapper a[title="diet"],
    .sub-servc-wrapper a[title="Manual Therapy"],
    .sub-servc-wrapper a[title="Electrotherapy"],
    .sub-servc-wrapper a[title="Exercise Therapy"],
    .sub-servc-wrapper a[title="Ultrasound Therapy"],
    .sub-servc-wrapper a[title="Laser Therapy"],
    .sub-servc-wrapper a[title="Tecar Therapy"],
    .sub-servc-wrapper a[title="Compression Therapy"],
    .sub-servc-wrapper a[title="Skating"],
    .sub-servc-wrapper a[title="Karate"]
    { padding: 40px; }

    .services-toggle { top: 80px; padding-bottom: 10px; }
    .servc-button-wrapper { gap: 20px; }

    /*
    ***** SUB-SERVICES PAGE *****
    */
    .sub-serv-head, .treatm-head, .resource-head { text-align: left; }
    .work-cards-list { margin-top: 50px; }
    .work-cards-list .work-card:nth-child(even) { transform: translate(0); }
    .work-cards-list .work-card { width: 80%; margin: 0 auto; }

    /* 
    ***** TREATMENT PAGE *****
    */
    .treatment-button-wrapper .h5 { width: 160px; font-size: 20px; }
    .treatm-inr-btn { padding: 0; padding-bottom: 10px; }
    .treatm-inr-btn i { font-size: 35px; }
    .treatment-toggle { padding-top: 50px; top: 80px; }

    /* 
    ***** RESOURCE DETAILS PAGE *****
    */
    .container-sm { width: 100%; padding: 0 18px; }
    .main-content ul { padding-left: 30px; }

    /* 
    ***** PAGE NOT FOUND *****
    */
    .page-not-found h1 { font-size: 100px; }
} 

@media screen and (max-width: 480px) { /* NOT NEEDED */ }
/*480 ENDS*/

@media screen and (max-width: 459px) {

    .site-banner img { height: 180px }
    .header-content { padding: 10px; }
    .logo-img img {  width: 100px; top: 10px; }

    .site-links ul { top: 60px; }
    
    .site-header.scrolled .logo-img img { width: 80px; top: 10px; }
    .site-header.scrolled .header-content { padding: 0px; }
    .foo-nav { flex-direction: column; }
    .foo-nav ul li { margin-bottom: 8px; }
    .foo-col-4 { width: 100%; }

    .comp-det h2 { width: 80%; margin-bottom: 20px; }
    .aboutus { padding: 80px 0; }
    .aboutus .about-text { width: 60px; }
    .serv-img-det { justify-content: center; gap: 30px; }
    .serv-img-det p { margin-bottom: 10px; }
    .round-badge img { width: 100px; }
    .section.founder-details { padding: 20px; }
    .treatm-details .slick-vertical .slick-slide { height: 400px; }
    .treatm-slide > span { font-size: 120px; line-height: 100px; }
    .treatm-slide .cta-btns { margin-top: 90px; }
    .founder-img .jayanti-thakore-self { width: 350px; }
    .jayanti-thakore-name { transform: translate(-50%, -20%) rotate(90deg) scale(0.5); }
    .founder-details .h3 { margin-bottom: 30px; }
    .slides-wrapper { padding: 0px; }
    .testim-lists.p-5 {  padding: 0 15px !important; }
    .testi-small-text, .testi-small-img { width: 300px; }
    .testi-with-quotes { width: 320px; }
    .testi-big { width: 350px; }
    .price-list1 .naturopathy, 
    .price-list1 .physiotherapy, 
    .price-list1 .skating, 
    .price-list1 .panchkarma, 
    .price-list1 .healing-intro, 
    .price-list1 .karate{
        padding: 30px;
    }

    /* 
    ***** ABOUT US PAGE *****
    */
    .mission-header { width: 100%; }
    .mission-step { width: 100%; height: 300px; }
    .mission-step .h4 { width: 80%; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .contact-form h1, .contact-form .h1 { width: 100%; margin-bottom: 50px; }
    .form-btn { margin-top: 30px; }
    .contc-list { padding: 50px 20px; }
    .form-row span > input, .form-row span > textarea { padding-left: 20px; }
    .contact-card { padding: 40px 30px; }
    .contact-card .h5 { font-size: 20px; }

    /* 
    ***** SERVICES PAGE *****
    */
    .servc-button-wrapper, .pricing-button-wrapper { width: 100%; gap: 40px; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .benef-list { width: 280px; }
    .sub-servc-img { height: 250px; }
    .sub-servc-img, .child-servc-listing, 
    .sub-servc-wrapper a[title="Massage Therapy"],
    .sub-servc-wrapper a[title="Hydrotherapy"],
    .sub-servc-wrapper a[title="Mud Therapy"],
    .sub-servc-wrapper a[title="Acupressure"],
    .sub-servc-wrapper a[title="Acupuncture"],
    .sub-servc-wrapper a[title="Panchakarma"],
    .sub-servc-wrapper a[title="diet"],
    .sub-servc-wrapper a[title="Manual Therapy"],
    .sub-servc-wrapper a[title="Electrotherapy"],
    .sub-servc-wrapper a[title="Exercise Therapy"],
    .sub-servc-wrapper a[title="Ultrasound Therapy"],
    .sub-servc-wrapper a[title="Laser Therapy"],
    .sub-servc-wrapper a[title="Tecar Therapy"],
    .sub-servc-wrapper a[title="Compression Therapy"],
    .sub-servc-wrapper a[title="Skating"],
    .sub-servc-wrapper a[title="Karate"]
    { padding: 30px; }

    .services-toggle { top: 40px; }

    /*
    ***** SUB-SERVICES PAGE *****
    */
    .sub-servc-hero .temp-img-subserv { height: 250px; }
    .work-cards-list .work-card, .sub-kb-list { width: 90%; }
    .work-lists .work-list:nth-child(1):before, .treatmnt-lists .treatmnt-list:nth-child(1):before { display: inline; }

    /* 
    ***** TREATMENT PAGE *****
    */
    .MAP-therapies .h5 { font-size: 22px; }
    .treatment-toggle { padding-top: 50px; top: 50px; }
    

    /* 
    ***** RESOURCE DETAILS PAGE *****
    */
    /* .main-content span { margin: 15px 0 5px 0; } */
    .resourc-site-head img { height: 200px; object-fit: cover; }

    
    /* 
    ***** GALLERY PAGE *****
    */
    #lightbox.lightbox { margin-top: 50%; }

}
/*459 ENDS*/

@media screen and (max-width: 400px) {
    .hero-slide:first-child .hero-slide-wrapper { animation: downToUp 10s linear infinite; }
    .hero-slide:nth-child(2) .hero-slide-wrapper { animation: upToDown 10s linear infinite; }
    .treatm-slide > span { font-size: 100px; line-height: 80px; }
    .treatm-slide .cta-btns { margin-top: 70px; }
    .round-badge { transform: translate(-10% ,50%); }

    /* 
    ***** CONTACT US PAGE *****
    */    
    .form-btn .btn { width: 100%; }
    .contact-card { padding: 40px 10px; }
    .contact-card .h4 { font-size: 22px; }

    /*
    ***** SUB-SERVICES PAGE *****
    */
    .work-cards-list .work-card, .sub-kb-list { width: 100%; }

    /* 
    ***** TREATMENT PAGE *****
    */
    .treatmnt-head { padding-bottom: 40px; }
}
/*400 ENDS*/

@media screen and (max-width: 374px) {

    .site-banner img { height: 150px }
    .container, .container-fluid, .row>* { padding-left: 15px; padding-right: 15px; }
    .jayanti-thakore-name { transform: translate(-50%, -22%) rotate(90deg) scale(0.4); }
    .comp-det p { width: 100%; }
    .testi-small-text, .testi-small-img, .testi-with-quotes, .testi-big { width: 300px; }
    .all-price-cta { padding: 20px; }

    /* 
    ***** ABOUT US PAGE *****
    */
    .mission-step { height: auto; }
    .mission-step .h4 { width: 100%; }

    /* 
    ***** SERVICES PAGE *****
    */
    .servc-button-wrapper, .pricing-button-wrapper, .treatment-button-wrapper { gap: 30px; }
}
/*374 ENDS*/

@media screen and (max-width: 359px){
    .treatm-slide { padding: 20px 0 20px 0; }
    .treatm-slide .cta-btns { margin-top: 30px; }
    .treatm-slide > span { display: none; }

    /* 
    ***** CONTACT US PAGE *****
    */
    .contc-list { padding: 50px 0px; }

    /* 
    ***** SERVICES PAGE *****
    */
    .benef-list { width: 240px; }
    .servc-button-wrapper, .pricing-button-wrapper, .treatment-button-wrapper { gap: 20px; }
}
/*359 ENDS*/