@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir.eot');
    src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir.woff2') format('woff2'),
    url('../fonts/Vazir.woff') format('woff'),
    url('../fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Bold.eot');
    src: url('../fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Bold.woff2') format('woff2'),
    url('../fonts/Vazir-Bold.woff') format('woff'),
    url('../fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Light.eot');
    src: url('../fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Light.woff2') format('woff2'),
    url('../fonts/Vazir-Light.woff') format('woff'),
    url('../fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Medium.eot');
    src: url('../fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Medium.woff2') format('woff2'),
    url('../fonts/Vazir-Medium.woff') format('woff'),
    url('../fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Thin.eot');
    src: url('../fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Thin.woff2') format('woff2'),
    url('../fonts/Vazir-Thin.woff') format('woff'),
    url('../fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Black.eot');
    src: url('../fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Black.woff2') format('woff2'),
    url('../fonts/Vazir-Black.woff') format('woff'),
    url('../fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

/*---------------------------------- End of fonts ---------------------------------- */

body {
    font-family: 'Vazir', sans-serif !important;
    direction: rtl;
}
body, button, input, select, optgroup, textarea {
    color: #424646;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.top-left {
    float: right;
}
.right-content {
    float: left !important;
}

.header.shop .list-main li{
    border-right: 0px solid #f0f0f0; 
    border-left: 1px solid #f0f0f0;
}

.header.shop .list-main li:last-child {
    padding-right: 10px;
    border: none;
}
.header.shop .top-left .list-main li:first-child {
    padding-left: 10px;
}
.header.shop .search-bar input{
text-align: right;

}

.header.shop .search-bar form{
    width: 450px;
}

.header.shop .search-bar input{
    width: 100%
}

/* main page */
.index-big-pic{
    direction: ltr;
    text-align: right;
}
.ftco-big-image{

}

.breadcrumbs .bread-inner{
    direction: rtl;
    text-align: right;
}
.main-sidebar{
    text-align: right;
}

.main-sidebar .categor-list li a:hover{
    padding-right: 7px;
}

.main-sidebar .single-widget .title{
    padding-right: 12px;
}
.main-sidebar .single-widget .title::before{
    right: 0 !important;
}
.blog-single .blog-title{
    text-align: right;
}
.content{
    text-align: right;
}

.blog-single .share-social .content-tags{
    text-align: right;
    direction: rtl;
}
.blog-single .share-social .content-tags h4{
    right:0 !important;
}
.blog-single .share-social .content-tags .tag-inner{
    padding-right: 60px;
}
.blog-single .comments {
    text-align: right;
    direction: rtl;
}
.blog-single .blog-meta{
    direction: ltr;
}
.post__item__text h6{
    margin-top: 20px;
}
.post__item__text h6 a{
    font-size: 16px;
}
/* end bloh  */
.main-sidebar .single-post .content .comment li i{
        margin-left: 5px;
}
/* comment */
.blog-single .comments .comment-title {
    padding-right: 12px;
}
.blog-single .comments .comment-title:before{
    right: 0 !important;
}
.blog-single .reply .reply-title{
    text-align: right;
}

.blog-single .reply .form-group textarea{
    text-align: right;
}
.main-sidebar .single-post .image {
    width: 80px;
    height: 60px;
    float: left;
}

/* footer */
.footer-top{
    text-align: right;
}

.footer .social .contact ul li{
    margin-right: 0;
    margin-left: 25px;
}

.footer .links ul li a:hover{
    padding-right: 10px;
}

/* about us */

.about-us .about-content h3{
    text-align: right;
}
.about-us .about-content h3::before{
    right:80px !important;
}
.about-us .about-content p{
    text-align: right;
}
.about-us .about-content .button{
    text-align: right;
}

/* contact us */

.contact-us .single-info {
    text-align: right !important;
}
.contact-us .title{
    text-align: right;
}
.contact-us .form .form-group textarea{
    text-align: right;
}
.modal-content{
    text-align: right;
}
/* auth */
.form-group{
    text-align: right;
}
.form-group input{
    text-align: right;
}

.header.shop .nav .dropdown li {
    text-align: right;
}
.header.shop .nav li a {
    font-size: 18px;
}

/* product */

.shop.single .product-des .price span{
    margin-left: 20px;
}
/* product */
.single-product .product-img a img{
    width: 50% !important;
    margin: auto;
}
.single-product .product-img a img.hover-img{
    display: none;
    float: right;
}
.single-product .product-content{
    text-align: center;
}
.index-big-pic{
    text-align: center;
}
.shop-list .list-content{
    text-align: initial;
}

@media (min-width: 992px){
    .offset-lg-3{
        margin-right: 25%;
        margin-left: 0;
    }
}

/* blog detail */
.shop.single .product-des{
    text-align: right;
}
/* blog detail */
/* tojihi */
.header.shop .list-main li{
	margin-top: 20px;
	border-left: 1px solid black ;
}
.header.shop .right-content{
    margin-top: 0px;
}
.dropdown-content-user{
    left: 0;
}




.shopping-cart .total-amount .right ul li{
    text-align: right;
}

.shopping-cart .total-amount .right ul li span{
    float: left;
}

@media only screen and (max-width: 767px){
.shopping-cart .table td {
    padding-right: calc(50% + 20px) !important;
    text-align: right !important;
}
.shopping-cart .table td::before{
    right: 0px;
    background:#FF1E00 !important;
}

}

@media only screen and (max-width: 450px)
{
    .header.shop .search-bar-top {
        overflow: hidden;
        display: none;
    }
    .header.shop .logo img {
        height: 40px;
    }
}