:root {
    --theme-color: #0372c7;
    --theme-color-2: #1787dd;
    --theme-color-3: #12a2dc;
    --theme-color-4: #172f37;
    --main-font: "Open Sans", sans-serif;
    --secondary-font: "Great Vibes", cursive;
    --abril-font: "Abril Fatface", serif;
    --poppins-font: "Poppins", sans-serif;
}

@media (max-width: 1200px) {
    .navbar {
        padding: 10px;
    }

    .navbar-nav .nav-link {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .navbar-nav .nav-link {
        font-size: 18px;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 576px) {
    .navbar {
        padding: 2px;
    }

    .navbar-nav .nav-link {
        font-size: 14px;
    }

    h1 {
        font-size: 24px;
    }

    p {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .secondary-navbar .right-nav-part {
        font-size: 12px;
    }
    section {
        padding: 30px 0;
    }
    span.nav-icon.border-right {
        border: none;
        padding: 0;
        position: relative;
    }
    .secondary-navbar span.nav-icon a {
        justify-content: center;
        margin: 5px 0;
        font-size: 12px;
    }

    .btn-button {
        padding: 10px 20px;
        font-size: 14px;
    }
    .btn-buttons {
        font-size: 14px;
    }
    .btn-sec {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
    }
    .nav.nav-tabs .nav-link {
        display: block;
        border: 1px solid #666;
        border-radius: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav.nav-tabs .nav-link.active {
        border: 1px solid var(--theme-secondary-color);
    }
    img.footer-logo {
        width: 90px;
    }
    footer.footer-main a {
        font-size: 14px;
    }
    footer.footer-secondary {
        padding: 10px 0;
    }
    footer.footer-secondary p {
        font-size: 10px;
    }

    .header-social-media {
        display: none !important;
    }
    .right-nav-part {
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #ddd;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    img.main-logo {
        width: 100px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-nav {
        background: #01a850;
        padding: 20px 0;
    }
    .navbar-nav .nav-link {
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        padding: 10px !important;
    }
    .sub-heading {
        font-size: 12px;
    }

    h2.heading {
        font-size: 18px;
    }
    h4.footer-title {
        margin-bottom: 10px;
        font-size: 16px;
        margin-top: 20px;
    }
    .navbar-nav .dropdown-menu {
        min-width: 100% !important;
        padding: 6px !important;
        border-radius: 0;
    }
    h4.heading {
        font-size: 20px;
    }
    .footer-bottom-text {
        font-size: 12px;
    }
    .footer-bottom-text .col-md-6 {
        margin-top: 4px;
    }
    .form-section {
        padding: 10px;
        border-radius: 10px;
    }
    .form-heading {
        padding: 10px;
    }
    h4.form-title {
        font-size: 18px;
    }
    label.form-label {
        font-size: 13px;
    }
    .form-area .form-control {
        font-size: 14px;
        padding: 10px;
    }
    .forms-area {
        padding: 10px;
    }
    img.pot-image-form {
        position: absolute;
        height: 100px;
        width: auto;
        bottom: 0px;
        left: 0px;
        z-index: 2;
    }
    img.lady-image-form {
        position: relative;
        height: 200px;
        width: auto;
        bottom: -25px;
        right: 0px;
        z-index: 2;
        float: inline-end;
    }
    img.boy-image-form {
        position: absolute;
        height: 200px;
        width: auto;
        bottom: 0;
        right: 8%;
    }
    .pot2-image-form {
        position: absolute;
        height: 100px;
        width: auto;
        bottom: 0px;
        left: 5%;
        z-index: 2;
    }
    .reg-cont-title {
        font-size: 20px;
    }
    h2.sub-desc {
        font-size: 22px;
    }
}