@media only screen and (max-width: 1600px) {
    div#RotatorNext {
        right:5%!important
    }

    div#RotatorPrevious {
        left: 86%!important
    }

    .header-wrapper.container {
        max-width: 100%
    }

    .clientName span {
        font-size: 1.1rem
    }

    .navbar-nav li.nav-item {
        margin-right: .8rem
    }

    header-wrapper.container {
        max-width: 100%
    }

    .header-wrapper.container {
        margin: 0
    }

    .social i,.contact i,.wishlist-btn .w-btn_icon {
        font-size: 19px
    }

    .jimny-header .brand-header-links a {
        margin: 0;
        font-size: 16px
    }

    .mainmenu_bs .bg-light {
        padding: .5rem 0
    }
}

@media only screen and (max-width: 1440px) {
    .makesSwiper a.carousel-control-next {
        justify-content:unset;
        right: 1rem
    }

    .makesSwiper a.carousel-control-prev {
        justify-content: unset;
        left: 1rem
    }

    .z-wrapper .container {
        padding: 0 1rem
    }

    .inner.container {
        padding: 2rem
    }

    .jimny-header .brand-header-links a {
        font-size: 14px
    }

    .article-detail {
        padding: 7rem 3rem!important
    }

    .header-wrapper.container {
        max-width: 100%
    }

    section.getInTouch {
        padding: 80px 0
    }

    .contact .pre-header-link,.wishlist-btn {
        padding: 0 10px
    }

    .social li:last-child {
        padding-right: 10px
    }

    .navbar-nav li.nav-item {
        margin-right: .5rem
    }

    .social i,.contact i,.wishlist-btn .w-btn_icon {
        font-size: 17px
    }

    .social .fa-tiktok {
        width: 25px;
        height: 25px;
        margin-top: 5px
    }
}

@media only screen and (max-width: 1367px) {
    .swiperButtons .btn {
        max-width:400px
    }

    section.jimnyCopy .brand-header {
        padding: .8rem 2rem .6rem 8rem
    }

    section.jimnyCopy .brand-header img.nav-logo {
        width: 100px
    }

    section.jimnyCopy .container {
        width: 80%;
        margin: 0 auto
    }

    .dp-jumbo.dp-mazda {
        margin-top: 3rem
    }

    div#RotatorPrevious {
        left: 85%!important
    }

    .navbar-nav li.nav-item {
        margin-right: .2rem
    }

    #vehicle_search_area_used .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 {
        flex-direction: column
    }

    div#DepartmentFilterButtons {
        width: 100%!important
    }

    .mainmenu_bs .bg-light {
        padding: .5rem 0
    }

    .header-nav {
        display: flex;
        align-items: center
    }

    .mainmenu_bs .bg-light {
        margin-top: 0
    }

    .clientName {
        margin-left: .5rem
    }

    .navbar-light .navbar-brand {
        display: none
    }

    .jimny-header .brand-header-links a {
        padding: 5px 10px;
        font-size: 14px
    }
}

.mainmenu_bs .bg-light {
    padding: .5rem
}

.header-wrapper.container {
    max-width: 100%!important
}

#vehicle_search_area_used .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 a.align-self-center.small {
    align-self: flex-start!important;
    margin-top: 5px
}

@media only screen and (max-width: 1280px) {
    .clientName span {
        font-size:1rem
    }

    .header-wrapper a,.wishlist-btn .w-btn_icon {
        font-size: 14px
    }

    .mainmenu_bs .dropdown-menu.show {
        margin-top: .7rem
    }

    .jimny-header .brand-header-links a {
        padding: 5px 10px
    }

    .ix-system-link .mx-auto.col-12.col-lg-6.col-md-8.row {
        max-width: 100%;
        flex: 100%
    }

    .ix-system-link .col-lg-4.col-md-6.col-12 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .ix-system-link {
        margin: 15px 0 10px!important
    }

    div#RotatorPrevious {
        left: 87%!important
    }

    div#RotatorNext {
        right: 2%!important
    }

    .post-f-links.footerLogo {
        margin: 1rem 0 0
    }

    .clientName span {
        font-size: 1rem
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
        padding-right: .5rem
    }

    .social li,.contact .pre-header-link,.wishlist-btn {
        padding: 0 7px
    }

    .wishlist-btn .w-btn_icon {
        font-size: 14px
    }

    .fa-whatsapp,.fa-facebook {
        font-size: 16px
    }

    .swiperButtons .btn {
        max-width: 350px
    }

    .social li,.contact .pre-header-link,.wishlist-btn {
        padding: 0 5px
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 11px
    }
}

