@media (max-width: 1290px){
  section.show-content .container {
    padding: 0 20px;
  }
}
/* iPads (portrait and landscape) */
@media only screen and (min-width: 1020px) and (max-width: 1150px) {
  .home .series_cat > span {
    color: #A8A8A8;
    font-size: 80px  !important;
    position: absolute;
    right: -4px !important;
    bottom: -29px  !important;
    font-weight: bold;
    text-align: right;
}

}
@media (max-width: 1024px){
  .u-scrolled .mob_cal {
    display: block !important;

  }
  .mob_cal > a {
    right: 91px !important;
  }

  .search.search-results .wrap {
    margin-top: 55px !important;
  }
  .search.search-results .wrap main#main {
    padding-top: 10px;
  }
  .search.search-results .wrap h1 {

      font-size: 26px;
      line-height: 52px;
      padding-left: 14px;

  }

  .page-template.page-template-page-contact #primary main#main {
    padding-top: 50px;
  }
  .archive.post-type-archive-b_product .car-model .container > h3.title {

      margin-top: -20px;

  }
  .bc_product-template.bc_product-template-single-engine #primary main#main.site-main .heightmenufixed,
  .bc_product-template.bc_product-template-single-pictures-and-movies #primary main#main.site-main .heightmenufixed {
    height: 10px;
  }
  .fascination_bmw-template-default .archive main#content {
    padding-top: 90px !important;
  }
  .single-b_product .u-slick__arrow-classic-inner--left {
      left: -4%;
    }
    .single-b_product .u-slick__arrow-classic-inner--right {
      right: -4%;
    }

 article.content .cap.hero_page h3 {
   width: 100% !important;
 }
  .template-product-item-sliders .justify-content-lg-end {
    overflow: hidden;
    width: 100%;
    margin-top:15px;
  }
  main#content, #main {
    padding-top:90px;
  }
    .bmw-title-post-single{
        padding-left: 0;
    }
    [class*="navbar-expand"]:not(.navbar-expand-xl){
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    header #navBar{
      overflow-y: auto;
      margin-top: 0px;
      top: 39px;
      position: absolute;
      width: 300px;
      right: 0;
        z-index: 999999;
    }
    header button.navbar-toggler.btn {
      top: 3px;
      position: absolute;
      right: 5px;
    }
    a.navbar-brand {
        position: relative;
        top: -30px;
    }
    .wrap-single-post .show-content .cap {
      position: absolute;
      z-index: 99;
      top: 18%;
    }

    .navbar-collapse {
        max-height: 380px;
        padding-right: 0;
        padding-left: 0;
        margin-left: -1px;
        margin-right: -3px;
    }
    .collapse:not(.show){
        display: none!important;
    }
    .navbar-expand-md .navbar-collapse{
        /*display: none !important;*/
    }
    .navbar-expand-md .navbar-toggler{
        display: block;
    }
    .collapse {
        display: block;
    }
    .u-header--bg-transparent .u-header__navbar-nav {
        padding: 1.5rem;
        margin-top: 0px;
    }
    .u-header--bg-transparent .u-header__navbar-nav {
        background-color: #fff;
    }
    .navbar-expand-md .u-header__nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-expand-md .u-header__navbar-nav{
        align-items: initial;
    }
    #navBar .navbar-nav{
        width: 100%;
    }
    .navbar-expand-md .navbar-nav {
         -ms-flex-direction: column;
         flex-direction: column;
     }
    .navbar-expand-md .u-header__nav-link-icon {
        margin-left: auto;
    }
    .navbar-expand-md .navbar-nav .u-header__nav-link {
        padding: 0.5rem 1rem;
    }
    #header {
        background: #fff;
        position: fixed;
        height: 68px;
    }
    .u-header.js-header-fix-moment .u-header__hide-content{
        display: block;
    }
    #main{
        margin-top: 64px;
    }
    header button.navbar-toggler.btn {
      background: none  !important;
      border: none;
      min-width: inherit !important;
      height: auto !important;
      border-radius: unset;
  }
  header .u-header__hide-content.pt-2 {
    position:absolute;
  }
}
/* iPads (portrait and landscape) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .home.site-front-page.has-header-image main#content {
    padding-top: 45px;
  }
  .single  main#main {
    padding-top: 90px !important;
  }

}
/* iPads (portrait and landscape) */
@media only screen and (min-width: 641px) and (max-width: 1024px) {



  .single-b_product main .under1024 .container.u-space-3 {
    top: 30% !important;
  }

  nav #navBar > ul > li > ul.hs-sub-menu, nav #navBar > ul > li > ul.hs-mega-menu {
    top: 0 !important;
  }
    header.u-scrolled .menu-services-detail{
        top: 60px;
    }
    header.u-header--show-hide-md + .wrap-single-post .services-content{
        padding-top: 110px;
    }

    .single-news .cap.hero_page h1{
        font-size: 1.5rem;
        line-height: 1.1;
    }
}



