/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/




/*RESPONZIVE*/

/*widescreen 16:9*/
@media only screen and (min-width: 2400px) {

  .car_listing_title_img {
      height: 450px;
    }

    .car_listing_spec p{
    	font-size: 1.2rem;
    }

    .car_listing_name p {
    font-size: 1.5rem;
    }

}




/*only portrait position IPAD PRO  1024px x 1366px*/
@media only screen and (max-width: 1024px) {

  .header_logo_wrapper img {
    width: 50%;
  }

  .header_links_wrapper a {
    font-size: 1.2rem;
  }

  .navigation_btn {
    width: 100%;
    margin-top: 25%;
  }

  .intro_screen h1 {
    font-size: 2.5rem;
  }

  .intro_screen_text {
    font-size: 1.5rem;
    padding: 0 20% 0 0;
  }

  .intro_screen a {
    font-size: 2rem;
  }

  .counter {
    width: 20%;
  }



}

/*only portrait position NEXUS 10  800px x 1200px*/
@media only screen and (max-width: 800px) {




}

/*only portrait position IPAD  768px x 1024px*/
@media only screen and (max-width: 768px) {

  .top_offer_wrapper {
    height: auto;
  }

  .top_offer_card {
    flex-direction: column;
  }

  .top_offer_img {
    width: 100%;
    height: 55vw;
    flex-shrink: 0;
  }

  .top_offer_info {
    width: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
  }

}

/*only landscape position IPAD  1024pxX768*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {



}

/*only portrait position NEXUS7  600px x 960px*/
@media only screen and (max-width: 600px) {



}

/*only landscape position NEXUS7  960x600*/
@media only screen and (orientation: landscape) and (max-width: 960px) {



}

