/*
Theme Name: The7

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

@media screen and (max-width:768px) {
    
/******************** SAFIRELIAN ********************/

/* Global */
    .reg {display:inline-block !important; width:90% !important;}
	
/******************** THE7 THEME ********************/

/* Global */
	/*Menu*/
		.dt-mobile-header .mobile-main-nav>li>.sub-nav .sub-nav {right: 0; left: auto;}
		.mini-contacts {padding-right: 0px !important;}
		.side-header .top-bar .mini-widgets.left-widgets, .masthead .top-bar .left-widgets {-ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between !important;}

	/* Posts - Comments */
		#comments .children {margin:0 20px 0 0 !important;}

	/* Posts - Sidebar */

	/* Elementor Widgets */



/******************** WOOCOEMMERCE ********************/

.photo-scroller .ts-slide, .photo-scroller .ts-cell {direction: rtl;}
/* Cart Page */
	.checkout-page-title a .checkout-step .checkout-counter {margin: 0 0 0 10px;}
	.checkout-page-title a .checkout-step:before, .checkout-page-title a .checkout-step:after {right: 50%; margin:6px -6px 0 0;}
	
/* Checkout Page */
	.wc-order-review {width: 100% !important; margin-left: 0 !important;}

/******************** DIGITS ********************/
.digits-login-modal, .digits-login-modal:focus {background: transparent !important;padding: 0px !important;color: inherit !important;box-shadow: unset !important;position: static;}
}

///////////////////////////////

@media screen and (max-width: 990px) {
/******************** WOOCOEMMERCE ********************/
	.product .variations td, .elementor-widget .variations td {text-align: right;}
	.woocommerce-cart-form, .woocommerce-cart-wrap .cart-collaterals {width:100% !important; margin: 0px;}
}

///////////////////////////////

@media screen and (min-width: 1151px) {
  .rtl.header-side-left:not(.sticky-header):not(.hidden-header) #page {
    -ms-grid-columns: 250px calc(100% - 250px) !important;
    grid-template-columns: 250px calc(100% - 250px) !important;  }
}