html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  }
	
	html, body{
		width: 100%;
		height: 100%;
	}
	body{
		margin: 0;
		padding: 0;
		color: #000;
		background-color: #e9e0d3;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
	}
	a:link{
		color: #81231a;
	}
	a:hover{
		color: #f06a09;
	}
	a:visited{
		color: #999;
	}
	a { outline: none; }
.slicknav_nav a,
.slicknav_arrow{
	color: #fff;
}
	/*
	.wrapper{
	width: 100%;
	max-width: 1600px;
	margin:0 auto;
	}
	*/
	.lang,
	.menu,
	footer{
		font-family: 'Lora', serif;
	}
	
	a:visited{
		color: #666666;
	}
	header .menu .sub-menu a{
		padding-left: 10px;
		padding-right: 10px;
	}
	header .menu .sub-menu {
		display: none;
		position: absolute;
		margin: 5px 0 0 0;
		min-width: 165px;
		background-color: #e9e0d3;
		list-style: none;
		padding: 0 10px;
		z-index: 5;
	}
	header .menu li>a{
		position:relative;
	}
	header li.has-submenu>a:after {
		content: '';
		display: block;
		width: 4px;
		height: 4px;
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		position: absolute;
		right: 7px;
		top: 35%;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#wrapper ul.sub-menu .menu-item {
		float: none;
	}
	header .menu li:not(.touch-device-navi):hover .sub-menu {
		display: block;
	}
	.anounce-box h4,
	section h4
	{
		font-size: 16px;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #81231a;
		line-height: 28px;
	}
	.anounce-box h4:after,
	section h4:after {
		content: ""; /* This is necessary for the pseudo element to work. */ 
		display: block; /* This will put the pseudo element on its own line. */
		width: 60px; /* Change this to whatever width you want. */
		padding-top: 24px; /* This creates some space between the element and the border. */
		border-bottom: 6px solid #81231a; /* This creates the border. Replace black with whatever color you want. */
	}
	.anounce h4:after{
		border-bottom: 6px solid #000;
	}
	header{
		background: url(../imgs/header_bg.jpg) no-repeat;
		background-size: cover;
		/*max-height: 370px; */
	}
	.top-line{
		background-color: #c6b6ab;
		height: 35px;
		position: relative;
		z-index: 999;
	}
	.slicknav_menu {
		padding-top: 55px;
	}
	.slicknav_menu {
		display: none;
		background: #000;
	}
	.slicknav_btn {
		position: absolute;
		left: 10px;
		top: 10px;
	}	
	.slicknav_nav a:hover a{
		color: #222;
	}
	.slicknav_nav a:visited {
		text-decoration: none;
		color: #fff;
	}
	.slicknav_nav a:hover {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #e9e0d3;
		color: #222;
	}
	.slicknav_nav .slicknav_row:hover {
		-webkit-border-radius:0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #e9e0d3;
		color: #222;
	}
	 .slicknav_row:hover a,
	 .slicknav_row:hover a span{
		color: #222;		 
	 }
	.right-menu{
		position: absolute;
		top:8px;
		right: 20px;
	}
	.social,
	.lang,
	.lang a{
		display: inline-block;
		vertical-align: top;		
	}
	.social{
		margin-right:7px;
	}
	.lang{
		margin-left:5px;
		font-size: 14px;
	}
	.lang a{
		color: #592e26;
		padding: 0 7px;
	}
	.lang a.active{
		font-weight: 600;
	}
	.lang a:first-child{
		border-right: 1px solid #592e26;
	}
	.lang a{
		/*line-height: 20px; */
	}
	.social img{
		width:18px;
	}
	.logo a{
		display:block;
		width: 210px; 
		margin: 0 auto;
		padding-top:20px;
		padding-bottom:30px;
		margin-top: 0px;
	}/*
	body.content .logo a{
		display: block;
		width: 250px;
		margin: 0 auto;
		padding-top:5px;
		padding-bottom:0;
	} */
	.logo-space{
		display: flex;
		align-content: center;
		align-items: center;
		width: 100%;
	}
	.logo-space .menu{
		vertical-align: middle;
	}
	
	.menu{
		padding:30px 0;
		margin:0;
		text-align: center;
		width: 50%;
	}
	.menu li{display: inline-block;
		
		text-align: center;
		list-style: none;
		padding: 5px 0;
	}
	.menu .sub-menu li{
		display: block;		
		text-align: left;
	}
	.menu li:hover{
		background-color: #fff;/* order-bottom: 1px solid */
	}
	.menu a{
		/*letter-spacing: 0.05em; */
		font-weight: 300;
		font-size: 18px;
		text-decoration: none;
		text-transform: uppercase;
		color: #81231a;
		/*display: block; */
		padding: 0 20px;
	}
	.swiper-container {
		width: 100%;
	}
	.main-slide a{
	display: block;
	}
	.main-slide ul{
		margin:0;
		padding:0;
	}	
	.main-slide li{
		list-style: none;
		margin:0;
		padding:0;
	}
	.main-slide img{
	    width: 100%;
		max-width:100%;
		height:auto;
	}
	.main-slide p, .top-img h2{
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;/*Montserrat*/
		background-color: #5f423e;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		padding: 10px 0;
		margin: 0;
	}
	.anounce-box,
	.video{
		clear: both;
		overflow: hidden;
	}
	.anounce-box .item{
		/*padding:35px;*/
	}
	.anounce-box, .videos{
		width: 95%;
		margin: 0 auto;
		margin-top: 45px;
	}
	
	
	.row{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.featured-anounce h4 a,
	.anounce h4 a{
		text-decoration: none;
		color: #81231a;
		line-height: 24px;
	}
	.featured-anounce{
		background-color: #fff;
	}
	.anounce-box p{
		line-height: 24px;
	}
	.anounce-box .col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.anounce-box .col-6{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.anounce-box .col-8{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	.anounce-box .col-4{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	
	.col-7.pr-35{
		margin-right: 35px;
		max-width: calc(70% - 35px)!important;
	}
	.col-3.pr-35{
		margin-right: 35px;
		max-width: calc(30% - 35px)!important;
	}
	.pr-55{
		margin-right: 55px;
		max-width: calc(50% - 55px)!important;
	}
	.pr-55{
		margin-right: 55px;
		max-width: calc(60% - 55px)!important;
	}
	
	.anounce-box .anounce{
		/*float: right;
		width: calc(40% - 70px);*/
		background-color: #fff;
	}
	.anounce-box .inner-box{
		display: table;
		padding: 55px;
	}
	.anounce-box .inner-box .img{
		width: 40%;
		background-size: cover;
		background-position: center;
	}
	.anounce-box .inner-box .img,
	.anounce-box .inner-box .info{
		display: table-cell;
	}
	.anounce-box .info{
		padding-left: 35px;
	}
	.featured-anounce .inner-box{
		height: 100%;
	}
	.featured-anounce h4,
	.anounce-right h4{
		margin-top:45px;
	}
	.anounce-box .btn{
		margin-bottom: 45px;
	}
	.anounce-right .inner-box,
	.featured-anounce .inner-box{

		padding: 0 45px 0 0;
	}
	.anounce-right .inner-box p{
		display:none;
	}
	.info .btn{
		margin-top:15px;
		display: inline-block;
	}
	.btn,
	a.btn{
		background-color: #81231a;
		color: #fff;
		border: 1px solid #fff;
		text-decoration: none;
		padding: 7px 14px;		
	}
	
	.btn:visited{
		color: #fff;
	}
	a.btn:hover{
		background-color: #fff;
		color: #81231a;
		border: 1px solid #81231a;
	}
	.featured-anounce,
	.anounce{
		margin-bottom: 40px;
	}

	.mb-20{
		margin-bottom: 20px;
	}
	.swiper-button-next, .swiper-button-prev {
		color: #fff;
	}
	section.video .swiper-button-next, section.video .swiper-button-prev {
		color: #000;
		background-color: rgba(255,255,255,0.4);
		border-radius: 40px;
		padding: 10px 15px;
	}
	section.video .swiper-button-next:hover, section.video .swiper-button-prev:hover {
		background-color: rgba(255,255,255,0.8);
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 30px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 30px;
	}
	.videos{
		overflow: hidden;
		position: relative;
	}
	.video h2{
		margin: 20px 0 0 0;
		text-align: center;
		letter-spacing: 0.05em;
		font-family: 'Lora', serif;
		font-size: 22px;
		font-weight: 300;
		text-transform: uppercase;
		color: #81231a;
	}
	.video-item h4:before {
		content: ""; /* This is necessary for the pseudo element to work. */ 
		display: block; /* This will put the pseudo element on its own line. */
		width: 30px; /* Change this to whatever width you want. */
		padding-bottom: 14px; /* This creates some space between the element and the border. */
		border-top: 6px solid #e9e0d3; /* This creates the border. Replace black with whatever color you want. */
	}
	.video-item a{
		text-decoration: none;
		color: #81231a;
		line-height: 24px;
		font-weight: 300;
	}
	.video-item .vid-thmb,
	.video-item h4{
		display: block;
	}
	.video-item img{
		width: 100%;
	}
	.video-item{

		background-color: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	}
	
	.videos .inner-container {
		padding: 80px 25px 25px 25px;
		height: 100%;
	}
	.videos .swiper-slide {
		height: auto!important;
	}
	
	footer{
		background-color: #5c4442;
		color: #fff;
		margin-top:45px;
		border-top: 5px solid #a2928a;
		padding: 45px;
		clear: both;
		overflow: hidden;
	}
	.left-side{
		float: left;
	}
	.table{
		display: table;
	}
	.table div{
		display: table-cell;
		vertical-align: middle;
	}
	.left-side img{	
		width: 120px;
		margin-right:15px;
	}
	.right-side{
		float: right;
		text-align: right;
		line-height: 28px;
	}	
	.top-img{
		min-height: 300px;
		background-position: center center;		
		background-size: cover;
	    margin-bottom: 45px;
	}
	.wide,
	.columns{
		display: flex;
		width:95%;
		margin: 0 auto;
		margin-top:25px;		
		max-width: 1600px;
	}
	.wide{
		display: block;
	}
	.inner-columns{
		display: flex;
	}
	.inner-columns img{
		width: 100%;
	}
	.columns p{
		line-height: 24px;
	}
	.inner-box{
		padding: 55px;
	}
	.wide,
	.columns .col{
		background-color: #fff;
	}
	.columns .col-2{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.columns .col-3{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.columns .col-33{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.columns .col-4{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.columns .col-6{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.columns .col-7{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
	.columns .col-8{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.columns .col-10{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}
	.col-12{
		position: relative;
		width: 100%;
	}
	.columns .col-12{
		position: relative;
		width: 100%;
		min-height: 1px;
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
	}
	.columns .team .inner-box {
		padding: 7px;
	}
	.team{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		
	}
	.director .member{
		text-align: center;
	  font-size: 14px;
	  min-width: 50%;
	  max-width: 50%;
	  margin: 20px auto;
	}
	.team .member{
		display: flex;
	  flex-direction: column;
	  flex-basis: 100%;
	  flex: 1;
	  text-align: center;
	  font-size: 14px;
	  min-width: 50%;
	  max-width: 50%;
	  margin-bottom: 20px;
	}
	.director .member img,
	.team .member img{
		width: 100%;
		margin-bottom:10px;
	}
	.director .member:hover,
	.team .member:hover{
		background-color: #e9e0d3;
	}
	.director .member a,
	.team .member a{
		text-decoration: none;
		color: #81231a;
	}
	.director .member a strong,
	.team .member a strong{
		font-size: 16px;
		color: #000;
	}
	.categories{
		width:90%;
		margin: 0 auto;
	}
	.categories-box{
		clear:both;
		overflow: hidden;
		margin-top: 2rem;
	}	
	.categories-box .overlay {
		background-color: rgba(255,255,255,.75);/*129,35,26,0.*/
	}
	.categories-box .overlay {
    bottom: 0;
    color: #000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    font-size: 1.2em;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .3s;
    z-index: 100;
}
.categories-box span {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: .35em .5em;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    width: 100%;
	background-color: rgba(255,255,255,.95);
	 color: #81231a;
}
	.categories-box .category:hover .overlay {
		opacity: 1;
	}
	.categories-box .category:hover span {
		opacity:0;
	}

	.categories-box .category{
		float: left;
		width: calc(25% - 3.875rem);
		margin-right: 2em;
		margin-bottom: 2em;
		padding-right: .9375rem;
		padding-left: .9375rem;
		height: 250px;
		background-size: cover;
		background-position: center bottom;
		overflow: hidden;
		position:relative;
	}
	div.accessories-box .category {
		background-size: contain;
		background-position: center center;
	}
	.categories-box .category span{
		position: absolute;
		bottom:0;
		left:0;
		text-align: center;
		width: calc(100% - 1rem);
		line-height: 35px;
	}
	.w-100{
		width: 100%;
	}
	.trade-list a{
		color: #81231a;
		font-weight: 600;
	}
	.trade-list a:visited{
		color: #83706e;
	}
	.trade-list{
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.trade-list tr:nth-child(odd){
		background-color: #fbfbfb;
	}
	.trade-list th,
	.trade-list tr:hover{
		background-color: #f6f2ec;
	}
	.trade-list th,
	.trade-list td{
		padding: 15px 5px;
		
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.trade-list td:first-child,
	.trade-list td:last-child{
		text-align: center;
	}
	.settings{
		margin-bottom: 10px;		
		background-color: #eae6e6;
		padding: 10px 15px;
	}
	.el{
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.1em;
		display: inline-block;
		margin-right: 5px;
	}
	.ico{
		width:13px;
		height: 13px;
	}
	.ico img{
		width:100%;
	}
	.grid-view{
		margin-bottom: 45px;	
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
	}
	.grid-item .img-box{
		min-height: 100px;
		padding:5px;
		background: url(/imgs/preloader.gif) no-repeat;
		background-position: center center;
	}
	.grid-item{
		margin-right:25px;
		  transition: .5s ease;
	}
	.grid-item a{
		text-decoration: none;
		display: block;
		text-align: center;
	}
	.grid-item img{
		display: inline-block;
	}
	.grid-item a strong{
		color: #000;
		display: block;
		text-align: left;
	}
	.lot{
		display:block;
		padding-bottom:4px;
		margin-bottom:8px;
		border-bottom: 2px solid #81231a;
		text-align: left;
	}
	.sold{		
		position: relative;
		min-width: 120px;
	}
	.sold img,
	.sold span,
	.sold strong:not(.title){
		/*filter: brightness(-50%);*/
	}
	.sold .title{
		background-color: #896c5e;
		color: #fff;
		padding:7px;
		position: absolute;
		  left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.grid-item:not(.sold) a:hover img{
		opacity: 0.9;
	}
	.grid-item:not(.sold) a:hover .lot{
		padding-bottom:0px;
		border-bottom: 6px solid #81231a;
	}
	.grid-item:not(.sold) a:hover span{
		color: #000;
		font-weight: 600;
	}
	.grid-item:not(.sold) a:hover strong{
		color: #81231a;
		font-weight: 600;
	}
	#other h5{
		font-size: 20px;
		color: #81231a;
	}
	#other ul{
		margin: 0;
		padding-top: 0;
	}
	#other li{
		line-height:28px;
	} 
	
	#itemView{
		position: relative;
		width: 95%;
		margin:0 auto;
		background-color: #fff;
	}
	#itemView .drift-zoom-pane{
	    position: absolute;
		top:0;
		left:0;
        width:100%;
		max-width: 950px;
		height:30rem;
	}
	
	.productInfo{
		margin-top:15px;
	}
	.descr{
		font-weight: 600;
		padding-right: 15px;
	}
	#coverimage{
		border:1px solid #ccc;
	}
	#itemView .col-3{
		min-width:290px;
	}
		#small{ overflow: hidden;display: flex;
justify-content: space-between; max-width: 285px;}

		#small>div{
			width:64px;
			border: 1px solid #ccc;
			margin-top:4px;
		}
		#small>div:hover{
			border: 1px solid #818080;
		}
		#small>div img{
			display: block;
			margin: 0 auto;
		}
		table td{
			padding: 5px 0;
		}
		#itemView .columns{
			margin:0; width: 100%;
		}
#archive label {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}	
#archive input[type="text"], #archive input[type="password"], #archive input[type="submit"], #archive input[type="email"] {
    display: block;
    margin-bottom: 15px;
}

.form {
    width: 100%;
	max-width: 820px;
}
.leftForm {
    float: left;
}
.rightForm {
    float: right;
}
.red {
    color: #b80303;
}
.form div {
    margin-bottom: 2px;
    line-height: 20px;
}
.form .field,
.form textarea {
    width: 100%;
    max-width: 300px;
    font-weight: normal;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.fileUpload input {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 6px;
    width: 307px;
}
.bottomForm {
    clear: both;
}

.changeForm h5{
	font-size: 18px;
}

#archive{
    clear: both;
    overflow: hidden;
}
#archive #right,
#archive #left {
    float: left;
    width: 50%;
}
.submit-btn,
.cancel-btn{
	padding: 5px 10px;
	border-radius: 3px;
	cursor: pointer;
}
.submit-btn:hover{
	background-color: #f06a09;
}
.cancel-btn{
	background-color: #666666;
}
.cancel-btn:hover{
	background-color: #ccc;
	color: #666666;
}
#onlineForm{
	clear:both;
	overflow: hidden;
}
#onlineForm .inner-box {
	padding-top: 0;
}
#onlineForm .form,
#onlineForm .form-explanation{
	width: 50%;
	float:left;
	
}
#onlineForm .tcolumns {
	padding-bottom: 55px;
}
#onlineForm img{
	border: 1px solid #ccc;
}
.imgs-2{
max-width: 564px;
display: flex;
}
.imgs-2 img:first-child{
margin-right: 10px;
}
.imgs-2 img{
	width:calc(50% - 5px);;
}
.inner-box{
	position: relative;
}
.member-box{
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	background-color: #fff;
	display:none;
}
.member-box.activeMember{
	display:block;
}
.member-box .close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
}
.member-box .prev-next{
    position: absolute;
    left: 25px;
    top: 25px;
}
.member-box img{
	width:100%;
	max-width:200px;
}
.member-box .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
}

