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

	.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;

  color: #FFFFFF;
  font-size: 12px;
  background:linear-gradient(to top, #fab424, #ffea7c);
  background-image: -o-linear-gradient(top, #fab629 0%, #e9bb5e 48%, #fab424 49%, #fab424 82%, #fbbd3f 100%);
  background-image: linear-gradient(top, #fab629 0%, #e9bb5e 48%, #fab424 49%, #fab424 82%, #fbbd3f 100%);
  border-color: hsl(40, 34%, 42%);
  -webkit-box-shadow: inset 0 0 1px 1px #fcd179, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fcd179, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fcd179, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #b47a04;
  -moz-text-shadow: 1px 1px 1px #b47a04;
  -o-text-shadow: 1px 1px 1px #b47a04;
  text-shadow: 1px 1px 1px #b47a04;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  padding: 2px 19px 1px 24px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 17px;
}

	.easyshop_item_thumb .text {
    font-size: 16px;
    font-weight: 900;
    position: relative;
    overflow-y: hidden;
	height: 24px;

}
	
	.easyshop_item_thumb .short-chars {
  
    font-size: 14px;
    font-weight: 300;
	}
	
	.easyshop_item_thumb .info {
    
    padding-top: 0px;
}
	
    .wrapper,
    .header,
    .pictures-wrapper #mainpic,
    .pictures-wrapper,
    .easyshop_item_description{
        width: 320px;
    }
    .header{
        margin-left: -160px;
        height: 50px;
        top: 10px;
    }
    .header .phones{
    width: 151px;
    font-weight: 900;
    float: right;
    padding-top: 18px;
    margin-left: 0;
    font-size: 14px;
    }
    .header .phones a{
        font-weight: 900;
        font-size: 14px;
    }
    .header .btn-callback{
        clear: right;
        margin-top: 10px;
    }
    .header .topmenu .burger{
        margin-top: 10px;
    }
    .header .logo {
        padding: 18px 0 0 10px;
        width: auto;
    }
    .menu-window .left{
        width: 100%;
    }
    .menu-window .needconsult{
        margin: 20px auto 0 auto;
        width: 300px;
    }
    .menu-window .wrapper{
        padding-top: 20px !important;
    }
    .header .menu li{
        padding-top: 20px;
    }
    .mp-top{
        min-height: 670px;
        height: 670px;
    }
    .mp-top .wrapper-x{
        background: url(../images/bg-1-320.png) 50% 100% no-repeat;
        top: 90px;
        height: 380px;
    }
    .mp-top .promotext{
        margin: 5px;
        width: 310px;
    }
    .mp-top .promotext .title{
        font-size: 30px;
        line-height: 120%;
    }
    .mp-top .promotext .text{
        font-size: 16px;
        padding-top: 20px;
    }

	
.kek {
       display:none;
}
	
    .bottom-links{
        width: 100%;
        background-color: #fff;
        top: 400px;
        left: 0;
    }
    .bottom-links ul{
        padding: 0 10px;
    }
    .bottom-links ul li{
        width: 50%;
        min-height: 70px;
        color: #464646;
        font-size: 14px;
        margin: 15px 0 0 0;
    }
    .mp-top .button-wrapper{
        width: 320px;
        position: absolute;
        left: 50%;
        margin-left: -160px;
        bottom: 0;
        text-align: center;
    }

    .easyshop_item_thumb {
        margin: 0 auto 20px auto;
        width: 305px;
        height: 300px;
        float: none;
        display: block;
    }

    .easyshop_item_thumb .picture{
        width: 305px;
        height: 177px;
    }
    .easyshop_item_thumb .picture img{
        width: 100%
    }

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

    }
    .mp-cost .precalculate-form .form-wrapper {
        width: 300px;
    }
    .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,
    .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: 100%;
    }
    .mp-cost #costform-slide-3 .col-1-3{
        width: 100%;
        padding: 20px 0 20px 10px  !important;
    }
    .mp-cost .slide .step3title {
        padding-top: 25px;
    }
    .mp-cost .slide .step3text {
        padding-top: 10px;
        font-size: 16px;
    }

    .mp-whatcars .item{
        width: 50%;
        min-height: 140px;

        padding: 10px 10px 0 0 ;
    }
    .mp-whatcars .item .text{font-size: 14px;}

    .mp-howitworks .steps{
        width: 310px;
        margin: 0 auto;
        background: none;
    }
    .mp-whatcars{
        padding: 120px 0 0 0;
        background-size: 180px;
        background-position: calc(50% + 75px) 0px;
    }
    .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;
        padding: 0 20px;
    }
    .whycomf .right .line-1{
        margin-top: 0;
        text-align: right;
        padding-right: 40px;
    }
    .whycomf .right .line-2{
        font-size: 22px;
        text-align: right;
        margin-top: 0;
        padding-bottom: 10px;
        width: 100%;
        padding-right: 5px;
    }

    .whycomf .quote{
        width: 100%;
        background: url(../images/quote-320.png) 50% 0 no-repeat;
        padding: 45px 30px 0 30px;
        height: 270px;
    }
    .whycomf .quote .title{font-size: 15px; height: 40px;}
    .whycomf .quote .description{font-size: 13px;}
    .whycomf .quote .details a{
        font-size: 12px;
        font-weight: bold;
    }

    .mp-cost .title{font-size: 22px; padding-top: 35px;}
    .mp-cost .line-2{font-size: 14px;}
    .mp-cost .line-3{
        font-size: 14px;
        padding-bottom: 20px;
    }
    .mp-cost .precalculate-form{
        padding: 20px 0;
        width: 320px;
        margin: 0 auto 30px;
        height: auto;
        background-image: none;
        background-color: #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        box-shadow: 0 0 15px rgba(0,0,0,0.4);
    }
    .mp-cost .button-wrapper {
        width: 100%;
        padding: 20px 0;
        height: 110px;
    }
    .mp-cost .precalculate-form .step{font-size: 12px;    height: 50px;}
    .mp-cost .slide .left, .mp-cost .slide .right{padding: 0;
        width: 100%;}
    .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-cost-footer .btn-wrapper{width: 100%;}
    .mp-cost .slide .col-1-3,
    .mp-cost .slide .col-2-3
    {
        width: 100%;
        padding-left: 10px;
    }
    .mp-whatcars .items {
        padding: 0 10px 40px  10px  ;
    }

    .mp-whatcars .quote {
        background: url(../images/quote-2-320.png) 0 0 no-repeat;
        width: 250px;
        height: 145px;
        padding: 30px 0 0 30px;
        font-size: 18px;
        margin-left: 5px;
    }

    .mp-howitworks .title{
        font-size: 26px;
        padding-top: 40px;
    }
    .mp-howitworks .steps .step {
        width: 145px;
        margin: 40px 5px 0 5px;
        font-size: 14px;
        min-height: 145px;
     }
    .mp-howitworks .steps .step:nth-child(5n){
        margin-left: 80px;
    }
    .mp-howitworks .button-wrapper {
        margin-top: 30px;
        min-height: 100px;
    }
    .latest-cars .quote{
        background: url(../images/quote-2-320.png) 0 0 no-repeat;
        padding: 18px 20px 0 40px;
        width: 245px;
        height: 143px;
        margin-left: 5px;
    }
    .latest-cars .quote a {
        font-size: 18px;
    }

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

    .footer-contacts .contacts-frame .title {
        font-size: 30px;
    }


    .blackheader {
        height: 75px;
    }
    .easyshop-selection{
        background: url(../images/bg-selection-320.png) 50% 250px no-repeat, url(../images/bg-3.jpg) 50% 0 repeat-x;
        background-size: auto;
    }
    .easyshop-selection .banner .text {
        font-size: 16px;
        padding: 20px 20px 0 0;

    }
    .easyshop-selection .banner .button-wrapper {
        padding-top: 200px;
        text-align: center;
    }
    .easyshop-selection .banner{
        background: none;
        padding-top: 80px;
        padding-left: 10px;
        height: 525px;
    }
    .easyshop-selection .banner .title{
        font-size: 43px;
    }

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

    .easyshop-selection .filter-window .filter:last-child{
        padding-left: 0px;
    }
    .easyshop-selection .filter-window .button-wrapper{
        padding-top: 0;
        height: 40px;
    }
    .easyshop-selection .filter-window {
        padding: 25px 40px;
    }
    .sortings .sorting {
        margin-right: 10px;
    }

    .sortings{padding-top: 20px; padding-left: 5px;}

    .sortings-sold{padding-bottom: 20px;padding-right: 5px;}

    .easyshop-selection .filter-window .filter select.year{width: 118px;}
    .easyshop_item_thumb:nth-child(3n){
        margin: auto;
    }

    .car-header {
        padding: 10px 5px 20px;
        font-size: 18px;
    }
    .easyshop_item_heading{
        font-size: 20px;
        margin: 0;
    }

    .easyshop_item_price{width: 95px; font-size: 18px; padding-top: 6px;}
    .easyshop_item_price span{font-size: 11px; width: 110px;}
    .car-header .left{width: 200px;}
    .car-header .back_to_catalog a{font-size: 14px;}

    .jcarousel-product-pictures ul{
        width: 320px;
    }

    .pictures-wrapper #mainpic img{width: 100%;}
    .jcarousel-product-pictures{
        width: 310px;
        margin: 5px;
        height: auto;
    }
    .pictures-wrapper .easyshop_item_additional_image{
        margin: 2px;
    }
    .jcarousel-product-pictures-handler{
        display: none;
    }
    .info-wrapper {
        border: 8px solid #e72228;
        width: 100%;
        padding: 15px;
    }
    #easyshop_item_chars {
        width: 270px;
    }
    .easyshop_item_char{
        font-size: 16px;
    }
    .easyshop_item_char .chartitle{
        width: 140px;
    }
    .easyshop_item_char .charvalue {
        width: 130px;
    }

    .info-wrapper .price-wrapper,
    .info-wrapper .button-wrapper {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .recommend-title{
        margin: 5px 0 10px 5px;
    }


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

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

    .whycomf .quote .slide{
        width: 265px;
        height: 180px;
    }

    .header .topmenu .menu-window {
        position: fixed;
        min-height: 620px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .header .topmenu .menu-window .wrapper{
        height: 750px;
    }

    .con_heading {
        font-size: 24px;
        padding-left: 5px;
    }

    .faq_quest .quest {
        font-size: 18px;
        padding: 20px 60px 20px 10px;
        min-height: 50px;
    }

    .faq_quest .answ {
        padding: 5px 25px 25px 25px;
        text-align: left;
    }
    .faq_quest .quest .button{
        top: 8px;
    }

    .popup_form {
        width: 310px;
        height: 460px;
        margin-left: -155px;
    }

    .articles-header .banner .line-1{
        font-size: 43px;
        padding: 60px 12px 0 12px;
        font-weight: 600;
        line-height: 1;
    }

    .articles-header .banner .line-2{
        font-size: 18px;
        padding: 10px 12px 0 12px;
        font-weight: 300;
    }

    .articles-header .banner{
        background: url(../images/bg-articles-320.png) 50% 250px no-repeat;
    }

    .latest-wrapper{
        padding: 8px;
    }

    .mod_latest_entry {
        width: 300px;
        margin-right: 0;
        height: auto;
    }

    .mod_latest_image img{
        width: 100%;
        max-width: 300px;
    }

    .mod_latest_entry .mod_latest_image{
        height: auto;
        width: 300px;
    }

    .articles-header .banner h1{
        width: auto;
        padding: 70px 12px 0 12px;
        font-size: 37px;
        font-weight: bold;
        height: auto;
    }

    .con_text-wrapper{
        padding: 20px 12px;
    }

    .readother-wrapper{
        padding: 8px 0;
    }

}

@media screen and (max-width: 380px) and (min-height: 321px){
    #inm_cta{
        width: 200px !important;
    }
    ._show_1e.wrap_mW{
        z-index: 40 !important;
    }
}

@media screen and (max-width: 320px){
    #inm_cta{
        width: 145px !important;
    }
    ._show_1e.wrap_mW{
        z-index: 40 !important;
    }
}