/* ------ MAIN STYLES ------ */

html, body {
    direction: rtl;
    font-family: IRANSans;
    text-align: right;
}

h1, h2, h3, h4, h5, h6, p, small {
    font-family: IRANSans;
}

.pull-end {
    float: left !important;
}

.pull-start {
    float: right !important;
}

.text-start {
    text-align: right !important;
}

.text-end {
    text-align: left !important;
}

/*/////////////////*/

.onhover-div {
    font-family: IRANSans;
}

@media (min-width: 577px) {
    .rtl .onhover-dropdown:before {
        left: 0px;
        right: unset;
    }
}

@media (min-width: 1200px) {
    .pixelstrap li {
        position: relative;
        float: right;
    }

    .pixelstrap ul a .sub-arrow:before {
        content: "\f104";
    }
}

@media (max-width: 1199px) {

    .sm-horizontal {
        left: -300px;
        right: unset;
    }
}


.rtl .brand-logo img {
    -webkit-transform: unset;
    transform: unset;
}

.sm, .sm ul, .sm li {
    direction: rtl;
    text-align: right;
}

.pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
    padding-left: 45px;
    padding-right: unset;
}

.rtl .slick-slider .slick-slide {
    direction: rtl
}

.select-language .dropdown-toggle::after {
    vertical-align: 0 !important;
}

.pixelstrap a .sub-arrow {
    right: auto;
    left: 15px;
}

.product-pagination .pagination .page-item:first-child a {
    border-left: none
}

.rtl .product-pagination .pagination .page-item.active a {
    border-right: 1px solid rgb(221, 221, 221);
}

.rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
    padding-bottom: 0;
}

.order-box .title-box span, .order-box .qty li span, .order-box .sub-total li .count {
    float: left;
}

.alert button.close {
    float: left;
}

.dashboard-left .block-content ul li:before {
    content: none;
}

.dashboard-left .block-content ul li:after {
    content: "\f104";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 3px;
}

.rtl .blog-detail-page .comment-section li ul {
    margin-left: unset;
    margin-right: 10rem;
}


@media (max-width: 480px) {
    .rtl .blog-detail-page .comment-section li p, .rtl .blog-detail-page .comment-section li h6 {
        text-align: right;
    }
}

.rtl .search-overlay > div .overlay-content button {
    top: 0;
}

@media (max-width: 577px) {
    .rtl .top-header .header-dropdown .mobile-account .onhover-show-div {
        right: -80px;
    }
}