/* Smartphones (portrait and landscape) */
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .mobcal {
    display: block !important;
position: absolute;
right: 10px;
top: 10px;
  }
  .row .col-12:last-child, .row .col-lg-6:last-child, .row .mb-2:last-child {

      margin-left: 0px;

  }
  .u-scrolled .mob_cal {
    display: none !important;
  }
  .mob_cal > a {
    right: 3px !important;
  }
  .search.search-results .wrap {
    margin-top: 13px !important;
  }
  .fascination_bmw-template-default.single  main#main {
    padding-top: 45px !important;
  }

  img.img_head {
    margin-bottom:6px !important;
  }
  main article.content h2, main article.content .h2 {
    font-size: 22px;
letter-spacing: 0px !important;
line-height: 30px !important;
}
  .page-template-page-contact main > article > .entry-content > div {
margin-top: 46px;
  }
  article.content p, .bg-w .u-space-2 {
    text-align: left;
}
  article.content p strong, .bg-w .u-space-2 strong, article.content h2 strong, article.content h2 {
    line-height: 36px !important;
    text-align: left !important;
    letter-spacing: 1px;
  }
  #primary {
    padding-bottom:10px !important;
  }
  .under1024 .row .w-lg-80,
  .under1024 .row .w-lg-60 {
    padding: 0 20px !important;
  }
  .js-prev.u-slick__arrow-classic-inner::before {
    left: 70%;
  }
  .js-next.u-slick__arrow-classic-inner::before {
    left: 30%;
  }
  .cap.hero_page h1 span {
    font-size: 26pt !important;
  }
  .page-template .row .col,
  .page-template .col-md-4,
  .page-template .col-sm-12 {
    padding: 0 !important;
  }
  .page article table th {
    border: none;
    text-align: right;
  }
  .page article table td {
    border: none;
    text-align: left;

  }
  .container {
      position: relative;
      width: 100%;
      max-width: 79.6875rem;
      padding: 0 25px !important;
  }
  .discover-sec .u-space-2 {
    padding-top: 0;
  }
  .container h3.title {
    padding-left: 0px !important;

    padding-top: 0px !important;

    font-size: 20px;
  }
  .car-model .container h3.title,
  .single.single-b_product .section-widget .container h3.title {
    padding-left: 10px !important;
  }
  .single.single-b_product .container h3.title {
    padding-left: 0px !important;
    padding-top: 0px !important;
  }
  .ovev-sec-tit h1,.ovev-sec-tit h2, .ovev-sec-tit h3 {
    text-align: left !important;
    margin: 10px !important;
    font-size: 21px;
  }
  .basecomponent-typo .title {
    font-size: 50px !important;
}

  .single-b_product main {
    padding-top: 91px !important;
  }

  header.u-scrolled .navbar-expand-md #navBar-mobile.navbar-collapse.show {
    top: 43px;
    width: 100%;
    position: fixed;
}
  header.u-scrolled button.navbar-toggler, header.u-scrolled .srch {
    display: block !important;
  }
  .container p, .container h2, .container h1, .container h3, .container h4, .container h5, .container h6, .container .ds2-cms-output, .container .tpi-content, .container .template-product-item-collapse, .series_cat {
    padding: 0 !important;
}
  .js-slide article.js-scroll-effect {

    position: absolute !important;
    top: 0;
    left: 52px;
    text-align: left !important;
    width: 100% !important;
    padding: 0 !important;

}
  #content .container {
    padding:0 !important;
  }
  #content .container .row {
    margin: 0 13px !important;
  }
  #product-list #content .container .row {
    margin: 0 !important;
  }
  #product-list {
    margin-top:20px;
    padding: 0 !important;
  }
  .hero-sec .btn.text-primary {
    width:290px !important;
  }
  .item.cat:last-child .series_cat {
    margin-bottom:15px !important;
  }
  .item.cat {

    max-width: 100% !important;
    width: 100% !important;
    position: relative;
    margin: 2px;

}
  .hero-sec .js-slide.u-bg-img-hero {

    top: 45px !important;

}
  #logoAndNav.container {
    position: absolute;
    width: auto;
    left: 1px;
    top: 2px;
}
.js-slide article.js-scroll-effect {
  left: 15px !important;
}
.js-slide .mb-3, .js-slide .my-3 {

    font-size: 25px !important;
    line-height: 26px;

    }
    .home .list-vehicle-h {

    margin-top: 188px !important;
  }
