@media (min-width:768px) {
  header#header.scrolledUp .header-wishlist,span.pre-header-link {
    border: 0px solid #494950;
}
    header#header.scrolledUp {
        padding: 0
    }

    .postfooter,
    .prefooter {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem
    }
}

@media (min-width:1024px) {
  
  .inner.container {
    padding-top:60px;
}
  
  header#header.scrolledUp .header-wishlist,span.pre-header-link {
    border: 0px solid #494950;
}
  
  .header-wishlist {
    margin: 10px 0px;
} 

    .content,
    .contentImg.p-0 {
        grid-row: 1/-1;
        align-self: center
    }

    .contentImg img {
        height: 100%;
        width: 100%
    }

    .contentWrapper {
        max-width: 1363px;
        padding: 6rem 0;
        margin: 0 auto
    }

    .z-wrapper h2 {
        font-size: 2.5rem;
        text-transform: unset
    }

    .car-slide h3 {
        font-size: 86px
    }

    .content {
        grid-row: 1/-1;
        grid-column: span 6/span 6
    }

    .contentImg,
    .contentImg.p-0,
    .grSection .contentImg {
        grid-column: span 7/span 7
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .contentImg {
        grid-row: 1/-1;
        grid-column-start: 1
    }

    .content {
        width: 100%;
        grid-column: span 6/span 6;
        margin-top: 0;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        z-index: 20;
        inset: 0;
        padding-top: 2rem;
        padding-bottom: 2rem;
        grid-column-end: 12
    }

    .contentImg.p-0 {
        grid-column-start: 1;
        height: 100%;
        z-index: 0
    }

    .grSection .contentImg {
        grid-column-end: 13
    }

    .postfooter,
    .prefooter {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media only screen and (min-width:1280px) {
    .brandsSection img {
        max-height: 100%
    }

    .automark-slider {
        margin-bottom: 7rem
    }

    .contentImg img {
        max-height: 500px
    }

    .postfooter ul {
        margin-top: 70px
    }

    .postfooter .socials .socialLinks li:first-child {
        margin-top: 1rem
    }
}

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

    div#RotatorPrevious {
        left: 86% !important
    }
}

@media only screen and (max-width:1440px) {
    .connect-copy p {
        font-size: 25px;
    }

    .bannerDiv .tabs ul {
        padding: 3rem 1rem
    }

    .grSection .content {
        left: 7rem
    }

    section.grSection .contentImg img {
        max-width: 100%;
        object-fit: contain
    }

    .bannerDiv .tabs .tab {
        text-wrap: nowrap
    }

    div#RotatorNext {
        right: 3% !important
    }

    div#RotatorPrevious {
        left: 89% !important
    }

    .bannerDiv .tabs .tab.active {
        font-size: 30px
    }
}

@media only screen and (max-width:1366px) {
    .bannerDiv .tabs .tab.active {
        font-size: 25px
    }

    .Zone_4 .grid {
        overflow: hidden
    }

    .header-wishlist i,
    span.pre-header-link span a i {
        font-size: 14px !important
    }

    .wishlist-btn .w-btn_icon .badge-pill,
    .wl-b_wishlistbasket .w-btn_icon .badge-pill {
        font-size: 9px;
        padding: 6px
    }

    .header-wishlist,
    span.pre-header-link span a {
        width: 40px;
        height: 40px
    }

    section.slider-section-addition .automark-slider .swiper-slide .absolute-position {
        padding: 40px 20px
    }

    .wishlist-item .media-body div,
    .wishlist-item .media-body span {
        font-size: 14px
    }
}

@media only screen and (max-width:1280px) {
    .bannerDiv .tabs .tab {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
        font-size: 18px
    }

    .vs-wishlist-wrapper .col-12 button {
        padding: .375rem
    }
}

