@media screen and (max-width:900px){
    
    .open-hamburger-menu{
        display:flex;
    }


    .fnc--slider--inner__text h1 {
        font-size: 3.2em;
        margin-top: 50px;
    }

    .type-tent {
        flex-basis: calc(50% - 27px);
    }

    .consult {
        background: #f0f0f0 url(/img/tent-na-zakaz.png) no-repeat 10% top;
    }

    .materials .flex-block > .img-block img {
        max-width: 80%;
    }

    .bg-img {
        max-width: 100%;
    }

    .swiper.swiper-cases {
        max-width: 685px;
    }

    .faq-answer p a {
        font-size: 1.1em;
    }

    section.contacts .content-block {
        padding: 60px 0;
        flex-direction: column;
    }

    .contacts .text-block {
        padding-left: 0;
        width: 100%;
    }

    .map-block {
        width:100%;
        flex-basis: 100%;
    }

    section.contacts .content-block {
        padding: 60px 0 0;
        flex-direction: column;
    }

    footer .content-block {
        flex-direction: column-reverse;
    }

    footer ul:first-child{
        margin-left:0;
    }

    footer .header--centerhead--inner__logo {
        margin-top: 60px;
    }

    .copyright{
        padding-top:0;
    }

    .contacts .text-block {
        padding: 0 40px;
    }

    .header--column--1 div.button-block{
        display:none;
    }

    .header--column:nth-child(2){
        margin-left:auto;
        margin-right: 32px;
    }

    header .nav_link{
        margin:0;
    }

    header .nav_link a {
        font-size: 1em;
        display: block;
        padding: 8px 16px;
        border-bottom: 1px solid #f0f0f0;
    }

    .header--column--2 {
        background: transparent;
        height: 0;
        align-items: flex-start;
        justify-content:flex-end;
        right:-100%;
        transition:all 0.3s ease;
    }

    .header--column--2 nav {
        flex-direction: column;
        text-align: center;
        background: #fff;
        margin:0;
    }

    header.active .header--column--2 {
        opacity: 1;
        height: 0;
        overflow:visible;
    }

    header .header--column--2.active{
        right:0;
    }

}

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

    .header--column--1 div.button-block{
        display:none;
    }

    .fnc--slider--inner__text h1 br {
        display: block;
    }

    .fnc--slider--inner__text h1 {
        margin-top: 40px;
    }

    .materials .flex-block > .img-block img {
        max-width: 70%;
    }

    .repair .form-block{
        flex-basis: auto;
    }
    
    .expert2009 li {
        max-width: 100%;
        width: 100%;
    }

    .expert-title br{
        display:none;
    }

    .cases .case-title {
        font-size: 1em;
    }

    .swiper.swiper-cases {
        max-width: 594px;
    }

    .copyright {
        flex-direction: column;
        align-items: center;
    }

    p.socials-preview {
        margin: 0 auto;
        margin: 0 0 14px;
    }

    p.years {
        order: 1;
        margin-top: 24px;
    }

    .map-block iframe{
        height: 500px !important;
    }

    header .content-block, .fnc--slider--inner__text, .content--center__deliver section .content-block, section.advantages .content-block, footer .content-block, .copyright {
        padding-left: 32px;
        padding-right: 32px;
    }

    .repair .form-block {
        flex-basis: 100%;
        max-width: 100%;
    }

    .content-block > h3, .content-block > h2 {
        font-size: 2em;
    }

    .fnc--slider--inner__text h1 {
        font-size: 3em;
    }


}


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

    .advantages .advantage {
        flex-basis: 100%;
        max-width: 100%;
    }

    .type-tent {
        flex-basis: calc(50% - 14px);
    }

    .content--center__deliver section .content-block {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .materials ul li,
    .materials ul li:nth-child(even) {
        flex-basis: 100%;
        max-width: 100%;
    }

   .materials ul li:nth-child(3) {
        margin-bottom: 60px;
    }

    .content-block > h3 + .after-h br, 
    .content-block > h2 + .after-h br{
        display:none;
    }

    .repair-description {
        font-size: 1.14em;
    }

    .fancybox-content.fnc--feedback .fnc--feedback__title,
    .fnc--feedback__title {
        font-size: 1.5em;
    }
  
    .swiper.swiper-cases {
        max-width: 510px;
    }

    .content-block > h3 + .after-h, .content-block > h2 + .after-h {
        font-size: 1.14em;
    }

    .faq li p {
        font-size: 1em;
    }

    .contacts h2 {
        font-size: 2em;
        margin-top: 0;
    }

    .advantage-title, .order li span.order-title, .shema-title, .contacts address, .contacts p {
        font-size: 1.14em;
    }

    .contacts .phones a {
        font-size: 1.5em;
    }

    .contacts .phones a:first-child ~ a {
        margin-top: 14px;
    }

    footer ul {
        margin: 0 0 0 40px;
    }


    section.contacts .content-block {
        padding: 60px 0 0;
    }
    
    .header--centerhead--inner__logo img {
        max-height: 27px;
    }



}

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

    header .content-block, .fnc--slider--inner__text, .content--center__deliver section .content-block, section.advantages .content-block, footer .content-block, .copyright {
        padding-left: 24px;
        padding-right: 24px;
    }
	
	
		.header--column--1 > div.messengers a img, .header--column--1 > div.messengers a{
		width:22px;
		height:auto;
		
	}
	
	.header--column--1 > div.messengers a{
		    margin-left: 5px;
	}

    section.contacts .content-block {
        padding: 40px 0 0;
    }

    .languages > div ~ div {
        margin-left: 14px;
    }
  
    .languages > div ~ div:before {
        left: -8px;
    }

    .content--center__deliver section .content-block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .content-block > h3, .content-block > h2 {
        font-size: 1.8em;
    }

    .fnc--slider--inner__text h1 {
        font-size: 2.7em;
    }

    .fnc--slider--inner__text .after-h {
        font-size: 1.1em;
    }


    .fnc--slider--inner__text .price-h{
        font-size: 1.8em;
    }


    .fnc--slider--inner__text .button-block {
        margin-top: 32px;
    }

    .fnc--slider--inner__text .img-block {
        margin: -18px 0 0;
    }

    .type-title a {
        font-size: 1em;
    }

    .type-title {
        padding: 12px 16px;
    }

    .type-description{
        padding: 0 16px 8px ;
    }

    .type-tent .button-block{
    margin-left: 16px;
}

