/* Mentor Theme Responsive Styles */

@media (max-width: 1024px) {
    .site-main {
        padding: 30px 20px;
    }
}

@media (max-width: 768px) {
    .site-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }

    .site-navigation ul {
        flex-direction: column;
        gap: 10px;
    }

    .site-main {
        padding: 25px 15px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 15px;
    }

    .site-branding a {
        font-size: 20px;
    }

    .site-main {
        padding: 20px 10px;
    }
}