/*
Theme Name: Deveoo Child
Theme URI: http://promo-theme.com/luxa/
Author: Promo Theme
Author URI: http://themeforest.net/user/ypromo
Description: Luxa is the Luxury Black MultiPurpose WordPress Theme for any photography & video businesses, freelancers, agences, portfolio and etc. Everyone can find a suitable page for itself. We have tried to create the big set of components and styles for your awesome website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: deveoo
Template: luxa

*/
body {
	font-weight: 300!important;
}
::selection {
    background-color: hsl(40deg 37% 56% / 20%)!important; 
}
body.wp-singular, body.wp-singular.woocommerce, body.wp-singular.single-post {	
	background-color: #000000!important;
	font-size: 15px;
    line-height: 18px;
	background-image: url(/wp-content/uploads/2026/02/bg_thecube_.png);
    background-size: contain;
    /* background-attachment: fixed; */
    background-repeat: repeat;
    background-position: center;
}
#page .site-header {
    background: #000;
}
#page .site-footer {
    background: #000;
}
#page .site-header.fixed {    
	background-color: #181818;
}
#page .split-screen .screen-item > .item.item-left {
    background-color: transparent;
}
/*#page .site-footer {
	background: url(/wp-content/uploads/2025/12/bgfooter_.png) #000 no-repeat left bottom;
}*/
.header-minicart .hm-count:hover, .woocommerce #page ul.cart_list li .content .p-count .woocommerce-Price-amount, .woocommerce #page ul.cart_list li .content > a .p-count .woocommerce-Price-amount, .woocommerce #page ul.product_list_widget li .content .p-count .woocommerce-Price-amount, .woocommerce #page ul.product_list_widget li .content > a .p-count .woocommerce-Price-amount, #page .woocommerce-mini-cart__buttons a {
	color: #B99E67;
}
#page .navigation.hidden_menu {
	z-index: 1;
}
#page .nav-butter.active {
	z-index: 1;
}
#page .navigation .menu > li.button {
	order: 2;
	margin-right: 0;
}
#page .navigation .menu > li.wpml-ls-item {
	order: 1;
}
#page .navigation .menu > li:not(.button) {
	margin-right: 30px;
}
#page .button-style1, #page .button-style2,  #page .button-style3 {
	text-transform: initial;
}
#page .button-style1::first-letter, #page .button-style2 span::first-letter,  #page .button-style3::first-letter {
	text-transform: uppercase;
}
#page .header-search-button {
	display: none;
}
#page .navigation .menu > li.button > a:hover {
	color: #fff;
}
#page .navigation .menu > li.button > a span:before {
	background: transparent
}
#page .navigation .menu > li.button > a span {
	background: #B99E67;
    padding: 6px 8px;
    border-radius: 35px;
}
.icon-box .bg {
	background-image: none;
}
.banner-area .banner-item {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
	background-position: right top 60px;
}
#page .heading-block .sub-h, #page .icon-box .sub-h, #page .filter-buttons .wrap .button, #page .portfolio-slider-item .categ span, #page .site-footer .widget .widget-title, #page .navigation .menu > li > a, #page .widget_nav_menu ul li a {
	text-transform: initial;
}
#page .icon-box .sub-h, #page .heading-block .h span, #page .banner-navigation button, #page .button-style3, #page .filter-buttons .wrap .button:before, #page .heading-block .sub-h #page .portfolio-slider-item .arrows .owl-prev, #page .portfolio-slider-item .arrows .owl-next, #page .portfolio-slider-item .categ span, #page .num-box-item .content .h, #page .heading-block .sub-h, #page .filter-buttons .wrap .button:hover, #page .vertical-tabs .tabs-buttons li.current .label, #page .vertical-tabs .tabs-buttons li:hover .label, #page .contact-row i, #page .widget_nav_menu ul li a:before, #page .navigation .menu li.current-menu-ancestor > a, #page .navigation .menu > li > a:hover, #page .mouse-button, #page .navigation .menu li.current-menu-item > a, #page .navigation .menu li.current_page_item > a, #page .navigation .sub-menu li.current-menu-item > a, #page .navigation .sub-menu li.current_page_item > a, #page .navigation .sub-menu li:hover > a, #page .icon-box-style2 .h span, .woocommerce #page .single_add_to_cart_button, .woocommerce #page div.product .categories a, .woocommerce #page a.button {	
	color: #B99E67;
}
#page .button-style1 .d:before, #page .button-style1 .d:after, #page .icon-box .h:after, #page .portfolio-slider-item .count:before, #page .portfolio-slider-item .arrows .owl-prev:after, #page .portfolio-slider-item .arrows .owl-next:after, #page .num-box-item .line, #page .navigation .menu > li > a span:before, #page .button-style1 .d span:before, #page .button-style1 .d span:after, #page .preloader-folding-cube .preloader-cube:before, #page .header-minicart .hm-count span, #page .heading-block .sub-h:before, #page .product-image-block .dots span:after, .woocommerce #page span.onsale, #page .product-image-block .dots span:after, #page .woocommerce-accordion .wc-accordion-item .top .button:before, #page .woocommerce-accordion .wc-accordion-item .top .button:after, #page .input-row:after {
	background: #B99E67;
}
#page .banner-navigation .dots .owl-dot.active:before, #page .split-screen .navigation-block .pagination span.current, #page .button-style2:before, #page .button-style2:after {
	border-color: #B99E67;
}
#page .heading-block .sub-h:before {
	background-color: #B99E67;
	display: none;
}
.split-screen .screen-item > .item {
	background: #000;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
#page .site-footer .site-logo a {
	height: auto;
}
#page .site-footer {
	border-color: #A1A1A1;
}
#page .icon-box .wrap {
	outline: 1px solid #A1A1A1;
}
#page .portfolio-slider-item .content {
	margin-left: 35px;	
	padding-bottom: 0;
}
#page .portfolio-slider-item .h {
	margin-left: 0;
}
#page .banner-block {
	background-position: right bottom !important;
}
#page .filter-buttons .wrap .button {
	color: #A1A1A1;
    opacity: 1;
}
#page .filter-buttons .wrap .button.current {
	color: #fff;
}
#page .the-cube-block {
	background-position: right top !important;
}
#page .about-block {
	background-position: center bottom !important;
}
#page .icon-block .icon-box2-block .icon-box-style2 {
	/*display: grid !important;*/
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 12px;
	margin-bottom: 0;
}
#page .icon-block .icon-box2-block .icon-box-style2 i {
	grid-row: 1 / 3;
	margin-bottom: 0;
	display: none;
}
#page .icon-block .icon-box2-block .icon-box-style2 .h {
	font-size: 36px;
    font-weight: bold;
    line-height: 1;
	margin: 0;
}
#page .icon-block .icon-box2-block .icon-box-style2 .desc {
	color: #B99E67;
    font-size: 16px;
    font-weight: 600;
}
#page .icon-block .icon-box2-block > div .free-basic-ui-elements-gallery:before {
    content: '';
	display: block;
	width: 75px;
    height: 70px; 
	background-size: contain;
	background-repeat: no-repeat;
}
#page .icon-block .icon-box2-block > div:nth-child(1) .free-basic-ui-elements-gallery:before {
	background-image: url(/wp-content/uploads/2025/12/allah-icon.png);
}
#page .icon-block .icon-box2-block > div:nth-child(2) .free-basic-ui-elements-gallery:before {
	background-image: url(/wp-content/uploads/2025/12/weight-icon.png);
}
#page .icon-block .icon-box2-block > div:nth-child(3) .free-basic-ui-elements-gallery:before {
	background-image: url(/wp-content/uploads/2025/12/dimension-icon.png);
}
#page .icon-block .icon-box2-block > div:nth-child(4) .free-basic-ui-elements-gallery:before {
	background-image: url(/wp-content/uploads/2025/12/resin-icon.png);
}
#page .icon-block .icon-box2-block > div:not(:last-child) {
	border-right: 1px solid #B99E67;
}
#page .about-block .vertical-tabs {
	margin: 0;
}
#page .the-cube-block .owl-carousel.owl-loaded {
    margin-bottom: 0;
}
#page .about-block .vertical-tabs .tab-item .image {
	background-color: #181818;
}
.bg-overlay .parallax-mirror {
	transform: none !important;
}
.bg-overlay .parallax-slider {
    position: absolute !important;
    transform: none !important;
    height: auto !important; 
	width: auto !important;
    max-width: 100% !important;
	bottom: -100px;
    left: -200px;
}
.bg-overlay .parallax-slider { 
   object-fit: contain !important;
}
#page .widget_nav_menu ul, #page .filter-buttons .wrap .button {
	font-size: 14px;
}
#page .portfolio-slider-item .image {
	background-size: contain;
    background-color: #181818;
}
#page .banner-area .banner-item .h {
    text-shadow: 1px 1px 5px #000;
}
.filter-buttons .wrap .button[data-filter="*"] {
    display: none !important;
}
#page .icon-box .h {
	font-size: 18px;
}
#page .icon-box .desc {
	font-weight: 300;
    font-size: 14px;
    color: #fff;
}
.otgs-development-site-front-end {
	display: none;
}

