@media only screen and (max-width: 1023px) {
	:root {
		--typo-h-0-bold: 600 2.5rem/120% "Source Sans 3", sans-serif;
	}
	.bx-panel {
		display: none;
	}
	header {		
		grid-template-rows: 3.5rem;
		grid-template-areas: "hdr-main";
	}
	.hdr-top-fx {
		display: none;
	}
	.pwrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.hdr-main {
		grid-template-areas: "hdr-logo-fx hdr-phone menu-tools-fx";
		grid-template-rows: auto;		
        grid-template-columns: 16vw 1fr auto;		
	}
	.icon.menu {
		display: block;
		content: "";
		background-image: url('/css/icons.svg?9#u-menu-white');
	}
	.logo {
		width: 3rem;
		height: 2.5rem;
	}
	.menu-main-over header {
		background: var(--color-bg-dark-grey);
	}
	.menu-main-over header:before {
		display: none;
	}
	.main-banner {
		height: 60vh;
		margin-top: 0;		
	}
	.main-banner .slogan-fx .title {
		font: var(--f-h1);
		letter-spacing: 0.05;
	}
	.main-banner .slogan-fx .subtitle {
		font: var(--f-h4);
		margin-top: 1rem;
	}	
	.main-banner video {
		width: 100%;
		object-fit: cover;
	}
	.main-banner .banner-slide, .main-banner.slick-slider .banner-slide {
		height: 60vh;
	}	
	main {
		overflow: hidden;
	}
	[class*="-desk"] {
		display: none;
	}
	[class*="-mobl"] {
		display: inherit;
	}
	[class*="-fx -mobl"] {
		display: flex;
	}
	.hdr-phone-fx {
		justify-content: flex-end;
	}
	.search-form-fx {
		display: none;
	}
	.menu-main-fx {
		grid-area: unset;
		display: none;
	}
	.menu-main-fx > ul {
		flex-flow: column nowrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.menu-main-fx > ul li {
		width: 100%;
		height: auto;
		font: var(--typo-m-1-m-medium);		
	}
	.menu-main-fx > ul li a {
	    display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.menu-main-fx > ul li a:after {
		content:"";
		width: 1.5rem;
		height: 1.5rem;
		background-image: url('/css/icons.svg?214#u-right-white');
	}
	.menu-main-fx > ul li+li {
		padding-top: 0.75rem;
		margin: 0;
	}
	.sub-menu {
		display: block;
	}
	.sub-menu ul {
		list-style: none;
		padding: 0.5rem 0 0.5rem 2rem;
	}
	.menu-main-fx .v-mobl-fx span {
	    font: var(--typo-bt-2-regular);
		text-transform: uppercase;
		margin-left: 0.5rem;
	}
	.hdr-tools-fx {
		justify-content: space-between;
		padding: 0 1rem;
	}
	.hdr-tools-fx  > *+* {
		margin-left: 1.25rem;
	}
	.menu-main-over .menu-main-fx {
		display: block;
		position: fixed;
		top: 3.5rem;
		left: 0;
		width: 100%;
		height: calc(100vh - 3.5rem);
		background: var(--color-bg-dark-grey);
		padding: 1.5rem 5%;
		color: var(--color-white);
	}	
	.menu-main-over .icon.menu {
		background-image: url('/css/icons.svg?732#u-menu-active');
	}
	h1, .h1 {
		font: var(--typo-h-2-medium);
		padding-bottom: 1rem;
	}
	h2, .h2 {
		font: var(--typo-h-3-medium);
	}
	
	.item-list .item {
		padding: 0.5rem;
	}
	.item-desc {
		padding-top: 0.5rem;
	}
	.item-desc .title {
		font: var(--typo-s-1-medium);
		padding-bottom: 0.5rem;
	}
	.item-list:not(.slick-slider) {
		grid-template-columns: repeat(2, minmax(2rem, 1fr));
		row-gap: 1rem;
		column-gap: 0rem;
		margin: 0 -0.5rem 1rem;		
	}
	.news-list:not(.slick-slider) {
		grid-template-columns: repeat(1, minmax(2rem, 1fr));
		row-gap: 1rem;
		column-gap: 0rem;
		margin: 0 -0.5rem 1rem;		
	}
	.gallery-fx {
		flex-flow: column nowrap;
	}
	.gallery-fx > * {
		width: 100%;
		margin: 0;
	}
	.gallery-fx *+* {
		margin-top: 0.5rem;
	}
	.col-layout {
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}
	.item-page {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		grid-template-areas: 	"item-page-gallery"
								"item-page-param"
								"item-page-content";
	}
	.item-page h1 {
		font: var(--typo-t-1-medium);
	}
	.item-param {
		font: var(--typo-s-1-light);
		margin-bottom: 1rem;	
	}
	.item-param dd {
		width: 48%;
		font: var(--typo-s-1-regular);
	}
	.item-action-block .btn-fx {
		margin: 1.5rem 0 0rem		
	}
	.item-action-block .btn-fx .btn {
		flex: 1;
	}
	.item-action-block .btn-fx .btn.white {
		order: -1;
		margin: 0 1rem 0 0;
	}
	.btn {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.item-page > * {
	    width: 100%;
		position: relative;
		padding: 0;
		top: 0;
		margin-bottom: 1rem;		
	}
	.item-thumb .thumb {
		height: 2rem;
	}
	.item-gallery .item-thumb {
		padding: 1rem 1.5rem;
	}
	.item-price-group .price {
		font: var(--typo-h-2-medium);
	}
	.footer-logo-fx, .footer-menu-cat-fx > nav {
		display: none;		
	}
	footer .footer-main {
		grid-template-columns: 1fr;
		grid-template-areas: "footer-menu-cat-fx";
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;	
	}
	footer .footer-menu-hdr, footer .footer-contact-hdr .title {
				font: var(--typo-medium);
	}
	footer .footer-phone {
		font: var(--typo-medium);
	}	
	footer .footer-menu-cat-fx {
		align-items: center;
		justify-content: center;
	}
	footer .footer-contact-fx {
		margin: 0;
		justify-content: center;
		align-items: center;
	}
	footer .footer-contact-line-fx {
		justify-content: center;
		align-items: center;
	}
	footer .footer-contact-line-fx > * {
		text-align: center;
		margin: 0;
	}
	footer .footer-copy-fx {
		justify-content: center;
	}
	.banner-slide .hdr {
		font: var(--typo-h-1-medium);
	}
	.banner-motto-fx {
		padding: 1.5rem 0;
	}
	.banner-motto-fx > * {
		flex: 1;
	}
	.motto {
		font: var(--typo-h-2-bold);
	}
	.promo-layout {
		padding-top: 1.5rem;
		padding-bottom: 2rem;
	}	
	.promo-fx {
		display: block
	}	
	.promo-fx .content {
		font: var(--typo-content-light);
	}
	.promo-fx > *+* {
		margin-left:0;
	}
	.promo-call-fx {
		font: var(--typo-h-2-medium);
	}
	.promo-video-title {
		font: var(--typo-h-2-medium);
	}
	.promo-frame-gray {
		padding: 2rem 0;
	}	
	.promo-frame-gray .motto + .promo-fx {
		margin-top: 1rem;
	}
	.promo-fx .title {
		font: var(--typo-h-3-medium);
		margin-bottom: 1rem;
	}
	.mfp-wrap .mfp-arrow:before {
		text-shadow: 0px -1px 0px #555;		
	}
	.mfp-wrap .mfp-arrow {
		width: 2rem;		
	}
	.mfp-wrap .mfp-close {
		height: 3rem;
		width: 3rem;
	}	
	.mfp-img-frame {
		padding: 1em;
	}
	.mfp-iframe-holder_ {
		height: 86%;
		top: 7%;
	}
	.mfp-iframe-holder .mfp-content {
		width: 100%;
	}
	.mfp-img-frame {
		padding: 0;
	}
	.mfp-iframe-modal {
		padding: 0;
		width: 100% !important;
	}
	.mfp-iframe-modal.short {
		padding: 1.5rem 1.75rem;
	}	
	.mfp-glr {
		padding: 1rem 0;
	    flex-flow: row wrap;
	}
	.mfp-glr .thumb {
		width: 60px;
		height: 36px;
		margin: 0 0.25rem 0.5rem;
	}
	.mfp-glr .thumb img {
		width: auto;
		width: 58px;
		height: 34px;
	}
	.thumb.video:after {
		width: 1.75rem;
		height: 1.75rem;
	}
	.mfp-arrow.mobile {
		display: inline-block !important;
	}
	.main-layout .sub-block {
		display: none;
	}
	.contact-fx {
		flex-flow: column;
	}
	.contact-fx > div {
		padding: 0 0 1rem !important;
	}
	.main-banner .slick-slide > div {
		padding: 0;
	}
	.main-banner .form-case {
		width: 100%;
		padding: 2rem 0;
		padding: 0;
	}
	.main-banner .form-case .form {
		padding: 2rem 1rem;
		background: rgba(247, 247, 247, 0.8);
	}
	.main-layout {
		padding-top: 1.5rem;
	}
	.banner-case .title {
		font: var(--typo-h-1-medium);
		max-width: 90%;
		margin-top: 2rem;
	}
	.banner-case .subtitle {
		max-width: 90%;		
		font: var(--typo-h-3-medium);
	}
	main > .main-layout:first-child {
		padding-top: 4.5rem;
	}
	.map-layout {
    	margin-top: 3rem; 
	}
	.columns.count3 {
		column-count: 2;
	}
	.part-data {
		display: block;
		padding-top: 0;
	}	
	.part-data-sub {
		display: none;
	}	
    .part-data-wrap {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 1rem 0 0;
        border-bottom: var(--border-grey);
    }
    .part-data-wrap.active {
        color: var(--c-hover);
    }
    .part-data-wrap + .part-data-section {
        opacity: 0;
        width: auto;
        height: 0;
        margin: 0;
        padding: 0;
        transform: scaleY(0);
        transition: 0.3s ease-in-out;
    }	
    .part-data-wrap.active + .part-data-section {
        transform: scaleY(1);
        transform-origin: top;
        height: auto;
        width: auto;
        visibility: visible;
        opacity: 1;
        transition: 0.3s ease-in-out;
        padding: 1rem 0;
    }	
	.city-list > * {
		width: 50%;
		padding-right: 0;
	}
	.city-list > *::nth-child(even) {	
		padding-right: 0.5rem;
	}
	.city-list > *::nth-child(odd) {	
		padding-left: 0.5rem;
	}
	.dealer-list {
	    display: block;
	}	
	.dealer-list li + li {
		margin-top: 1.5rem;
	}	
} 

@media only screen and (max-width: 640px) {
	body.iframe {
		padding: 0;
	}
	.order-fx {
		align-items: stretch;
		width: 100%;
		height: 100%;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}	
	.order-fx > * {
		width: 100% !important;
		padding: 0 0 2rem !important;
		flex: unset !important;
		min-height: 40vh;
	}
	.form.request .map {
		width: 100%;
		min-height: 40vh;
	}
}

@media only screen and (max-width: 360px) {
	footer .btn span {
		display: none;
	}
	footer .btn-fx > *+* {
		margin-left: 0;
	}
	footer .logo-fx .logo {
		width: 8.375rem;
	}
}