/*only portrait positio*/
@media only screen and (max-width: 500px) {

  .header_left{
    display: none;
  }

  .header_logo_wrapper {
    width: 65%;
  }

  .header_logo_wrapper img {
    width: 60%;
  }

  .header_links_wrapper i {
    display: none;
  }

  .header_search_btn i {
    display: inline;
  }

  .header_links_wrapper:not(.header_left) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 4px;
  }

  .navigation_btn {
    width: 100%;
    margin-top: 40%;
  }

  .nav_2 {
    margin-top:20px;
    font-size: .7rem;
  }

  .navigation_btn a {
    font-size: 1.5rem;
  }

  .nav_2 a{
    font-size: 1rem;
  }

  .carousel-item img {
    margin-top: 0;
  }


  .intro_screen{

      background: url(../img/verticaltitle1.jpg);
      background-position: left;
      background-size: cover;
      background-repeat: no-repeat;

  }

  .intro_screen h1 {
    font-size: 1.3rem;
    padding: 0 30px 0 0;
    margin: 25% 0 0 10%;
  }

  .intro_screen_text {
    font-family: TorokaLight;
    font-size: .8rem;
    color: white;
    padding: 0 10% 0 0;
    margin: -35% 0 0 10%;
  }

  .intro_screen a {
    font-size: 1rem;
    margin: -30% 0 0 10%;
  }

  .intro_stats {
    justify-content: center;
    margin-bottom: 15%;
  }

  .counter {
    width: 50%;
    margin-bottom: 15%;
  }

  .count-title {
    font-size: 1.2rem;
    margin-bottom: 0;
  }

  .count-text {
    font-size: .55rem;
  }

  /* .carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -10%;
  }

  .carousel-caption {
    right: 2%;
    bottom: 5%;
    left: 55%;
  }

  .carousel-caption h5 {
    font-size: .85rem;
    padding: 5px 5px 0 5px;
    margin: 0;
  }

  .carousel-caption a {
    font-size: .7rem;
    padding: 0 8px;
  } */

  .car_listing_empty {
    padding: 20px 50px 0 0;
  }

  .top_offer_img {
    height: 65vw;
  }

  .top_offer_info {
    padding: 24px 20px;
    gap: 12px;
  }

  .top_offer_car_name {
    font-size: 1.3rem;
  }

  .top_offer_specs {
    padding: 10px 0;
  }

  .top_offer_specs p {
    width: 50%;
    padding: 3px 0;
  }

  .top_offer_price_row {
    justify-content: flex-end;
  }

  .top_offer_price_row .filter-p-pricing {
    bottom: 0;
  }

  .top_offer_cta {
    width: 100%;
    text-align: center;
    padding: 14px;
    box-sizing: border-box;
    align-self: flex-end;
  }

  .new_teaser {
    margin-top: 50px;
  }

  .new_teaser .header_block h3 {
    font-size: 1.2rem;
    padding: 80px 0 15px 0;
  }

  .car_brand_filter_header h2 {
    font-size: 1.2rem;
    margin-left: 15px;
  }

  .car_brand_filter_item {
      width: 24%;
      height: 100px;
      margin: .5%;
      text-align: center;
  }

  .car_listing {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .new_teaser .custom_btn {
    padding: 15px 40px;
    margin-top: 30px;

  }

  .subscribe_intro {
    width: 100%;
    height: auto;;

  }

  .subscribe_intro h1 {
    font-size: 1.5rem;
  }

  .subscribe_intro h3 {
    font-size: .7rem;
  }

  .subscribe_intro form {
    width: 80%;
  }

  .subscribe_intro p {
    text-align: center;
    padding: 10px;
  }

  .intro_services {
    width: 97%;
    height: auto;
  }

  .intro_service_section {
    width: 100%;
    height: 500px;
    margin: 10px 0;

  }


  .showroom_intro {
    height: 80vh;
  }

  .showroom_intro_section_left {
    display: none;
  }

  .showroom_intro_section_right {
    width: 100%;
  }

  .footer_section {
    width: 100%;
  }

  .car_detail_top_img_swiper_wrapper {
    height: auto;
  }

  .swiper {
    width: 100%;
    margin-bottom: 10px;

  }

  .top_gallery {
    width: 100%;
  }

  .top_gallery a {
    width: 20%;
  }

  .car_info_wrapper_text_video_header {

    height: 50px;
  }

  .car_info_wrapper_text_video {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .car_info_wrapper_cardetail {
    width: 100%;
    margin: 0;
    }

    .car_info_wrapper_text_video_card_1 h1, .car_info_wrapper_text_video_card_2 h1 {
      font-size: 1.5rem;
    }

    .car_info_wrapper_text_video_card_1 p, .car_info_wrapper_text_video_card_2 p {
      padding: 0 50px 0 15px;
    }

    .finance_banner {
      height: 50vh;
    }

    .finance_banner_section {
      width: 100%;
    }

    .finance_banner_section_2{
      display: none;
    }

    .finance_banner_section_1 h2 {
      font-size: 1.5rem;
      font-family: TorokaMedium;
      padding: 50px 50px 20px 20px;
    }

    .finance_banner_section_1 p {
      font-size: 1.1rem;
      padding: 0 20px 0 20px;
    }

    .finance_banner_section_1 a {
      font-size: 1.2rem;
      font-family: TorokaLight;
      margin: 30px 20px 0 20px;
    }

    .car_detail_form {
      height: auto;
    }

    .car_detail_form form {
      width: 90%;
    }

    .car_detail_form_section_left {
      width: 100%;
      height: 600px;
    }

    .car_detail_form_section_right {
      width: 100%;
    }

    .subpage_section_img_title_finance {
      height: 40vh;
    }

    .subpage_section h1 {
      font-size: 2.5rem;
    }

    .subpage_section p {
      padding: 0 5% 0 0;
      margin: 20px 0 10px 5%;
    }

    .subpage_section_2 {
      width: 100%;
      height: auto;
      padding: 50px 0 40px 0;

    }

    .subpage_section_2 h3 {
      font-family: TorokaRegular;
      font-size: 1.6rem;
      color: white;
      padding: 30px 0;
      margin: 0;
      width: 100%;
      text-align: center;
    }

    .subpage_section_2_divider {
      flex-direction: column;
      width: 90%;
      gap: 16px;
      margin-bottom: 50px;
    }

    .subpage_section_2_divider_section {
      width: 100%;
      padding: 28px 24px;
    }

    .subpage_section_3 h3 {
      font-size: 1.1rem;
    }

    .subpage_section_3_divider_section {
      width: 100%;
    }

    .subpage_section_3 {
      width: 100%;
      height: 80vh;
    }

    .subpage_section_3_divider {
      height: auto;
    }

    .car_detail_form_section_left_kontakt {
    width: 100%;
    border-right: none;
  }

  .all_cars_wrapper .car_listing {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .car_info_wrapper_text_video_card_3 iframe {
    width: 100%;
    height: 40vh;
    padding: 50px 0;
  }

  .subpage_section_4_divider_section {
    width: 100%;
    margin: 0 0 20px 0;
  }


  .filter_header {
    width: 100%;
    height: 40vh;
    margin-bottom: 50px;
    }

    .style_header_overlay h1 {
    font-size: 2rem;
    }

  .style_header_overlay p {
    font-size: .55rem;
    padding: 0 20px;
  }

  .car_filter_all_cars .car_listing {
    width: 100%;
    margin-bottom: 30px;
  }

  .create_form_wrapper .edit_btn{
    width: 95%;
  	margin: 20px 0;
  	padding: 15px 0;
  }


}

/*only landscape position from iphone6plus to note3 and Iphone6  736px*/
@media only screen and (orientation: landscape) and (max-width: 736px) {



}

/*only portrait positio iphone6*/
@media only screen and (max-width: 375px) {





}

/*only portrait positio*/
@media only screen and (max-width: 320px) {


}

/*only landscape position from iphone5 568px*/
@media only screen and (orientation: landscape) and (max-width: 568px) {



}