*{
  -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }

html, body{
 height: 100%;
 font-family: 'Open Sans', sans-serif;
 font-size: 16px;
 background: url(../images/line.jpg);
 min-width: 320px;
}
a{
  outline: none;
  text-decoration: none;
  }
img{
  outline: none;
  max-width: 100%;
  border:none;
 }
ul{
  list-style: none;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
    **zoom: 1;
}
input[type="text"]::-moz-placeholder{
  color: #491b17;
  font-weight: 300;
  font-size: 1em;
}

input[type="text"]::-webkit-input-placeholder{
  color: #491b17;
  font-weight: 300;
  font-size: 1em;
}

input[type="text"]:-ms-input-placeholder{
  color: #491b17;
  font-weight: 300;
  font-size: 1em;
}
input[type="text"]::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}


/*#################
Start main wrapper
###################*/
.main-wrap {
  background-color: #fbf7ee;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}


/*##########
Start header
############*/
.header{
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
}
.logo{
  display: block;
  float: left;
}
.logo span{
  font-family: 'CyrillicOld';
  font-size: 4.68em;
  color: #491b17;
  text-transform: uppercase;
  display: block;
}
.logo span + span{
  font-size: 0.6em;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  position: relative;
  top: -7px;
}
.infoTop{
  float: right;
  width: 315px;
  margin: 20px 0 0 0;
}
.address{
  float: left;
  color: #491b17;
  font-size: 0.875em;
  background:  url(../images/csssprite.png) -7px 0px no-repeat;
  padding: 3px 0 10px 30px;
}
.day{
  float: right;
  color: #491b17;
  font-size: 0.88em;
  padding-top: 3px;
}
.day span{
  font-weight: bold;
}
.tel{
  float: left;
  display: block;
  clear: both;
  background: url(../images/csssprite.png) no-repeat -7px -38px;
  color: #491b17;
  padding: 0 0 0 30px;
}
.tel span{
  font-weight: bold;
}
.time{
  margin: 0 0 0 0;
}
.top-menu{
  float: left;
  margin: 30px 0 0 60px;
}
.top-menu li{
  display: inline-block;
  margin: 0 20px 0 0;
}
.top-menu li:last-child{
  margin: 0;
}
.top-menu li a{
  color: #491b17;
  font-size: 1.125em;
}
.top-menu li a:hover,
.rotang__left a:hover,
.accordion .submenu a:hover{
  color: #bc9463;
  -o-transition: 0.3s; 
  -moz-transition: 0.3s; 
  -webkit-transition: 0.3s; 
  transition: 0.3s;  
}
div.rotang__left a.active{
	color: #bc9463;
}

/*#############
Start furniture
###############*/
.furniture{
  max-width: 1120px;
  width: 100%;
  margin: 10px auto 0;
  position: relative;
  background: url(../images/line.jpg);
  padding: 25px 0;
}
.furniture h1{
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'CyrillicOld';
  font-size: 2.8em;
  color: #491b17;
  margin: 64px 0 0 291px;
}
.furniture h1 span{
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.5em;
  font-weight: 300;
  position: relative;
  top: -10px;
}

/*###########
Start catalog
#############*/
.catalog{
  margin-top: 40px;
}
.catalog h1,
.about-company__title,
.novelties__title,
.news__title,
.contact__title,
.rotang__title{
  text-align: center;
  color: #491b17;
  font-weight: 300;
  max-width: 200px;
  font-size: 1.5em;
  text-transform: uppercase;
  padding: 0 0 0;
  margin: 0 auto;
}
.catalog h1 span,
.about-company__title span,
.novelties__title span,
.news__title span,
.contact__title span,
.rotang__title span{
  display: block;
  padding: 20px 0 0 0;
  letter-spacing: 1px;
}
.catalog h1 span:before,
.about-company__title span:before,
.novelties__title span:before,
.news__title span:before,
.contact__title span:before,
.rotang__title span:before{
  content: "";
  background: url(../images/csssprite.png) no-repeat 0 -70px;
  display: block;
  float: left;
  padding: 25px;
}
.about-company__title{
  max-width: 350px;
}
.catalog-content{
  clear: both;
  max-width: 1100px;
  width: 100%;
  margin: 38px auto 0;
  display: flex;
  flex-wrap: wrap;

}
.catalog-content li{
  background-color: #fff;
  width: 355px;
  vertical-align: top;
  margin: 0 17px 20px 0;
  position: relative;
  padding-bottom: 40px;
}
.catalog-content li:nth-child(3n+3){
  margin-right: 0;
}

.catalog-content li img{
  margin: 0 auto;
  display: block;
  padding: 32px 0 29px 0;
}
.catalog-content li a + a{
  display: block;
  color: #491b17;
  font-size: 1.3em;
  padding: 0px 59px 20px;
}
.catalog-content li a + a span{
 display: block;
 float: right;
 width: 193px;
}
.catalog-content li a + a:before{
  content: "";
  display: block;
  float: left;
  background: url(../images/csssprite.png) no-repeat -15px -123px;
  padding: 15px 0 15px 35px;
}
.catalog-content li:hover,
.novelties__content li:hover{
  box-shadow: 0 0 20px #f2e9da;
  -o-transition: 0.3s; 
  -moz-transition: 0.3s; 
  -webkit-transition: 0.3s; 
  transition: 0.3s;
}
.href-img{
  display: block;
  height: 230px;
}

/*#################
start about-company
###################*/
.about-company{
  margin-top: 40px;
}
.about-company__title{
  padding-bottom: 70px;
}
.about-company p{
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 35px;
  color: #491b17;
  font-size: 0.875em;
}

/*#############
Start novelties
###############*/
.novelties{
  margin-top: 30px;
}
.novelties__content{
  max-width: 1120px;
  width: 100%;
  margin: 45px auto 0;
  display: flex;
  flex-wrap: wrap;
}
.novelties__content li{
  vertical-align: top;
  background-color: #fff;
  width: 270px;
  min-height: 365px;
  margin-right: 13px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
  padding-bottom: 55px;
}
.href-img img{
 display: block;
 margin: 0 auto;
 padding:55px 0 0;
}
.novelties__content li:nth-child(4n+4){
  margin-right: 0;
}
.novelties__content li > span{
  color: #4e1507;
  display: block;
  font-size: 0.875em;
  width: 270px;
  top: 245px;
  font-weight: 300;
  text-align: center;
  margin-top: 17px;
  min-height: 45px;
  padding: 0 10px;
  margin: 0 auto 0px;
}
.main-price{
  width: 270px;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  margin: 0 0 0 15px;
}
.price{
  width: 270px;
  display: block;
  padding-bottom: 12px;
  text-align: center;
}
.price span{
  display: block;
  color: #4e1507;
  text-transform: uppercase;
  font-size: 1.75em;
  font-weight: 300;
}
.price img{
  margin: 10px 10px 0 0;
}
.price span:after{
  content: "";
  display: inline;
  background: url(../images/csssprite.png) no-repeat -6px -120px;
  padding: 0 0 0 31px;
}
.sale{
  background-color: #ba0f00;
  padding: 0 10px;
  margin: 0 0 0 80px;
  width: 100px;
  text-align: center;
  color: #ffffff;
  display: block;
  font-size: 0.875em;
  text-decoration: line-through;
}

.btn{
  border:1px solid #491b17;
  width: 190px;
  height: 45px;
  display: block;
  margin: 40px auto;
  color: #491b17;
}
.btn span{
 display: block;
 text-align: center;
 font-size: 0.9em;
 line-height: 42px;
 letter-spacing: 1px;
 color: #491b17;
}
.btn:hover{
 background-color: #efe7d7;
 -o-transition: 0.3s; 
  -moz-transition: 0.3s; 
  -webkit-transition: 0.3s; 
  transition: 0.3s;
}

/*########
Start news
##########*/
.news{
  margin: 50px 0 100px;
}
.news__content{
  overflow: hidden;
  max-width: 940px;
  width: 100%;
  margin: 0px auto 0;
}
.calendar{
  width: 70px;
  height: 70px;
  border:2px solid #efe7d7;
  float: left;
}
.news__content li{
  display: inline-block;
  max-width: 410px;
  width: 100%;
  /*vertical-align: top;*/
  overflow: hidden;
  margin-top: 60px;
}
.news__content li:nth-child(2n+2){
  float: right;
}
.calendar__day,
.calendar__month{
  display: block;
  text-align: center;
  color: #491b17;
  font-size: 2.25em;
  font-weight: bold;
  width: 100%;
}
.calendar__month{
  font-size: 0.75em;
  position: relative;
  top: -8px;
}
.right__content{
  max-width: 310px;
  width: 100%;
  float: right;
}
.right__content a{
 color: #491b17;
 font-size: 1em;
 font-weight: bold;
}
.right__content p{
  color: #491b17;
  font-size: 0.85em;
  padding-top: 20px;
  line-height: 22px;
}
.right-text{
  width: 180px;
  float: right;
}
/*#########
Start loza
##########*/
.loza{
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  box-shadow: 0px 7px 10px #ebe3d8;
  position: relative;
  z-index: 1000;
}
.loza__in{
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
.loza__logo{
  float: left;
  color: #491b17;
}
.loza-bg{
 display: block;
 float: left;
 font-family: 'CyrillicOld';
 font-size: 4.68em;
 color: #491b17;
}
.loza-shop{
 display: block;
 float: left;
 font-family: 'CyrillicOld';
 font-size: 1.5em;
 color: #491b17;
 margin: 35px 0 0 17px;
}
.loza__street{
  float: left;
  display: block;
  color: #491b17;
  font-size: 1em;
  margin: 35px 0 0 90px;
  background: url(../images/csssprite.png) no-repeat 0 0;
  padding: 0 0 0 35px;
}
.loza__number{
   float: left;
   display: block;
   color: #491b17;
   font-size: 1.81em;
   background: url(../images/csssprite.png) no-repeat -8px -152px;
   padding: 0 0 0 35px;
   margin: 20px 0 0 60px;
}
.loza__number span{
  font-weight: bold;
}
.loza__data{
  float: right;
  background: url(../images/csssprite.png) no-repeat -8px -195px;
  margin-top: 35px;
  padding: 0 0 0 35px;
}
.loza__data p{
 font-size: 0.875em;
 color: #491b17;
}
.loza__data p span{
  font-weight: bold;
  color: #491b17;
}


/*#######
Start map
#########*/
.map iframe{
  min-height: 526px;
  height: 100%;
  width: 100%;
}

/*##########
Start footer
############*/
.top-menu__footer{
  float: none;
  margin: 0 auto;
  max-width: 545px;
  width: 100%;
  padding: 40px 0;
  clear: both;
}
.footer {
  max-width: 1120px;
  width: 100%;
  margin: 40px auto;
  padding-bottom: 20px;
}
.footer__right{
  float: right;
  max-width: 210px;
  width: 100%;
}
.footer__counter{
  float: left;
}
.footer__site{
 float: right;
}
.footer__site img{
  margin: 2px 9px 0 0;
}
.footer__site span{
  font-size: 12px;
  color: #491b17;
  font-weight: 300;
  display: block;
  float: right;
  line-height: 15px;
}

/*
Start contact
#############*/

.contact{
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 80px;
  overflow: hidden;
}
.contact__title{
  padding: 30px 0 50px;
}
.contact__left{
  float: left;
  max-width: 320px; 
}
.contact__left img{
  display: block;
  border:10px solid #ffffff;
}
.contact__content li{
 overflow: hidden;
}
.contact__content .loza__street{
  margin: 20px 0 0 0px;
  padding: 0 0 10px 38px;
}
.contact__content .loza__number{
  margin: 5px 0 0 0px;
  padding: 0 0 0 38px;
}
.contact__content .loza__data{
  margin: 20px 0 0 0px;
  padding: 0 0 0 38px;
  float: left;
}
.contact__email{
  color: #491b17;
  font-size: 1em;
  background: url(../images/csssprite.png) no-repeat -8px -224px;
  padding: 0 0 0 41px;
  margin: 13px 0 0 0;
  display: block;
}

.contact__right{
  float: right;
  max-width: 520px;
  width: 100%;
}
.contact__right > span{
  display: block;
  color: #491b17;
  font-size: 1em;
  padding-bottom: 20px;
}
.contact__form input[type="text"]{
  background-color: #f1e9db;
  max-width: 450px;
  width: 100%;
  height: 45px;
  overflow: hidden;
  border:none;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 1em;
  font-weight: 300;
}
.contact__form textarea{
  resize: none;
  background-color: #f1e9db;
  max-width: 450px;
  width: 100%;
  height: 85px;
  border:none;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  padding: 10px 0 0 20px;
  color: #491b17;
}
.contact__form input[type="submit"]{
  display: block;
  border:1px solid #491b17;
  width: 187px;
  height: 43px;
  text-align: center;
  letter-spacing: 2px;
  background-color:transparent;
  margin-top: 20px;
  cursor: pointer;
}
.contact__form input[type="submit"]:hover{
 -o-transition: 0.3s; 
  -moz-transition: 0.3s; 
  -webkit-transition: 0.3s; 
  transition: 0.3s;  
  background-color: #efe7d7;
}
.map-contact{
 display: block !important;
}
.map-contact iframe{
 height: 650px;
}

/*############
Start products
##############*/
.products{
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
.bread-crumbs {
  padding-top: 50px;
  overflow: hidden;
  width: 100%;
  padding-bottom: 30px;
}
.bread-crumbs li {
  display: inline-table;
  margin: 0 20px 0 0;
}
.bread-crumbs li a{
  color: #4e1507;
  font-size: 0.875em;
  position: relative;
}
.bread-crumbs li a:before {
  content: "";
  background: url(../images/csssprite.png) no-repeat -17px -254px;
  display: block;
  padding: 10px;
  float: left;
  position: absolute;
  top: 2px;
  left: 100%;
}
.bread-crumbs li > span{
  color: #c09b6c;
  font-size: 0.875em;
}
.products__left{
  max-width: 557px;
  width: 100%;
  float: left;
  background-color: #fff;
  position: relative;
  padding: 75px;
}
.products__left img{
  display: block;
  margin: 0 auto;
}
.products__right{
  max-width: 250px;
  width: 100%;
  float: right;
}
.products__right h1{
  text-transform: uppercase;
  color: #491b17;
  font-size: 1.5em;
  letter-spacing: 2px;
  font-weight: 300;
  padding-top: 40px;
}
.articul{
  padding-top: 25px;
}
.articul span{
  color: #4e1507;
  font-size: 0.875em;
}
.products__price{
  padding-top: 25px;
}
.products__price span{
  font-size: 3em;
  color: #4e1507;
  padding: 0 8px 0 0;
}

.products__order{
  display: block;
  background-color: #7c2f28;
  color: #ffffff;
  font-size: 1.125em;
  font-weight: 300;
  text-align: center;
  float: left;
  padding: 2px 10px 4px;
  margin: 20px 0;
}
.products__description{

}
.products__description p{
  font-size: 0.875em;
  color: #491b17;
  overflow: hidden;
  clear: both;
  padding: 20px 0 0;
  line-height: 22px;
}

/*##########
Start rotang
############*/
.rotang{
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;  
}
.rotang__right{
  float: right;
  max-width: 840px;
  width: 100%;
  padding-top: 30px;
  margin-right: 35px;
}
.rotang__title{
  max-width: 340px;
}
.rotate__content{

}
.rotate__content li:nth-child(3n+3){
 margin-right: 0;
}
.rotate__content li:nth-child(4n+4){
 margin-right: 14px;
}
.ItemsItem li{
	margin-right: 10px;
}
.ItemsItem li:nth-child(4n+4){
	 margin-right: 10px;
}
.navigation{
  margin: 20px auto 50px;
  width: 265px;
}
.navigation li{
  display: inline-block;
  border:1px solid #cbbbb4;
  width: 40px;
  height: 40px;
  vertical-align: top;
  margin: 0 8px 0 0;
}
.navigation li:last-child{
  margin: 0;
}
.navigation li a.next,
.navigation li a.prev,
.navigation li a,
.navigation li a.active{
  text-align: center;
  color: #bc9463;
  display: block;
  line-height: 38px;
}
.top-menu .active{
  color: #bc9463;
}
.navigation li a{
  color: #491b17;
  font-weight: 300;
}
.navigation li:hover{
  background-color: #efe7d7;
  -o-transition: 0.3s; 
  -moz-transition: 0.3s; 
  -webkit-transition: 0.3s; 
  transition: 0.3s;   
}
.rotang__left{
  float: left;
  max-width: 250px;
  width: 100%;
  margin-top: 46px;
}
.rotang__left:before{
  content: "";
  display: block;
  margin: 0 auto;
  background: url(../images/csssprite.png) no-repeat 0 -67px;
  width: 50px;
  height: 50px;
  margin-bottom: 16px;
}
.accordion{
  width: 240px;
  padding:0 0 15px 0;
}
#accordion-example h2{
  display: block;
  position: relative;
  padding: 0 0 0 18px;
  font-size: 1.125em;
  font-weight: 300;
}
#accordion-example h2.active{color:#bc9463;}

#accordion-example h2:hover{
	color:#bc9463;
}
#accordion-example h2 a{
  color: #491b17;
  display: block;
  margin: 10px 0;
}
#accordion-example h2:before{
  content: "";
  display: block;
  background: url(../images/csssprite.png) no-repeat -16px -270px;
  float: right;
  width: 20px;
  position: absolute;
  height: 25px;
  left: 248px;
}

