@media (max-width: 1219px){
	.container {width: 970px;}
	/*--- Main ---*/
		.logo{
		    margin: 0 20px 0 0;
		}
		.text_btn{
		    margin: 9px 20px 0 0;
		}
	/*--- Portfolio ---*/
		.portfolio__list{
		    margin: 30px 0 7px 0;
		}
		.portfolio__list a{
		    width: 230px;
		    margin: 0 6px 20px 0;
		}
	/*--- Services ---*/
		.services__item{
		    width: 303px;
		}
	/*--- Advantages ---*/
		.forma{
		    margin: 0;
		}
		.advantages__list{
		    margin: 0 0 0 22px;
		}
		.advantages__list p{
		    margin: 0 0 0 35px;
		}
	/*--- Machinery ---*/
		.machine__item{
		    width: 293px;
		}
		.slider{
		    width: 780px;
		}
		.prev{
		    left: -68px;
		}
		.next{
			right: -68px;
		}
	/*--- Question ---*/
		.question .text_btn--call{
		    margin: 0 120px;
		}
		
/*--- About ---*/
	.about__item{
	    width: 212px;
	}
	.about__list:after{
	    width: 726px;
	}
}
@media (max-width: 991px){
	.container{width: 750px}
	/*--- Main ---*/
		.logo{
			float: none;
		    display: block;
		    text-align: center;
		    margin: 0 auto 30px auto;
		}
		.logo span{
		    width: auto;
		}
		.text_btn{
		    margin: 0 20px 0 0;
		}
		.phone{
			margin: 0;
		}
	/*--- Portfolio ---*/
		.portfolio__list a{
		    width: 175px;
		    padding: 10px;
		}
	/*--- Services ---*/
		.services__item{
		    width: 48%;
		    margin: 0 4% 40px 0;
		}
		.services__item:nth-child(3n){
            margin-right: 4%;
        }
        .services__item:nth-child(2n){
            margin-right: 0;
        }
	/*--- Advantages ---*/
		.forma{
		    width: 380px;
		}
		.advantages__list p{
		    width: 220px;
		}
	/*--- Machinery ---*/
		.machine{
		    font-size: 20px;
		}
		.machine__item{
		    width: 220px;
		}
		.machine__img{
		    height: 140px;
		}
		.slider{
		    width: 580px;
		}
	/*--- Question ---*/
		.question .text_btn--call{
		    margin: 0 30px;
		}
		.question .forma input[type=text]{
		    width: 280px;
		}
		
	/*--- About ---*/
	.about{
        padding: 70px 0;
    }
	.about__item{
	    width: 156px;
	    font-size: 16px;
	}
	.about__list:after{
	    width: 560px;
	}
}
@media (max-width: 767px){
	.container{width: 560px}
	/*--- Main ---*/
		.main{
			padding: 0 0 70px 0;
		}
		.header{
			text-align: center;
		}
		.text_btn{
			float: none;
		    margin: 0 26px;
		    display: inline-block;
		    vertical-align: top;
	        text-align: center;
		}
		.phone{
		    float: none;
		    text-align: center;
		    margin: 30px auto 0 auto;
		}
		.offer{
			width: auto;
			text-align: center;
			margin: 70px 0 0 0;
		}
		.offer h1{
		    font-size: 38px;
		}
		.offer__advantages{
			text-align: left;
		    max-width: 370px;
		    margin: 33px auto 40px auto;
		}
		.offer__advantages li{
		    margin: 0 0 10px 0;
		}
		.offer__list{
			text-align: left;
		    margin: 60px 0 0 0;
		}
	/*--- Portfolio ---*/
		.portfolio{
			padding: 70px 0;
		}
		h2{
			font-size: 38px;
		}
		.portfolio__list a{
		    width: 172px;
		}
		.portfolio__list a:nth-child(4n){
            margin-right: 6px;
        }
        .portfolio__list a:nth-child(3n){
            margin-right: 0;
        }
	/*--- Services ---*/
		.services{
	        padding: 70px 0 30px 0;
	    }
	    .services__list{
		    font-size: 16px;
		}
	/*--- Advantages ---*/
		.advantages{
	        padding: 70px 0;
	    }
	    .forma{
		    width: 100%;
		    max-width: 430px;
		}
	    .advantages__list{
	    	margin: 0;
		    text-align: center;
		}
		.advantages__list li{
		    margin: 0 10px 40px 10px !important;
		    display: inline-block;
		    vertical-align: top;
		    width: 240px;
		}
		.advantages__list p{
		    width: auto;
		    display: block;
		    margin: 10px 0 0 0;
		}
	/*--- Machinery ---*/
		.machinery{
	        padding: 70px 0;
	    }
	    .machine{
		    font-size: 18px;
	        margin: 70px 0 0 0;
		}
	    .machine__item{
		    width: 166px;
		    margin: 0 15px 0 0;
		}
		.machine__img{
		    height: 110px;
		}
		.slider{
		    width: 430px;
		}
		.prev,
		.next{
		    margin: -20px 0 0 0;
		    height: 41px;
		    width: 41px;
		    background-size: 12px;
		    border-width: 3px;
		}
		.prev{
		    left: -50px;
		}
		.next{
		    right: -50px;
		}
	/*--- Question ---*/
		.question{
	        padding: 70px 0;
	    }
		.question .text_btn--call{
		    margin: 0 0 0 95px;
		}
		.question .phone {
		    margin: 30px 0 0 0;
		}
		.question .forma{
		    padding: 32px 30px 40px 30px;
		}
		.question .forma input[type=text]{
		    width: 100%;
		    float: none;
		}
		.question .forma input[name=phone]{
		    margin: 10px 0 0 0;
		}
		.forma textarea{
		    margin: 10px 0 0 0;
		}
	/*--- Thanks ---*/
		.thanks__text {
		    width: auto;
		    text-align: center;
		}
		.thanks__text p{
            font-size: 38px;
        }
        
    /*--- About ---*/
	.about__list{
	    margin: 50px 0 17px 0;
	}
	.about__list:after{
	    display: none;
	}
	.about__item{
	    width: 212px;
        font-size: 18px;
	    margin: 0 24px 30px 24px !important;
	}
	.about__item div{
		display: none;
	}
	.about__item > p{
		margin: 20px 0 0 0;
	}
}