@media only screen and (max-width:1024px) {

    div#DepartmentFilterButtons,
    div[id^=wish-icon-] {
        width: 100% !important
    }

    .header-logo {
        flex-direction: column;
        margin: 0 auto
    }

    .article-summary,
    .article-summary span {
        min-height: 130px
    }

    .header-options {
        display: flex
    }

    .contacts,
    .headerLogos,
    .lastItem,
    .main-header .header-nav,
    .mm_mbl-menu .navbar-nav .dropdown-menu {
        display: none !important
    }

    .bannerDiv .tabs ul li {
        display: none
    }

    .Zone_4 .content h1 {
        line-height: 3.5rem
    }

    .Zone_4 .content {
        padding: 2.5rem 5rem 2rem 2rem;
        width: 100%;
        min-width: fit-content
    }

    .mm_mbl-menu .navbar-nav .dropdown-menu.show {
        padding: unset;
        box-shadow: none;
        position: relative;
        display: block !important
    }

    .mm_mbl-menu .navbar-nav .dropdown-menu.show .dropdown-item {
        border: 0;
        padding: 1.25rem 0
    }

    .mblMenuLogos .gr {
        max-width: 320px;
        margin-bottom: 1.5rem
    }

    .mblMenuLogos .hilux {
        max-width: 120px
    }

    .mblMenuLogos {
        display: flex;
        flex-direction: column;
        margin-top: 1rem
    }

    .mm_mbl-menu .contacts {
        display: block !important;
        margin-top: 2rem
    }

    .mm_mbl-menu .contacts .pre-header-link .info-details,
    .mm_mbl-menu .contacts .wishlist-btn .w-btn_copy {
        display: block;
        color: rgb(73 73 50/1);
        order: 0
    }

    .mm_mbl-menu .contacts .header-wishlist,
    .mm_mbl-menu .contacts .pre-header-link a {
        width: 100%;
        border: 1px solid;
        border-radius: 9999px;
        display: flex;
        padding: .75rem 1.25rem;
        align-items: center
    }

    .mm_mbl-menu .contacts i {
        color: #494950;
        order: 1;
        margin: 0
    }

    .mm_mbl-menu .contacts .pre-header-link .header-wishlist {
        width: 100%
    }

    .mm_mbl-menu .contacts .wishlist-btn .w-btn_copy {
        font-size: 1rem
    }

    .wishlist-btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .innerHeader .header-options button {
        color: #282829
    }

    #vehicle_search_area_ToyotaUsed .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2,
    .new-model-list .nav.nav-tabs,
    div#info-buttons-ToyotaNV {
        flex-direction: column
    }

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

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

    .mm_mbl-menu .contacts .header-wishlist a:hover i,
    .mm_mbl-menu .contacts .header-wishlist a:hover span,
    .mm_mbl-menu .contacts .pre-header-link a:hover i,
    .mm_mbl-menu .contacts .pre-header-link a:hover span {
        color: #fff !important
    }

    div#RotatorPrevious {
        left: 87% !important
    }

    #vehicle_search_area_ToyotaUsed .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
    }

    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
    }

    div#vehicleBar_FinanceButton * {
        margin: unset !important
    }

    .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
    }

    .FinanceCalc-Compact .col-12.row.align-items-center.p-0.mx-0 {
        font-size: 12px
    }

    .hino-options__grid { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width:834px) {
  header#header.scrolledUp .header-wishlist,span.pre-header-link {
    border: 0px solid #494950;
}
  
  .offersSection .col-12.col-lg-4.col-md-6 {padding-left:0px}
    footer#footer ul#menu_102_0 li a {
        margin-left: 0
    }

    .mm_mbl-menu span.pre-header-link a {
        margin: 1rem 0 !important
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .contentWrapper {
        padding: 2rem 0 4rem
    }

    .socialLinks li:first-child {
        margin-top: 1rem !important
    }

    .Zone_4 .content .buttons,
    div#widget-forms-Contact {
        margin-top: 1rem
    }

    .content {
        margin-top: -2.5rem !important;
        width: 90vw;
        margin: 0 auto;
        padding: 2rem;
        backdrop-filter: blur(16px)
    }

    .content h1 {
        font-size: 30px
    }

    .content img {
        width: 14rem
    }

    .contentImg img {
        width: 100%;
        max-width: 100%
    }

    .scrolledUp button.nt-wrapper {
        color: #282829
    }

    .Zone_4 .content {
        margin: 0 auto;
        min-width: unset;
        position: unset;
        width: 90vw;
        padding: 2rem
    }

    .Zone_4 .content h1 {
        line-height: 1.25
    }

    .grSection .content {
        grid-column: unset;
        order: 1
    }

    .grSection .contentImg img {
        max-height: 320px
    }

    .offersSection .col-12 {
        margin-bottom: 2rem
    }

    .socials ul,
    section.slider-section-addition .automark-slider .swiper-slide .content-block h2 {
        margin-top: 0
    }

    div#RotatorNext {
        right: 4% !important
    }

    div#RotatorPrevious {
        left: 83% !important
    }

    .Zone_3 .contentImg img {
        height: 320px
    }

    .row.align-items-center.reverse-small {
        flex-direction: column-reverse
    }

    .container.absolute-position-container {
        padding: 0
    }

    section.slider-section-addition .automark-slider .swiper-slide .absolute-position {
        max-width: 87%;
        position: relative;
        top: -3rem;
        margin: 0 auto;
        padding: 20px;
        min-height: 309px
    }

    .automark-slider {
        position: relative
    }

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

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

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

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

