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

    .main-menu {
        display: none;
    }

    .header-menu {
        height: 0px;
    }

    .site-logo-bg {
        height: 100px;
        width: 100px;

        bottom: -100px;
    }

    .site-logo {
        width: 85px;
        height: 85px;
    }

    .site-banner-left {
        justify-content: flex-end;
        height: 100vh;

        padding-bottom: 100px;
    }

    .site-banner-heading {
        font-size: 35px;
        line-height: 50px;
    }

    .site-banner-p {
        font-size: 16px;
        line-height: 20px;
    }

    .site-banner {
        height: 100vh;
        background-image: url(../images/banner/resize-matrimonial-banner-mob.png);
    }

    .searchpage-site-banner {
        height: 100vh;
        background-image: url(../images/banner/search-page-mob-design.jpg);
    }
    
    .legalpage-site-banner {
        height: 100vh;
        background-image: url(../images/legal-pages/reliable-matrimony-legal-pages-mob.jpg);
    }

    .site-banner-img img {
        margin-top: 10px;
    }


    .mob-menu-section {
        display: block;

        position: relative;
        z-index: 99999;
    }

    .offcanvas-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .offcanvas-title img {
        height: 100px;
        width: 100px;
    }

    .mob-menu-list {
        list-style-type: none;
        padding-left: 0px;
    }

    .mob-menu-list li {
        padding-top: 20px;
    }

    .mob-menu-list a {
        text-decoration: none;
        color: #1E1E1E;
    }

    .contact-us-mob {
        margin-top: 16px;
    }

    .mob-login-reg {
        margin-top: 30px;

        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }

    .mob-login-reg a {
        text-decoration: none;
        color: #AD1E57;
        border: 2px solid #AD1E57;
        padding: 8px 30px;
        border-radius: 35px;
        font-weight: 500;
    }


    .social-support-links-mob-header {
        margin-top: 20px;
    }

    .social-support-links-mob-header ul {
        list-style-type: none;
        padding-left: 0px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .social-support-links-mob-header ul li {
        transition: 0.5s ease-in-out;
    }

    .social-support-links-mob-header ul li a {
        text-decoration: none;
        color: #AD1E57;
        font-size: 20px;
    }

    .social-support-links-mob-header ul li:hover {
        transform: translateY(-5px);
    }





    .search-section {
        transform: translateY(-70px);
    }

    .search-user-btn {
        margin-top: 20px;
    }

    .section-heading {
        font-size: 30px;
    }

    .why-choose-us-cards-row {
        margin-top: 24px;
    }

    .why-choose-us-section {
        padding: 40px 0px;
    }

    .why-choose-shape-design {
        display: none;
    }

    .why-choose-card {
        margin-bottom: 25px;
    }

    .mid-banner-section {
        height: 100vh;
    }

    .show-heading-rspnse {
        display: inline;
    }

    .banner-1-content {
        height: 100vh;
    }

    .banner-1-content h2 {
        font-size: 30px;
    }

    .featured-member-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .featured-member-container {
        margin-top: 20px;
    }

    .featured-member {
        width: auto;
        height: 450px;
    }

    .how-it-works-heading {
        margin-bottom: 24px;
    }

    .dashed-border-design {
        display: none;
    }

    .how-it-works-number {
        display: none;
    }

    .how-it-works-container {
        padding-left: 15px;
    }

    .how-it-works-img {
        margin-top: 20px;
    }

    .how-it-works-card-hdr {
        font-size: 20px;
    }

    .how-it-works-card {
        padding: 20px 10px 10px 10px;
    }

    .how-it-works-card-para {
        font-size: 16px;
    }

    .how-it-works-section {
        padding: 40px 0px;
    }

    .partner-services-section {
        padding: 40px 0px;
    }

    .partner-services-row {
        margin-top: 20px;
    }

    .partner-service-card-btns {
        padding: 0px;
    }

    .partner-service-card-descp {
        padding: 20px;
    }

    .about-reliable-matrimony-container {
        padding: 50px 20px 50px 30px;
    }

    .about-reliable-matrimony-img-shape {
        display: none;
    }

    .about-reliable-matrimony-img {
        width: 250px;
        height: 300px;
    }

    .about-reliable-matrimony-img-small {
        bottom: -70px;
        right: -25px;
        width: 150px;
    }

    .about-reliable-matrimony-heading {
        font-size: 30px;
        margin-top: 20px;
    }

    .about-reliable-matrimony-text-container-shape img {
        width: 400px;
        height: 400px;
    }

    .exp-brides-diff-region-section {
        padding: 40px 0px;
    }

    .exp-brides-diff-region-row {
        margin-top: 20px;
    }

    .perfect-match-couple-section {
        padding: 40px 0px;
    }

    .perfect-match-couple-heading span {
        display: inline;
    }

    .perfect-match-couple-section {
        height: auto;
    }

    .perfect-match-couple-img {
        height: 350px;
    }

    .perfect-match-couple-img-one {
        transform: translateY(-50%);
    }

    .perfect-match-couple-img-one img {
        height: 150px;
    }

    .perfect-match-couple-img-two {
        transform: translateX(-30px) translateY(80px);
        border: 2px solid white;
        border-radius: 10px;
    }

    .perfect-match-couple-img-three {
        transform: translateX(-10px) translateY(-5px);
        border: 2px solid white;
        border-radius: 10px;
    }

    .perfect-match-couple-img-three img {
        height: 150px;
    }

    .perfect-match-couple-text-container {
        padding-left: 20px;
    }

    .perfect-match-couple-para {
        padding-right: 10px;
    }

    .real-stories-section {
        padding: 40px 0px;
    }

    .real-stories-section-row {
        margin-top: 20px;
    }

    .meet-founder-section-row {
        margin-top: 20px;
    }

    .meet-founder-section {
        padding: 40px 0px;
    }

    .meet-founder-section-row {
        padding-left: 10px;
    }

    .founder-card {
        padding-bottom: 20px;
    }

    .meet-founder-quote-heading {
        font-size: 24px;
        padding-right: 15px;
    }

    .meet-founder-quote-heading span {
        display: inline;
    }

    .reliable-matrimony-in-news-section {
        padding: 40px 0px;
    }

    .reliable-matrimony-in-news-row {
        margin-top: 20px;
    }

    .faq-section {
        padding: 40px 10px;
    }

    .faq-section-row {
        margin-top: 20px;
    }

    .download-reliable-matrimony-app-section {
        padding: 40px 0px 0px 0px;
        height: auto;
    }

    .download-reliable-matrimony-app-img {
        height: 400px;
    }

    .download-reliable-matrimony-app-img-circle {
        width: 280px;
        height: 280px;
    }

    .download-reliable-matrimony-app-img img {
        width: 300px;
        height: 300px;
    }

    .download-reliable-matrimony-app-playstore {
        margin-top: 0px;
    }

    .download-reliable-matrimony-app-playstore img {
        width: 150px;
    }

    .download-reliable-matrimony-app-text-container {
        padding: 0px 20px;
    }

    .instagram-and-video-section {
        padding: 40px 0px;
    }

    .instagram-and-video-row {
        margin-top: 20px;
    }

    .instagram-and-video-card button {
        font-size: 50px;
    }

    .traditional-brides-section {
        padding: 0px;
    }

    .traditional-brides-btn-container {
        display: flex;
        /* KEEP flex */
        justify-content: flex-start;
        /* left aligned */
        align-items: center;
        gap: 8px;
        overflow-x: auto;
        /* horizontal scroll */
        white-space: nowrap;
        padding: 6px 2px;
        -webkit-overflow-scrolling: touch;
    }

    .traditional-brides-btns {
        flex: 0 0 auto;
        /* prevent shrinking */
        white-space: nowrap;
        /* no line break */
        font-size: 14px;
        padding: 6px 14px;
        border-radius: 20px;
    }

    /* optional: hide scrollbar */
    .traditional-brides-btn-container::-webkit-scrollbar {
        display: none;
    }

    .traditional-brides-img:hover .image-preview-icon-box {
        top: 70px;
    }

    footer {
        padding-top: 390px;
    }

    .support-links {
        margin-top: 30px;
    }

    .social-support-links {
        margin-top: 30px;
    }

}

@media only screen and (min-width: 576px) and (max-width: 991px) {}