@media screen and (min-width:1921px){

}


@media screen and (min-width:1601px) and (maxc-width:1920px){

}


@media screen and (min-width:1281px) and (max-width:1366px){
  
}



@media screen and (min-width:1191px){

}

@media screen and (max-width:1190px){
	.section {
	  max-width: 1170px;
	  margin: 0 auto;
	  padding-left: 20px;
	  padding-right: 20px;
	  box-sizing: border-box;
	}
	.jcarousel-imgs__wrap {
	  float: none;
	  margin-right: auto;
	  margin-left: auto;
	}
	.rent__chr {
	  float: none;
	  width: 100%;
	  height: auto;
	  padding-bottom: 45px;
	  margin-top: 20px;
	  margin-bottom: 20px;
		border-top: 0px dotted #e2d5c5;
		border-bottom: 2px dotted #e2d5c5;
	}

	.node-type-rent .desc {
	  padding-top: 1px;
	}

}

@media screen and (max-width:1120px){
	.rents {
	  text-align: left;
	}
	.rent:not(:nth-child(2n)) {
		margin-right: 20px;
	}

}

@media screen and (min-width:1025px) and (max-width:1190px){

}


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

}


@media screen and (min-width:1025px) and (max-width:1280px){

  
}

@media screen and (max-width:1039px){
	.mobile__menu{
	  display: block;
	  width: 40px;
	  height:40px;
	  margin:auto;
	  top:-15px;
	  bottom:0;
	  right: 20px;
	  position: absolute;
	  z-index: 10;
	}
	.mobile__menu a.menu-ico{
	  display: block;
	  width: 40px;
	  height:40px;
	  background: url('../images/bars.svg') no-repeat center center;
		background-size: contain;
	}
	#block-system-main-menu,
	#block-block-3{
		display: none;
	}
	/* -------- Open menu ----------- */
	#open-menu.active{
	  display: block;
	  position: fixed;
	  min-width: 320px;
	  width: 100%;
	  z-index: 9999;
	  background: #fff;
	  height: 100%;
	  top:0;
	  left:0;
	  opacity: 1;
	}

	.open-menu__header{
	  min-height: 60px;
	  padding-bottom: 10px;
	  position: relative;
	  border-bottom: 2px dotted #e2d5c5;
	}
	.close-menu{
	  display: block;
	  margin: auto;
	  width: 50px;
	  height: 50px;
	  background: url(../images/x-b.svg) center center no-repeat;
	  background-size: 35%;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 10px;
	  cursor: pointer;
	}


	#open-menu .menu{
	  width: 100%;
	  background: #fff;
	  padding-left: 15px;
	  padding-bottom: 15px;
	}
	#open-menu .menu li{
	  width: 100%;
	  display: inline-block;
	  height: 28px;
	  padding-top: 15px;
	  margin:0;
	}
	#open-menu .menu li a{
	  display: inline-block;
	  color: #222;
	  vertical-align: middle;
		font-family: 'IskraCYR-Bold';
		color: #6b4832;
		font-size: 18px;
	  text-decoration: none;
	}
	#open-menu .menu li a:hover,
	#open-menu .menu li a:focus{
	  text-decoration: underline;
	}

	.open-menu__tel{
	  padding-top: 10px;
	  margin-left: 15px;
	  box-sizing: border-box;
		max-width: 270px;
		width: 100%;
		text-align: left;
	}

	.open-menu__tel .logo{
	  font-size: 30px;
	  text-decoration: none;
	  /*color: #cc931f;*/
	  color: #000;
	  font-family: 'Roboto', sans-serif;
	  font-weight: 400;
	  margin-right: 40px;
	  margin-bottom: 10px;
	  display: inline-block;
	  vertical-align: middle;
	  padding-left: 50px;
	  box-sizing: border-box;
	  background: url("../images/logo-b.png") no-repeat left center;
	  background-size: contain;
	}
	.open-menu__tel > div{
		display: inline-block;
		vertical-align: middle;
	}

	.open-menu__tel a{
		color: #b6844f;
	}

	.open-menu__footer{
	  min-height: 40px;
	  padding-top: 20px;
	  position: relative;
	  border-top: 2px dotted #e2d5c5;
	}
}
 
@media screen and (max-width:1024px){

}


@media screen and (max-width:1000px){
	.region-footer {
		justify-content: flex-start;
	}
	#block-block-6 {
		align-content: flex-start;
		align-items: flex-start;
	}
	.region-footer .phones {
		text-align: left;
	}
	.region-footer .soc-map {
		justify-content: flex-start;
	}

}

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

}


