@media (max-width: 1219px){
	.container {width: 970px;}
	/*--- Header ---*/
		.phone{
		    width: 220px;
		    margin: -2px 50px 0 0;
		    font-size: 20px;
		}
		.phone a{
		    margin: 0;
		}
	/*--- Main ---*/
		.main{
			padding: 70px 0;
		}
		.title{
		    width: 420px;
		    margin: 0;
		}
		.title h1{
		    font-size: 46px;
		}
		.advantages{
		    width: 490px;
		    height: 389px;
		    padding: 30px 0 0 0;
		    background-size: 100% auto;
		}
	/*--- We_can ---*/
		.we_can{
	        padding: 38px 0 70px 0;
	    }
	    h2{
		    font-size: 46px;
		}
		.services__item{
		    width: 313px;
		}
		.services__item p{
		    padding: 0 30px;
		}
		.advantages2__item{
		    width: 293px;
		}
	/*--- Calculator ---*/
		.calculator{
	        padding: 70px 0;
	    }
		.advantages3__item{
		    width: 293px;
		}
		.advantages3__item p{
		    margin: 0 0 0 10px;
		}
	/*--- Portfolio ---*/
		.portfolio{
	        padding: 70px 0 50px 0;
	    }
		.gallery a{
		    width: 313px;
		}
	/*--- Contacts ---*/
		.contacts{
		    padding: 70px 0 47px 0;
		}
		.phone__title{
		    width: auto;
		    display: block;
		    margin: 0 0 30px 0;
		}
		.contacts__number{
		    float: none;
		    display: inline-block;
		    vertical-align: top;
		    text-align: center;
		    margin: 0 30px 0 0;
		}
		.contacts__number--viber{
		    margin: 0;
		}
		.contacts__bottom > p{
		    margin: 0 0 20px 0;
		    display: block;
		}
	/*--- Thanks ---*/
		.thanks__text{
		    width: 520px;
		    margin: 0 8px 0 0;
		    font-size: 52px;
		}
		.thanks img{
			width: 410px;
		}
		.thanks__text p:before{
		    top: 30px;
		}
}
@media (max-width: 991px){
	.container{width: 750px}
	/*--- Header ---*/
		.header{
			text-align: center;
		}
		.logo{
		    float: none;
		    width: auto;
		    display: inline-block;
		    vertical-align: top;
		}
		.header__right{
		    float: none;
		    margin: 0;
		}
		.phone{
		    width: auto;
		    margin: 20px 0;
		    font-size: 24px;
		    display: block;
		}
		.phone a{
		    margin: 0 50px 0 0;
		}
	/*--- Main ---*/
		.main{
		    text-align: center;
		}
		.title{
		    width: auto;
		    float: none;
		}
		.title h1{
		    font-size: 50px;
		}
		.title h1:before{
            display: none;
        }
		.title h1 span{
			display: inline;
		}
		.advantages{
		    float: none;
		    width: 599px;
		    height: 451px;
		    margin: 50px 0 0 0;
		    padding: 55px 0 0 0;
		    background-size: auto;
		    display: inline-block;
		    vertical-align: top;
		}
	/*--- We_can ---*/
		h2{
		    font-size: 44px;
		}
		.services__item{
		    width: 240px;
		}
		.services__item p{
		    padding: 0;
		}
		.services__img .btn{
		    width: 186px;
		}
		.advantages2__item{
		    width: 226px;
	        margin: 0 21px 0 0;
		}
	/*--- Calculator ---*/
		.calc{
		    width: auto;
		}
		.advantages3__item{
		    width: 226px;
		    margin: 0 20px 0 0;
		}
		.advantages3__item p{
			display: block;
		    margin: 10px 0 0 0;
		    text-align: center;
		}
	/*--- Portfolio ---*/
		.gallery a{
		    width: 240px;
		}
	/*--- Thanks ---*/
		.thanks__text{
		    width: 400px;
		    font-size: 40px;
		}
		.thanks img{
		    width: 310px;
		}
		.thanks__text p:before{
		    top: 22px;
		}
}
@media (max-width: 767px){
	.container{width: 560px}
	/*--- Header ---*/
		.phone a{
		    margin: 0 20px 0 0;
		}
	/*--- Main ---*/
		.title h1 span{
			display: block;
		}
		.advantages{
    		width: 520px;
		    height: 413px;
		    background-size: 100% auto;
		}
	/*--- We_can ---*/
		h2:after,
	    h2:before{
	        display: none;
	    }
		.services__item{
		    width: 176px;
		    font-size: 14px;
		}
		.services__img .btn{
		    width: 130px;
		    height: 40px;
		    line-height: 40px;
		    font-size: 12px;
		}
		.advantages2__item{
		    width: 166px;
		    margin: 0 15px 0 0;
		}
	/*--- Calculator ---*/
		.calc__tabs a{
		    margin: 0 25px 0 0;
		}
		.box_width{
		    width: 400px;
		}
		.box{
		    width: 400px;
		}
		.advantages3__item{
		    float: none;
		    width: auto;
		    margin: 0 0 20px 0;
		}
		.advantages3__item p{
		    display: inline-block;
		    margin: 0 0 0 8px;
		    text-align: left;
		    width: 222px;
		}
	/*--- Portfolio ---*/
		.gallery a{
		    width: 265px;
		}
	/*--- Contacts ---*/
		.contacts__number{
		    display: block;
		    width: auto;
		    margin: 0 0 15px 0;
		}
	/*--- Footer ---*/
		.footer{
			text-align: center;
		}
		.footer__left{
		    float: none;
		    margin: 0 0 15px 0;
		}
		.footer__right{
		    float: none;
		}
	/*--- Thanks ---*/
		.thanks__text{
		    width: 100%;
		    margin: 0 0 50px 0;
		    text-align: center;
		}
		.thanks img{
		    width: auto;
		}
		.thanks__text p:before{
		    display: none;
		}
}
@media (max-width: 579px){
	.container{width: 100%}
	/*--- Header ---*/
		.phone a{
		    margin: 2px 30px;
		}
	/*--- Main ---*/
		.main{
		    padding: 50px 0;
		}
		.title h1{
		    font-size: 46px;
		}
		.advantages{
		    width: 420px;
		    height: 333px;
		    padding: 40px 0 0 0;
		}
		.advantages__item{
		    padding: 8px 0 8px 31px;
		}
	/*--- We_can ---*/
		.we_can{
			padding: 50px 0;
		}
		.services__item{
		    width: 100%;
		    float: none;
		    max-width: 390px;
		    font-size: 16px;
		    display: inline-block;
		    vertical-align: top;
		    margin: 0 0 50px 0;
		}
		.services__item:last-child{
			margin: 0;
		}
		.services__img .btn{
		    width: 203px;
		    height: 53px;
		    line-height: 53px;
		    font-size: 16px;
		}
		.advantages2__item{
		    width: auto;
		    margin: 0 0 50px 0;
		    float: none;
		}
	/*--- Calculator ---*/
		.calc__tabs a{
		    margin: 2px 0;
		    width: 220px;
		    letter-spacing: 0;
		}
		.ui-slider{
		    height: 317px;
		}
		.box_width.ui-slider{
		    width: 320px;
		}
		.letters_options{
		    width: 290px;
		}
		.font_type{
		    width: 270px;
		}
		.font_type li{
			margin: 0 3px 0 0;
			font-size: 12px;
		    height: 66px;
		    width: 88px;
		    padding: 0;
		}
		.font_type li p{
		    font-size: 40px;
		}
		.font_type li:last-child p{
		    font-size: 42px;
			margin: 0 0 -2px 0;
		}
		.letters_img{
		    width: 270px;
		}
		.words input{
		    padding: 0 75px 0 18px;
		    width: 270px;
		}
		.words span{
		    width: 75px;
		}
		.select{
		    width: 270px;
		}
		.result .btn{
		    width: 270px;
		    line-height: 1.443;
		    padding: 11px 45px 15px 45px;
		}
		.box{
		    width: 320px;
		}
		.box_img{
		    width: 250px;
		    margin: 15px 0 0 30px;
		}
	/*--- Portfolio ---*/
		.portfolio{
	        padding: 50px 0;
	    }
		.portfolio h2 + p{
		    margin: 10px auto 0 auto;
		    line-height: 1.2;
		}
		.gallery a{
		    width: 50%;
		}
	/*--- Contacts ---*/
		.contacts{
		    padding: 50px 0;
		}
}
@media (max-width: 479px){
	/*--- Header ---*/
		.header{
			background-position: 12% top;
		}
		.logo p{
		    margin: 10px 0 0 0;
		    text-align: center;
		    display: block;
		}
		.phone a{
		    margin: 2px 0;
		}
	/*--- Main ---*/
		.title h1{
		    font-size: 33px;
		    letter-spacing: 0;
		}
		.title p{
		    font-size: 16px;
		}
		.advantages{
		    width: auto;
		    height: auto;
		    padding: 0;
		    background: none;
		}
	/*--- We_can ---*/
		h2{
		    font-size: 33px;
		    letter-spacing: 0;
		}
	/*--- Calculator ---*/
		.slider{
		    font-size: 12px;
		    margin: 0 0 0 10px;
		}
		.slider--horizontal{
		    margin: 40px 0 0 0;
		}
		.max,
		.min{
		    margin: 0;
		    top: -28px;
		    right: 50%;
		    -webkit-transform: translateX(50%);
		    transform: translateX(50%);
		    text-align: center;
		}
		.min{
			top: auto;
		    bottom: -28px;
		}
		.slider--right .max,
		.slider--right .min{
		    right: 50%;
		    left: auto;
		    margin: 0;
		}
		.slider--horizontal .min{
		    margin: 8px 0 0 0;
		}
		.slider--horizontal .max{
		    margin: 8px 0 0 -40px;
		}
		.ui-slider{
		    height: 257px;
		}
		.box_width.ui-slider{
		    width: 254px;
		}
		.ui-slider-handle span{
		    top: 0;
		    right: 50%;
		    width: 35px;
		    padding: 2px;
		    margin: -21px 0 0 0;
		    text-align: center;
		    -webkit-box-shadow: 0px 0px 2px 0px rgba(238,0,0,0.4);
		    box-shadow: 0px 0px 2px 0px rgba(238,0,0,0.4);
		    -webkit-transform: translateX(50%);
		    transform: translateX(50%);
		}
		.slider--right .ui-slider-handle span{
			right: 50%;
		    left: auto;
		    margin: -21px 0 0 0;
		}
		.box_width .ui-slider-handle span{
			-webkit-box-shadow: none;
		    box-shadow: none;
		}
		.letters_options{
	        width: 212px;
    		margin: 0 0 0 22px;
		}
		.font_type{
		    width: 200px;
		}
		.font_type li{
			margin: 0 1px 0 0;
		    font-size: 9px;
		    height: 50px;
		    width: 66px;
		}
		.font_type li p{
		    font-size: 30px;
		}
		.font_type li:last-child p{
		    font-size: 32px;
		}
		.letters_img{
		    width: 200px;
		}
		.words input{
			height: 40px;
    		font-size: 16px;
		    padding: 0 55px 0 10px;
		    width: 200px;
		}
		.words span{
		    width: 55px;
		    font-size: 12px;
		    height: 40px;
		    line-height: 40px;
		    letter-spacing: 0;
		}
		.select{
			width: 200px;
		}
		.select p{
			height: 40px;
			line-height: 40px;
    		font-size: 16px;
    		padding: 0 36px 0 10px;
		}
		.select ul li{
            padding: 8px 10px;
        }
		.result p span{
		    display: block;
		}
		.result .btn{
		    width: 200px;
		    line-height: 1.343;
		    padding: 11px 10px 15px 10px;
		}
		.box{
		    width: 254px;
		}
		.box_img{
		    width: 215px;
    		margin: 25px 0 0 25px;
		}
	/*--- Portfolio ---*/
		.gallery a:after{
            border: 3px solid #1c83df;
        }
	/*--- Contacts ---*/
		.contacts__phone{
		    margin: 0 0 30px 0;
		}
		.phone__title p{
		    font-size: 13px;
		    letter-spacing: 0;
		}
		.contacts__number{
		    font-size: 24px;
		}
		.contacts__bottom{
		    font-size: 18px;
		}
		.contacts__bottom img{
		    margin: 0 auto 5px auto;
		    display: block;
		}
	/*--- Modal ---*/
		.modal__block{
		    width: 310px;
		    padding: 43px 20px 40px 20px;
		}
	/*--- Thanks ---*/
		.thanks__text{
		    font-size: 34px;
		}
}