@media screen and (min-width: 1440px) {}

@media screen and (max-width: 1024px) {
    .menu-grid {
        padding: 0 2rem;
    }
    .menu-ul-List ul li a {
        padding: 20px 20px;
    }
    .menu-grid.fixed-header .menu-ul-List ul li a {
        padding: 19px 20px;
    }
    .counter-grid {
        justify-content: center;
        grid-gap: 55px;
    }
    .lm-grid {
        height: 45vh;
    }
    .logo-mockup-section {
        min-height: calc(45vh - 0px);
    }
    .center-tyre {
        width: 9rem;
        margin: auto;
        top: 36%;
    }
    .main-container {
        width: 960px;
    }
    .video-bg-container {
        height: calc(50vh - 0px);
    }
    .legacy-big-title {
        font-size: 5rem !important;
    }
    .footer-grid {
        grid-template-columns: 300px auto;
        justify-content: center;
        grid-gap: 60px;
    }
    .contact-section .logo-container-grid {
        justify-content: center;
        height: 40vh;
    }
    .contact-form-grid {
        grid-template-columns: auto;
    }
}

@media screen and (max-width: 768px) {
    .main-container {
        width: 100%;
    }
    #section-welcome {
        height: 65vh;
    }
    .typed,
    .typed-cursor {
        font-size: 2rem;
    }
    .counter-grid {
        grid-template-columns: auto auto;
        text-align: center;
    }
    .center-tyre {
        display: none;
    }
    .video-showcase-grid {
        grid-template-columns: auto;
    }
    .grid-reverse {
        grid-area: 1/1;
    }
    .video-showcase-grid {
        padding: 0 2rem;
    }
    .racing-track {
        grid-template-columns: auto auto auto;
    }
    .mtl-product-text {
        margin-left: 0;
        text-align: center;
    }
    .mtl-product-text-bg {
        display: none;
    }
    .js .cd-h-timeline__date {
        text-align: center;
        font-size: 1.5rem;
    }
    .js .cd-h-timeline__date::after {
        bottom: -20px;
    }
    .js .cd-h-timeline__container {
        max-width: 670px;
    }
    .js .cd-h-timeline__date {
        bottom: 15px;
    }
    .mtl-about-section {
        padding: 6rem 2rem 0px;
    }
    .about-the-company {
        padding: 0 2rem;
    }
    .legacy-section-cols {
        padding: 5rem 2rem;
    }
    .item-cell {
        width: 520px !important;
        margin: 3rem auto !important;
    }
    section.main-product-section {
        padding: 0 2rem;
    }
    .product-main-grid {
        padding: 0 2rem;
    }
    .news-section {
        padding: 5rem 2rem;
    }
    .hero-slider {
        height: auto;
    }
    .lead-title h1 {
        font-size: 2rem;
    }
    .homepage-main-title {
        font-size: 2rem !important;
    }
    .homepage-main-title:before {
        background: none;
        border: 0;
    }
    .copyright {
        width: auto;
        padding: 0 3rem;
    }
    .fixed-header {
        bottom: calc(100% - 100px);
    }
    .fixed-header .menu-ul-List.main-navigation {
        background: #fff;
    }
    .menu-grid.fixed-header ul.sub-dropdown li a:after {
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }
    ul.sub-dropdown li a {
        background: #fde200 !important;
    }
    .main-head-title h1 {
        text-align: center !important;
    }
    .counter-grid {
        grid-gap: 100px;
    }
    .contact-form-grid {
        padding: 0 5rem;
        grid-gap: 100px;
    }
}

@media screen and (max-width: 480px) {
    .sub-intro-text {
        font-size: 14px;
    }
    .sub-intro-text {
        font-size: 14px;
    }
    .main-head-title h1 {
        font-size: 24px;
    }
    .title-grid {
        grid-template-columns: auto;
        grid-gap: 0;
    }
    .main-head-title h1 {
        text-align: center !important;
    }
    .decor-title {
        width: auto;
        padding: 8px 13px 8px 13px;
        letter-spacing: .2em !important;
    }
    .decor-title:before {
        display: none;
    }
    .counter-grid {
        grid-template-columns: auto;
    }
    .lm-grid {
        height: 100vh;
        grid-template-columns: auto;
    }
    .lm-mockup a {
        margin-top: 13rem;
    }
    .racing-track {
        grid-template-columns: auto;
    }
    .racing-track {
        grid-template-columns: auto;
    }
    .video-bg-container {
        padding-bottom: 4rem;
        height: auto;
    }
    .footer-grid {
        grid-template-columns: auto;
        grid-gap: 25px;
        padding: 0 2rem;
    }
    .clients-logo-section.bg-white {
        padding-bottom: 12rem;
    }
    .mtl-about-banner {
        height: 400px;
        background-position: 67% 0%;
        background-repeat: no-repeat;
    }
    .mtl-product-text {
        font-size: 30px;
        line-height: 45px;
    }
    .qcd-head-grid {
        grid-template-columns: auto;
    }
    .item-cell {
        width: 320px !important;
    }
    .product-main-grid {
        grid-template-rows: auto;
        grid-template-columns: auto;
    }
    .news-grid {
        grid-template-rows: auto;
        grid-template-columns: auto;
    }
    .contact-form-section {
        padding: 7rem 2rem !important;
    }
    .legacy-big-title {
        font-size: 2rem !important;
    }
    .copyright {
        width: auto;
        grid-template-columns: auto;
        justify-content: center;
        margin-top: 3rem;
    }
    .copyright a {
        padding: 0rem 0 2rem;
    }
    .grid-flow {
        grid-column: 1;
    }
    .contact-section {
        height: 320px;
    }
    .lead-title h1 {
        font-size: 1rem;
    }
    .animate-arrow {
        bottom: -60px;
        left: 20px;
    }
    .homepage-main-title {
        font-size: 1.2rem !important;
    }
    .lead-title.white-title {
        top: 10%;
    }
    .fixed-header {
        bottom: calc(100% - 52px);
    }
    .contact-form-grid {
        padding: 0;
        grid-gap: 70px;
    }
    .homepage-main-title {
        font-size: 1.2rem !important;
    }
    .sm-lead-title {
        top: 10%;
    }
    .counter-grid {
        grid-gap: 40px;
    }
}