﻿h1, h2, h3, h4, h5, h6,
.btn, .carousel-caption h2, .carousel-caption p {
    /*font-family: 'Cairo', sans-serif !important;*/
    font-family: 'Cairo', sans-serif !important;
}

.Price_container__URFkc {
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    text-align: start;
}

    .Price_container__URFkc .Price_sellingPrice__HFKZf {
        display: flex;
        align-items: baseline;
        gap: 2px;
        font-size: 18px;
        line-height: 1;
        -webkit-padding-end: 2px;
        padding-inline-end: 2px;
        white-space: nowrap;
    }

        .Price_container__URFkc .Price_sellingPrice__HFKZf .Price_currency__taKQj.Price_isCurrencySymbol__cNEo2 {
            font-size: 18px;
            font-weight: 700;
        }

    .Price_container__URFkc.Price_pBox__tnjgl .Price_currency__taKQj {
        font-size: 12px;
        line-height: 12px;
    }

.PriceDiscount_discount__1ViHb {
    color: #38ae04;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

    .PriceDiscount_discount__1ViHb.PriceDiscount_pBox__eWMKb {
        line-height: 12px;
    }

.Price_container__URFkc .Price_preReductionRow__yBUIC .Price_oldPrice__ZqD8B {
    text-decoration: line-through;
    color: var(--color-grey1);
    -webkit-margin-end: 3px;
    margin-inline-end: 3px;
    font-weight: 400;
    font-size: 10px;
}

.Price_container__URFkc.Price_pBox__tnjgl .Price_oldPrice__ZqD8B {
    font-size: 14px;
    line-height: 12px;
    color: red;
    font-weight: 500;
}

.Price_container__URFkc .Price_preReductionRow__yBUIC {
    display: flex;
    align-items: baseline;
    margin-inline: 2px;
    white-space: nowrap;
}
.sidenav ul li .sidenav-menu-list, .accordion .panel .panel-body li a {
    font-family: 'Cairo', sans-serif !important;
    justify-content: center;
    font-size: 17px;
    letter-spacing: .2px;
    font-weight: 600;
}
    body, .accordion .panel .panel-body li a:hover, .accordion .panel .panel-body li a:focus {
        letter-spacing: normal;
        font-family: 'Cairo', sans-serif !important;
    }
body #about, body #services,
body #contact, body #login-register,
body #checkout, body #policy {
    direction: rtl !important;
}
.sidenav li ul li a {
    padding: 4px 10px;
    font-size: 13px;
    letter-spacing: .2px;
    font-weight: 600;
    position: relative;
}
small, .small {
    font-size: 100% !important;
}
.breadcrumb {
    font-size: 17px !important;
    font-weight: 800 !important;
}
header #nav-menu {
    float: right;
    padding-left: 0;
    padding-right: 25px;
}

header #headbar .wdw_tr {
	padding-right:0;
	padding-left:25px;
}

header #nav-icons {
    float: none !important;
    margin-left: 5% !important;
}

.sidenav #sidenav-languagepicker {
    right: 5px;
    left: initial;
}

.navbar .navbar-nav li a {
    font-family: 'Cairo', sans-serif !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    min-height: 44px;
    font-size: 17px;
    letter-spacing: .2px;
    font-weight: 600;
    position: relative;
}
.nav .dropdown-menu .nav-list, .section-header h3, .section-header h3 .btn-xs {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 800;
}
.navbar-nav .dropdown:hover .dropdown-menu {
    float: right;
    left: 0px;
    text-align: right;
}
.navbar .navbar-nav .dropdown-menu ul li {
    text-align: right;
}
    .navbar .navbar-nav .dropdown-menu ul li a {
        font-family:, sans-serif !important;
        font-weight: 800;
        text-align: right;
        font-size: 17px !important;
    }
    
header #cart-summary {
    text-align: left;
}

header .searchbox .glyphicon-search {
    left: initial;
    right: 9px;
}

header .searchbox .form-control {
    padding-left: 0;
    padding-right: 30px;
}

header .searchbox button i {
    transform: rotate(180deg);
}

header #nav-icons .badge {
    /*position: absolute;
    right: initial !important;
    left: 24px;*/
}
header #nav-icons .badge {
	left:-8px;
	right:auto;
}

