

@media (max-width: 768px) {
  /* nav */
  #nav_bar > .container-fluid {
    max-width: 480px;
    padding-left: 20px;
    padding-right: 20px;
  }

  #nav_bar .navbar-brand {
    display: inline-block;
    float: none;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: bottom;
  }

  #nav_bar .navbar-brand img {
    height: auto;
    width: 227px;
  }

  /* home_top */
  #home_top {
    background: #F2F2F2;
    color: #000;
    padding-bottom: 48px;
    padding-top: 48px;
  }

  #home_top .slide {
    padding-top: 48px;
  }

  #home_top .col-center {
    max-width: 480px;
    padding-left: 20px;
    padding-right: 20px;
  }

  #home_top .title_main {
    font-size: 1em;
    line-height: 1.2;
    padding-bottom: 22px;
    padding-top: 17px;
  }

  #home_top .title_main .b {
    font-size: 18px;
  }

  /* home_top cstyles */
  #home_top .cstyles {
    padding-bottom: 43px;
    padding-top: 0;
  }

  #home_top .cstyle .img {
    height: 100%;
    background-size: contain;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
  }

  #home_top .cstyle.p .img {
    display: none;
  }

  #home_top .cstyle.car .img, #home_top .cstyle.car:hover .img {
    background-image: url("/images/main/cstyles/car_m.png");
  }

  #home_top .cstyle.convertible .img, #home_top .cstyle.convertible:hover .img {
    background-image: url("/images/main/cstyles/convertible_m.png");
  }

  #home_top .cstyle.coupe .img, #home_top .cstyle.coupe:hover .img {
    background-image: url("/images/main/cstyles/coupe_m.png");
  }

  #home_top .cstyle.hatchback .img, #home_top .cstyle.hatchback:hover .img {
    background-image: url("/images/main/cstyles/hatchback_m.png");
  }

  #home_top .cstyle.suv .img, #home_top .cstyle.suv:hover .img {
    background-image: url("/images/main/cstyles/suv_m.png");
  }

  #home_top .cstyle.truck .img, #home_top .cstyle.truck:hover .img {
    background-image: url("/images/main/cstyles/truck_m.png");
  }

  #home_top .cstyle.van .img, #home_top .cstyle.van:hover .img {
    background-image: url("/images/main/cstyles/van_m.png");
  }

  #home_top .cstyle.wagon .img, #home_top .cstyle.wagon:hover .img {
    background-image: url("/images/main/cstyles/wagon_m.png");
  }

  #home_top .slide_menu {
    color: #000;
  }

  /* home_top prices */
  #home_top .slide_prices_cont {
    margin-top: 0;
    max-width: 480px;
  }

  #home_top .slide_prices_cont .price {
    font-size: 1em;
  }

  /* home_top cstyles/prices boxes */
  #home_top .slide_prices_cont .price_cont,
  #home_top .cstyle {
    background: #FFF;
    border: 1px solid #DDD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #cc0000;
    display: block;
    height: auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 7px 0 0 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    position: relative;
    cursor: pointer;
  }

  #home_top .slide_prices_cont .price_cont:hover,
  #home_top .cstyle:hover {
    background: #EEE;
    border: 1px solid #DDD;
  }

  #home_top .slide_prices_cont .price_cont:after,
  #home_top .cstyle:after {
    background: transparent url("/images/main/icon_cr_next.png") 0 center no-repeat;
    background-size: auto 23px;
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
  }

  #home_top .slide_menu {
    padding-bottom: 1.5em;
  }

  /* home_top searchbar */
  #home_top .searchbar {
    margin: 0 auto;
    max-width: 480px;
  }

  #home_top .searchbar .bottom {
    background: #F2F2F2;
    padding-top: 16px;
  }

  #home_top .searchbar .title {
    font-size: 18px;
    line-height: 1.2;
  }

  #home_top .searchbar .form-control {
    font-size: 12px;
    height: 31px;
  }

  #home_top .searchbar .btn {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  #home_top .cstyle .img {
    width: 90px;
  }
}
@media (max-width: 419px) {
  #home_top .slide_prices_cont .price_cont,
  #home_top .cstyle {
    font-size: 20px;
  }
}
@media (max-width: 359px) {
  #home_top .cstyle .img {
    width: 70px;
  }

  #home_top .slide_prices_cont .price_cont,
  #home_top .cstyle {
    font-size: 18px;
  }
}
