@media (max-width:960px){
	body{width:initial !important}
	.content {
        width:899px;
        padding: 0 0.5rem;
    }
	.header-title{margin-right:30px}
	.top-block,.middle-block{text-align:center;padding:20px 0}
	
	.taxi_variant_block{border: 2px solid #2d46a8;padding: 2px;}
	.taxi_variant_img_block{max-height: 80px;padding:0 1px;width:145px;}
	.taxi_variant_name_block{padding:0 10px;font-size: 20px;width:175px;}
	.taxi_variant_param_block{padding:0 10px;font-size: 18px;width:370px;}
	.taxi_variant_form_block{text-align: center;padding:0 10px}
	.taxi_variant_price_block{color:#2f712f; font-weight: 700;    font-size: 22px;}
	.blue-button{width:initial}
	/* .review-text{width:700px} */
	.footer .phone-block, .footer .contact, .footer .copyright{width:33%; text-align:center;margin:0}
}

@media (max-width:800px){
	.content{width:100%}
	.header .content {text-align:center}
	.phone-block{width:100%; margin:10px auto}
	.blue-button{display: inline-block;padding: 10px ;}
	.taxi_variant_param_block{width:400px}
	/* .review-text{width:580px} */
	.footer .phone-block, .footer .contact, .footer .copyright{width:32%}
}

@media (max-width:700px){
.taxi_variant_img_block{display:none}
.taxi_variant_name_block{width:30%}
.taxi_variant_param_block{width:70%}
.review-text{width:480px}
}

@media (max-width:560px){
	.taxi_variant_img_block,.taxi_variant_name_block,.taxi_variant_param_block,.taxi_variant_form_block, .review-info, .review-text, .header-title{width:100%; text-align:center;display:block;margin: 0 auto;}
	.why li{width:250px}
	.footer .phone-block, .footer .contact, .footer .copyright{width:100%; text-align:center;margin:10px auto}
	.modal{width:initial}
}
@media (max-width:400px)
{
	.form-span, .action-block{width:90%; margin:10px auto}
	.countdown-block{display:none}
}


@media (max-width:360px){
	.form-span, .action-block{width:90%; margin:10px auto}
	.countdown-block{display:none}
	input{width:initial}
	.top-form .blue-button, .blue-button, .orange-button{width: inherit;}
	.how li:after, .orange-button:after, .orange-button:before{display:none}
	.form-header h1{font-size:24px}
	.modal{	position: relative;width: 240px;}
	
}




@media (min-width: 768px) and (max-width: 979px) {
    .mainWrap {
        width:768px;
    }
	.topmenu{    width: 750px;}
    .menu ul {
        top: 37px;
    }

    .menu li .nav__item {
        font-size: 12px;
        padding: 8px;
    }
}

@media (max-width: 767px) {
    .mainWrap {
        width:auto;
    }

    .menu {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    nav {
        margin: 0;
        background: none;
    }

    .menu li {
        display: block;
        margin: 0;
    }

    .menu li .nav__item {
        background: #ffffff;
        color: #797979;
        border-top: 1px solid #e0e0e0;
        border-left: 3px solid #ffffff;
    }

    .menu li .nav__item:hover {
        background: #00bbd3;
        color: #797979;
        border-left: 3px solid #9CA3DA;
		cursor:pointer;
    }

    .menu ul {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .menu ul ul {
        left: 0;
    }
}