@media (min-width:1920px) {

	
}

@media only screen and (max-width:1400px) {	
	
.product-item{
	width:33.33%;
}
	
	
	
}	


@media only screen and (max-width:1199px) {	
	
	.nav-bar{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.hidden-mobile{
		display: none;
	}
	
}	
	
@media only screen and (max-width:992px){
	
		
	
	.fw{
		margin-bottom:var(--fw-sapce);
	}
	
	.block-wrap{
		    padding: calc(var(--block-space) * 0.5) ;
		    padding-left: 0;
		    padding-right: 0;
	}
	
	.block-wrap.white-bg{
		padding: calc(var(--block-space) * 0.5) ;
	}
	
	.side-image{
		margin-right:calc(var(--container-padding) * -1);
	}
	
	.block + .block{
		margin-top:calc(var(--block-space) *0.5);
	}	
		
	.mainSwiper{
		    margin-right: calc(var(--container-padding)* -1);
	}
	
	.swiper-slide.side-image{
		height:70vw;
	}
	
	.item-deatil-picture{
		height:70vw !important;
	}
	
	.gallery-image {
		height: 50.25vw;
	}
	
	
	.product-item{
		width:33.33%;
	}
	

	.products-filter{
		display: none;
	}
	
	.item-title{
		font-size:var(--size-xxx-small);
	}
	
	.sitemap > li{
		flex-basis:100%;
	max-width:100%;
	padding-left: 0;
	padding-right:0;
	}
	
	.blockcard{
		display: block;
	}
	
	.blockcard-media,
	.blockcard-content{
		width:100%;
	}	
	
	.image-wrapper{
		width:100%;
	}
	
	.blockcard-content-wrapper{
		padding: calc(var(--block-space) * 0.5) ;
	}
	
	.button-navgation.medium{
		 
	width: calc(var(--swiper-navigation-size)* 0.7);
    height: calc(var(--swiper-navigation-size)* 0.7);
	}
	
	.button-navgation.medium img{
		width: calc(var(--swiper-navigation-size)* 0.3);
	}

	.thumb-carousel{
		width:70vw;
	}
}



@media only screen and (max-width:768px){
	

}


@media only screen and (max-width:575px){

	header{
		padding-top: 3vw;
		padding-bottom: 3vw;
	}
	
	.hero-content_wrap{
		max-width: 80%;
	}

	

	.banner-container-wrap{
		max-width: 100%;
	}

	.menu__item{
		padding-left: 5vw;
		padding-right:5vw;
		padding-bottom: 5vw;
	}

	.menu__item-text {
		padding-top:10vw;
		font-size:8vw;
		color:var(--white-color);

	}

	.ball-animation{
		display: none;
	}

	.banner-action {
		display: block;
	}


	.menu__item-desc{
		margin-bottom: 0;
	}

	.social-icon img {
		width:10vw;
	}

	.tile-content{
		position: relative !important;
		top:0;
		left:0;
		right:0;
		width:100% !important;		
	}

	.tile:first-child {
		margin-top: calc(var(--section-space)* 2);
	}

	.tile:nth-child(3) .tile-content{
		    padding-bottom: var(--section-space);
	}

	.menu-bg{
		width:100%;
		background-position: left top !important;
		height:200vw;
		display:none;
	}

	#side-tabs li {		
    border-bottom: solid 1px var(--grey-color);
	padding-bottom:4vw;
	padding-top: 4vw;
}

	#side-tabs li a{
		color:var(--black-color);
		font-size:8vw;
	}

	.page-title{
		top:20vw;
		left:var(--container-padding);
		line-height: 100%;
	}

	.thumb-portfolio{
		width:100%;
		box-sizing: border-box;
	}

		
	.cart-row-price{
		width:100%;
		    margin-top: calc(var(--block-space)* 0.1)
	}
	
	.table-total .cart-row-price{
		width:120px;
	}	
	
	.table-total{
		margin-left: 0;
    padding-left: 0;
	}
	
	
	
	
	.product-item{
		width:50%;
	}

	.sticky-button img{
		width:25vw;
		margin: 0 auto;
	}

	.thumb-carousel{
		width:90vw;
	}

		.swiper-button-wrapper{		
		right:auto;
		opacity: 1;
		left:2vw;
		top:2vw;
	}
	

		.sticky-button{
			top: -6rem;
		}

		.hero-banner_container{
			    padding-right: calc(var(--container-padding) * 1);
				  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
		}

		.tile:nth-child(2) {
    margin-top: calc(var(--tile-image-size) * 0.4);
}

.thumb-portfolio:nth-child(3n) .ratio-square:before {
    padding-bottom:60%;
}

.hero-banner_container.middle{
	    padding-left: calc(var(--container-padding) * 1);
}

.hero-banner-image:after,
.heroslider .swiper-slide:after{
	content: "";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:  #000000;
	opacity: 0.3;
}


#cssmenu ul li a span:after{
	content: none;
}

.section-titlecenter{
	font-size: 16vw;
	opacity: 0.2 !important;

}

.fixed-image{
	opacity: 0.5;
}

.list-gest {
display: block;
}

.list-gest li span.list-icon{
	width:3vw;
	
}



.list-gest li span.list-title{
	width:calc(100% - 3vw);
}


 }