/* عند النزول: غيّر شفافية الهيدر المثبت فقط */
#mainnav.fixed-header .inner {
    background-color: rgba(0, 0, 0, 0.40);
    transition: background-color 0.3s ease;
}
/* تصغير الشعار عند دخول الهيدر في حالة Fixed Header */
#mainnav.fixed-header .navbar-brand img {
    max-height: 60px;
    transition: max-height 0.3s ease;
}

/* مقاس مختلف للجوال */
/* تصغير شعار الهيدر فقط عند التثبيت */
/* =========================================================
   شعار الجوال
   الوضع الطبيعي: 90px
   عند النزول: 60px
   ========================================================= */

@media (max-width: 1023px) {

    /* المقاس الطبيعي للجوال */
    #mainnav .navbar-brand img {
        max-height: 90px !important;
    }

    /* عند نزول الصفحة */
    #mainnav.fixed-header .navbar-brand img {
        max-height: 60px !important;
        transition: max-height .3s ease !important;
    }

}