.woocommerce #page .header-space, .woocommerce-cart #page .header-space, .woocommerce-checkout #page .header-space {
    height: 120px;
}
.woocommerce #page ul.products li.product .product-wrap {
	background-color: #181818;
}
#page .product-image-block .swiper-container .swiper-slide a {
	background-size: contain;
}
.woocommerce #page div.product .price-block .price {
	font-weight: 600;
    color: #B99E67;
}
.woocommerce #page div.product .product_meta {
	display: none;
}
#page .woocommerce-message {
    border-top-color: #fff;
}
#page .woocommerce-message::before {
	color: #fff;
}
#page .caw-info-box-title, #page .heis {
	font-weight: 600;
	line-height: 24px;
}
#page .caw-info-box-title span {
	color: #B99E67;
}
#page .caw_info_box_shadow0 {
	padding: 0;
}
#page .nameofallahlist .vc_column_container:not(:last-child) {
	padding-right: 15px;
}
#page .heading-block .sub-h {
	font-size: 24px;
    margin-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
}
#page .icon-box .sub-h {
	font-size: 18px;
    margin-bottom: 10px;
}
#page .banner-area .banner-item .sub-h {
	font-size: 30px;
}
#page .button-style1, #page .button-style2 {
	font-size: 16px;
	font-weight: 600!important;
}
#page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    background: #B99E67;
    padding: 6px 8px; 
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
	border: 0;
}
#page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button .wc-block-components-button__text {
	opacity: 1;
}
#page .wc-block-components-formatted-money-amount, #page .wc-block-checkout__terms a {
	color: #B99E67;
}
#page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
#page .wc-block-components-button:not(.is-link) .wc-block-components-button__text {
	color: #fff;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-blocks-components-select .wc-blocks-components-select__container, .wc-block-components-form .wc-block-components-text-input input[type=tel] {
	background-color: transparent;
    border: 1px solid #fff;
}
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus {
	background-color: transparent;
}
#page .wp-block-woocommerce-checkout {
	padding-top: 0;
}
#page .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
	padding: 0;
	margin: 0;
}
#page .navigation .menu > li.button a {
	color: #fff;
}
.woocommerce ul.cart_list li .remove_from_cart_button, .woocommerce ul.product_list_widget li .remove_from_cart_button {
	color: #fff;
}
#page .caw_info_box_style_2 .caw-imgicon-component-style {
    margin-right: 10px;
}

