/* Add custom CSS styles below */ 
/* تحسين عام لشكل الموقع في الجوال */
@media (max-width: 768px) {

    body {
        padding: 0 10px !important;
    }

    h1, h2, h3, h4 {
        font-size: 90% !important;
        line-height: 1.3 !important;
    }

    p, a, li {
        font-size: 95% !important;
    }

    .row, .columns {
        display: block !important;
        width: 100% !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    button, .btn {
        width: 100% !important;
        padding: 14px !important;
        font-size: 16px !important;
    }
}