@media (max-width: 882px){
    #tf-about .sub-menu span
    {
        width: 5% !important;
    }
}

@media (max-width: 768px){
    .content {
        padding: 20vw 5vw 0 5vw;
        /* Adjusted padding for better mobile fit */
        box-sizing: border-box;
    }

    #tf-about .sub-menu span
    {
        width: 5% !important;
    }
}

@media (max-width: 680px){
#tf-about .sub-menu span
    {
        width: 0px !important;
        display: none !important;
    }
}

@media (max-width: 603px){
    body {
        overflow-x: hidden;
    }

    #tf-about .sub-menu span
    {
        width: 0px !important;
        display: none !important;
    }

    .pull-left.fnav,
    .pull-right.fnav {
        float: none !important;
        text-align: center;
    .hover-bg .hover-text {
        padding: 8vw 5vw;
        /* Use vw for more consistent spacing on mobile */
    }
        padding: 12% 10%;
    }
    .hover-bg .hover-text {
        padding: 16vw 5vw;
        /* Use vw for more consistent spacing on very small screens */
    }
    .hover-bg .hover-text {
        padding: 22% 10%;
    }
}

@media (max-width: 480px){
    #tf-about .sub-menu span
    {
        display: none !important;
    }
    #tf-about .sub-menu
    {
        width: 100% !important;
        text-align: center;
    }
    #tf-about .sub-menu *
    {        
        display: block !important;
        width: 95% !important;
        margin: 5px auto !important;
    }
}