/*** curseur ***/
.mouse-cursor {
    position: fixed;
    pointer-events: none;
    z-index: 999999;
    transform: translate(-50%, -50%);
}

.diamond {
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    
    /* effet lumière */
    background: linear-gradient(145deg, #d6c08f, #9c844f);
    
    /* ombre 3D */
    box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.3),      /* ombre principale */
        inset 0 1px 2px rgba(255,255,255,0.4), /* lumière interne */
        inset 0 -2px 3px rgba(0,0,0,0.3);   /* ombre interne */
    
    transition: transform 0.2s ease;
}

/* effet hover */
a:hover ~ .mouse-cursor .diamond,
button:hover ~ .mouse-cursor .diamond {
    transform: rotate(45deg) scale(1.4);
    box-shadow: 
        0 6px 14px rgba(0, 0, 0, 0.4),
        inset 0 1px 3px rgba(255,255,255,0.5),
        inset 0 -3px 5px rgba(0,0,0,0.4);
}

/*****/


.caw_info_box_style_2:hover {
	 opacity: 0.6;
}

.woocommerce #page .single_add_to_cart_button {
	background: #B99E67;
    padding: 6px 20px;
    border-radius: 35px;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    height: auto;
}
#page .side-img>.vc_column-inner {
	width: auto;
}
#page .prevbtn a.button-style3 {
	padding-right: 0;
    padding-left: 20px;
}
#page .prevbtn a.button-style3:after {
	left: 0;
    right: auto;
    transform: rotate(180deg);
}
.parent-pageid-1140 .wpb-content-wrapper > .wpb_row:nth-child(1) .wpb_column.vc_col-sm-3:nth-child(3) .vc_column-inner > .wpb_wrapper .button-container, .parent-pageid-1560 .wpb-content-wrapper > .wpb_row:nth-child(1) .wpb_column.vc_col-sm-3:nth-child(3) .vc_column-inner > .wpb_wrapper .button-container, .parent-pageid-1850 .wpb-content-wrapper > .wpb_row:nth-child(1) .wpb_column.vc_col-sm-3:nth-child(3) .vc_column-inner > .wpb_wrapper .button-container {
	justify-content: center;
	margin-top: 45px;
}
#page .wpb-content-wrapper > .wpb_row:nth-child(1) .wpb_column.vc_col-sm-3:nth-child(3)  .img-nameofallah {
	padding: 0 12.5px;
}
.parent-pageid-1140 .wpb-content-wrapper > .wpb_row:nth-child(2) .wpb_column.vc_col-sm-6:nth-child(2), .parent-pageid-1560 .wpb-content-wrapper > .wpb_row:nth-child(2) .wpb_column.vc_col-sm-6:nth-child(2), .parent-pageid-1850 .wpb-content-wrapper > .wpb_row:nth-child(2) .wpb_column.vc_col-sm-6:nth-child(2) {
	display: none;
}
.woocommerce-checkout #page .wc-block-components-product-name {
	font-size: 18px;
    line-height: 20px;
}

