@media screen and (max-width: 990px) {
    .catalog .col.item {
        width: 48%
    }
    .front-text p{padding:30px}
    .front-service{display: block}
    .front-service .woocommerce{padding-left: 0}
    .gallery .row div {width: 33.3333%;max-width: 33.3333%;}
}
@media screen and (max-width: 779px) {
  	.callback-bt{height: 60px; width:60px; bottom: 25px;right: 35px; }
	.callback-bt .text-call{height: 60px; width:60px;}
	.callback-bt svg {margin: 13px auto;width: 30px;height: 30px;}
	
    .intro h1 {
        font-size: 40px;
        line-height: 52px;
    }
    .intro h3 {
        width: 80%;
    }
    .about-sepa .row div{min-width: 50%}
    
/********selection***********/    
    .selection .col {
        flex-basis: auto;
        flex-grow: 1;
        min-width: 100%;
        margin-right: 0px;
    }
    .selection .relative {
        position: relative;
        height: 400px;
        overflow: hidden;
    }
    .selection .subtitle{
        width: 90%;
    }
    .selection.width .col.left {
        max-width: 100%;
    }
    .selection.width .col.left img{
        display: block; margin: 0 auto 15px  auto;
    }
    
    footer .btn {
        margin-left: 0px;
        margin-top: 25px;
        display: block;
    }
}

@media screen and (max-width: 729px) {
    header .messengers,header .social{
        display: none;
        max-width: 40px;
    }
    header .logo img{max-width: 97px; width: 100%;}
    header nav{
        display: none
    }
    
     .wrapper{
        padding: 50px 30px;
    }
    .gallery .wrapper{padding: 50px 8px;}
    .advantage-block .col{max-width: 100%; flex-basis:auto; margin-right: 0px;    margin-bottom: 15px;}
	  .popup-content form{
        text-align: center;
    }
    .popup-content label{
        margin-left: auto;
        margin-right: auto;

    }
	.popup-content input{
        width: 100%;
    }
    
    
.row-work-steps .tab-content:after,.row-work-steps .tab-content:before{height:44px}
.row-work-steps .tab-switch{margin-left:2px;margin-right:2px}
.row-work-steps .tab-switch.active .switch-ico{-webkit-transform:scale(1.2);transform:scale(1.2)}
.row-work-steps .switch-ico{width:50px;height:50px;padding:10px}
    
}
@media screen and (max-width: 680px) {
    
    .intro .right{position: relative;right: 0px;    bottom: auto; left: auto; top: auto;        text-align: center;    max-width: 100%;}
    .intro .right img{max-width: 50%}
    .intro .left {width: 100%}
    .intro .btn-green {margin: 30px auto 0;}
    .front-text p{padding:30px 15px; font-size:14px }
    .intro h1{max-width: 100%}

}
@media screen and (max-width: 640px) {
    .intro h1 {
         font-size: 38px;
        line-height: 40px;
    }
    
    .intro h1 span {
        font-size: 30px;
        line-height: 40px;
    }
    .intro h3{width: 100%}
    
    .calculator .subtitle,.selection .subtitle, .quiz .subtitle{width: 100%; font-size: 18px; line-height: 24px}
    .calculator .sepa{margin-bottom: 0}
    .catalog .wrapper{padding-left:15px; padding-right: 15px}
    .catalog .col.item{padding: 15px}
    .catalog .item_name{font-size: 16px}
    .front-service ul li:nth-child(even) {padding-left: 8px;}
    .front-service ul li {    padding-bottom: 16px;}
    .front-service ul li:nth-child(odd) {padding-right: 8px;}
}
@media screen and (max-width: 550px) {
    .intro h1 span {
        display: block;
      
        margin-top: 5px;
    }
    h2 {
        font-size: 24px;
        line-height: 36px;
    } 
    footer .row .col{min-width: 100%; text-align: center}
    footer .row .col.right{text-align: center}
    footer .btn {margin: 30px auto}
}
@media screen and (max-width: 460px) {
    .gallery .row div {width: 50%;max-width: 50%;}
    .selection .relative{height: auto; overflow: visible}
    .selection.type img{margin-bottom: 15px}
    .selection .absolute{position: relative; border: 3px solid #ebebeb;}
    .quiz .step-app > .step-content{padding: 30px 15px 0}
    .quiz .text-error {margin: 0px -15px 0;}
    
    .intro .right img{max-width: 80%}
    .intro .main_banner_items{ margin-top: 50px}
	.popup-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
    }
    .popup-window{
        padding: 20px;
    }
    .popup-content label, .popup-content button {
        width: 100%;
    }
    .popup-close{
        top:0px;
        right:0px
    }
    .popup-content h3{
        font-size: 22px;
    }
    .wrapper{
        padding: 50px 15px;
    }

}
@media screen and (max-width: 410px) {
    
    .intro h1{
        font-size: 34px;
      
    }.intro h1 span {
        display: block;
        font-size: 22px;
        line-height: 32px;
        margin-top: 5px;
    }
    .intro h3{
        font-size: 22px;
        line-height: 30px
      
    }
    .intro .sale{width: 100%; margin-top: 40px }
    .intro .eTimer{padding: 30px 15px}
    
    .delivery .desc {
        font-size: 14px
    }
    .delivery .title{
        font-size: 16px
    }
    .intro .main_banner_items .main_banner_item{width: 100%; margin-bottom: 30px;}
}


@media screen and (max-width: 330px) {
  .catalog .col.item {width: 100%; margin-left: auto; margin-right: auto}
    .wrapper{
        padding: 40px 15px;
    }
    
    .intro .sale {
        width: 100%;
    }
    .eTimer .etUnit .etNumber{font-size: 29px !important;}
    .eTimer .etTitle{font-size: 18px!important}
    .front-service ul{display: block}
    .front-service ul li:nth-child(even) {padding-left: 0px;}
    
    .front-service ul li:nth-child(odd) {padding-right: 0px;}
}