header #headbar ul li#myAccount>a {
    line-height: 38px;
    font-size: 15px;
}
header #headbar ul li#myAccount>a i { font-size:13px;}

.carousel-caption h2 {
    font-size: 50px;
}

th, tr {
    text-align: right !important;
}

#cart th, #cart tr {
    text-align: center !important;
}

#cart tr td.product-details {
    padding-left: 0;
    padding-right: 40px;
}

#cart .shopping-cart-mobile a.removeItem {
    float: left;
    font-size: 24px;
    margin-top: -10px;
    margin-right: 0;
    margin-left: -8px;
}

.add-to-wishlist span:before {
    /*float: left !important;*/
    margin-right: 0;
    margin-left: -5px;
}

#items .price h2 {
    text-align: right !important;
    margin-bottom: 50px;
}

#items .price h2 a {
    float: left !important;
    margin-top: -20px;
}

#items .breadcrumb-container .btn-back {
    right: 10px;
}

#items .qty-wrapper #incrementQty,
.qty-wrapper .inc {
    margin-right: -10px;
    margin-left: 0;
}

#items .qty-wrapper #decrementQty,
.qty-wrapper .dec {
    margin-left: -10px;
    margin-right: 0;
}

#img-preview img {
    padding-left: 0;
    padding-right: initial;
}

#cart .page-content-header h1 {
    padding-left: 0 !important;
    padding-right: 40px !important;
}