@media (max-width: 579px){
	.container{width: 100%}
	/*--- Main ---*/
		.main{
			padding: 0 0 50px 0;
		}
		.text_btn{
		    margin: 0 6px;
		}
		.offer{
			margin: 50px 0 0 0;
		}
		.offer h1{
		    font-size: 30px;
		}
		.offer__advantages{
		    font-size: 16px;
		}
	/*--- Portfolio ---*/
		.portfolio{
			padding: 50px 0;
		}
		h2{
			font-size: 30px;
		}
		.portfolio__list a{
		    width: 49%;
		    padding: 8px;
		    margin: 0 2% 20px 0;
		}
		.portfolio__list a:nth-child(3n){
            margin-right: 2%;
        }
        .portfolio__list a:nth-child(2n){
        	margin-right: 0;
        }
	/*--- Services ---*/
		.services{
	        padding: 50px 0 10px 0;
	    }
	    h2 span{
	    	font-size: 16px;
	    }
		.services__list{
		    display: block;
		    text-align: center;
		    font-size: 18px;
		}
		.services__item{
		    padding: 0;
		    width: 100%;
		    max-width: 380px;
		    margin: 0 0 40px 0;
		    display: inline-block;
		    vertical-align: top;
		}
		.services__item:nth-child(3n){
            margin-right: 0;
        }
        .services__item p{
        	margin: 0 0 14px 0;
        }
		.services__item a{
		    position: relative;
		}
	/*--- Advantages ---*/
		.advantages{
	        padding: 50px 0;
	    }
	    .advantages__list li{
		    margin: 0 8px 40px 8px !important;
		    width: 194px;
		}
	/*--- Machinery ---*/
		.machinery{
	        padding: 50px 0;
	    }
	    .machine{
		    font-size: 20px;
		}
	    .machine__item{
	    	float: none;
		    width: 100%;
		    margin: 0 0 60px 0;
		    max-width: 370px;
		    display: inline-block;
		    vertical-align: top;
		}
		.machine__img{
		    height: 202px;
		}
		.slider{
		    width: auto;
		    padding: 10px;
		    margin: 35px 35px 30px 35px;
		}
		.prev,
		.next{
		    margin: -13px 0 0 0;
		    background-size: 8px;
		    border-width: 2px;
		    width: 26px;
		    height: 26px;
		}
		.prev{
		    left: -35px;
		}
		.next{
		    right: -35px;
		}
	/*--- Question ---*/
		.question{
	        padding: 50px 0;
	    }
	    .question .text_btn--call{
		    margin: 0 0 0 20px;
		}
	/*--- Footer ---*/
		.footer{
			text-align: center;
		}
		.footer p,
		.footer a{
			float: none;
		}
		.footer p{
			margin: 0 0 15px 0;
		}
	/*--- Thanks ---*/
		.thanks__text p{
            font-size: 30px;
        }
    
/*--- About ---*/
    .about__item{
	    width: 100%;
	    max-width: 370px;
	    margin: 0 0 30px 0 !important;
	}
	.about__item p br{
		display: none;
	}
}
@media (max-width: 479px){
	/*--- Main ---*/
		.logo{
		    margin: 0 auto 20px auto;
		}
		.text_btn{
		    margin: 10px 0;
		    width: 100%;
		}
		.phone{
		    margin: 20px auto 0 auto;
		}
		.offer h1{
		    font-size: 26px;
		}
		.note{
		    left: 0;
		    right: 0;
		    bottom: -40px;
		    margin: auto;
		    -webkit-transform: none;
		    transform: none;
		}
	/*--- Portfolio ---*/
		h2{
			font-size: 26px;
		}
	/*--- Advantages ---*/
		.forma{
			max-width: 350px;
		    padding: 22px 20px 28px 20px;
		}
		.forma p{
		    font-size: 18px;
		}
		.forma input[type=text],
		.forma select{
		    height: 48px;
		    font-size: 14px;
		    padding: 0 10px 0 50px;
		    background-position: center left 9px;
		}
		.forma select{
			background-position: center left 9px, center right 8px;
		}
		.forma label span{
		    width: 140px;
		}
		.forma .btn{
			width: 100%;
			max-width: 273px;
		}
		.advantages__list li{
		    width: 240px;
		}
	/*--- Machinery ---*/
		.machine__item{
		    margin: 0 0 40px 0;
		}
		.slider{
		    width: auto;
		    padding: 0;
		    margin: 35px 0 30px 0;
		}
		.prev,
		.next{
			background-color: #ffffff;
    		border-color: #ffffff;
		}
		.prev{
		    left: 5px;
		}
		.next{
		    right: 5px;
		}
	/*--- Question ---*/
		.question .text_btn--call{
		    margin: 30px 0 0 0;
		}
		.question .forma{
		    padding: 22px 20px 28px 20px;
		}
		.forma textarea{
		    height: 120px;
		    font-size: 14px;
		    padding: 19px 10px 19px 50px;
		    background-position: top 16px left 9px;
		}
	/*--- Modal ---*/
		.modal__block .forma{
		    width: auto;
		}
		.modal__block .forma input[type=text],
		.modal__block .forma select{
			padding: 0 10px 0 40px;
			width: 100%;
		}
		.modal__block .forma .btn{
			width: 100%;
		}
	/*--- Thanks ---*/
		.thanks__text p{
            font-size: 26px;
        }
}