/*===================================================================
	Global  
===================================================================*/
html[dir="rtl"]:root {
	--primary-font: 'DroidArabicKufi', sans-serif !important;
	--secondary-font: 'DroidArabicKufi', sans-serif !important;
}
html[dir="rtl"] body, 
html[dir="rtl"] .custom-pages *,
html[dir="rtl"] select, 
html[dir="rtl"] select option,
html[dir="rtl"] select optgroup {
	font-family: 'DroidArabicKufi', sans-serif !important;
	font-weight: 400 !important;
}
html[dir="rtl"] option {
    font-family: var(--primary-font);
}
html[dir="rtl"] input::-ms-input-placeholder {
    text-align: right;
}
html[dir="rtl"] input::-webkit-input-placeholder {
    text-align: right;
}
html[dir="rtl"] input::-moz-placeholder {
 	text-align: right;
}
html[dir="rtl"] .pull-right {
	float:left !important;
}
html[dir="rtl"] .pull-left {
	float:right !important;
}
html[dir="rtl"] .text-right {
    text-align: left !important;
}
html[dir="rtl"] .text-left {
    text-align: right;
}
html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12 {
    float: right;
}
html[dir="rtl"] .form-control{
	text-align: right;
}
html[dir="rtl"] .custom-modal.modal-middle .modal-dialog,
html[dir="rtl"] .table>thead>tr>th,
html[dir="rtl"] .table>tbody>tr>td{
	text-align: right;
}
html[dir="rtl"] .table>thead>tr>th.text-center,
html[dir="rtl"] .table>tbody>tr>td.text-center {
    text-align: center;
}
html[dir="rtl"] .radio label, 
html[dir="rtl"] .checkbox label {
    padding-left: 0;
    padding-right: 20px;
}
html[dir="rtl"] .radio label input, 
html[dir="rtl"] .checkbox label input{
	left: auto;
	right: 0;
}
html[dir="rtl"] select.form-control {
  padding: 0 12px 0 25px;
  background: #FFF url(../img/caret_builder.svg) no-repeat left 12px center/8px 9px !important;
}
html[dir="rtl"] .switch .slider:before {
  left: auto;
  right: 4px;
}
html[dir="rtl"] .switch input:checked + .slider:before {
  -webkit-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
}