@media only screen and (max-width: 1199px) {
    header .logo {
        margin-left: 0;
    }

    @media only screen and (max-width: 991px) {
        #download-app-bar p a {
            padding-left: 0;
            padding-right: 30px;
        }

        header .logo {
            margin-left: 0;
        }

        header #nav-menu {
            padding-right: 15px;
        }
    }

    @media only screen and (min-width: 768px) {
        #ads-container .app1 {
            float: left;
        }

        #ads-container .app2 {
            float: right;
        }
    }

    @media only screen and (max-width: 599px) {
        header .switch-header h1 {
            padding-left: 0;
        }

        header .switch-header .btn-back {
            right: 0;
            left: initial;
        }

        header .switch-header .mobile-menu {
            right: initial;
            left: 0;
        }
    }

    #myAccount .dropdown-menu {
        right: initial;
        left: 0;
    }

    @media only screen and (max-width: 490px) {
        /*#myAccount .dropdown-menu {
        left: 1px;
    }*/

        /*header #nav-icons .badge {
        left: 18px;
    }*/
    }

    @media only screen and (max-width: 400px) {
        #myAccount .dropdown-menu {
            left: -2px;
        }
    }

    @media only screen and (max-width: 400px) {
        #nav-icons .badge {
            margin-left: -2px !important;
        }
    }

    @media only screen and (max-width: 599px) {
        .carousel-caption h2 {
            font-size: 24px;
        }
    }

    #sidebar-product li,
    #sidebar-collection li {
        text-align: right !important;
    }

    .sidenav {
        left: initial;
        right: 0;
        /*border-left: 1px solid #ddd;*/
        border-right: 0;
    }

    #SidenavMenu .pull-right {
        float: left !important;
    }

    .sidenav .closebtn {
        right: initial;
        left: 5px;
    }

    .sidenav li {
        text-align: right;
    }

        .sidenav li ul li a {
            padding-right: 20px;
            text-align: right !important;
        }

    .accordion .panel .panel-body li a:before {
        font-family: Ionicons;
        content: '\f361';
        padding-left: 7px;
        padding-right: 0;
        color: #333;
    }

    .accordion .panel .panel-body li a:hover:before,
    .accordion .panel .panel-body li a:focus:before {
        font-family: Ionicons;
        content: '\f107';
        padding-left: 4px;
        padding-right: 0;
    }


    .sidenav li ul li a:before {
        font-family: Ionicons;
        content: '\f361';
        padding-left: 7px;
        color: #333;
    }

    .sidenav li ul li:hover a:before {
        font-family: Ionicons;
        content: '\f107';
        padding-left: 4px;
    }

    #collection .highlight-prod-container:hover h4 {
        letter-spacing: 4px;
    }


    #about h4 {
        text-align: right !important;
    }

    @media only screen and (max-width:650px) {
        #about #factory .factory-content {
            height: 60px !important;
        }
    }

    ol {
        padding-right: 20px;
    }

    ul {
        padding: 0;
    }

    .rememberme span,
    .terms .control-label span,
    .checkbox .control-label small {
        padding-right: 20px;
    }

    .modal-header .close {
        position: absolute !important;
        left: 10px !important;
    }

    .page-content-header #filter-wrapper {
        text-align: left !important;
    }

        .page-content-header #filter-wrapper .dropdown-toggle {
            padding-top: 8px !important;
        }

    #filter-wrapper .dropdown-menu li a {
        text-align: right !important;
    }

    .dropdown-submenu i {
        margin-top: 2px;
        right: initial;
        left: 10px;
    }

    .ui-page .breadcrumb-container .btn-back,
    #items .breadcrumb-container .btn-back {
        margin-left: -20px;
    }

    #items .breadcrumb-container {
        margin-left: 0;
        margin-right: -7px;
    }

    .breadcrumb {
        padding-left: 0;
    }

    .prod-details li {
        text-align: left;
    }


    @media only screen and (max-width: 600px) and (min-width: 460px) {
        #items .qty-wrapper {
            text-align: left !important;
        }
    }


    @media only screen and (max-width: 600px) {
        .page-content-header h1 {
            padding-right: 35px;
            padding-left: 0;
        }

        .page-content-header .btn-back {
            right: -10px;
        }
    }

    @media only screen and (max-width: 1399px) {
        .navbar .navbar-nav li a {
            /*padding: 11px 27px;*/
        }

        .navbar .navbar-nav > li > a {
            font-size: 1.1vw;
        }
    }

    @media only screen and (max-width: 1300px) {
        .navbar .navbar-nav li a {
            /*padding: 11px 27px;
        font-size: 20px;*/
        }
    }

    .cart-action .btn-back {
        position: relative;
        margin: 0 !important;
        float: right;
    }

    #cart tr td:first-child {
        width: 40px;
    }

    #cart tr th:last-child {
        width: 150px;
    }

    #resultCounter p {
        text-align: left;
        margin-top: -35px;
        margin-right: 0;
        margin-left: -25px;
    }

    .btn-md i {
        padding-top: 5px;
    }

    #scrollTop {
        left: 17px;
    }



    .validation-summary-errors {
        background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
        background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
        background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
        background-repeat: repeat-x;
        border-color: #e62c22;
        border-right: 4px solid #e62c22;
        border-left: none;
        border-radius: 0;
        padding: 10px 10px 1px 10px;
        margin: 0 15px 5px 12px;
    }

        .validation-summary-valid ul,
        .validation-summary-errors ul {
            padding-left: initial;
            padding-right: 10px;
        }

    .validation-summary-valid {
        display: none;
        background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
        background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
        background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
        background-repeat: repeat-x;
        border-color: #328801;
        border-left: none;
        border-right: 4px solid #328801;
        border-radius: 0;
        padding: 10px 10px 1px 10px;
        margin: 0 15px 5px 12px;
    }

    .pagination-container, .pagination {
        direction: rtl;
    }

    .accordion .panel > .panel-heading .panel-title {
        font-size: 18px;
        font-weight: 400;
    }

    .new-item, .hot-item {
        direction: rtl;
        right: auto;
        left: 25px;
    }


    header .searchbox .input-group .form-control:not(:first-child):not(:last-child),
    header .searchbox .input-group-addon:not(:first-child):not(:last-child),
    header .searchbox .input-group-btn:not(:first-child):not(:last-child) {
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

    .input-group-btn:last-child > .btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #home-category-mobile .MobCatBox h3 {
        letter-spacing: 0;
    }


    #ads .NewsletterForm .form-control {
        text-align: right;
    }

    #ads .NewsletterForm .btn {
        left: 2px;
        right: auto;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    @media All and (max-width:991px) {
        #download-app-bar .pull-left {
            float: none !important;
            position: absolute;
            top: 6px;
            left: 0;
            z-index: 10;
        }
    }

    @media All and (max-width:767px) {
        header #headbar .wdw_tr {
            padding-left: 15px;
        }

        header #nav-menu {
            padding-right: 0;
            margin-top: 0;
        }

        header #nav-menu {
            padding-right: 0 !important;
        }

        header #headbar .container {
            padding-right: 15px;
        }
    }

    @media All and (max-width:490px) {
        header #nav-menu {
            padding-right: 5px;
        }
    }