#accordion-example ul{
   display: none;
   margin: 15px 0 0 43px;
}
.accordion .active{
  display: block; 
}
#accordion-example ul a,
.rotang__left > a{
  font-size: 1.125em;
  font-weight: 300;
  color: #491b17;
  display: block;
  margin-bottom: 10px;
}
#accordion-example ul a.open{
	color:#bc9463;
}
.rotang__left > a{ 
  display: block;
  color: #491b17;
  font-size: 1.125em;
  font-weight: 300;
  padding: 0 0 15px 18px;
 }
 
 .rotang__left > a.open{ 
  color: #bc9463;
 }

 
 div#accordion-example h2.open a{
	 color:#bc9463;
 }
 div#accordion-example ul li a.active{
	 color:#bc9463;
 }
 
.text-footer p{
  color: #491b17;
  font-size: 0.875em;
  line-height: 23px;
  clear: both;
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}
.mobil-menu{
  background-color: #fff;
  width: 40px;
  height: 40px;
  box-shadow: 0 5px 10px #eee7de;
  display: block;
  float: right;
  display: none;
}
.mobil-menu span{
  display: block;
  background: #491b17;
  width: 22px;
  height: 3px;
  margin: 0 auto 4px;
  position: relative;
  top: 10px;
}
.furniture__mobil{
 display: none;
}
.mobil-menu2{
  display: block;
  width: 20px;
  height: 20px;
  background-color: red;
}








