@media screen and (min-width: 768px) and (max-width: 1550px) {
    :root {
        --font-12: 12px;
        --font-14: 14px;
        --font-16: 16px;
        --font-18: 18px;
        --font-20: 20px;
        --font-24: 22px;
        --font-32: 30px;
        --font-54: 50px;
        --font-72: 66px;

        --gap-80: 70px;
        --gap-50: 50px;
        --gap-20: 20px;
        --gap-18: 18px;
        --gap-16: 16px;
        --gap-14: 14px;
        --gap-12: 12px;
    }

    .form-control {
        height: 50px;
    }

    .enquiry-form-field {
        padding-right: calc(var(--gap-12) * 2);
        padding-left: calc(var(--gap-16) * 2);
    }

    .impact-info-title h1 {
        font-size: 170px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1399px) {
:root {
        --font-12: 11px;
        --font-14: 13px;
        --font-16: 15px;
        --font-18: 17px;
        --font-20: 19px;
        --font-24: 21px;
        --font-32: 28px;
        --font-54: 46px;
        --font-72: 63px;

        --gap-80: 70px;
        --gap-50: 45px;
        --gap-20: 18px;
        --gap-18: 16px;
        --gap-16: 14px;
        --gap-14: 12px;
        --gap-12: 10px;
    }

    .experience-vehicle-image {
        width: 48%;
        top: -44px;
    }

    .journey-list .content:before {
        max-height: 40px;
        top: 27px;
    }

    .impact-info-title h1 {
        font-size: 150px;
    }

    .stats-seperator {
        min-width: 90px;
    }

    .informative-overlay-content .flex-field .overlay-tags {
        width: 160px;
    }

    .informative-overlay-content .flex-field .left-overlay-content {
        width: calc(100% - 160px);
    }

    .accreditation-text {
        padding-left: var(--gap-16);
    }

    .overlay-tags h5 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .form-group {
        margin-bottom: 16px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1299px) {
:root {
        --font-12: 11px;
        --font-14: 13px;
        --font-16: 15px;
        --font-18: 17px;
        --font-20: 18px;
        --font-24: 20px;
        --font-32: 26px;
        --font-54: 42px;
        --font-72: 59px;
        --gap-80: 60px;
        --gap-50: 35px;
        --gap-20: 17px;
        --gap-18: 15px;
        --gap-16: 13px;
        --gap-14: 11px;
        --gap-12: 9px;
    }

    .contact-info-field {
        width: 500px;
    }

    .enquiry-form-field {
        width: calc(100% - 500px);
    }

    .seperate-icon-btn span.arrow {
        width: 39px;
        height: 39px;
    }

    .journey-list {
        gap: calc(var(--gap-16) * 3);
    }

    .journey-list .content:before {
        left: -20px;
    }

    .journey-list .content:after {
        left: calc(-1 * (calc(var(--gap-16) + 2px) + 12px));
        top: 3px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1199px) {


}

@media screen and (min-width: 768px) and (max-width: 991px) {


}

@media screen and (min-width: 300px) and (max-width: 767px) {
    :root {
        --font-12: 10px;
        --font-14: 12px;
        --font-16: 14px;
        --font-18: 16px;
        --font-20: 18px;
        --font-24: 20px;
        --font-32: 22px;
        --font-54: 34px;
        --font-72: 40px;
        --gap-80: 50px;
        --gap-50: 30px;
        --gap-20: 18px;
        --gap-18: 16px;
        --gap-16: 14px;
        --gap-14: 12px;
        --gap-12: 10px;
    }

    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 480px;
    }

    .logo img {
        width: 120px;
    }

    .nav-right ul.front-nav-menu li:nth-child(1), .nav-right ul.front-nav-menu li:nth-child(2) {
        display: none;
    }

    .training-grid {
        flex-direction: column;
    }

    .stats-list {
        flex-wrap: wrap;
        justify-content: unset;
        gap: 14px 0;
    }

    .stat-item {
    width: 50%;
    }

    .stats-seperator {
        display: none;
        }

    .who-train-wrapper {
        flex-direction: column;
    }

    .who-train-list-card {
        width: 100%;
    }

        .why-choose-grid {
            flex-wrap: wrap;
        }

        .contact-enquiry-wrapper {
            flex-direction: column;
        }

        .contact-info-field {
            width: 100%;
        }

        .enquiry-form-field {
            width: 100%;
        }

        .credential-card.large, .credential-card.small, .credentials-grid .credential-card.extrasmall {
            width: 100%;
        }

        .credential-card {
            border: 0 !important;
            border-bottom: 1px solid #DFDFDF !important;
        }

        .credential-card:last-child {
            border-bottom: 0 !important;
        }

        .banner-content {
            padding-left: 24px;
        }

        .training-intro {
            padding: 0;
        }

        .banner-action-btn {
        position: unset;
        margin-top: 29px;
        display: flex;
        justify-content: flex-end;
    }

    .home-banner .banner-content-field {
        padding-top: 100px !important;
    }
    .section-title h2 br {
        display: none;
    }
    .training-categories-wrapper {
        flex-direction: column;
    }
    .inline-heading {
        flex-direction: column;
    }
    .inline-heading .heading-left, .inline-heading .heading-right {
        width: calc(100% - var(--gap-20));
    }
    .training-action-section .action-buttons {
        flex-direction: column;
    }
    .contact-enquiry-wrapper .enquiry-form-field {
        padding-right: 0;
        margin-top: var(--gap-50);
    }
    .footer-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .footer-widget {
        width: 100%;
    }
    .banner-side-img {
        margin-top: var(--gap-50);
    }
    .academy-info-wrapper {
        flex-direction: column;
        margin-bottom: var(--gap-50);
    }
    .academy-info-wrapper .academy-info-card {
        width: 100%;
    }
    .impact-info-title h1 {
        font-size: 120px;
    }
    .impact-stats-desc {
        margin-top: var(--gap-50);
    }
    .media-content-wrapper.right-media .media-content-image {
        padding-left: 0;
        margin-top: var(--gap-50);
    }
    .ambition-steps-grid, .course-list-grid, .media-content-body .features-list ul, .informative-overlay-content .flex-field {
        flex-direction: column;
    }
    .ambition-steps-grid .steps-card, .course-list-grid .course-card, .media-content-body .features-list ul li {
        width: 100%;
    }
    .accreditation-text {
        margin-top: var(--gap-20);
    }
    .inner-banner-wrapper .banner-content {
        padding-left: 0;
    }
    .inner-banner-wrapper .banner-content h1 {
        font-size: var(--font-54);
    }
    .media-content-wrapper.left-media .media-content-image {
        padding-right: 0;
        margin-bottom: var(--gap-50);
    }
    .training-overview-steps {
        padding-left: 0;
        margin-top: var(--gap-50);
        flex-direction: column;
    }
    .training-overview-steps .steps-card {
        width: 100%;
    }
    .steps-card:nth-child(1), .steps-card:nth-child(3) {
        border-right: 1px solid #DFDFDF;
    }
    .informative-overlay-content .flex-field  {
        align-items: start;
    }
    .informative-overlay-content .flex-field .left-overlay-content, .informative-overlay-content .flex-field .overlay-tags {
        width: 100%;
    }
    .informative-overlay-content .flex-field .overlay-tags {
        margin-top: var(--gap-20);
    }
    .steps-card:nth-child(1), .steps-card:nth-child(3) {
        border-right: 1px solid #DFDFDF;
    }
    .steps-card:nth-child(3) {
        border-bottom: none;
    }


}