.home .u-slick .js-next, .home .u-slick .js-prev {
  top:50% !important;
}
  .mb-3, .my-3 {
    padding: 0 !important;
  }

    header#header {
         padding: 0 15px !important;
     }
    .home .col-lg-4.series_cat {
      width: 100%;

float: left;

margin: 0;

    margin-top: 0px;
    margin-bottom: 0px;

margin-top: 5px;
    }


    header a.navbar-brand img {
        margin-top: -32px !important;
        width: 62px;
    }
    #main {
        margin-top: 45px;
    }
    #header {
        background: #fff;
        position: fixed;
        height: 68px;
    }
    #logoAndNav nav img {
        left: 0;
        top: -3px;
        width: 91px;
    }
    #showroomName {
        margin-left: 56px;
        margin-top: -25px;
        position: absolute !important;
        top: 10px;
    }
    header button.navbar-toggler.btn {
        top: 6px;
        position: absolute;

        right: 18px;
    }
    button.navbar-toggler{
        display: block;
    }
    .u-search-classic {
        position: absolute;
        z-index: 102;
        width: 23.125rem;
        background-color: #fff;
        box-shadow: 0 1px 20px rgba(130, 130, 134, 0.15);
        border-radius: 0.25rem;
        padding: 0;
        transition: none;
        width: 100% !important;
        top: 60px;
    }
    header #logoAndNav.container {
        padding: 0;
    }
    header #navBar {
        margin-top: -4px;
        left: 0;
        width: 100%;
    }
    header #navBar .sub-menu li a {
        padding-left: 10px;
    }

    .text-center {

        padding-top: 30px !important;

    }
    .js-slick-carousel .slick-list {
        overflow: auto;

    }
    .u-bg-img-hero h1, .u-bg-img-hero p {
        color: #111 !important;
        text-align: left;
        padding: 0;
        margin: 0 !important;
    }
    .u-slick__pagination--white li.slick-active span {
        border-color: #111;
    }
    ul.js-pagination.text-center {
        bottom: -39px;
    }
    .js-slide .mb-7, .js-slide .my-7 {
        font-size: 16px;
    }
    .u-bg-img-hero .mb-4 {
        padding-top: 126px;
        margin-bottom: 10px !important;
        width: 100%;
    }
    input.wpcf7-text, .wpcf7-select {
        margin-bottom: 6px;
        width:100%;
    }
    .home .list-vehicle-h .row {
        display: block;
    }

    #content #product-list {
        padding: 0 15px;
        clear: both;
    }
    .home .series_cat > a {

        font-size: 13px;
    }
    .home .series_cat > span {
        font-size: 80px;
        right: 0px;
        bottom: -29px;
    }
    .single .bpro-detail > img {
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .bpro-detail > .container.u-space-3 {
        position:inherit !important;
        top: 6px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-detail-page-carosel .js-slick-carousel .slick-list,
    .product-detail-page-carosel .slick-list {
        min-height: 0 !important;
    }
    .wrap, #content {
        padding-top: 69px;
    }
    .home .wrap, .home #content {
        padding-top:0px;
    }
    .page .wrap h1, .page .wrap .h1 {
        font-size: 13px;
    }
    .single #content .text-left {
        text-align: justify;
    }
    .wrap-single-post .show-content .cap {
        position: inherit;
    }
    .cap p,
    .cap p span {
        font-size: 18px !important;
    }
    .page article table, .page article table {
        width:100% !important;
    }
    .page article table td, .page article table th {
        padding: 10px 25px 10px 0;
    }
    .single .bpro-detail > .container.u-space-3 h1,
    .single .bpro-detail > .container.u-space-3 p {
        color:#111 !important;
    }
    .u-bg-img-hero a.btn.u-btn-white {
        border: 1px solid #111;
        margin-left: 0;
        border-radius: unset !important;
        color: #000 !important;
        display: block;
        width: 120px;
    }
    .u-space-2 {

        padding-top: 30px;
        padding-bottom: 30px;

    }
    .list-vehicle-h .tit {
        margin-bottom: 15px;

    }
    .list-vehicle-h .list-vhcles {
        padding-top: 0px !important;
    }
    #content #product-list {
        padding: 0 15px;
    }
    .font-weight-bold {

        font-weight: 700 !important;
        font-size: 16px;

    }
    .site-logo img{
        width: 105px;
        max-width: inherit;
    }
    .right-bottom .icon-search i{
        top: 4px;
    }
    .right-bottom .icon-search{
        font-size: 18px;
        height: inherit;
    }
    .navbar-right .mmenu, .right-top .menu-right-top{
        display: none;
    }
    .top-menu .sub-menu{
        position: relative;
        background: transparent;
        border-radius: 0;
    }
    .top-menu > li .sub-menu li a{
        color:#000;
    }
    .top-menu > li .sub-menu li:hover{
        background:transparent;
    }


    .products li.product h3.title{
        font-size: 16px;
    }
    /*    [class ^="col"]{
        padding-left: 0;
        padding-right: 0;
    }*/
    .control-round .carousel-control{
        display: block;
        top: 40%;
    }
    .products li.product{
        min-height: inherit;
        padding-bottom: 30px;
        margin-bottom: 10px;
    }
    .products li.product .product-bottom{
        position: inherit;
        margin-top: 20px;
    }
    .widget-footer-2{
      text-align: left;
margin: 0;
padding: 0;
    }
    .widget-footer-1 li{
        padding: 0 8px;
    }
    ul.products li.product a.product-item img{
        width: 100%;
    }

    .navbar-brand #showroomName{
        left: 16px;
        font-size: 12px;
        top: 47px;
    }
    #showroomName .site-blog-description{
        font-size: 10px;
    }
    .menu-product-detail{
        bottom: -61px;
    }
    .js-slick-carousel .slick-list{
        min-height: inherit;
    }
    .basecomponent-typo .title{
        font-size: 70px;
    }
    .heightmenufixed{
        height: 100px;
    }
    .title.text-uppercase{
        font-size: 1.5rem;
    }
    .product-videos iframe{
        height: 250px;
    }
    .basecomponent-typo .title{
        white-space: inherit;
    }
    #navBar.show + .menu-product-detail{
        bottom: -33px;
    }
    .product-feature article:nth-child(odd) .kf-des{
        padding-left: 0px;
    }
    .u-header__navbar-nav li.d-none.d-md-inline-block{
        display: block !important;
        padding-left: 0 !important;
    }
    header #navBar{
        overflow-y: auto;
    }
    .navbar-expand-md .u-header__sub-menu li.hs-has-sub-menu{
        padding-left: 0;
    }
    .navbar-expand-md .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu{
        margin-left: 0.5rem;
    }
    .services-content .heightmenufixed {
        height: 0;
    }
    .menu-services-detail {
        bottom: 0;
        top: 49px;
        display: block;
        height: min-content;
        min-width: 300px;
        min-height: 60px !important;
    }
    header ul.collapse-menu-product {
        top: 60px !important;
    }
    header ul.collapse-menu-product{
        top: 43px !important;
    }
    .services-content .show-content{
        padding-top: 5px;
    }
    .menu-services-detail > li .fas {
        position: absolute;
        top: 30%;
        right: 10px;
    }
    .menu-services-detail > li a {
        white-space: normal;
    }
    header.u-header--show-hide-md + .wrap-single-post .services-content {
        padding-top: 46px;
    }
    header.u-scrolled .menu-services-detail{
        top: 68px;
    }
    .u-header__navbar-brand {
        width: 55px;
        padding-top: 0;
        top: -25px !important;
        right: -20px !important;
    }
    .u-bg-img-hero .mb-4 {
        padding-top: 44% !important;
        width: 91% !important;
    }
    #searchClassic {
        animation-duration: 300ms;
        top: 52px !important;
        width: 300px !important;
        left: -38px !important;
    }
    .btn.u-search-classic__addon-btn {
        color:#111;
    }
    .services-content .heightmenufixed {
        height: 10px;
    }
    .menu-services-detail {
        bottom: 0;
        top: 49px;
        display: block;
        height: min-content;
        min-width: 300px;
    }
    .services-content .show-content{
        padding-top: 5px;
    }
    .menu-services-detail > li .fas {
        position: absolute;
        top: 30%;
        right: 10px;
    }
    .menu-services-detail > li a {
        white-space: normal;
    }
    header.u-header--show-hide-md + .wrap-single-post .services-content {
        padding-top: 5px;
    }
    .nav-product-detail{
        height: 100%;
        width: 100%;
    }
    .nav-product-detail li{
        margin-bottom: 10px;
        display: block;
        margin-right: 0;
    }
    .nav-product-detail li a, .nav-product-detail li a:hover{
        display: inline-block;
    }
    .single-news .cap.hero_page h1, .single-news .cap.hero_page h2,
    .single-news .cap.hero_page h3, .single-news .cap.hero_page h6
    .single-news .cap.hero_page h4, .single-news .cap.hero_page h5{
        width: 100% !important;
    }
    .single-news .cap.hero_page h1{
        font-size: 1.2rem;
        line-height: 1.1;
    }
    .single-news .cap.hero_page span,
    .single-news .cap.hero_page strong,
    .single-news .cap.hero_page label,
    .single-news .cap.hero_page p{
        color: #000 !important;
    }
    .single-news .mb-2{
        margin-bottom: 0.5rem !important;
    }
    .content-expand-columns-2{
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
}