@media only screen and (max-width:768px) {
  header#header.scrolledUp .header-wishlist,span.pre-header-link {
    border: 0px solid #494950;
}
    #vehicle_search_area_ToyotaUsed .col-lg-3.col-md-3.col-12 {
        padding: 0
    }

    .hino-options__grid { grid-template-columns: 1fr;}
}

@media only screen and (max-width:480px) {
  .vsfin label.w-75 {
    font-size: 0.8rem !important;
}
  footer#footer .main-footer {
    padding: 3rem 0 3rem;
}
  header#header.scrolledUp .header-wishlist,span.pre-header-link {
    border: 0px solid #494950;
}
    .innerBanner div#image-rotator {
        padding-top: 0 !important;
    }

    .connect-copy p {
        font-size: 25px;
    }

    .bannerDiv .tab-content img {
        width: 100%
    }

    .bannerDiv .tabs h2 {
        padding-top: 2rem;
        font-size: 1.25rem
    }

    .bannerDiv .tabsWrapper {
        min-height: 300px
    }

    .bannerDiv .tab-content {
        margin-top: -6rem
    }

    .home .buttons,
    div#widget-forms-Contact {
        margin-top: 1rem
    }

    .bannerDiv .tabs ul {
        padding: 2.5rem 1rem
    }

    .home .buttons {
        flex-direction: column
    }

    .home .btn {
        width: 90%;
        margin: .5rem 0
    }

    .brandsSection .mx-0.row {
        flex-direction: column
    }

    .brandsSection .mx-0.row>div {
        padding: 15px 0 !important
    }

    .mf-links.fl-acc.menu {
        flex-basis: auto;
        height: 65px;
        overflow: hidden;
        position: relative;
        padding: 0;
        width: 100%;
        max-width: 100%;
        order: 1
    }

    .main-footer li:first-child {
        background-color: transparent
    }

    .mf-links.fl-acc.menu li:first-child a:after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #e5e5e5;
        top: 1.7rem;
        font-size: 12px;
        padding: 0 10px
    }

    .mf-links.fl-acc.menu.open {
        height: inherit
    }

    .mf-links.fl-acc.menu:last-child {
        border: 0;
        height: unset;
        overflow: unset;
        margin: 2rem 0 2rem;
        order: 0
    }

    .mf-links.fl-acc.menu:last-child:after,
    .socials li:first-child,
    section.slider-section-addition .clearfix.section-clear {
        display: none
    }

    .mf-links.fl-acc.menu li,
    .mf-links.fl-acc.menu li:first-child a {
        margin-top: 0;
        font-size: 1.125rem
    }

    .mf-links.fl-acc.menu li:first-child a {
        padding: 1.5rem 0
    }

    .mf-links.fl-acc.menu ul li:not(:first-child) {
        padding: 0 10px 16px 0;
        font-size: 1rem
    }

    .container,
    .welcomeP {
        padding: 0 1.5rem
    }

    .mf-links.fl-acc.menu li:last-child {
        padding-bottom: 0 !important
    }

    .mf-links.fl-acc.menu.open li:first-child a:after {
        content: "\f077"
    }

    footer#footer ul#menu_102_0 li a:after {
        padding: 0;
        position: unset
    }

    footer#footer ul#menu_102_0 li a {
        width: fit-content
    }

    .prefooter {
        position: relative;
        display: flex;
        flex-direction: column
    }

    .postfooter {
        margin: 0;
        border: 0
    }

    .postfooter ul {
        margin-top: 0
    }

    .socialLinks li,
    .socialLinks li a {
        padding: 0 !important
    }

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

    .bannerDiv .arrow {
        width: 30px !important;
        height: 30px !important;
        align-items: center;
        justify-content: end;
        display: flex
    }

    div#RotatorNext {
        right: 2% !important
    }

    div#RotatorPrevious {
        left: 2% !important
    }

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

    section.slider-section-addition .automark-slider .swiper-slide .image-block img {
        height: unset
    }

    .container.contentWrapper,
    .container.section_automark-promise,
    .main-menu-mobile.container,
    .section-content.container {
        padding: 0
    }

    section.slider-section-addition .automark-slider .swiper-slide {
        margin-bottom: 0;
        margin-top: 0
    }

    .z-wrapper {
        margin: 50px 0
    }

    .Zone_1.z-wrapper {
        margin: 0 0 50px
    }

    section.slider-section-addition .automark-slider .swiper-slide .content-block {
        padding-right: 0
    }

    section.hiluxSection {
        padding-bottom: 5rem
    }

    .content h1 {
        font-size: 20px
    }

    .Zone_4 .content {
        padding: 1.6rem
    }

    h1 {
        font-size: 1.8rem
    }

    .Zone_4 .grid {
        overflow: unset
    }

    .clientName .system-info-name {
        font-size: 16px;
        margin: 0
    }

    .header-logo img {
        padding-bottom: 5px
    }

    .socialLinks {
        padding: 0 0 0
    }

    .socialLinks li:first-child {
        margin-top: 0 !important
    }

    .post-footer .container.d-flex.justify-content-between {
        flex-direction: column;
        gap: 10px
    }

    .footerLogo {
        margin-left: 0rem;
    }
}