.type-tent .after-h{ 
    padding-left: 17px;
}
    .content-block > h3 + .after-h, .content-block > h2 + .after-h {
        font-size: 1.1em;
    }

    .title-consult {
        font-size: 1.8em;
    }

    .title-consult br{
        display:none;
    }

    .materials ul li:first-child, .materials ul li:nth-child(2) {
        margin-bottom: 40px;
    }

    .swiper.swiper-order {
        max-width: 380px;
    }

    .cases .case-title {
        padding: 12px 18px 12px;
    }

    .swiper.swiper-cases {
        max-width: 415px;
    }

    .cases .case-title {
        font-size: 0.9em;
    }

    .faq li p {
        padding: 24px 16px;
    }

    .faq li span {
        padding: 14px 60px 14px 16px;
    }

    section.contacts .content-block {
        padding: 40px 0 0;
    }

    footer nav{
        flex-direction:column;
    }

    footer ul:last-child{
        margin-top:16px;
    }

    footer ul{
        margin:0;
    }

    footer ul li.nav_link {
        margin-left: 0;
        text-align: center;
    }

    .js__fnc--slider--inner__absolute, .js__fnc--slider--inner__relative, .js__adv--banner__absolute {
        height: calc(100vh - 70px) !important;
        max-height: 520px;
    }

    .fnc--feedback--main__name svg {
        margin-right: 10px;
        display: block;
        margin-bottom: 6px;
    }

    .repair .form-block {
        padding: 24px 10px;
        background:transparent;
    }

}

@media screen and (max-width:500px) {
	.header--column:nth-child(2){		margin-left: auto;    margin-right: 15px;	}
    .fnc--slider--inner__text h1 {
        font-size: 2.2em;
    }

    .fnc--slider--inner__text .after-h {
        font-size: 1em;
    }
    .fnc--slider--inner__text .price-h{
        font-size: 1.6em;
    }

    button, .button-block a, .fnc--feedback--main__button button {
        font-size: 0.9em;
    }

    .header--centerhead--inner__logo img {
        max-height: 17px;
    }

    header .header--centerhead--inner__logo p.description{
        display:none;
    }
    
    .phones a, .messengers a, .languages > div a {
        font-size: 1em;
    }
	


    .content-block > h3, .content-block > h2 {
        font-size: 1.6em;
    }

    .type-tent {
        flex-basis: 100%;
    }

    .type-title a {
        font-size: 1.14em;
    }

    .order li span.num-block {
        width: 40px;
        height: 40px;
        font-size: 1.4em;
    }

    .order li {
        padding-left: 60px;
    }

    .order .button-block {
        margin-top: 0;
    }

    .order li:last-child {
        margin-bottom: 24px;
    }

    .swiper.swiper-order {
        max-width: 350px;
    }

    .cases .case-title {
        font-size: 1em;
    }

    .swiper.swiper-cases {
        max-width: 300px;
    }

    .faq li span {
        font-size: 1.1em;
    }

    .contacts h2 {
        font-size: 1.6em;
    }

    .advantage-title, .order li span.order-title, .shema-title, .contacts address, .contacts p {
        font-size: 1.1em;
    }

    .img-block svg{
        height:60px;
        width:60px;
    }

    header .phones{
        /* display:none; */	
		padding-right: 5px;
    padding-left: 5px;
    }
 
}

@media screen and (max-width:450px) {
	.header--column--1 > div:last-child{
		display:none;
		
	}
	nav .languages{
	display:flex;
	margin: 0px ;
	padding:8px 0 8px 65px;
	    border-bottom: 1px solid #f0f0f0;
	}

	
}

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

    header .content-block, .fnc--slider--inner__text, .content--center__deliver section .content-block, section.advantages .content-block, footer .content-block, .copyright {
        padding-left: 14px;
        padding-right: 14px;
    }

    .repair .form-block {
        padding: 42px 24px;
    }

    .expert-title,
    .repair-description {
        font-size: 1.1em;
    }

    .swiper.swiper-order {
        max-width: 320px;
    }

    .content-block > h3, .content-block > h2 {
        font-size: 1.4em;
    }

    header .phones {
        /* padding-left: 0; */padding-left: 10px;
    }

    .fnc--slider--inner__text .img-block {
        margin: 0;
    }

    .fancybox-content.fnc--feedback {
        padding: 40px 24px;
    }

    .fnc--feedback--main__name {
        word-wrap: break-word;
        margin-bottom: 5px;
        font-size: 0.9em;
    }

    section.contacts .content-block {
        padding: 40px 0 0;
    }
    
   
}

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

    .header--column--1 > div {
        padding-right: 10px;
    }

    .languages {
        margin-left: 10px;
    }

    .swiper.swiper-order {
        max-width: 290px;
    }

    .swiper.swiper-cases {
        max-width: 273px;
    }



}

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


}

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

	
}