/* ================ 
===== V.Arabe =====
=================*/

html[lang="ar"] body, html[lang="ar"] p, html[lang="ar"] #page h3, html[lang="ar"] #page .h3, html[lang="ar"] #page h5, html[lang="ar"] #page .h5 {
    font-family: "Noto Naskh Arabic", serif;
}
html[lang="ar"] body {
	font-weight: 400!important;
}
html[lang="ar"] .h {
    font-family: "Mada", sans-serif;
}
html[lang="ar"] body.wp-singular {	
	font-size: 16px;
    line-height: 20px;
}
html[lang="ar"] #page .portfolio-slider-item .content {
	margin-right: 35px;
    margin-left: 0;
}
html[lang="ar"] #page .portfolio-slider-item .h {
    margin-right: 0;
}
html[lang="ar"] #page .widget_nav_menu ul, html[lang="ar"] #page .filter-buttons .wrap .button {
    font-size: 16px;
}
html[lang="ar"] .banner-navigation .arrows .owl-prev {
    left: auto;
    right: 100%;
}
html[lang="ar"] .banner-navigation .arrows .owl-next {
    right: auto;
    left: 100%;
}
html[lang="ar"] #page .navigation .menu > li:not(.button) {
	margin-right: 0;
	margin-left: 30px;
}
html[lang="ar"] .input-row input.style1, html[lang="ar"] .input-row textarea.style1, html[lang="ar"] .woocommerce-form-row input.style1, html[lang="ar"] .woocommerce-form-row textarea.style1 {
    text-align: right;
}
html[lang="ar"] .button-style3::after {
	transform: rotate(180deg);
}
html[lang="ar"] .button-style1, html[lang="ar"] .button-style2,  html[lang="ar"] .button-style3 {
	font-size: 14px;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select .wc-blocks-components-select__select{
    color: #fff;
}
html[lang="ar"] #page .owl-carousel.loading .owl-item {
    opacity: 1 !important;
    transform: translate(0%, 0%) !important;
}
html[lang="ar"] #page .icon-block .icon-box2-block > div:not(:last-child) {
	border-right: 0;
	border-left: 1px solid #B99E67;
}