@media only screen and (max-width: 1152px) {
    .header-logo .logo {
        width:92px !Important;
        height: 92px!important
    }

    .nav-link {
        padding: .3rem 1rem!important
    }

    .mm_mbl-menu {
        margin-top: 100px!important
    }

    .jimny-header .brand-header-links a {
        font-size: 13px
    }
}

@media only screen and (max-width: 1150px) {
    .AudiBreadcrumb {
        right:8rem!important
    }

    a#AudiBreadcrumb-trigger {
        left: 0;
        padding: 0 32px
    }

    .jimny-header .brand-header-links a {
        padding: 0 10px;
        font-size: 12px
    }

    section.jimnyCopy .brand-header {
        top: 5.5rem;
        padding: .5rem
    }

    .mblcontact ul {
        list-style: none
    }

    .menuIcons .social,.jimnyCopy .brand-header {
        display: none
    }

    .jimnyCopy .mblJimny {
        display: block!important
    }

    #widget-new-model-search-NewModels .info-details {
        flex-direction: column
    }

    #widget-new-model-search-NewModels .info-details .images,#widget-new-model-search-NewModels .info-details .details {
        width: 100%
    }

    #widget-new-model-search-NewModels .info-details .details {
        margin: 1rem 0 0
    }

    .jimnyCopy .accordion {
        border-radius: 5px;
        width: 100%;
        color: #fff
    }

    .bg-dark.mblJimny {
        background-color: #000!important
    }

    .jimnyCopy .accordion-header {
        background: #000;
        padding: 0 1.4rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 700
    }

    .jimnyCopy .arrow {
        transition: transform 0.3s;
        font-size: 30px
    }

    .jimnyCopy .accordion-content {
        display: none;
        padding: 10px;
        border-top: 1px solid
    }

    .jimnyCopy .brand-header-links div {
        padding: 5px 0
    }

    .jimnyCopy .logo.is-top.active {
        background: #000
    }

    .jimnyCopy .accordion-content .brand-header-links a {
        color: #fff
    }

    .jimnyCopy .brand-header-links div {
        text-align: justify
    }

    .mm_mbl-menu .social i,.mm_mbl-menu .mblcontact i {
        font-size: 21px
    }

    .mm_mbl-menu i.fas.fa-phone {
        font-size: 21px
    }

    .dp-jumbo.dp-mazda {
        margin-top: 0rem
    }

    .mblcontact li {
        list-style: none;
        text-align: right
    }

    .mm_mbl-menu .navbar-nav .dropdown-menu .dropdown-item,.mm_mbl-menu .navbar-nav .nav-item .nav-link {
        text-align: right
    }

    div#collapse-navigation {
        width: 100%
    }

    .mm_mbl-menu {
        width: 100vw
    }

    .main-menu-mobile.active {
        width: 100%;
        overflow: scroll
    }

    .mainmenu_bs {
        width: 100%
    }

    .mblcontact {
        padding: 1rem 0;
        border-top: .5px solid #e9e9e9
    }

    #info-buttons-NewModels .col-4 {
        max-width: 100%
    }

    div#info-buttons-NewModels {
        flex-direction: column
    }

    .new-model-list .nav.nav-tabs {
        flex-direction: column
    }

    .new-model-list .nav.nav-tabs li {
        border-bottom: 1px solid #ccc
    }

    div[id^=vehicle_search_area] .ShowButtonsAtTop .col-6 {
        width: 50%!important;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0 0 5px!important
    }

    div[id^=wish-icon-] {
        margin: 0!important;
        width: 100%!important
    }

    div#vehicleBar_FinanceButton * {
        margin: unset!important
    }

    #special-nav-filter-Specials>.row>.col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    div#special-nav-filter-Specials {
        padding: 1rem;
        align-items: center
    }

    .header-nav {
        display: none
    }

    .header-wishlist {
        border-right: 0
    }

    header#header {
        height: revert
    }

    .header-logo {
        align-items: center
    }

    .welcomeP h1 {
        font-size: 2rem
    }

    .menuIcons {
        margin-right: 1.5rem!important
    }

    button.nt-wrapper {
        display: flex;
        padding-right: 25px;
        cursor: pointer;
        gap: 8px;
        flex-direction: column;
        align-items: end;
        position: relative;
        height: 44px;
        width: 44px;
        justify-content: center;
        background-color: #fff0;
        border: 0
    }

    .icon-bar {
        height: 2px;
        background: rgb(0 164 153);
        width: 32px;
        position: absolute;
        transition: all .3s ease-in-out;
        top: 50%;
        transform: translateY(-50%)
    }

    span#top-burger {
        transform: translateY(-8px)
    }

    span#middle-burger {
        width: 40px
    }

    span#bottom-burger {
        transform: translateY(6px)
    }

    .nav-toggler.open span#top-burger {
        transform: translateY(0%);
        rotate: 45deg
    }

    .nav-toggler.open span#middle-burger {
        transform: translateX(230%);
        display: none
    }

    .nav-toggler.open span#bottom-burger {
        transform: translateY(0%);
        rotate: -45deg
    }

    .swiperButtons .btn {
        max-width: 300px
    }

    button.nt-wrapper {
        padding-right: 0
    }

    .main-menu-mobile .mm_mbl-menu .navbar-light {
        padding: 1rem
    }

    .mm_mbl-menu .dropdown-menu.show {
        display: contents
    }

    .mm_mbl-menu .dropdown-menu.show a {
        text-transform: uppercase
    }

    div#RotatorPrevious {
        left: 84%!important
    }

    .social li,.contact .pre-header-link,.wishlist-btn {
        padding: 0 10px
    }

    .social li:last-child {
        padding-left: 0
    }

    .iconsMbl {
        display: flex;
        padding: 0 3rem;
        justify-content: end;
        flex-direction: column
    }

    .mm_mbl-menu .contact span:first-child {
        padding-left: 0
    }

    span.contact-details {
        display: block;
        margin-right: 1rem
    }

    .social li:nth-last-child(2),.social li:last-child {
        display: none
    }

    .mblcontact li a {
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }

    .mblcontact li {
        margin: 0 0 1rem 0
    }

    .social {
        justify-content: flex-end;
        border: 0;
        border-top: .5px solid #e9e9e9;
        padding: 1rem 0
    }

    .mblcontact li a i {
        padding: 0 .75rem 0 0
    }

    .inner.container .new-model-shape .card-title img {
        max-width: 120px
    }

    .mm_mbl-menu .navbar-nav .dropdown-menu .dropdown-item {
        padding-right: 30px !IMPORTANT;
        !I;!}
}

