@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {}

@media(max-width:991px) {

    header .navbar-nav {
        text-align: start;
        align-items: start;
    }

    header .nav-link {
        color: #000;
    }



    header .navbar .whatsapp {
        margin-top: 20px;
    }

    #sarthak-counter .sarthak-counter-content h3 {
        font-size: 20px;
    }


    #sarthak-counter .sarthak-counter-item {
        padding: 18px 15px;
        gap: 13px;
    }


    #sarthak-counter .sarthak-counter-content p {
        font-size: 16px;
    }

}

@media(max-width:767px) {


    #sarthak-about .sarthak-about-content {
        padding-right: 0;
    }

    #sarthak-about h2 {
        font-size: 25px;
    }

    #sarthak-about .sarthak-about-image {
        height: 400px;
    }

    #sarthak-services .sarthak-services-heading h2 {
        font-size: 25px;
    }

    #sarthak-products .sarthak-products-heading h2 {
        font-size: 25px;
    }

    #sarthak-reviews .sarthak-review-heading h2 {
        font-size: 25px;
    }

    #gallery .section-head h2 {
        font-size: 25px;
    }

    #sarthak-mission .mission-card {
        flex-direction: column;
        text-align: center;
    }

    #sarthak-mission .mission-icon {
        flex: 0 0 58px;
        height: 58px;
        margin: 0 auto;
        width: 58px;
    }

    #sarthak-blog .sarthak-blog-content h3 {
        font-size: 20px;
    }

    #blog-detail article h3 {
        margin: 15px 0 14px;
        font-size: 20px;
    }

    #prosthetic-detail .prosthetic-intro {
        padding: 15px;
    }

    #prosthetic-detail .prosthetic-intro h1 {
        font-size: 25px;
    }

    #prosthetic-detail .section-heading h2 {
        font-size: 25px;
    }

    #prosthetic-detail .prosthetic-benefits {
        margin-top: 65px;
        padding: 15px;
    }

    #prosthetic-detail .prosthetic-cta {
        margin-top: 30px;
        padding: 15PX;
    }

    #prosthetic-detail .prosthetic-benefits h2 {
        color: var(--heading);
        font-size: 25px;
    }

    #prosthetic-detail .prosthetic-cta h2 {
        color: var(--white);
        font-size: 25px;
    }

    #blog-detail article ul {
        column-count: 1;
    }

    #sarthak-contact .contact-side-content h2 {
        font-size: 22px;
    }

    #sarthak-contact .contact-form-box {
        padding: 15px
    }

    #sarthak-contact .contact-form-box h2 {
        font-size: 20px;
    }

    #sarthak-contact .sarthak-contact-heading h2 {
        font-size: 25px;
    }

    #blog-detail img.imgs {
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

    #blog-detail article h1,
    #blog-detail article h2 {
        font-size: 25px;
    }

    #sarthak-mission .sarthak-inner-heading h2,
    #sarthak-why-us .sarthak-inner-heading h2 {
        font-size: 25px;
    }

    #sarthak-blog .sarthak-blog-title {
        font-size: 25px;
    }

    #sarthak-counter .sarthak-counter-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    #sarthak-counter .col-6:nth-child(odd) .sarthak-counter-item::after {
        display: block;
        height: 60px;
        top: 15px;
    }


    #sarthak-counter .col-6:nth-child(even) .sarthak-counter-item::after {
        display: none;
    }

    #hero-section .hero-content h1 {
        font-size: 50px;
    }

    header .navbar-brand {
        width: 80px;
    }

    #hero-section {
        background-position: right;
    }

    #hero-section .feature-box:nth-child(2)::after,
    #hero-section .feature-box:last-child::after {
        display: none;
    }

    #hero-section .hero-content {
        padding: 20px 0;
        text-align: center;
    }

    header .whatsapp li a {
        display: inline;
    }

    #hero-section .hero-content h4 {
        font-size: 25px;
    }

    #hero-section .overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgb(255 255 255 / 80%) 0%, rgb(255 255 255 / 45%) 40%, rgb(255 255 255 / 64%) 100%);
        z-index: 1;
    }

    #hero-section .price-box {
        padding: 15px 15px;
        font-size: 16px;
    }



    header .whatsapp {
        margin-left: 0px;
    }

    #flavors-section .section-title h2 {
        font-size: 35px;
    }

    #promo-section .promo-wrapper {
        padding: 15px;
    }

    #promo-section .cone-content span {
        padding: 6px 10px;
        font-size: 18px;
    }

    #promo-section .cone-content h3 {
        font-size: 20px;
    }

    #promo-section .promo-content {
        padding-left: 0;
        text-align: center;
    }

    #promo-section .promo-content h4 {
        font-size: 30px;
        line-height: 34px;
    }

    #about-section .section-title h2 {
        font-size: 35px;
    }

    #about-section .section-title {
        margin-bottom: 30px;
    }

    #testimonials .section-title h2 {
        font-size: 35px;
    }

    #about-section .row {
        row-gap: 20px;
    }

    #gallery .section-title h2 {
        font-size: 35px;
    }

    #contact-section .contact-form {
        padding: 0;
    }

    #contact-section .contact-image img {
        max-width: 100%;
    }

    #contact-section .row:first-child {
        margin-bottom: 30px;
    }

    #cta-section .cta-box h2 {
        font-size: 35px;
    }
}

@media(max-width:643px) {}

@media(max-width:576px) {}

@media(max-width:480px) {

    .sticky .headermn .navbar .navbar-brand {
        width: 80px;
    }

    header .header-top {
        display: none;
    }

    header .navbar-nav {
        gap: 10px;
    }

    header .headermn .navbar .navbar-brand {
        width: 80px;
    }

    header .navbar .offcanvas {
        width: 300px;
    }


    footer .footertop .about img {
        width: 100px;
    }

    footer .row {
        row-gap: 20px;
    }

    footer .footertop {
        padding: 25px 0 0px;
    }

    footer .footertop .about p {
        width: 100%;
    }

    footer .footerboo ul {
        display: block;
        text-align: center;
    }

    footer .footerboo ul li:first-child {
        margin-bottom: 10px;
    }



}

@media(max-width:400px) {}

@media(max-width:359px) {}