/*##############
Start responsive
################*/
@media (max-width: 1160px) {
  .main-wrap{
    max-width: 880px;
  }
  .header{
    max-width: 830px;
  }
  .top-menu{
    margin: 0 0 0 125px;
  }
  .infoTop{
    margin-bottom: 20px;
  }
  .furniture h1{
    margin: 40px 0 0 197px;
  }
  .catalog-content li{
    margin: 0 13px 43px 50px;
  }
  .catalog-content li:last-child {
    margin: 20px 0 30px 50px;
  }
  .about-company {
    margin-top: 20px;
    padding: 0 50px;
  }
  .about-company__title {
    padding-bottom: 40px;
  }
  .novelties__content{
    max-width: 840px;
  }
  .novelties__content li{
    margin-right: 14px;
  }
  .novelties__content li:nth-child(4n+4) {
    margin-right: 14px;
 }
 .novelties__content li:nth-child(3n+3){
  margin-right: 0;
 }
 .news__content{
  max-width: 830px;
 }
 .loza__street{
  margin: 35px 0 0 0;
 }
 .loza__logo{
  margin: 0 0 0 16px;
 }
 .loza-shop{
  margin: 35px 0 0 8px;
  font-size: 1.2em;
 }
 .loza__number{
  margin: 20px 0 0 0;
 }
 .loza__data{
  margin: 35px 15px 0 0;
 }
 .loza-bg{
  font-size: 4.2em;
 }
 .loza__number{
  font-size: 1.7em;
 }
 .footer{
  max-width: 870px;
 }
 .contact{
  max-width: 815px;
  padding-bottom: 20px;
 }
 .contact__right{
  max-width: 453px;
 }
 .products{
  max-width: 800px;
 }
 .products__left,
 .products__right{
  float: none;
  margin: 0 auto;
 }
 .rotang__right{
  max-width: 580px;
 }
 .rotate__content li:nth-child(2n+2) {
    margin-right: 0 !important;
 }
 .rotate__content li:nth-child(3n+3) {
    margin-right: 14px !important;
 }
 .text-footer{
  padding: 15px 50px;
 }
 .catalog-content li:nth-child(3n+3) {
    margin: 0 12px 43px 51px;
 }
 
}




