@media (max-width: 767px) {

    /* الهيدر عادي مش ثابت مع الاسكرول */
    #header,
    #header .header-body,
    #header .header-body.bg-dark {
        position: relative !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    /* نشيل أي مارجن/بادينج زيادة من الـ main */
    .body .main,
    .main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* ⬇⬇ نعدل بس أول بلوك بعد الهيدر (السلايدر) ⬇⬇ */
    .body .main > *:first-child {
        margin-top: -290px !important;
    }

    /* ننزل الكلام اللي على الصورة شوية */
    .body .main > *:first-child h1,
    .body .main > *:first-child h2,
    .body .main > *:first-child .slide-title,
    .body .main > *:first-child .tp-caption {
        margin-top: 240px !important;
        position: relative !important;
        z-index: 50 !important;
    }

    /* ننزل الأسهم بتوع السلايدر شوية */
    .body .main > *:first-child .fa-chevron-left,
    .body .main > *:first-child .fa-chevron-right,
    .body .main > *:first-child .fa-angle-left,
    .body .main > *:first-child .fa-angle-right,
    .body .main > *:first-child .owl-prev,
    .body .main > *:first-child .owl-next,
    .body .main > *:first-child .tparrows,
    .body .main > *:first-child .tp-leftarrow,
    .body .main > *:first-child .tp-rightarrow {
        margin-top: 140px !important;
        z-index: 50 !important;
    }
}