@media only screen and (max-width: 992px) {
    .theme-responsive-menu-area {
        display: none !important;
    }
}


/* Target all spans with your specific font-family on mobile */
@media only screen and (max-width: 992px) {
    span[style*="font-family:Arapey"] {
        font-size: 20px !important; /* Mobile font size */
    }
    
    /* Optional: adjust italic part if needed */
    span[style*="font-family:Arapey"] span {
        font-size: 20px !important;
    }
}