@media (max-width: 920px) {
  .main-wrap{
    max-width: 600px;
  }
  .header{
    max-width: 830px;
  }
  .top-menu{
    margin: 10px 0 0 49px;
  }
  .logo{
    float: none;
    margin: 0 auto;
    width: 200px;
  }
  .info{
    width: 290px;
    overflow: hidden;
    float: none;
    margin: 57px auto 20px;
  }
  .furniture h1 {
    margin: 55px 0 0 133px;
 }
 .catalog-content{
  max-width: 355px;
 }
 .catalog-content li,
 .catalog-content li:last-child{
  margin: 0 13px 20px 0px;
 }
 .novelties__content {
    max-width: 560px;
 }
  .novelties__content li:nth-child(3n+3) {
    margin-right: 14px;
 }
 .novelties__content li:nth-child(2n+2){
  margin-right: 0;
 }
 .novelties__content {
   max-width: 555px;
 }
 .news__content {
   max-width: 410px;
 }
 .loza__data {
   margin: 16px 4px 13px 0;
 }
 .footer{
  max-width: 593px;
 }
 .contact__left{
  float: none;
  margin: 0 auto;
 }
 .contact__right{
  float: none;
  margin: 50px auto 0;
 }
 .products{
   max-width: 480px;
 }
 .products__left img{
  left: 14%;
 }
 .rotang__left{
  float: none;
  margin: 30px auto 0;
 }
 .rotate__content{
   max-width: 580px;
 }
 .catalog-content li:nth-child(3n+3) {
    margin: 0 15px 20px 0px;
 }
 .rotang{
  clear: both;
 }
 .catalog-content li a + a:before{
   padding: 15px 0 15px 22px; 
  }
  .rotang__right{
    margin-right: 0;
  }
}