@media (max-width: 530px){
    .news-homepage .title a, .section-product a, .link-test-drive a,
    .product-child .title a, .title-post-single a{
        font-size: 1rem;
    }
    .slide-text.slide_style_center{
        bottom: 15%;
    }
    .slide-text > h2{
        font-size: 14px;
    }
    .slider-action{
        padding: 5px 10px;
        font-size: 12px;
    }
    .c-detail-hero-tit{
        font-size: 1.75rem;
    }
    .c-detail-hero-desc{
        font-size: 1.75rem;
    }
    .single-b_product .text-center.w-lg-40{
        padding-top:10px!important;
    }

    .product-videos iframe{
        height: 300px;
    }
    .template-product-item-collapse > ul > li{
        padding: 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {


  .home .list-vehicle-h {

      margin-top: 215px !important;

  }
  }
@media (max-width: 480px){
    .right-bottom .form-search{
        position: initial;
        float: right;
        clear: both;
    }
    .product-videos iframe{
        height: 250px;
    }
    .c-detail-hero-tit{
        font-size: 1.2rem;
    }
    .c-detail-hero-desc{
        font-size: 1rem;
    }
    .single-b_product .text-center.w-lg-40{
        padding-top:10px!important;
    }

    .dzsparallaxer.height-is-based-on-content{
        margin-top: 0px;
    }
}
@media (max-width: 420px){
    .right-bottom .form-search{
        position: initial;
        float: right;
        clear: both;
    }
    .product-videos iframe{
        height: 250px;
    }
    .tpi-content-column-2, .content-column-2{
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
}
@media (max-width: 380px){
  h3{
      font-size: 1.25rem;
  }
}
@media (max-width: 320px){
    .menu-services-detail{
        width: 100% !important;
    }
    .slide-text.slide_style_center{
        bottom: 0;
    }
    .c-detail-hero-tit{
        font-size: 1.2rem;
    }
    .c-detail-hero-desc{
        font-size: 1rem;
    }


    .product-videos iframe{
        height: 200px;
    }
    .menu-product-detail{
        width: 100%;
    }
}

@media only screen and (width: 768px) {
  #content .hero-sec-custom {

    margin-top: 0px !important;
    padding-top: 0px !important;

}
}