@media only screen and (max-width: 834px) {
    .swiperButtons .btn {
        max-width:250px
    }

    .vehicleWrapper {
        justify-content: space-between
    }

    .vehicleWrapper .vehicleCard:last-child {
        margin-top: 5rem
    }

    .carousel-inner {
        justify-content: center
    }

    .z-wrapper .article-tile.col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    #info-buttons-test .col-4 {
        max-width: 100%
    }

    div#info-buttons-test {
        flex-direction: column
    }

    .z-wrapper h3 {
        text-align: center
    }

    .rotator-button-icon {
        width: 40px;
        height: 40px
    }

    div#RotatorPrevious {
        left: 86%!important
    }

    #widget-new-model-search-NewModels .new-model-shape .card {
        flex: 0 0 32%;
        max-width: 32%
    }
}

@media only screen and (max-width: 768px) {
    .swiperButtons .btn {
        max-width:200px;
        display: flex;
        align-items: center
    }

    div#DepartmentFilterButtons .btn {
        margin-bottom: .5rem
    }

    .AudiBreadcrumb {
        right: 0!important
    }
}

@media only screen and (max-width: 481px) {
    .ix-system-link.row.my-1.mw-100 {
        padding: 20px 0;
    }

    .z-wrapper section {
        padding: 40px 0
    }

    .mblcontact i {
        font-size: 21px
    }

    #body .container {
        /* padding: 1rem 0.5rem; */
        /* margin-left: 8px; */
    }
  
  div#book {
    margin-right: 15px;
    margin-left: 15px;
}

    .Suzuki-New #widget-new-model-search-NewModels .new-model-shape .card {
        flex: 0 0 49%;
        max-width: 49%
    }

    .nav-toggler {
        margin-left: 1rem
    }

    .mm_mbl-menu .navbar-nav .nav-item {
        padding-right: 4rem
    }

    .iconsMbl {
        padding: 0 4rem
    }

    .social,.mblcontact {
        padding: 1rem 0
    }

    .social {
        border-top: .5px solid #e9e9e9;
        padding: 1rem 0;
        justify-content: center;
        border-bottom: .5px solid #e9e9e9
    }

    .iconsMbl {
        width: 100%;
        justify-content: center;
        display: block
    }

    .ix-system-link .col-lg-4.col-md-6.col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: .2rem 0
    }

    ul#special-nav-tabs-Specials li {
        width: 100%
    }

    ul#special-nav-tabs-Specials .nav-tabs .nav-item.show .nav-link,ul#special-nav-tabs-Specials .nav-link.active {
        border: 0
    }

    #special-nav-filter-Specials>.row>.col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    div#special-nav-filter-Specials {
        padding: 1rem;
        align-items: center
    }

    #widget-personnel-personel ul.nav.mx-0.nav-tabs {
        flex-direction: column
    }

    #widget-personnel-personel ul.nav.mx-0.nav-tabs li a.active {
        border: 0;
        background-color: #dc3545;
        color: #fff
    }

    .badge-secondary {
        background-color: #303c49
    }

    #special-nav-filter-Specials {
        padding: 1rem 0
    }

    #map-test {
        margin-bottom: 1rem
    }

    .mblPreheader .container {
        display: flex;
        justify-content: center;
        padding: .5rem 0
    }

    .header-wrapper.container,.mblPreheader {
        border-top: .5px solid #e9e9e9
    }

    .contact .pre-header-link,.social {
        border: 0
    }

    .menuIcons .social,.menuIcons .contact {
        display: none
    }

    .carousel-inner {
        justify-content: unset
    }

    .swiperButtons>div {
        flex-direction: column
    }

    .swiperButtons .btn {
        max-width: 100%;
        margin: .5rem 0
    }

    .dealers .btn {
        min-width: unset
    }

    .vehicleWrapper {
        justify-content: center
    }

    .z-wrapper .article-tile.col-lg-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    button.nt-wrapper {
        padding-right: 0
    }

    .clientName span {
        font-size: 1rem
    }

    .wishlist-btn {
        padding-right: 0
    }

    .main-footer .container>div {
        flex-direction: column-reverse
    }

    .header-logo .logo {
        width: 62px;
        height: 62px
    }

    #map-test,#map-map {
        margin-bottom: 1rem
    }

    header#header {
        position: fixed
    }

    .FinanceCalc-expanded .irs,.FinanceCalc-expanded .form-group.vsfin {
        height: unset!important
    }

    .FinanceCalc-expanded.p-3 {
        justify-content: center
    }

    div#RotatorPrevious {
        left: 75%!important
    }

    .mblPreheader a {
        color: #000
    }

    #special-nav-all-Specials .card-body {
        margin-top: 1rem
    }

    .post-f-links a {
        display: block
    }

    .post-f-links {
        color: #000;
        margin: .5rem 0
    }

    .post-f-links a:first-child {
        margin-top: 1rem
    }

    #widget-new-model-search-NewModels .info-details {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 .5rem
    }

    #widget-new-model-search-NewModels .info-details .details {
        padding: 0;
        width: 100%
    }

    #widget-new-model-search-NewModels .info-details .images {
        width: 100%
    }

    .article-detail {
        padding: 0rem 1rem!important
    }

    section.makeDifference img {
        object-fit: cover
    }

    .welcomeP h1 {
        font-size: 2rem
    }

    h2 {
        font-size: 1.5rem
    }

    .menuIcons {
        margin-right: .5rem!important
    }

    .getInTouchIcon img {
        max-height: 60px;
        width: 55px
    }

    section.getInTouch .col-12.col-lg-3.col-md-6 {
        max-width: 50%
    }

    .getInTouch span {
        font-size: 1rem;
        margin: 1rem 0
    }

    .getInTouch a {
        padding: 1rem
    }

    .getInTouchIcon {
        margin: 0 0 1rem
    }

    .swiperButtons .btn {
        justify-content: center
    }

    .makeDifference .overlayText span,.makeDifference .overlayText p {
        font-size: 22px
    }

    .jimny-header,.jimny-header .brand-header-links {
        flex-direction: column;
        width: 100%
    }

    .jimny-header .brand-header-links a {
        width: 100%;
        display: block;
        background-color: #000;
        text-shadow: none;
        margin: 0;
        text-align: center
    }

    .jimny-header .brand-header-links>div {
        margin: .2rem .5rem
    }

    .contact,.header-wishlist,.social {
        height: unset
    }

    .social {
        border-top: .5px solid #e9e9e9;
        padding: 1rem;
        justify-content: right;
        border-bottom: .5px solid #e9e9e9;
        padding-right: 0
    }

    #menu_6_0>li:nth-child(5) {
        padding-right: 0!important
    }

    .iconsMbl {
        width: 100%;
        justify-content: center;
        display: block
    }

    .section-about .content,#suzuki-fleet .section-benifits .content {
        padding: 2rem 0!important
    }

    .section-about,#suzuki-fleet .section-contact>.row {
        padding: 0
    }

    #suzuki-fleet h1,#suzuki-fleet h1 span,#suzuki-fleet h2,#suzuki-fleet h2 span {
        font-size: 1.5rem
    }

    #suzuki-fleet .content .btn-primary {
        width: 100%
    }

    #suzuki-fleet .section-benifits .row {
        flex-direction: column-reverse
    }

    .section-about .content {
        padding-top: 0!important
    }

    p {
        font-size: 16px
    }

    #suzuki-fleet .title {
        text-align: center
    }

    .error-template {
        margin-top: 2rem
    }
}

@media only screen and (max-width: 393px) {
    .nms-list-tile .ml-md-3.ml-1.bg-light {
        margin-left:0!important
    }

    div#RotatorPrevious {
        left: 73%!important
    }

    .Suzuki-New #widget-new-model-search-NewModels .new-model-shape .card {
        flex: 0 0 100%;
        max-width: 100%
    }

    section.makeDifference img {
        min-height: 350px
    }

    .welcomeP h1 {
        font-size: 1.5rem
    }

    .welcomeP h2 {
        font-size: 1.1rem
    }

    .inner.container {
        padding: 2rem 0;
    }

    section.getInTouch .col-12.col-lg-3.col-md-6 {
        max-width: 100%
    }

    .mblcontact ul {
        padding-left: 0
    }
}

@media (max-width: 834px) {
    div#new-model-list-default #info-container-default .info-details {
        flex-direction: column;
    }

    div#new-model-list-default #info-container-default .info-details .images, div#new-model-list-default #info-container-default .info-details .details {
        -ms-flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}