@media (max-width: 620px) {
 .main-wrap{
    max-width: 320px;
  }  
  .top-menu,
  .infoTop{
    display: none;
  }
  .logo span{
    font-size: 3.5em;
    text-align: center;
  }
  .header{
    position: relative;
    z-index: 100;
  }
  .mobil-menu{
    display: block;
    position: absolute;
    top: 17px;
    left: 81%;
  }
  .top-menu {
    margin: 10px 0 9px 17px;
  }
  .top-menu li{
    margin: 0 20px 10px 0;
  }
  .furniture__desk{
  display: none;
 }
 .furniture__mobil{
   display: block;
 }
 .catalog-content,
 .catalog-content li{
  max-width: 300px;
 }
 .catalog-content li{
  margin: 0 0px 20px 0px;
 }
 .catalog-content li a + a{
  left: 17px;
 }
 .catalog h2{
  display: none;
 }
 .catalog {
  margin-top: 20px;
 }
 .catalog-content{
  margin: 0 auto;
 }
 .about-company{
  padding:  0 20px;
 }
 .about-company__title span:before{
   float: none;
   margin: 0 auto 20px;
   width: 4px;
 }
 .about-company{
  margin-top: 0;
 }
 .about-company__title span{
  font-size: 0.8em;
 }
 .about-company__title {
   padding-bottom: 20px;
 }
 .novelties__content {
    max-width: 268px;
    margin: 27px auto 0;
 }
 .novelties__content li,
 .novelties__content li:nth-child(3n+3){
   margin-right: 0;
 }
 .novelties{
  margin-top: 0;
 }
 .novelties__title span:before{
  float: none;
  margin: 0 auto;
  width: 3px;
 }
 .news__content {
  max-width: 270px;
 }
 .right__content{
  max-width: 180px;
 }
 .news {
    margin: 50px 0 50px;
 }
 .news__content li{
   margin-top: 20px;
 }
 .news__title span:before{
   float: none;
   width: 3px;
   margin: 0 auto;
 }
 .news__title span{
  padding: 0 0 10px 0;
 }
 .loza__logo{
  margin:0 auto;
  float: none;
  width: 160px;
  display: block;
 }
 .loza-shop {
  margin: 0;
  font-size: 1.2em;
  text-align: center;
  float: none;
  font-size: 1.8em;
 }
 .loza-bg {
   font-size: 4.7em;
 }
 .loza__street {
   margin: 35px 0 0 25px;
 }
 .loza__number {
   margin: 20px 0 0 22px;
 }
 .loza__data {
   margin: 16px 0 13px 20px;
   float: left;
 }
 .map{
   display: none;
 }
 .top-menu__footer{
  display: block;
 }
 .top-menu__footer {
  display: block;
  margin: 10px 0 9px 0;
  max-width: 139px;
  width: 100%;
  text-align: center;
  float: none;
  margin: 0 auto;
 }
 .top-menu li {
   margin: 0 0 20px 0;
   display: block;
   text-align: center;
 }
 .footer{
  max-width: 300px;
 }
 .header{
  position: relative;
 }
 .top-menu{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: #fbf7ee;
  width: 320px;
  height: 390px;
  float: none;
  margin: 0 auto;
  padding-top: 111px;
 }
 .top-menu__footer{
  position: relative;
  display: block;
  padding-top: 10px;
  margin-top: 15px;
  height: 245px;
 }

 .mobil-closed{
   position: absolute;
    top: 17px;
    left: 89%;
    z-index: 1000;
    width: 10px;
    height: 10px;
    display: none;
    padding: 14px;
    background: url(../images/csssprite.png) no-repeat -13px -294px;
 }
 .top-menu:before{
    content: "";
    background: url(../images/csssprite.png) no-repeat 0 -64px;
    display: block;
    width: 56px;
    height: 53px;
    position: absolute;
    top: 11px;
    left: 138px;
 }
 .contact__right{
  max-width: 300px;
 }
 .top-menu__footer:before{
   display: none;
 }
 .contact__title span:before{
  float: none;
  margin: 0 auto;
  width: 4px;
 }
 .products{
   max-width: 300px;
 }
 .products__left img{
  left: 0;
 }
 .products__left{
  height: 480px;
 }
 .products__right h2{
  font-size: 1em;
 }
 .text-footer {
  padding: 15px 30px;
 }
 .rotang__title span:before{
  float: none;
  margin: 0 auto 15px;
  width: 3px;
 }
 .rotang__right{
  padding-top: 0;
 }
 .rotate__content li:nth-child(3n+3) {
    margin: 0 0 15px 0 !important;
 }
 .navigation li{
  margin: 0 12px 0 0;
 }
 .map-contact{
  display: block;
}
.bread-crumbs{
   padding-top: 20px;
 }

.catalog-content li a + a{
  padding: 0px 32px 20px;
}
.catalog-content li:nth-child(3n+3) {
    margin: 0 0 20px 0px;
}
.novelties__content{
  max-width: 290px;
}
.novelties__content li{
  width: 290px;
}

}