[dir="rtl"] .header-top .social-icons ul li {
    margin-left: 15px;
    margin-right: 0;
}
[dir="rtl"] .header-top .social-icons ul li:last-child {
    margin-left: 0 !important;
}
[dir="rtl"] .header-section .header-top .container {
    padding: 0 !important;
}
[dir="rtl"] .header-top .contact ul li:first-child {
    border-left: 1px solid #d0d5dd;
    border-right: 0;
}
[dir="rtl"] .header-top .contact ul li {
    margin-left: 20px;
    padding-left: 20px;
    margin-right: 0;
    padding-right: 0;
}

@media only screen and (min-width: 0px) and (max-width: 580px) {
    [dir="rtl"] .header-section .header-top .container {
        padding: 0px 15px !important;
    }
}

/* ==============================
   RTL Navigation Menu Arrow Fixes
   ============================== */

/* "Pages" nav link: the > next to text, rotated to point down in LTR.
   In RTL the > character renders mirrored, so use -90deg to point down. */
[dir="rtl"] .header-section .menu-dropdown > a > .arrow {
    margin-left: 0 !important;
    margin-right: 8px !important;
    transform: rotate(-90deg) !important;
}

/* All spans inside menu-dropdown links: fix margin direction */
[dir="rtl"] .header-section .menu-dropdown a span {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

/* Inner dropdown items (Blog >, Terms >, Privacy >):
   The > arrow spans inside dropdown-content need to flip to < */
[dir="rtl"] .header-section .dropdown-content a span {
    margin-left: 0 !important;
    margin-right: 8px !important;
    transform: scaleX(-1) !important;
    display: inline-block !important;
}

/* Dropdown panel: reposition for RTL */
[dir="rtl"] .header-section .dropdown-content {
    left: auto !important;
    right: 50% !important;
    transform: translateX(50%) !important;
}

/* Mobile accordion menu arrows */
[dir="rtl"] .header-section .accordion-body li .arrow {
    transform: scaleX(-1) !important;
}
[dir="rtl"] .header-section .accordion-body li {
    padding-left: 0;
    padding-right: 0;
}