input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
footer {
    min-width: 320px;
}
.section-map iframe {
    width: 100%;
}

section ul.why > li {
    display: flex;
    align-items: center;
}
section ul.why > li:nth-of-type(even){
  direction: rtl;
}
section ul.why > li:nth-of-type(even) p{
  direction: ltr;
}
section ul.why > li:after {
    content: " ";
    display: table;
    clear: both;
}
section ul.why > li > div {
    float: left;
    width: 50%;
}
section ul.why > li:nth-child(even) .image {
    /*float: right;*/
    order: 1;
}

@media(max-width: 767px) {
    section.head {
        padding-top: 79px;
        overflow: hidden;
        background-image: none;
        padding-bottom: 25px;
    }
    header {
        height: auto;
    }
    header .page {
        position: relative;
    }
    header .logo {
        padding: 10px 0;
        position: relative;
        top: 15px;
    }
    header .call {
        margin: 0 0 5px 0;
        display: block;
        float: none;
    }
    header .call:after {
        content: " ";
        display: table;
        clear: both;
    }
    header .call br {
        display: none;
    }
    header .call a {
        float: left;
        width: 50%;
        text-align: left;
        font-size: 17px;
        line-height: 21px;
    }
    header .call a.btn_call {
        text-align: right;
    }
    header .menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #232323;
    }
    header .menu li {
        display: block;
        width: 100%;
    }
    section.head {
        height: auto;
        background-size: cover;
    }
    section h2 {
        width: 100%;
        padding: 15px;
    }
    section h2 > span {
        font-size: 30px;
    }
    section h1 {
         margin: 15px 0 15px;
        font-size: 20px;
        line-height: 30px;
    }
    section h1 > span {
        font-size: 19px;
    }
    .intro-box {
        margin-bottom: 0;
    }
    section ul.head > li {
        width: 100%;
        margin-bottom: 15px;
    }
    /*.catalog_block {
        display: none;
    }*/
    section h4,
    .section-map .contacts-info p,
    .section-map .contacts-info a {
        font-size: 24px;
        line-height: 32px;
    }
    section h4 > span {
        font-size: 32px;
        line-height: 36px;
    }

    .request_block {
        padding: 15px;
    }
    .request_block > div > div.form_title > span {
        font-size: 30px;
        line-height: 40px;
    }
    .request_block > div > div.form_title {
        font-size: 26px;
        line-height: 30px;
        text-transform: none;
    }
    .request_block > div > div.form_title {
        padding: 15px 0 0 15px;
    }
    .request_block .form {
        border: none;
        padding: 0 10px 40px 10px;
        margin-top: 0;
    }

    footer {
        height: auto;
        padding: 60px 0;
    }
    footer h4 {
        font-size: 30px;
        line-height: 42px;
    }
        footer a {
        font-size: 26px;
        line-height: 30px;
    }
    section.copy {
        height: auto;
        padding: 19px 0;
    }
    section.copy p,
    section.copy p a {
        line-height: 1;
    }

    .form {
        width: 290px;
        padding: 0 15px 40px;
        margin: 30px auto;
        position: relative;
    }
    .arcticmodal-container_i2 {
        padding: 0 !important;
        width: 100vw;
        overflow: hidden;
    }
    div.arcticmodal-close {
        margin: -15px -15px 0 0;
        right: 0;
    }
    
    .catalog-title-second {
        display: none;
    }
    .catalog h4 {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .catalog .page {
      padding: 0;
    }

    a.btn {
        max-width: 290px !important;
        font-size: 18px;
    }

    .hidden-xs {
        display: none !important;
    }
    .intro-discount {
    font: 35px 'Futura Heavy',sans-serif;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 49px;
}
.bgvideo {
    top: 75px;
    bottom: 0;
    min-height: 0;
}
}
@media(min-width: 768px) {
    header .menu {
        display: inline-block !important;
    }
    .menu-toggle {
        display: none;
    }
}
@media (max-width: 991px) {
    .page {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    section.request {
        padding: 50px 0;
        height: auto;
        background-size: cover;
        width: auto;
    }
    .request_block {
        width: 100%;
    }
    .request_block > div > div.form_title {
        padding-top: 40px;
        width: 100%;
    }
    .request_block .form {
        width: 100%;
    }

    section h3 {
        width: 100%;
        font-size: 30px;
        line-height: 42px;
    }
    section ul.comments > li div.img {
        width: 100%;
        padding: 0 30px;
        margin: 0 0 30px 0;
    }
    section ul.comments > li img {
        margin: 0 auto;
        display: block;
        float: none;
        max-width: 100%;
    }
    section ul.comments > li div {
        width: 100%;
    }
    section ul.comments > li p {
        text-align: center;
        font-size: 20px;
        line-height: 22px;
    }
    .jcarousel-skin-tango {
        margin: 0 -15px;
    }
    .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: 100%;
        margin: 30px 0;
    }
    .jcarousel-skin-tango .jcarousel-prev-horizontal {
        left: 10px;
    }
    .jcarousel-skin-tango .jcarousel-next-horizontal {
        right: 10px;
    }
    .jcarousel-skin-tango .jcarousel-next-horizontal,
    .jcarousel-skin-tango .jcarousel-prev-horizontal {
        top: 0;
        margin-top: 100px;
    }
    .jcarousel-skin-tango .jcarousel-item {
        width: 100vw;
        padding: 0 15px;
        box-sizing: border-box;
    }

    section.serv {
        height: auto;
        background-image: none;
        background-color: #FFFBF7;
    }
    section ul.serv {
        padding-top: 0;
    }
    section ul.serv > li {
        margin: 0 0 25px 0;
        width: 100%;
    }
    section ul.serv > li br {
        display: none;
    }

    section ul.why {
        margin: 0 0 40px;
    }
    section ul.why > li {
        display: block;
        margin-bottom: 30px;
    }
    section ul.why > li > div {
        width: 100%;
    }
    section ul.why > li .image {
        margin-bottom: 30px;
    }
    section ul.why > li .image img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    section ul.why > li > div p {
        font-size: 18px;
    }

    section ul.why > li > div a.btn {
      margin-bottom: 30px;
      padding-top: 13px;
      padding-bottom: 12px;
      line-height: 1.2;
    }

		section .catalog_block > ul.manufacturer,
		section .catalog_block > ul.catalog li > div.collection_block .collection {
			display: none;
		}

		section .catalog_block > ul.catalog li > div.collection_block,
		section .catalog_block > ul.catalog li > div.photo_block {
			padding: 0;
		}

		section .catalog_block,
		section .catalog_block > ul.catalog li > div.collection_block,
		section .catalog_block > ul.catalog li > div.photo_block {
			width: 100%;
		}

		section .catalog_block {
			margin-left: 0;
		}

		section .catalog_block .mobile-toggle-btn {
			display: block;
			margin-bottom: 16px;
			padding: 35px 10px;
			background-color: #766f6f;
			color: #fff;
			font-size: 24px;
			cursor: pointer;
			text-align: center;
		}

		section .catalog_block .mobile-toggle-btn:after {
			display: inline-block;
			margin-left: 10px;
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
			font-size: 28px;
			content: '>';
			vertical-align: top;
		}

		section .catalog_block .mobile-toggle-btn.open:after {
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}

		section .catalog_block > ul.catalog li > div.collection_block > ul li.btn-wrap,
		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li .photo__img-wrap:before {
			display: none;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li div.info a.btn {
			max-width: none !important;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li img {
			min-height: 350px;
			object-fit: cover;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li .photo__descr {
			padding-left: 15px;
			padding-right: 15px;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li .photo__descr h2 {
			font-size: 28px;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li .photo__descr p {
			font-size: 18px;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li div.info {
			position: static;
			-webkit-transform: none;
			transform: none;
			margin-top: 10px;
		}

		section .catalog_block > ul.catalog li > div.photo_block > ul.photo > li div.info a.btn.btn-other {
			display: block;
			margin-top: 5px;
			background-color: #54422b;
			line-height: 1.5;
		}
}
@media (min-width: 768px) and (max-width: 991px) {
    header .logo {
        width: 20%;
    }
    header .logo img {
        width: 90%;
    }
    header .menu {
        width: 60%;
    }
    header .menu li {
        width: 25%;
    }
    header .call {
        margin-top: 12px;
        width: 20%;
    }
    header .call a {
        font-size: 16px;
    }
    header .call a.btn_call {
        font-size: 11px;
    }

    section.head {
        height: auto;
        background-size: cover;
    }
    section h2 {
        width: 100%;
    }
    section h2 > span {
        font-size: 30px;
        line-height: 36px;
    }
    section h1 > span {
        font-size: 40px;
    }
    section h1 {
        margin: 50px 0;
        font-size: 20px;
        line-height: 32px;
    }
    section .why_block {
        margin: 30px 0 0 0;
    }

    section.head .why_block {
      position: static;
    }

    section .catalog_block {
        width: 100%;
    }
    section .catalog_block > ul.catalog li > div.collection_block,
    section .catalog_block > ul.catalog li > div.photo_block {
        width: 100%;
    }

    .form2 a.btn {
        margin-top: 0;
    }


}

@media (max-width: 480px) {
	section .catalog_block .mobile-toggle-btn {
		padding: 15px 10px;
		font-size: 20px;
	}
  .form2 a.btn{
    width: 100%;
  }
	section .catalog_block .mobile-toggle-btn:after {
		font-size: 22px;
	}
	section .catalog_block > ul.manufacturer li {
		width: 50%;
		margin-right: 0;
	}
  .catalog_block a.btn_m {
    padding-top: 5px;
    padding-bottom: 4px;
    line-height: 1.2;
  }

  header .call a { font-size: 15px; }
}
@media (max-width: 1210px) {
    header,
    section {
        min-width: 320px;
    }
}
.menu-toggle {
    background: transparent;
    border: none;
    padding: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}
.menu-toggle .icon-bar {
    width: 25px;
    height: 2px;
    background: #fff;
    display: block;
}
.menu-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}

.section-map h4 {
    margin-bottom: 0;
}
.section-map .contacts-info {
    margin-bottom: 40px;
}
.section-map p,
.section-map a {
    font: 24px 'Futura Light',sans-serif;
    text-decoration: none;
    display: block;

}
.section-map a:hover,
.section-map a:focus,
.section-map a:visited {
    color: #000;
}

menu .submenu,
.phonering-alo-phone {
    display: none;
}

@media (max-width: 767px) {
    menu li {
        height: auto;
    }
    menu .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 0;
        overflow: hidden;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        -ms-transition: height .3s;
        -o-transition: height .3s;
        transition: height .3s;
    }
    .has-submenu > a {
        pointer-events: none;

    }
    .has-submenu:hover > a + .submenu {
        height: auto;
    }
    menu .submenu li a {
        font-size: 11px;
        line-height: 5;
    }
    menu .submenu li {
        width: 50%;
    }
    .phonering-alo-phone {
        display: block;
        position: fixed;
        z-index: 30;
        left: -40px;
        bottom: 0;
        height: 155px;
    }

    header .call a {
        float: right;
        text-align: right;
    }
    header .call .btn_call {
        display: none;
    }
    .intro-box {
        height: 50px;
    }
    .intro-box-href {
        width: 30px;
        height: 30px;
        margin: 0 10px;
    }

    .arrow:before, .arrow:after {
        width: 13px;
        height: 2px;
        left: 3px;
    }
}