/* =================== 
===== Responsive =====
====================*/
@media (max-width: 480px) {
	#page .icon-block .icon-box2-block .icon-box-style2 .h {
        font-size: 24px !important;
	}
	#page .icon-block .icon-box2-block > div .free-basic-ui-elements-gallery:before {
        width: 50px;
        height: 45px;
	}
	#page .site-header .site-logo, #page .site-header .site-logo img, #page .site-footer .site-logo, #page .site-footer .site-logo img {
		width: 175px;
	}
	/*#page .banner-area .banner-item {
		background-size: 72%;
		background-position: right bottom;
	}*/
}
@media (min-width: 481px) {
	#page .icon-block .icon-box2-block .icon-box-style2 .h {
		font-size: 30px!important;
	}
	#page .icon-block .icon-box2-block > div .free-basic-ui-elements-gallery:before {
		width: 65px;
		height: 60px;
	}
	#page .site-header .site-logo, #page .site-header .site-logo img, #page .site-footer .site-logo, #page .site-footer .site-logo img {
		width: 220px;
	}
	/*#page .banner-area .banner-item {
		background-size: 52%;
		background-position: right bottom;
	}*/
}
@media (min-width: 576px) {
	#page .nameofallahlist .vc_column_container {
		width: 33.33333333%;
		float: left;
	}
}
@media (max-width: 599px) {
	#page .banner-area .banner-item {
		padding-top: 300px;
		background-position: top 60px center;
	}
}
@media (max-width: 600px) {
	#page .banner-area .banner-item {
		background-size: 342px;
	}
}
@media (min-width: 600px) {
	#page .banner-area .banner-item {
		background-size: 60%;
		background-position: right -40px bottom 60px;
	}
	html[lang="ar"] #page .banner-area .banner-item {
		background-position: left -40px bottom 60px;
	}
}
@media (max-width: 767px) {
	#page .portfolio-slider-item .content {
		margin-left: 0px;
	}
	#page .banner-area .row {
		height: 600px!important;
	}
	#page .about-artist, #page .reversecol {
		flex-direction: column-reverse;
	}
	#page .split-screen .type-image, .split-screen .type-map, .split-screen .type-video {
		display: none;
	}
	#page .mobilespace {
		height: 0!important; 
	}
	#page .split-screen .screen-item > .item > .content {
		 padding-top: 0 !important;
	}
	#page .caw-info-box-title, #page .heis {
		font-size: 18px!important;
	}
	#page .banner-area .banner-item .h {
        font-size: 38px !important;
		line-height: 43px;
    }
	#page h3, #page .h3 {
		font-size: 26px!important;
		line-height: 34px;
	} 
	#page h2, #page .h2 {
		font-size: 36px !important;
        line-height: 45px !important;
	} 
	#page .titleblock {
		padding-top: 60px !important;
	}
	#page .pagination-detail-namesofallah {
		display: inline-flex;
		width: 100%;
	}
	#page .img-nameofallah {
		max-width: 160px;
	}
	.woocommerce #page div.product .poduct-content-row {
		margin-bottom: 0;
	}
	.imagedisplay {
		display: none;
	}
	
}
@media (max-width: 768px) {
	.bg-overlay .image {
        display: none;
	}
	html[lang="ar"] .portfolio-slider-item .image {
		-webkit-flex: 1 0 100%;
	}
	html[lang="ar"] .portfolio-slider-item .image {
        height: 320px;
    }
}
@media (min-width: 768px) {
	#page .icon-block .icon-box2-block .icon-box-style2 .h {
		font-size: 36px!important;
	}
	#page .icon-block .icon-box2-block > div .free-basic-ui-elements-gallery:before {
		width: 75px;
		height: 70px;
	}
	.bg-overlay .image { 
		background-size: 50% !important;
	}
	#page .banner-area .banner-item {
		background-size: 50%;
	}
	#page .banner-area .banner-item .h {
        font-size: 40px;
		line-height: 47px;
    }
	#page .site-header .site-logo, #page .site-header .site-logo img, #page .site-footer .site-logo, #page .site-footer .site-logo img {
		width: 285px;
	}
	#page .caw-info-box-title, #page .heis {
		font-size: 16px !important;
	}
	#page .caw-info-box-desc {
		font-size: 12px !important;
	}
	#page h2, #page .h2 {
		font-size: 39px;
		line-height: 48px;
	} 
	#page h3, #page .h3 {
		font-size: 29px;
		line-height: 37px;
	}
	.cubecol .rightcol {
		 width: 35%;
	}
	.cubecol .leftcol {
		 width: 65%;
	}
	#page .img-nameofallah {
		max-width: 225px;
		width: 100%;
		padding-right: 25px;
	}
	.imagedisplaymobile {
		display: none;
	}

}
@media (min-width: 800px) {
	#page .banner-area .banner-item {
        background-position: right top 90px;
    }
}
@media (min-width: 900px) {
    #page .container {
        max-width: 800px;
	}
	.bg-overlay .image { 
		background-size: 45% !important;
	}
	#page .banner-area .banner-item {
        background-size: 50%;
	}
}
@media (max-width: 992px) {
	#page .icon-block .icon-box2-block > div:not(:nth-child(odd)) {
		border-right: 0;	
	}
	html[lang="ar"] #page .icon-block .icon-box2-block > div:not(:nth-child(odd)) {
		border-left: 0;	
	}
	#page .heading-block h1 {
        font-size: 36px!important;
		line-height: 43px;
    }
}
@media (min-width: 992px) {
	#page .container {
        max-width: 860px;
	}
	#page .navigation .menu > li > a span {
		font-size: 14px;
	}
	#page .site-header .site-logo, #page .site-header .site-logo img, #page .site-footer .site-logo, #page .site-footer .site-logo img {
		width: 180px;
	}
	#page .vertical-tabs .tab-item .image {
		margin-right: 20px;
	}
	#page .vertical-tabs .tabs-buttons {
		margin-left: 20px;
	}
	#page .vertical-tabs .tab-item .text {
		font-size: 14px;
		line-height: 22px;
	}
	#page .banner-area .banner-item .h {
        font-size: 42px;
		line-height: 51px;
    }
	#page .navigation .menu > li:not(.button) {
		margin-right: 26px;
	}
	html[lang="ar"] #page .navigation .menu > li:not(.button) {
		margin-right: 0;
		margin-left: 26px;
	}
	
}
@media (min-width: 1025px) {
	.bg-overlay .image {
        background-size: 40% !important;
	}
	#page .container {
        max-width: 900px;
	}
	#page .banner-area .banner-item {
        background-position: right top 65px;
    }
	html[lang="ar"] #page .banner-area .banner-item {
        background-position: left top 65px;
    }
	#page .navigation .menu > li:not(.button) {
		margin-right: 30px;
	}
	html[lang="ar"] #page .navigation .menu > li:not(.button) {
		margin-right: 0;
		margin-left: 30px;
	}
	#page .caw-info-box-title, #page .heis {
		font-size: 18px !important;
	}
	#page .banner-area .banner-item .h {
        font-size: 46px;
        line-height: 54px;
    }
	#page h2, #page .h2 {
		font-size: 42px;
		line-height: 51px;
	} 
	#page h3, #page .h3 {
		font-size: 32px;
		line-height: 40px;
	}
	#page .product-image-block .swiper-container .swiper-slide a {
		background-size: 80%;
        background-position: top center;;
	}
	
}
@media (min-width: 1100px) {
    #page .vertical-tabs .tab-item .text {
        font-size: 15px;
        line-height: 26px;
	}
	#page .banner-area .banner-item {
        background-size: 45%;
    }
}
@media (max-width: 1200px) {
	.spaceheight {
		height: 0!important;
	}
	.spaceheight1 {
		height: 15px!important;
	}
}
@media (min-width: 1200px) {
	.bg-overlay .image {
        background-size: 35% !important;
	}
	#page .container {
        max-width: 1100px; 
	}
	#page .navigation .menu > li > a span {
        font-size: 16px;
	}
	#page .site-header .site-logo, #page .site-header .site-logo img, #page .site-footer .site-logo, #page .site-footer .site-logo img {
        width: 220px;
	}
	#page .vertical-tabs .tab-item .image {
		margin-right: 50px;
	}
	#page .vertical-tabs .tabs-buttons {
		margin-left: 50px;
	}
	#page .vertical-tabs .tab-item .text {
		font-size: 16px;
		line-height: 30px;
	}
	#page .caw-info-box-title, #page .heis {
		font-size: 20px !important;
	}
	#page .caw-info-box-desc {
		font-size: 14px !important;
	}
	#page .banner-area .banner-item {
        background-position: right 95px top 80px;
		background-size: 40%;
    }
	html[lang="ar"] #page .banner-area .banner-item {
         background-position: left 95px top 80px;
    }
	#page .banner-area .banner-item .col {
		padding-left: 60px;
	}
	html[lang="ar"] #page .banner-area .banner-item .col {
		padding-right: 60px;
		padding-left: 0;
	}
	#page .banner-navigation {
		left: 95px;
	}
	html[lang="ar"] #page .banner-navigation {
		right: 95px;
		left: auto;
	}
	
}
@media (min-width: 1300px) {
    #page .site-header .site-logo, #page .site-header .site-logo img, #page .site-footer .site-logo, #page .site-footer .site-logo img {
        width: 285px;
	}
	#page .container { 
		max-width: 1200px;
	}
	#page .banner-area .banner-item .col {
        padding-left: 95px;
    }
	html[lang="ar"] #page .banner-area .banner-item .col {
        padding-right: 95px;
		padding-left: 0;
    }
	#page .banner-navigation {
        left: 120px;
    }
	html[lang="ar"] #page .banner-navigation {
        right: 120px;
		left: auto;
    }
	.cubecol .rightcol, .cubecol .leftcol {
		 width: 50%;
	}
	#page .banner-area .banner-item {
        background-position: right 95px top 100px;
    }
	
}
@media (min-width: 1400px) {
    #page .container { 
		max-width: 1300px;
	}
	#page .banner-area .banner-item .col {
        padding-left: 15%;
    }
	html[lang="ar"] #page .banner-area .banner-item .col {
        padding-right: 15%;
		padding-left: 0;
    }
	#page .banner-navigation {
        left: 17%;
    }
	html[lang="ar"] #page .banner-navigation {
        right: 17%;
		left: auto;
    }
	
}
@media (min-width: 1500px) {
	#page .container { 
		max-width: 1400px;
	}
}
@media (min-width: 1600px) {
    #page .container {
        max-width: 1500px;
	}
	#page .banner-area .banner-item .col {
        padding-left: 18%;
    }
	html[lang="ar"] #page .banner-area .banner-item .col {
        padding-right: 18%;
		padding-left: 0;
    }
	#page .banner-navigation {
        left: 20%;
    }
	html[lang="ar"] #page .banner-navigation {
        right: 20%;
		left: auto;
    }
	 #page .banner-area .banner-item {
        background-position: right 135px top 65px;
    }
}
@media (min-width: 1700px) { 
   #page .container { 
		max-width: 1600px;
	}	
	.bg-overlay .image {
        background-size: auto !important;
	}
}
@media (min-width: 1800px) {
    #page .container {
        max-width: 1527px;
	}
	#page .banner-area .banner-item {
        background-position: right 185px top 65px;
    }
}