html[dir="rtl"], html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

html[dir="rtl"] .dropdown ul {
    text-align: right;
}

html[dir="rtl"] td[align="left"] {
    text-align: right;
}

html[dir="rtl"] td[align="right"] {
    text-align: left;
}

html[dir="rtl"] p[align="left"],
html[dir="rtl"] div[align="left"],
html[dir="rtl"] .extra {
    text-align: right !important;
}

html[dir="rtl"] p[align="justify"],
html[dir="rtl"] div[align="justify"] {
    text-align: justify;
}

html[dir="rtl"] #tabs {
    direction: rtl;
}

html[dir="rtl"] img[style*="float: right"] {
    float: left !important;
}

html[dir="rtl"] .js3dsurface {
    direction: ltr;
}

@media (min-width: 992px) {
    html[dir="rtl"] body > div[align="center"]:first-of-type,
    html[dir="rtl"] body > div[align="center"]:first-of-type table,
    html[dir="rtl"] body > div[align="center"]:first-of-type td {
        overflow: visible;
    }

    html[dir="rtl"] body > div[align="center"]:first-of-type {
        position: relative;
        z-index: 3000;
    }

    html[dir="rtl"] ul#nav,
    html[dir="rtl"] ul.dropdown {
        position: relative;
        z-index: 3100;
    }

    html[dir="rtl"] ul.dropdown li.hover,
    html[dir="rtl"] ul.dropdown li:hover {
        z-index: 3200;
    }

    html[dir="rtl"] ul.dropdown li:hover > ul {
        visibility: visible;
        display: block;
        z-index: 3300;
    }

    html[dir="rtl"] #n-services ul {
        left: auto !important;
        right: 0 !important;
        width: 190px !important;
        text-align: right !important;
    }

    html[dir="rtl"] #n-services ul a {
        width: auto !important;
        min-width: 170px;
        padding: 9px 10px !important;
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] ul#nav {
        text-align: right;
    }

    html[dir="rtl"] #me-menu-btn {
        margin-right: auto;
        margin-left: auto;
    }

    html[dir="rtl"] table[bgcolor="#01222B"] > tbody > tr > td,
    html[dir="rtl"] table[bgcolor="#01222B"] > tr > td {
        text-align: right;
    }
}