.member-box .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.member-box .left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.member-box .prev{
	margin-right: 10px;
}
.anounce-img{
	float: left;margin-right: 25px;
}
	@media screen and (min-width: 1440px) {
		.menu ul{
			display: flex;
			justify-content: space-around;
			margin: 0;
			padding: 0;
		}
		#coverimagelink{
			float: left;
			margin-right: 10px;	
		}
		#small{ max-width: 75px;flex-direction: column; }
		#small > div{ 
			margin-bottom:10px;margin-top:0;
		}
	}
	@media screen and (max-width: 1109px) {
		.main-slide p {
			font-size: 14px;
		}	
		.anounce:first-child {
			margin-bottom: 10px;
		}
		.anounce:last-child {
			margin-top: 10px;
		}
		.anounce-box .col-8 {
			margin-bottom: 20px;
		}
		.anounce-box .col-4,
		.anounce-box .col-6,
		.anounce-box .col-8 {
			-ms-flex: 100%;
			flex: 100%;	
			max-width: 100%;
		}
			
		.grid-view{
			margin-bottom: 45px;	
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		}
		.inner-box {
			padding: 25px;
		}
				.pr-35,
		.pr-55 {
			margin-right: 0;
			max-width: 100%!important;
		}
	}
	@media screen and (max-width: 1024px) {
		
		.imgs-2 {
			flex-direction: column;
		}
		.imgs-2 img{
			margin-bottom: 10px;
			
		}
	}
	@media screen and (max-width: 1023px) {
		.anounce-box, .videos {
			width: 100%;
		}
		.videos .video-item {
			width: calc(100% - 50px)!important;
		}
		.categories-box .category {
			width: calc(50% - 3.875rem);	
		}

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

		#itemView .columns {
			display: block;
		}
		#itemView .columns .col,
		#itemView .columns .col-3.pr-35,
		#itemView .columns .col-3,
		#itemView .columns .col-7 {
			margin-right: 0;
			-ms-flex: auto;
			flex: auto;
			max-width: 100%!important;
		}
		#small > div {
			padding: 2px;
		}
		.wide, .columns {
			display: block;
			width: 95%;
			margin: 0 auto;
				margin-top: 0px;
			margin-top: 25px;
			background-color: #fff;
			overflow: hidden;
		}
		.columns .col-33.large-m{
			width:100%;
			-ms-flex: 100%;
			flex: 100%;
			max-width: 100%;
			clear:both;
			
		}
		.columns .col-7.pr-35 {
			margin-right: 0;
			max-width: 100%!important;
		}
		.columns .col-7.pr-35,
		.columns .col-3 {
			position: relative;
			width: 100%;
			min-height: 1px;
			-ms-flex: 100%;
			flex: 100%;
			max-width: 100%;
		}		
		.columns .col-33.s-5{
			width:50%;
			-ms-flex: 50%;
			flex: 50%;
			max-width: 50%;
			float: left;
		}
		.imgs-2 {
			max-width: 100%;
		}
		.imgs-2 img {
			width: calc(100% - 2px);
		}

		.member-box .close{
			top: -5px;
		}
		.member-box .prev-next{
			top: 0;
		}
	}	
	@media screen and (max-width: 767px) {
	.right-menu {
		top: 20px;
	}	
		.logo-space {
			display: block;
		}
		.menu{
			display: none;
		}
		.slicknav_menu {
			display: block;
		}
		.lang a {
			color: #fff;
		}

		.lang a:first-child {
			border-right: 1px solid #fff;
		}

		.logo a {
			width: 200px;
			padding-bottom: 5px;
			margin-top: 10px;
		}
	}

	@media screen and (max-width: 420px) {
		.videos .video-item {
			width: 100%!important;
		}
		.anounce-img{
			float: none;
			margin-right: 0;
			margin-bottom: 15px;
		}
		#onlineForm .form,
		#onlineForm .form-explanation{
			width: 100%;
			float: none;
			
		}
		#onlineForm .form-explanation{
			width: calc(100% - 30px);
			padding: 15px;
		}
		.leftForm,
		.rightForm {
			float: none;
		}
		.pr-35,
		.pr-55 {
			margin-right: 0;
			max-width: 100%!important;
		}
		.anounce-box .inner-box {
			display: block;
			padding: 55px;
		}
		.anounce-box .inner-box .img, .anounce-box .inner-box .info {
			display: block;
			width: 100%;
			min-height: 250px;
		}
		.anounce-box .info {
			padding-left: 0;
		}
		.anounce {
			margin-bottom: 20px;
		}		
		
		.categories-box .category {
			float: none;
			width: 100%;
		}
		.columns,
		.inner-columns {
		   flex-direction: column;
		}
		.order-2{
			order:2;
		}
		
		.col-3.pr-35{
			flex: 100%;
			max-width: 100%!important;
		}
		.columns .col-33.s-5{
			width:100%;
			-ms-flex: 100%;
			flex: 100%;
			max-width: 100%;
		}

		.columns {
			display: flex;
			width: 100%;
		}
		.inner-box {
			padding: 20px;
		}
		
		div.accessories-box .category{
			padding:0;
			margin-right: 0;
		}
		.categories-box .overlay {
			margin: 0;
			padding: 0;
			width: 100%;
		}
		#archive #right, #archive #left {
			float: none;
			width: 100%;
		}
		.anounce-box, .videos {
			margin-top: 25px;
		}
		.main-slide p {
			font-size: 14px;
			height: 40px;
			display: flex;
			text-align: center;
			align-items: center;
			width: 100%;
			justify-content: center;
			padding: 5px 0;
		}
		.members-box{
			overflow: scroll;
		}
	}