html, body {
    overflow-x: hidden;
    margin: 0; 
    padding: 0; 
}

#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > figure {
    width: 20%;
    float: right;
    position: relative;
    margin-left: 4%;
    margin-right: initial;
}

#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > div {
    float: right;
}

#fh5co-featured .fh5co-grid > .fh5co-v-half > .fh5co-h-row-2.fh5co-reversed .fh5co-bg-img {
    left: 0px;
    right: initial;
}

.flexslider {
    direction: rtl;
}

.flex-direction-nav {
    direction: rtl;
}

.flexslider .slides {
    direction: rtl;
}

#fh5co-menus .fh5co-food-menu h2.fh5co-dishes,
#fh5co-menus .fh5co-food-menu h2.fh5co-drinks{
    padding-right: 80px;
    padding-left: initial;
}

#fh5co-menus .fh5co-food-menu h2.fh5co-dishes:before,
#fh5co-menus .fh5co-food-menu h2.fh5co-drinks:before{
    left: initial;
    right: 100px;
}

.xClass {
    position: relative !important;
    top: 0 !important;
    left: initial !important;
    margin: 0px 5px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"],
#fh5co-events .fh5co-event .btn,
.btn-primary.btn-outline {
    font-family: 'Tajawal', sans-serif;
    letter-spacing: 0;
}

.iti--inline-dropdown .iti__dropdown-content {
    left: 0px;
}

@media screen and (max-width: 768px) {
    .logo {
        width: 220px !important;
        margin: 0 auto !important;
        display: block !important;
        top: 100px !important;
        position: relative !important;
    }
    
    .fh5co-nav-toggle {
        left: 35px;
    }
    
    #fh5co-menus .fh5co-food-menu h2.fh5co-dishes:before, #fh5co-menus .fh5co-food-menu h2.fh5co-drinks:before {
        left: initial;
        right: 20px;
    }
    
    #fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc {
        clear: both;
        float: none;
        width: 100%;
    }
    
    #fh5co-menus .fh5co-food-menu ul li .fh5co-food-pricing {
        float: inherit;
        width: 100%;
        text-align: right;
        font-size: 20px;
        color: #fb6e14;
    }
    
    #fh5co-featured .fh5co-grid > .fh5co-v-half > .fh5co-h-row-2 > .fh5co-v-col-2.fh5co-bg-img,
    #fh5co-featured .fh5co-grid > .fh5co-v-half > .fh5co-v-col-2{
        width: 96%;
    }
    
    #fh5co-menus .fh5co-food-menu h2.fh5co-dishes, #fh5co-menus .fh5co-food-menu h2.fh5co-drinks {
        font-size: 22px !important;
        padding-right: 70px;
    }
    
    #fh5co-menus .fh5co-food-menu h2.fh5co-dishes:before, #fh5co-menus .fh5co-food-menu h2.fh5co-drinks:before {
        right: 5px;
    }
    
    #fh5co-offcanvas {
        display: flex;
        flex-direction: column;
    }
    
    #fh5co-offcanvas a.menu-item {
        display: block;
    }
    
    #fh5co-offcanvas a[data-nav-section="home"] {
        order: 1;
    }
    
    #fh5co-offcanvas a[data-nav-section="about"] {
        order: 2;
    }
    
    #fh5co-offcanvas a[data-nav-section="reservation"] {
        order: 3;
    }
    
    #fh5co-offcanvas a[data-nav-section="events"] {
        order: 4;
    }
    
    #fh5co-offcanvas a[data-nav-section="features"] {
        order: 5;
    }
    
    #fh5co-offcanvas a[data-nav-section="menu"] {
        order: 6;
    }
    
    #fh5co-offcanvas a[data-nav-section="english"] {
        order: 7;
    }
}