/* Footer Social Icons Mobile Fix */
@media (max-width: 1024px) {
    /* Prevent the plus/minus icon from appearing on social icons and their text */
    footer .menus-wrap .footer-link-with-icon span.footer-social-icon:before,
    footer .menus-wrap .footer-link-with-icon span.footer-link-text:before {
        display: none !important;
        content: none !important;
    }

    footer .menus-wrap .footer-link-with-icon span.footer-social-icon,
    footer .menus-wrap .footer-link-with-icon span.footer-link-text {
        padding-left: 0px !important;
    }
    
    /* Ensure the social icons display correctly */
    .footer-social-icon {
        display: inline-block !important;
        position: relative !important;
        width: 18px !important;
        height: 18px !important;
        margin-right: 6px !important;
    }
    
    /* Make sure the footer link with icon displays correctly */
    .footer-link-with-icon {
        display: flex !important;
        align-items: center !important;
    }
}

/* For very small screens */
@media (max-width: 767px) {
    .footer-social-icon {
        width: 16px !important;
        height: 16px !important;
    }
    .footer-link-text{
        margin-left: 0px;
    }
}