@media screen and (max-width:768px){
	#container > .section,
	.content_top > .section{
	  padding: 15px;
	}
	#page-title {
	  font-size: 2em;
	}

	/* Front slider */
	.view-banner .jcarousel .section {
	}
	.front .jcarousel-pagination .section {
	}
	.view-banner .jcarousel .section {
	  padding: 20px;
	}
	.front .jcarousel {
	  height: 320px;
	}
	.front .slide {
	  height: 320px;
	}
	.view-banner .field-name-field-title {
	  font-size: 48px;
	  max-height: 125px;
	}
	.region-banner {
	  height: 320px;
	}
	.front .jcarousel-pagination {
	  height: 40px;
	  bottom: 48px;
	  top: initial;
	  width: 100%;
	}
	.jcarousel-in .jcarousel-pagination .section {
	  max-width: initial;
	  text-align: center;
	}
	.front .jcarousel-pagination .section a {
	  height: 40px;
	  max-height: 40px;
	}
	.view-banner .desc {
	  width: 100%;
	  height: 200px;
	  font-size: 18px;
	  max-height: 200px;
	  padding: 10px;
	}
	.view-banner .desc h3 {
	  font-size: 36px;
	  height: 80px;
	}

	#block-webform-client-block-13 > div {
	  max-width: initial;
	  width: 100%;
	}	

}

@media screen and (min-width:481px) and (max-width:768px){
  .section {
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
  }
}

@media screen and (max-width:779px){
	.rents {
	  text-align: center;
	}
	.rent:not(:nth-child(2n)) {
		margin-right: 5px;
	}
	.node-type-rent .jcarousel {
	  width: 100%;
	  float: none;
	}
	.jcarousel .mfp-item {
	  height: 400px;
	  max-width: initial;
	  width: 100%;
	  position: relative;
	}
}


@media screen and (max-width:728px){
	#block-block-7 {
		margin-right: 0;
		margin-left: 0;
	}
}




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

	.footer .block {
	    margin-left: 0;
	}
	.front .jcarousel {
	    height: 280px;
	}
	.front .slide {
	    height: 280px;
	}
	.region-banner {
	  height: 280px;
	}
	.front .jcarousel-pagination {
	  bottom: 10px;
	}
	.view-banner .desc {
	  width: 100%;
	  height: 170px;
	  font-size: 18px;
	  max-height: 170px;
	  padding: 10px;
	  overflow: hidden;
	}
	.view-banner .desc h3 {
	  font-size: 24px;
	  height: 50px;
	}

	/* Modal */
	.webform-component-date .webform-container-inline,
	.webform-component.webform-container-inline{
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.webform-component.webform-container-inline label{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.webform-component.webform-container-inline > .form-select {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.webform-component-date .webform-container-inline div, 
	.webform-component-date .webform-container-inline div.form-item{
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.webform-component-date div.form-select {
	  padding: 12px 10px;
	  width: 100%;
	}
	.rent:not(:nth-child(2n)) {
		margin-right: 0;
	}
	
	.webform-component input[type="text"], 
	.webform-component input[type="email"], 
	.webform-component textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="email"], textarea {
		max-width: 100%;
		width: 100%;
	}
}

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

}

@media screen and (min-width:481px) and (max-width:640px){

}

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

/* 
	#block-block-5 {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	}

	#block-block-6 {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	}
 */
}

@media screen and (max-width:573px){
	#block-views-category-block {
	  text-align: center;
	}
	.category {
	  width: 100%;
	  height: 390px;
	  display: block;
	  vertical-align: initial;
	  margin-bottom: 30px;
	}
	.category__image {
	  width: 100%;
	  height: 360px;
	}
}

@media screen and (max-width:480px){
	.node {
	    font-size: 16px;
	}	
	.section {
	    max-width: 100%;
	    padding-left: 15px;
	    padding-right: 15px;
	    box-sizing: border-box;
	}
	.region-mobile-header.stick-me.sticking{
	    padding-left: 15px;
	    padding-right: 15px;
	}
	/* Front slider */
	.view-banner .jcarousel .section {
	    margin-top: 10px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.front .jcarousel-pagination .section {
	    margin-top: 0;
	}
	
	.rent {
	    height: 520px;
	    padding-bottom: 55px;
	}
	
	.rent__link {
		height: initial;
		width: calc(100% - 20px);
		bottom: 10px;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	.rent__more {
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.rent__bron {
		width: 100%;
		display: block;
		margin-right: 0;
	}


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

	.category {
	  height: 320px;
	  margin-bottom: 20px;
	}
	.category__image {
	  height: 290px;
	}
 .rent__image img {
	  max-width: 280px;
	  max-height: 230px;
	}
  
}

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

	#logo {
	  width: 220px;
	}
  
}

@media screen and (min-width:321px) and (max-width:480px){

}

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

}