@media only screen and (max-width:440px) {
  footer#footer .main-footer {
    padding: 3rem 0 3rem;
}
  
    span.pre-header-link {
        margin: 0
    }

    footer#footer .main-footer {
        padding: 4rem 0 2rem
    }

    .post-footer .container.d-flex.justify-content-between {
        flex-direction: column
    }

    .legal {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    img.footerLogo {
        width: 90px;
        margin: 1rem 0
    }

    .copyright {
        order: 1;
        text-align: center;
        padding: .5rem 0
    }

    #hmg-ph #hph-wrapper {
        width: 100% !important
    }

    .socialLinks {
        padding: 1rem 0
    }
}

@media only screen and (max-width:393px) {
  footer#footer .main-footer {
    padding: 3rem 0 3rem;
}
  header#header.scrolledUp .header-wishlist,span.pre-header-link {
    border: 0px solid #494950;
}
    .connect-copy p {
        font-size: 25px;
    }

    .bannerDiv .arrow {
        bottom: 4rem
    }

    #vehicle_search_area_ToyotaUsed .col-md-9.col-12 {
        padding: 0
    }

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

    .row.w-100.no-gutters.FinanceCalc-expanded.p-3 {
        justify-content: center
    }

    .main-menu-mobile {
        max-height: 100vh;
        overflow-y: auto
    }

    .post-footer .container.d-flex.justify-content-between {
        flex-direction: column
    }
}