/* === DESKTOP FIRST === */
@media (max-width : 1200px) {
	.complect-white {
    padding: 10px 15px;
    font-size: 18px;
	}
	.section-title {
    font-size: 36px;
	}
}
@media (max-width : 992px) {
	.mobile-menu-hidden {
		position: fixed;
		right: 20px;
		top: 20px;
		z-index: 1;
	}
	.mobile-menu-hidden a {
		background-color: rgba(0,0,0,.8);
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 30px;
	}
	.mobile-menu-hidden a:hover {
		background-color: rgba(0,0,0,1);
	}
	.section-hero {
		background-image: url(../images/deco/shema-sutyazhnik-m.jpg);
		height: auto;
	}
	.section-hero__content {
		min-height: 100%;
	}
}
@media (max-width : 768px) {
	
	.section-hero {
		padding: 45px 0;
	}
	.section-hero__content h1.demo-garant {
	  font-size: 30px;
	}
	.section-title {
    font-size: 30px;
	}
	.complect-white {
		padding: 10px 30px;
	}
	.complect-item {
	  padding: 10px;
	  min-width: 300px;
	  font-size: 18px;
	}
	
	.section-testDrive__content h2 {
		font-size: 32px;
	}
	
	
	
}
@media (max-width : 576px) {
	.section-hero__content__heading {
		text-align: center;
	}
	.section-hero__image {
		background: none;
	}
	
	.section-hero__content h1 {
    font-size: 42px;
	}
	.video-ytb {
		width: 100%;
		height: 395px;
	}
	.fz24,.fz22 {
    font-size: 18px;
	}
	.pb-m {
		padding-bottom: 0;
	}
}