/* Mobile responsiveness fixes for screens below 580px */
@media (max-width: 580px) {
    /* Header adjustments */

    .header .navbar .navbar-brand, .header.header-03 .navbar .navbar-brand {
        flex: 0 0 200px;
    }

    .header .navbar {
        padding: 10px 15px;
    }

    /* Logo size adjustments - INCREASED SIZE */
    .header .navbar-brand img {
        max-height: 60px; /* Increased from 40px */
        width: auto;
    }

    /* Container padding */
    .container, .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Adjust navbar toggle button */
    .navbar-toggler {
        padding: 5px 8px;
        margin-right: 5px;
    }

    /* Adjust dropdown menu */
    .dropdown-menu {
        width: 100%;
        margin-top: 0;
        display: none;
    }

    /* Show dropdown when parent is clicked/active */
    .nav-item.dropdown.show .dropdown-menu {
        display: block;
    }

    /* Add dropdown toggle behavior */
    .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link {
        position: relative;
        cursor: pointer;
    }

    /* Style for dropdown arrows */
    .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link .fa-chevron-down {
        position: absolute;
        right: 15px;
        transition: transform 0.3s;
    }

    /* Rotate arrow when dropdown is open */
    .navbar-collapse .navbar-nav .nav-item.dropdown.show .nav-link .fa-chevron-down {
        transform: rotate(180deg);
    }

    /* Mobile navigation text color and hover */
    .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #000000 !important; /* Black text color */
        transition: color 0.3s ease;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link:hover,
    .navbar-collapse .navbar-nav .nav-item .nav-link:focus {
        color: #ff0000 !important; /* Red hover color */
    }

    /* Dropdown items color and hover */
    .navbar-collapse .dropdown-menu .dropdown-item {
        color: #000000 !important; /* Black text color */
        transition: color 0.3s ease;
    }

    .navbar-collapse .dropdown-menu .dropdown-item:hover,
    .navbar-collapse .dropdown-menu .dropdown-item:focus {
        color: #ff0000 !important; /* Red hover color */
        background-color: transparent;
    }
    .header.default .navbar .navbar-nav .nav-link {
        color: #343434;
    }
    /* Footer adjustments */
    .footer {
        text-align: center;
    }

    .footer-contact-info, .footer-link, .footer-subscribe {
        margin-bottom: 30px;
    }

    /* Text size adjustments */
    h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    h5 {
        font-size: 16px;
        line-height: 1.3;
    }

    p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Button adjustments */
    .btn {
        padding: 8px 15px;
        font-size: 14px;
    }

    /* Form elements */
    .form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    /* Spacing adjustments */
    .space-ptb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Fix for the navbar collapse */
    .navbar-collapse {
        background-color: #fff;
        padding: 15px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
    }

    /* Adjust navbar items */
    .navbar-nav .nav-item {
        margin: 5px 0;
    }

    /* Fix for footer list items */
    .footer ul.list-unstyled li {
        margin-bottom: 10px;
    }

    /* Fix for footer background image */
    .footer-contact-info ul.list-unstyled {
        background-image: none !important;
    }

    /* Ensure footer text is centered on mobile */
    .footer .col-md-5.text-md-end,
    .footer .col-md-5.text-md-start {
        text-align: center !important;
    }

    /* Make sure copyright text is centered */
    .footer .copyright {
        text-align: center !important;
    }

    /* Ensure footer links are centered */
    .footer .footer-link ul {
        width: 100%;
        float: none;
        text-align: center;
    }
}
@media (max-width: 580px) {
    /* General container adjustments */
    .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    /* Text size adjustments */
    h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    p {
        font-size: 16px;
        line-height: 1.5;
    }

    /* Form elements */
    .form-control {
        width: 100%;
    }

    /* Button adjustments */
    .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    /* Grid adjustments */
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Make all columns full width on mobile */
    .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-9, .col-md-12 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Image scaling */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Spacing adjustments */
    .space-ptb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Modal adjustments for forms */
    .modal-dialog {
        margin: 10px;
        width: calc(100% - 20px);
        max-width: none;
    }

    /* Fix for the community form */
    #communityForm {
        display: block;
    }

    #communityForm .mb-3 {
        margin-bottom: 15px !important;
    }

    /* Adjust text alignment for better mobile reading */
    .text-center-xs {
        text-align: center;
    }

    /* Fix for the loader */
    #formLoader {
        margin: 15px auto;
    }
}

/* Tablet responsiveness fixes */
@media (min-width: 581px) and (max-width: 991px) {
    /* Footer adjustments for tablets */
    .footer {
        text-align: center;
    }

    .footer-contact-info, .footer-link, .footer-subscribe {
        margin-bottom: 30px;
    }

    /* Center footer text on tablets */
    .footer .col-md-5.text-md-end,
    .footer .col-md-5.text-md-start {
        text-align: center !important;
    }

    /* Center copyright text */
    .footer .copyright {
        text-align: center !important;
    }

    /* Center footer links */
    .footer .footer-link ul {
        width: 100%;
        float: none;
        text-align: center;
    }
}

/* Ensure footer is responsive across all devices */
@media (min-width: 992px) {
    /* Add some responsive adjustments for larger screens */
    .footer .footer-bottom .row {
        align-items: center;
    }

    /* Ensure the footer logo is properly aligned */
    .footer .footer-bottom .footer-logo {
        max-height: 50px;
    }
}