html[dir="rtl"] .dropdown-menu{
  right: auto;
  left: 0;
  text-align: right;
}
html[dir="rtl"] .dropdown.custom-dropdown .dropdown-menu, html[dir="rtl"] .dropdown.custom-dropdown.open .dropdown-menu {
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
html[dir="rtl"] .template-wrapper .col-sidebar .widget:not(.widget-slider) .listing-items ul li .item-name{
  text-align: right;
}
html[dir="rtl"] .service-box ul li > .rightbar{
  text-align: right;
}
/*==========================
	Drawer code  
============================*/
html[dir="rtl"] .custom-drawer.drawer-right .drawer-wrapper{
	right: auto;
	left: 0;
}

html[dir="rtl"] .custom-drawer.drawer-right .drawer-wrapper {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

html[dir="rtl"] .custom-drawer.in.drawer-right .drawer-wrapper {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
/*==========================
Custom Modal code  
============================*/
html[dir="rtl"] .custom-modal .modal-header i{
  float: left;
}
html[dir="rtl"] .custom-modal .modal-title{
  float: right;
}
/*==========================
Custom Checkbox & Radio code  
============================*/
html[dir="rtl"] .custom-control {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}
html[dir="rtl"] .custom-indicator{
	left: auto;
	right: 0;
}
/*==============================
	Theme Selector Code  
===============================*/
html[dir="rtl"] .theme-selector {
  right: auto;
  left: -170px;
}
html[dir="rtl"] .theme-selector:hover {
  right: auto;
  left: 0px;
}
html[dir="rtl"] .theme-trigger{
  left: auto;
  right: -44px;
  border-radius: 0 3px 3px 0;
}
html[dir="rtl"] .theme-listing {
  border-radius: 0 5px 5px 0;
}
html[dir="rtl"] .theme-listing ul li .color-box{
  margin: 0 0 0 6px;
}
html[dir="rtl"] .theme-listing ul li i{
  margin: 0 auto 0 0;
}
/*==============================
	Alert Code 
===============================*/
html[dir="rtl"] .alert{
  padding: 12px 80px 9px 25px;
  background-position: calc( 100% - 10px ) 65% !important;
}
html[dir="rtl"] .alert:before{
  left: auto;
  right: -2px;
}
html[dir="rtl"] .alert:after{
  left: auto;
  right: 60px;
}
html[dir="rtl"] .alert i.icon-close{
  right: auto;
  left: 10px;
}

/*==============================
	Header Code  
===============================*/
html[dir="rtl"] .top-bar .pull-right,
html[dir="rtl"] .navbar-wrapper-header > .rightbar,
html[dir="rtl"] .primary-menu-header i {
  margin: 0 auto 0 0;
}
html[dir="rtl"] .lang-dropdown .dropdown-menu i {
  float: left;
}
html[dir="rtl"] .top-bar ul.top-meta > li > a {
  border-right: none;
  border-left: 1px solid #e5e5e5;
}
html[dir="rtl"] .top-bar ul.top-meta > li:last-child > a {
  border: none;
  padding-right: 18px;
  padding-left: 0;
}
html[dir="rtl"] .top-bar ul.top-meta > li > a > img {
  margin: 0 0 0 5px;
}
html[dir="rtl"] .top-bar ul.top-meta > li > a > i {
  margin: 0 6px 0 -3px;
}
html[dir="rtl"] .user-counter {
  line-height: 15px;
}
html[dir="rtl"] .user-dropdown > a > .user-counter {
  left: unset;
  right: 24px;
}
html[dir="rtl"] .lang-dropdown .dropdown-menu img {
  margin: 0 0 0 3px;
}
html[dir="rtl"] .site-search .close-search {
  right: auto;
  left: 10px;
}
html[dir="rtl"] .site-search .btn{
  right: auto;
  left: 3px;
}
html[dir="rtl"] .search-btn img {
  right: auto;
  left: 45px;
}
html[dir="rtl"] .cart-holder-icon {
  border-radius: 0 3px 3px 0;
}
html[dir="rtl"] .cart-holder-counter{
  right: auto;
  left: -8px;
}
html[dir="rtl"] .cart-holder-meta {
  border: 1px solid #e5e5e5;
  border-right: none;
  border-radius: 3px 0 0 3px;
}
html[dir="rtl"] .primary-menu > ul > li:not(:last-child) > a {
  margin: 0 0 0 50px;
}
html[dir="rtl"] .primary-menu .dropdown-menu{
  left: auto;
  right: 0;
}
html[dir="rtl"] .primary-menu .dropdown-menu a i {
  float: left;
  margin: 0 0 0 -6px;
  transform: rotate(180deg);
}
@media (min-width: 992px){
  html[dir="rtl"] .navbar-wrapper{
    margin: 0 0 0 auto;
	}
  html[dir="rtl"] .primary-menu ul li ul li .dropdown-menu {
    left: auto;
    right: calc( 100% + 1px );
  }
  html[dir="rtl"] .navbar-wrapper > .dropdown-menu{
    border-radius: 3px 3px 0 0;
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu span[class*=icon-]{
    margin: 0 -1px 0 4px;
    transform: rotate(180deg);
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu i{
    float: left;
    margin: 0 0 0 -8px;
    transform: rotate(180deg);
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu .dropdown-menu {
    left: auto;
    right: calc( 100% + 2px );
  }
}
html[dir="rtl"] .contact-meta-icon {
  margin: 0 0 0 7px;
}
html[dir="rtl"] .contact-meta-info span strong{
  margin: 0 4px 0 0;
  direction: ltr;
}
html[dir="rtl"] .contact-meta-icon i {
  position: relative;
  top: 2px;
}
html[dir="rtl"] .navbar-wrapper > .dropdown-toggle i {
  margin: 0 5px 0 15px;
}
html[dir="rtl"] .menu-bars span{
  margin: 0 0 0 20px;
}
html[dir="rtl"] .sticky-header ul.middle-bar-ul {
  margin: 0 auto 0 0;
}
/*==============================
	Breadcrumb Code  
===============================*/
html[dir="rtl"] .breadcrumb {
  padding: 0 50px 0 20px;
}
html[dir="rtl"] .breadcrumb li i {
  
  position: relative;
  top: 1px;

  transform: rotate(180deg);
}
html[dir="rtl"] .breadcrumb:before {
  left: auto;
  right: -10px;
  transform: rotate(-30deg);
}
html[dir="rtl"] .breadcrumb:after {
  transform: rotate(-31deg);
  left: auto;
  right: 12px;
}
html[dir="rtl"] .cat-share-wrap {
  left: unset;
  right: -15px;
}
/*==============================
	Listing Item Code  
===============================*/
html[dir="rtl"] .sale-badge, 
html[dir="rtl"] .sold-badge{
  left: auto;
  right: 10px;
}
html[dir="rtl"] .group-wrap,
html[dir="rtl"] .service-wrap,
html[dir="rtl"] .item-share-wrap{
  right: auto;
  left: 10px;
}
html[dir="rtl"] .group-item .item-share-wrap,
html[dir="rtl"] .service-item .item-share-wrap {
  right: unset;
  left: 45px;
}
html[dir="rtl"] .listing-items ul li .item-buttons ul li:not(:last-child):after {
  right: auto;
  left: 0;
}
html[dir="rtl"] .listing-items ul li .item-wrap:hover .btn{
  width: 180px;
}
html[dir="rtl"] .listing-items ul li .item-wrap:hover .btn span {
  margin: 0 5px 0 0;
}
html[dir="rtl"] .listing-items-filter > .rightbar .filter-control{
  margin: 0 20px 0 0;
}
html[dir="rtl"] .listing-items-wrap .listing-items.list-view ul li .item-name{
  text-align: right;
}
html[dir="rtl"] .listing-pagination ul{
  margin: 0 auto 0 0;
}
html[dir="rtl"] .listing-pagination ul li{
  float: right;
}
html[dir="rtl"] .listing-pagination ul li.first-li, html[dir="rtl"] .listing-pagination ul li.prev-link {
  margin: 0 0 0 5px;
}
html[dir="rtl"] .listing-pagination ul li.last-li, html[dir="rtl"] .listing-pagination ul li.next-link {
  margin: 0 5px 0 0;
}
html[dir="rtl"] .listing-pagination ul li i{
  transform: rotate(180deg);
}

html[dir="rtl"] .widget-filters ul li .custom-indicator{
  right: auto;
  left: 5px;
}
html[dir="rtl"] .widget-filters ul li .filter-list-thumb{
  margin: 0 0 0 10px;
}
html[dir="rtl"] .filters-header i{
  margin: 0 auto 0 0;
}
html[dir="rtl"] .item-offer-wrap {
  padding-top: 1px;
}
/*==============================
	Widgets Code  
===============================*/
html[dir="rtl"] .widget-header:before {
  left: auto;
  right: 0;
  border-radius: 0 6px 0 0;
}
html[dir="rtl"] .widget-header .widget-header-right {
  margin: 0 auto 0 0;
}
html[dir="rtl"] .widget-header .widget-header-right i{
  right: auto;
  left: -5px;
}
html[dir="rtl"] .widget-slider-next {
  right: auto;
  left: -10px;
}
html[dir="rtl"] .widget-slider-prev {
  left: auto;
  right: -10px;
}
html[dir="rtl"] .widget-slider-arrows span i{
  transform: rotate(180deg)
}
html[dir="rtl"] .widget-body .btn-widget.is-loading {
  padding: 11px 29px 11px 45px;
}
html[dir="rtl"] .template-wrapper .col-main .service-box ul li {
  border-right: none;
  border-left: 1px solid #e5e5e5;
}
html[dir="rtl"] .service-box ul li > .rightbar {
  padding: 0 15px 0 0;
}
html[dir="rtl"] .template-wrapper .col-sidebar .listing-items ul li .item-name,
html[dir="rtl"] .template-wrapper .col-sidebar .widget:not(.widget-slider) .category-wrapper ul.row li .cat-wrap .cat-meta,
html[dir="rtl"] .home-template .template-wrapper .col-main .collection-wrap .collection-meta .collection-name, 
html[dir="rtl"] .home-template .template-wrapper .col-sidebar .widget:not(.widget-slider) .collection-wrap .collection-meta .collection-name, 
html[dir="rtl"] .home-template .template-wrapper .col-main .collection-wrap .collection-meta p, 
html[dir="rtl"] .home-template .template-wrapper .col-sidebar .widget:not(.widget-slider) .collection-wrap .collection-meta p{
  text-align: right;
}
html[dir="rtl"] .newsletter-form .form-control.error {
  background: #FFF url(../img/newsletter_error.svg) no-repeat left 10px center/20px;
}
html[dir="rtl"] .template-wrapper .col-main .newsletter-form .btn {
  margin: 0 10px 0 0;
}
html[dir="rtl"] .template-wrapper .col-sidebar .listing-items ul li .item-thumb{
  float: right;
}
html[dir="rtl"] .template-wrapper .col-sidebar .listing-items ul li .item-meta{
  float: left;
}
@media (max-width: 1480px) and (min-width: 768px){
	html[dir="rtl"] .template-wrapper .col-main .service-box ul li:nth-child(2){
		border-left: none;
	}
}
/*==============================
	Main Slider Code  
===============================*/
html[dir="rtl"] .main-slider-arrows {
  right: auto;
  left: 30px;
}
html[dir="rtl"] .main-slider-arrows span{
  margin: 0 5px 0 0;
}
html[dir="rtl"] .main-slider-arrows span i{
  transform: rotate(180deg);
}
@media (max-width: 767px){
  html[dir="rtl"] .main-slider-arrows{
    left: 0;
  }
  html[dir="rtl"] .main-slider-arrows span{
    margin: 0 0px 0 0;
  }
}
/*==============================
	Login Pages Code 
===============================*/
html[dir="rtl"] .guest-login .first[class*=col] {
  padding: 15px 15px 0 0 ;
}
html[dir="rtl"] .guest-login .second[class*=col] {
  border-left: none;
  border-right: 1px solid #ddd;
  padding: 0 0 0 15px;
}
html[dir="rtl"] .login-box .custom-control {
  margin: 0 0 3px 25px;
}
html[dir="rtl"] .login-header span a{
  margin: 0 auto 0 0; 
}
html[dir="rtl"] .otp-controls{
  direction: ltr;
  /* flex-direction: row-reverse; */
}
html[dir="rtl"] .otp-wrap .form-control + .form-control {
  /* margin: 0 10px 0 0 ; */
}
html[dir="rtl"] .login-modal .login-close{
  right: auto;
  left: 0;
}
/*==============================
	Detail Page Code 
===============================*/
html[dir="rtl"] .detail-box-header .item-title, 
html[dir="rtl"] ul.custom-meta li,
html[dir="rtl"] .progress-bar,
html[dir="rtl"] ul.reviews-ul li > .leftbar{
  float: right;
}
html[dir="rtl"] .item-price-wrap .price-wrapper.price .special-price + .regular-price {
  margin: 0  0 0 20px !important;
}
html[dir="rtl"] .product-sub-meta{
  margin: 0 auto 20px 0;
}
html[dir="rtl"] .product-sub-meta .review-counter{
  margin: 0 0 0 5px;
}
html[dir="rtl"] .product-sub-meta .add-review {
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  border-left: none;
  border-right: 1px solid #ddd;
}
html[dir="rtl"] .variant-btn ul li a,
html[dir="rtl"] .variant-btn ul li.li-cart .btn i{
  margin: 0 0 0 10px;
}
html[dir="rtl"] ul.reviews-ul li > .middlebar .item-rating div[class^='rating'] {
  background-position: right;
}
html[dir="rtl"] ul.reviews-ul li > .rightbar::before {
  transform: rotate(0deg);
  left: auto;
  right: -15px;
}
html[dir="rtl"] .reviews-meta .reviews-meta-info .item-rating div[class^='rating']{
  background-position: left;
}
/*==============================
	Cart & Checkout Page Code 
===============================*/
html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-item-left,
html[dir="rtl"] .cart-item-quantity .qty-group{
  float: right;
}
html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-item-right{
  float: left;
  text-align: left;
}
html[dir="rtl"] .cart-item-del{
  left: auto;
  right: -15px;
}
html[dir="rtl"] .summary-block-heading,
html[dir="rtl"] .summary-block-listing{
  left: auto;
  right: -15px;
}
html[dir="rtl"] .popover.top>.arrow {
  margin: 0 -11px 0 0;
}
html[dir="rtl"] .popover.top>.arrow:after {
  margin: 0 -10px 0 0;
}
html[dir="rtl"] .form-box{
  padding: 0 15px 0 0;
}
html[dir="rtl"] .summary-block .summary-sub-header .btn {
  padding: 4px 18px 2px;
}
html[dir="rtl"] .custom-steps ul.steps li {
  padding: 0 0 0 62px;
}
html[dir="rtl"] .custom-steps ul.steps li:after {
  left: auto;
  right: calc( 100% - 55px);
  transform: translateY(-50%) rotate(180deg);
}
html[dir="rtl"] .custom-steps ul.steps li .step-circle{
  line-height: 42px;
}
html[dir="rtl"] .checkout-tabs .nav-tabs>li.active>a, html[dir="rtl"] .checkout-tabs .nav-tabs>li.active>a:focus, html[dir="rtl"] .checkout-tabs .nav-tabs>li.active>a:hover,
html[dir="rtl"] .checkout-tabs .nav-tabs>li.selected>a, html[dir="rtl"] .checkout-tabs .nav-tabs>li.selected>a:focus, html[dir="rtl"] .checkout-tabs .nav-tabs>li.selected>a:hover{
  border-right-color: #ccc;
  border-left-color: transparent;
  border-radius: 0 4px 4px 0;
}
html[dir="rtl"] .checkout-tabs .nav-tabs>li>a::after{
  right: auto;
  left: -2px;
}
html[dir="rtl"] .checkout-options > .rightbar .btn{
  margin: 0 10px 0 0;
}
html[dir="rtl"] .checkout-form-buttons .btn + .btn{
  margin: 0 5px 0 0;
}
/*==============================
	Compare Product Page Code 
===============================*/
html[dir="rtl"] .compare-grid .table>tbody>tr>td{
  border-left: none;
  border-right: 1px solid #ccc;
}
html[dir="rtl"] .compare-grid .table>tbody>tr>td.first-col{
  text-align: left !important;
}
html[dir="rtl"] .compare-meta{
  right: auto;
  left: 5px;
}
html[dir="rtl"] .compare-meta a{
  margin: 0 0 0 5px;
}
html[dir="rtl"] .compare-btn .btn i {
  vertical-align: middle;
}
/*==============================
	Promotion Page Code 
===============================*/
html[dir="rtl"] .promotions-listing ul li .promotion-wrap .promotion-meta > .rightbar{
	margin: 0 auto 0 0 ;
}
html[dir="rtl"] .promotions-listing ul li .promotion-wrap .promotion-meta > .rightbar ul li + li{
  border-left: none;
	border-right: 1px solid #e5e5e5;
	padding: 0 15px 0 0 ;
    margin: 0 15px 0 0 ;
}













/*==============================
	Dashboard Page Code 
===============================*/
html[dir="rtl"] .user-panel .user-panel-header > .rightbar{
  padding: 0 10px 0 0;
}
html[dir="rtl"] .user-panel .user-panel-header i{
  right: auto;
  left: 0;
}
html[dir="rtl"] .user-panel-body ul li a .user-icon-box, html[dir="rtl"] .chart-box ul li .chart-icon-box{
  margin: 0 0 0 20px;
}
html[dir="rtl"] .user-panel-body ul li:first-child a .user-icon-box {
  border-radius:  0 4px 0 0;
}
html[dir="rtl"] .user-panel-body ul li:last-child a .user-icon-box{
  border-radius: 0 0 4px 0;
}
html[dir="rtl"] .user-panel-mobile i, html[dir="rtl"] .dashboard-block-header > .rightbar, html[dir="rtl"] .custom-table .pagination{
  margin: 0 auto 0 0;
}
html[dir="rtl"] .chart-box ul li{
  border-left: none;
  border-right: 3px solid;
}
html[dir="rtl"] .custom-table .pagination ul li:not(:last-child) a, html[dir="rtl"] .custom-table .pagination ul li:not(:last-child) a, html[dir="rtl"] .custom-table .table>tbody>tr>td .action-btn .btn:not(:last-child) {
  margin: 0 0 0 5px;
}
html[dir="rtl"] .custom-table .pagination ul li a i {
  transform: rotate(180deg);
}
html[dir="rtl"] .custom-heading {
  background: var(--primary-color);
  background: -moz-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 5%, #ffffff 100%);
  background: -webkit-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 5%, #ffffff 100%);
  background: linear-gradient(to left, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 5%, #ffffff 100%);
}
html[dir="rtl"] .custom-heading i {
  margin: 0 0 0 25px;
}
html[dir="rtl"] .dashboard-block-header > .leftbar .back-arrow {
  transform: rotate(180deg);
  margin: 0 0 0 20px;
}
html[dir="rtl"] .dashboard-block-header > .leftbar .dashboard-meta ul li, html[dir="rtl"] .dashboard-block-header > .rightbar ul li, html[dir="rtl"] .ticket-wrap > .leftbar{
  float: right;
}
html[dir="rtl"] .dashboard-block-header > .leftbar .dashboard-meta ul li:not(:last-child), html[dir="rtl"] .dashboard-block-header > .rightbar ul li:not(:last-child) {
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
html[dir="rtl"] .custom-table .table>tbody>tr>td .btn {
  padding: 5px 13px 2px;
}
html[dir="rtl"] .order-meta-listing table tr td .btn {
  padding: 5px 19px 2px;
}
html[dir="rtl"] .custom-table .table>tbody>tr>td .action-btn .btn {
  padding: 4px 18px 2px;
}
html[dir="rtl"] .ticket-wrap > .leftbar .btn {
  padding: 13px 25px 11px;
}
html[dir="rtl"] .ticket-wrap > .rightbar{
  float: left;
  right: auto;
  left: 0;
  border-left: none;
  border-right: 1px solid #ddd;
  border-radius: 6px 0 0 6px;
}
@media (min-width: 992px){
  html[dir="rtl"] .ticket-wrap.active > .rightbar {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: var(--default-transition);
	}
}
html[dir="rtl"] .ticket-header .btn {
  padding: 5px 16px 3px;
  margin: 0 auto 0 0;
}
html[dir="rtl"] .ticket-body ul li .ticket-item-wrap > .leftbar .ticket-item-thumb{
  margin: 0 0 0 8px;
}
html[dir="rtl"] .ticket-header i{
  transform: rotate(180deg);
}
html[dir="rtl"] .ticket-item-topbar p, html[dir="rtl"] .message-box > .rightbar{
	margin: 0 auto 0 0 ;
}
html[dir="rtl"] .ticket-body ul li.is-loading .ticket-item-wrap {
  background: #FFF url(../img/loaders_bg/loading_dots.svg) no-repeat left 10px center/22px;
}
html[dir="rtl"] ul.message-ul li.message-li .message-meta > span{
  left: auto;
  right: 10px;
}
html[dir="rtl"] ul.message-ul li.message-li .message-wrap {
  border-radius: 20px 20px 0 20px;
}
html[dir="rtl"] ul.message-ul li.message-li:nth-child(even) .message-meta > span {
  right: auto;
  left: 10px;
}
html[dir="rtl"] ul.message-ul li.message-li:nth-child(even) .message-wrap {
  text-align: left;
  border-radius: 20px 20px 20px 0;
}
html[dir="rtl"] .message-attachment ul li {
  margin: 5px 0 0 10px !important;
}
html[dir="rtl"] .message-attachment ul li > .rightbar {
  border-left: none;
  border-right: 1px solid #e5e5e5;
}
html[dir="rtl"] .message-attachment ul li > .leftbar i{
  margin: 0 0 0 3px;
}
html[dir="rtl"] .message-box > .rightbar ul li:not(.send-li){
  margin: 0 0 0 110px;
}
html[dir="rtl"] .message-box > .rightbar ul li.send-li {
  right: auto;
  left: -1px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 0% 100%);
}
html[dir="rtl"] .message-box > .rightbar ul li.send-li i{
  transform: rotate(180deg);
  margin: 0 15px 0 0;
}

/*==============================
Progress
===============================*/
html[dir="rtl"] .order-status .progressbar li:after {
  right: -50%;
}

/*===================================================================
	Item Size & Color
===================================================================*/
html[dir="rtl"] .size-color-wrap ul.dropdown-size {
  right: 0;
  left: unset;
}
html[dir="rtl"] .size-color-wrap ul.dropdown-colors {
  left: 0;
  right: unset;
}






/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1440px){
	html[dir="rtl"] .primary-menu > ul > li:not(:last-child) > a {
		margin: 0 0 0 30px;
	}
}
/*===================================================================
	Max 1380px
===================================================================*/
@media (max-width: 1380px){
  html[dir="rtl"] .custom-heading {
    background: var(--primary-color);
    background: -moz-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 6%, #ffffff 100%);
    background: -webkit-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 6%, #ffffff 100%);
    background: linear-gradient(to left, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 6%, #ffffff 100%);
  }
}
/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1199px) {
  html[dir="rtl"] .listing-wrapper .col-sidebar {
    left: auto;
    right: -400px;
    border-radius: 0 6px 0 0;
}
  html[dir="rtl"] body.filter-open .listing-wrapper .col-sidebar{
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .dashboard-wrapper .user-panel{
    left: auto;
    right: 0;
    transform: translateX(110%);
  }
}

/*===================================================================
	Max 991px
===================================================================*/
@media (max-width: 991px) {
  html[dir="rtl"] .middle-bar-meta {
    margin: 0 auto 0 0;
  }
  html[dir="rtl"] ul.middle-bar-ul li a {
    margin: 0 0 0 10px;
  }
  html[dir="rtl"] .primary-menu {
    left: auto;
    right: -350px;
  }
  html[dir="rtl"] .navbar-wrapper{
    left: auto;
    right: -400px;
  }
  html[dir="rtl"] body.cat-menu-open .navbar-wrapper, html[dir="rtl"] body.menu-open .primary-menu{
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .primary-menu-header img{
    margin: 0 10px 0 0;
  }
  html[dir="rtl"] .primary-menu > ul > li > a i {
    float: left;
    transform: rotate(90deg);
  }
  html[dir="rtl"] .primary-menu .dropdown-menu a {
    padding: 11px 20px 11px 15px;
  }
  html[dir="rtl"] .primary-menu .dropdown-menu .dropdown-menu a {
    padding: 11px 30px 11px 15px;
  }
  html[dir="rtl"] .primary-menu > ul > li > a.active i{
    transform: none;
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu span[class*=icon-] {
    margin: 0 -1px 0 4px;
    transform: rotate(180deg);
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu i {
    margin: 0 0 0 -8px;
    transform: rotate(180deg);
    float: left;
  }
  html[dir="rtl"] .primary-menu .dropdown-menu a.active i {
    transform: rotate(90deg);
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu .dropdown-menu a {
    padding: 11px 30px 11px 10px;
  }
  html[dir="rtl"] .navbar-wrapper .dropdown-menu .dropdown-menu .dropdown-menu a {
    padding: 11px 40px 11px 10px;
  }
  html[dir="rtl"] .chart-box ul li {
    margin: 0 0 10px 1%;
  }
  html[dir="rtl"] .custom-heading {
    background: var(--primary-color);
    background: -moz-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 7%, #ffffff 100%);
    background: -webkit-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 7%, #ffffff 100%);
    background: linear-gradient(to left, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 7%, #ffffff 100%);
  }
  html[dir="rtl"] .dashboard-block-header > .rightbar{
    left: auto;
    right: -20px;
  }
  html[dir="rtl"] .ticket-wrap > .rightbar {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: var(--default-transition);
  }
  html[dir="rtl"] .ticket-wrap.active > .rightbar {
    
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    transition: var(--default-transition);
  }
  html[dir="rtl"] .custom-steps ul.steps li {
      padding: 0 0 0 20px;
  }
  html[dir="rtl"] .checkout-tabs .nav-tabs>li>a {
    padding: 11px 4px;
  }
  html[dir="rtl"] .checkout-tabs .nav-tabs>li>a .custom-control {
    font-size: 12px;
    padding-bottom: 2px;
  }

}

/*===================================================================
	Max 768px
===================================================================*/
@media (max-width: 768px) {
}


/*===================================================================
	Max 767px
===================================================================*/
@media (max-width: 767px) {
  html[dir="rtl"] .template-wrapper .col-main .service-box ul li{
    border-left: none;
  }
  html[dir="rtl"] .cart-item-del {
    line-height: 36px;
    right: auto;
    left: 10px;
  }
  html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-item-right ul li{
    float: right;
  }
  html[dir="rtl"] ul.cart-ul li.cart-li .cart-item-wrap > .rightbar .cart-item-right ul li:not(:last-child) {
    border-right: none;
    border-left: 1px solid #ddd;
  }
  html[dir="rtl"] .form-box {
    padding: 0 10px 0 0;
  }
  html[dir="rtl"] .custom-heading {
    background: var(--primary-color);
    background: -moz-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 16%, #ffffff 100%);
    background: -webkit-linear-gradient(right, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 16%, #ffffff 100%);
    background: linear-gradient(to left, var(--primary-color) 1%, rgba(var(--primary-color-rgba), .05) 16%, #ffffff 100%);
  }
  
  html[dir="rtl"] .checkout-tabs .nav-tabs>li{
    float: right;
  }
}






/*===================================================================
	Min 768
===================================================================*/
@media (min-width: 768px) {
  html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12 {
      float: right;
  }
  html[dir="rtl"] .col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  html[dir="rtl"] .col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  html[dir="rtl"]  .col-sm-offset-0 {
    margin-right: 0;
    margin-left: 0;
  }
}
/*===================================================================
Min 992
===================================================================*/
@media (min-width: 992px) {
html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12 {
    float: right;
}
html[dir="rtl"] .col-md-offset-12 {
margin-right: 100%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-11 {
margin-right: 91.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-10 {
margin-right: 83.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-9 {
margin-right: 75%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-8 {
margin-right: 66.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-7 {
margin-right: 58.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-6 {
margin-right: 50%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-5 {
margin-right: 41.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-4 {
margin-right: 33.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-3 {
margin-right: 25%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-2 {
margin-right: 16.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-1 {
margin-right: 8.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-md-offset-0 {
margin-right: 0%;
margin-left: 0;
}
}
/*===================================================================
Min 1200
===================================================================*/
@media (min-width: 1200px) {
html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12 {
  float: right;
}
html[dir="rtl"] .col-lg-offset-12 {
margin-right: 100%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-11 {
margin-right: 91.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-10 {
margin-right: 83.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-9 {
margin-right: 75%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-8 {
margin-right: 66.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-7 {
margin-right: 58.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-6 {
margin-right: 50%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-5 {
margin-right: 41.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-4 {
margin-right: 33.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-3 {
margin-right: 25%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-2 {
margin-right: 16.66666667%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-1 {
margin-right: 8.33333333%;
margin-left: 0;
}
html[dir="rtl"] .col-lg-offset-0 {
margin-right: 0;
margin-left: 0;
}
}