/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

/* === DESKTOP FIRST === */
@media (max-width : 1700px) {
	.slider-raboty {
		max-width: 90%;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 70px;
	}
	.sliders {
		max-width: 92%;
	}
}

@media (max-width : 1300px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
.preimushestva {
	max-width: 1020px;
}
}


@media (max-width : 1150px) {
	h1 {
    max-width: 699px !important;
    font-size: 31px;
}
.zag-description {
	font-size: 15px;
	max-width: 535px;
}
.quiz-start-btn {
	font-size: 16px;
}
.slider-raboty h2 {
	font-size: 24px;
}
}
@media (max-width : 1084px) {
	.preimushestva {
    max-width: 850px;
}
}
/* md <= Large (lg) */
@media (max-width : 992px) {
	.topline-logodescription p {
    display: none;
}
.slider-raboty {
	max-width: 86%;
}
.Hörmann {
	padding: 0px;
	margin: 10px 0px;
}
.bt-ln-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.bottom-line {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
}
}

@media (max-width : 746px) {
	body {
		background-position: top center;
	}
	h1 {
    max-width: 89%!important;
}
.sliders {
	max-width: 79%;
}
.bt-ln-item1 p {
	max-width: 326px;
}
}


@media (max-width : 650px) {
	.bottom-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.slider-raboty::after {
	width: 90%;
	margin-left: -45%;
}
.bt-ln-item1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 25px;
}
.bt-ln-item1 p {
	max-width: 80%;
	text-align: center;
	margin-left: 0px;
	margin-top: 12px;
}
.zag-description {
	max-width: 67%;
}
.preimushestva {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.item-preimushestva {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	min-width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 30px;
}
.item-preimushestva p {
	max-width: 163px;
}
}
@media (max-width : 608px) {
    #obratnyi-zvonok {
    padding: 20px;
}
h1 {
    max-width: 83%!important;
}
.topline-logodescription a img {
	max-width: 165px;
}
.fast-order {
	padding: 3px 20px;
    right: -78px;
}
}
@media (max-width : 530px) {
	.topline-phones {
		margin-top: -2px;
	}
	.topline-adres {
    display: none;
}
.topline-phones a {
	font-size: 15px;
}
h1 {
	font-size: 25px;
	margin-top: 55px !important;
}
.quiz-start-btn {
	font-size: 15px;
}
}
@media (max-width : 520px) {
	.slider-raboty {
    max-width: 96%;
}
.qz-zakaz-btn {
    padding: 25px 15px!important;
}
 
.sliders {
	max-width: 89%;
	padding: 0px;
}
}
@media (max-width : 425px) {
	.preimushestva {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
}
.quiz-start-btn {
	padding: 36px 19px;
}
}
@media (max-width : 400px) { 
	.slick-prev, .slick-next {
    top: auto;
    bottom: -28px;
}
.qz-zakaz-btn {
    padding: 9px 15px!important;
    line-height: 25px;
}
.slick-prev:before {
	margin-left: 50px;
}
.slick-next:before {
	margin-right: 50px;
}
.slider-raboty {
	padding-bottom: 75px;
}
.slick-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
}



/* === Адаптивность квиза === */



@media screen and (max-device-width: 1024px) { 
	#quiz h2 {margin-bottom: 50px !important;}
	.step-quest {margin-bottom: 15px;}
	#type-home > *, #type-repair > * {width: 50%; text-align: left; margin-bottom: 15px;}
	.step-quest > * {margin-bottom: 15px;}
	.step-quest > * label {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
 
	#contact_fields > * {width: 70%;}
	.step-quest > div > input {padding: 10px 30px; font-size: 1.1rem;}
}
@media screen and (max-device-width: 925px) { 
    #hidden {
    width: 90%;
    margin-right: 0px;
        padding: 0px;
            border-radius: 20px;
    padding-bottom: 10px;
}
.step-quest > * label {
    text-align: center;
    padding: 0px;
}
.quiz-top-line {
       margin: 0px 7px; 
}
#progress_bar {
    margin: 0px 7px;
    margin-bottom: 10px;
}
.proidi-test {
    padding: 20px;
    padding-bottom: 0px;
}
.carousel__button.is-close {
    right: 0px!important;
}
.right-line-quiz {
    right: 0px;
    height: auto;
    top: 0px;
    width: 100%;
    max-width: 100%;
    position: relative;
    border-radius: 20px;
        margin-top: 25px;
}
}

@media screen and (max-device-width: 800px) { 
	#quiz {padding: 0 15px;}
	#quiz h2 {font-size: 1.8rem;}
	.step-quest > * label {text-align: center;}
	#contact_fields > * {width: 90%;}
	.step > small {margin-bottom: 15px;}
}

@media screen and (max-device-width: 480px) { 
	#quiz h2 {margin-bottom: 40px !important;}
	.step-quest > *, #type-home > *, #type-repair > * {width: 90%;}
}

@media screen and (max-device-width: 380px) { 
	#quiz h2 {font-size: 1.6rem;}
	.step-quest > *, #type-home > *, #type-repair > *, #contact_fields > * {width: 100%;}
	.quiz_buttons {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	.quiz_buttons p {width: 45%; margin-bottom: 20px;}
	#quiz .btn {width: 100%; margin: 0;}
	#to_step2 {margin-right: 28px!important;}
	#step1 .quiz_buttons {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}