.show-640{
    display: none;
}
@media screen and (min-width: 640px) and (max-width: 1279px){
    .hide-640{
        display: none;
    }
    .show-640{
        display: block;
    }

    .wrapper,
    .header,
    .pictures-wrapper #mainpic,
    .pictures-wrapper,
    .easyshop_item_description{
        width: 640px;
    }
    .header{
        margin-left: -320px;
        height: 100px;
        top: 10px;
    }
    .header .phones{
        width: 125px;
        font-weight: 300;
        float: right;
        margin-left: 0;
    }
    .header .phones a {
        font-weight: 300;
    }
    .header .btn-callback{
        clear: right;
        margin-top: 10px;
    }
    .header .topmenu .burger{
        margin-top: 20px;
    }
    .header .logo {
        padding: 26px 0 0 125px;
    }
    .menu-window .left{
        width: 100%;
    }
    .menu-window .needconsult{
        margin: 20px auto 0 auto;
    }

    .mp-top .wrapper-x{
        background: url(../images/bg-1-640.png) 50% 0 no-repeat;
        top: 130px;
        height: 720px;
    }
    .mp-top .promotext{
        margin: 35px 0 0 40px;
    }
    .mp-top .promotext .title{
        font-size: 40px;
        line-height: 120%;
    }
    .mp-top .promotext .text{
        font-size: 18px;
        padding-top: 20px;
    }
    .bottom-links{
        width: 520px;
        margin-left: 100px;
    }
    .mp-top .bottom-links{
        top: 230px;
    }
    .bottom-links ul li{
        width: 50%;
        min-height: 70px;
    }
    .mp-top .button-wrapper{
        width: 640px;
        position: absolute;
        left: 50%;
        margin-left: -320px;
        bottom: 40px;
        text-align: center;
    }

    .easyshop_item_thumb {
        margin: 0 15px 20px 0;
        width: 305px;
        height: 300px;
    }
    .easyshop_item_thumb:nth-child(2n) {
        margin: 0 0 20px 0;
    }
    .easyshop_item_thumb:nth-child(3n) {
        margin: 0 15px 20px 0;
    }
    .easyshop_item_thumb .picture{
        width: 305px;
        height: 195px;
    }
    .easyshop_item_thumb .picture img{
        width: 100%
    }

    .whycomf .icons .element{
        width: 50%;
        min-height: 150px;
    }
    .whycomf .icons .text {
        font-size: 16px;
        font-weight: 300;
    }

    .mp-cost .precalculate-form .form-wrapper {
        width: 600px;
    }
    .mp-cost .slide .field-short{
        width: 50%;
    }
    .mp-cost .slide .right{
        padding-left: 20px;
    }
    .mp-cost .slide .field label {
        font-size: 14px;
    }
    .mp-cost #costform-slide-2 .col-1-3:nth-child(2n),
    .mp-cost #costform-slide-2 .col-1-3:nth-child(3n){
        padding-left: 10px;
    }
    .mp-cost .slide .col-2-3{
        width: 50%;
    }
    .mp-cost #costform-slide-3 .col-1-3{
        width: 50%;
    }
    .mp-whatcars .item{
        width: 50%;
        min-height: 140px;
    }
    .mp-whatcars .item .text{font-size: 16px;}

    .mp-howitworks .steps{
        width: 620px;
        margin: 0 auto;
        background: none;
    }
    .mp-whatcars{
        padding: 0;
        background-size: 260px;
        background-position: calc(50% + 170px) 40px;
    }
    .whycomf .wrapper{
        display: flex;
        flex-direction: column;
    }
    .whycomf .left{
        width: 100%;
        order: 2;
    }
    .whycomf .right{
        width: 100%;
        order: 1;
    }
    .whycomf .icons{
        order: 3;
        margin-top: 20px;
    }
    .whycomf .right .line-1{
        margin-top: 0;
        text-align: right;
        padding-right: 40px;
    }
    .whycomf .right .line-2{
        font-size: 30px;
        padding-right: 40px;
        text-align: right;
        margin-top: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .whycomf .quote{
        width: 100%;
        background: url(../images/quote-640.png) 50% 0 no-repeat;
        padding-top: 80px;
    }
    .whycomf .quote .title{font-size: 26px;}
    .whycomf .quote .description{font-size: 16px;}
    .whycomf .quote .details a{
        font-size: 12px;
        font-weight: bold;
    }

    .mp-cost .title{font-size: 30px;}
    .mp-cost .line-2{font-size: 18px;}
    .mp-cost .line-3{font-size: 16px;}
    .mp-cost .precalculate-form{
        background: url(../images/bg-avto-options-640.png) 50% 0 no-repeat;
        padding: 60px 0 45px;
    }
    .mp-cost .precalculate-form .step{font-size: 12px;    height: 50px;}
    .mp-cost .slide .left, .mp-cost .slide .right{padding: 0;}
    .mp-cost .slide .right{padding-top: 18px;}
    .mp-cost .slide .field {margin: 10px 0;}
    .mp-cost-footer {padding-top: 5px;}
    .mp-cost{background: url(../images/bg-2-640.jpg) 50% 0 no-repeat; }
    .mp-cost{background-size: 100% 725px; }

    .mp-whatcars .quote {
        background: url(../images/quote-2-640.png) 0 0 no-repeat;
        width: 340px;
        height: 250px;
        padding: 65px 0 0 40px;
        font-size: 24px;
    }

    .mp-howitworks .title{
        font-size: 30px;
    }
    .mp-howitworks .steps .step {
        width: 170px;
        margin: 40px 10px 0 40px;
     }
    .mp-howitworks .steps .step:nth-child(4n){
        margin-left: 115px;
    }
    .latest-cars .quote{
        background: url(../images/quote-2-640.png) 0 0 no-repeat;
        padding: 50px 20px 0 40px;
        width: 340px;
        height: 245px;
    }
    .latest-cars .quote a {
        font-size: 24px;
    }

    .footer-contacts .contacts-frame {
        width: 640px;
        top: -200px;
        margin-left: -320px;
        border: 10px solid #e72228;
    }
    .footer-contacts .contacts-frame .address {padding-top: 10px;}
    .hred {height: 20px;}
    .footer-contacts .contacts-frame .phones{
        font-size: 20px;
        line-height: 150%;
    }
    .footer-contacts{
        margin-top: 200px;
    }


    .blackheader {
        height: 115px;
    }
    .easyshop-selection{
        background: url(../images/bg-selection-640.png) 50% 120px no-repeat, url(../images/bg-3.jpg) 50% 0 repeat-x;
    }
    .easyshop-selection .banner{
        background: none;
    }

    .easyshop-selection .filter-window .filter{
        width: 50%;
        min-height: 90px;
    }

    .easyshop-selection .filter-window .filter:last-child{
        padding-left: 30px;
    }
    .easyshop-selection .filter-window .filter:nth-child(2n){
        padding-left: 30px;
    }
    .easyshop-selection .filter-window .button-wrapper{
        padding-top: 0;
        height: 40px;
    }

    .sortings, .sortings-sold{padding-top: 20px;}

    .easyshop-selection .filter-window .filter select.year{width: 118px;}

    .easyshop_item_price{width: 150px;}
    .car-header .left{width: 450px;}
    .pictures-wrapper #mainpic img{width: 100%;}
    .jcarousel-product-pictures{
        width: 578px;
        margin: 10px 30px;
    }
    .info-wrapper {
        border: 8px solid #e72228;
        width: 100%;
        padding: 15px;
        min-height: 400px;
    }
    #easyshop_item_chars {
        width: 320px;
        float: left;
    }
    .info-wrapper .price-wrapper,
    .info-wrapper .button-wrapper {
        width: 240px;
        float: right;
    }

    .info-wrapper .yellow-button{padding: 20px 30px;}

    #product_recommended .easyshop_item_thumb:nth-child(4n){
        display: block;
    }

}