@media screen and (max-width: 375px) {
    .national-slider-wrapper { min-width: 0!important; }

    .tm-navbar .tm-logo {
        width: 150px;
    }

    .uk-navbar-toggle {
        float: right !important;
    }

    .menu-divider {
        margin-top: 10px !important;
    }

    .uk-height-viewport {
        height: 50vh !important;
        min-height: 250px !important;
        min-height: 250px !important;
    }

    .uk-dotnav {
        display: none !important;
    }

    .uk-slidenav-position .uk-slidenav-previous2 {
        left: 10px !important;
    }

    .uk-slidenav-position .uk-slidenav-next2 {
        right: 0 !important;
        background: url(../images/right.png) no-repeat;
    }

    .national-caption {
        font-size: 12px;
        line-height: 15px;
    }

    .uk-container {
        max-width: 100% !important;
        overflow: hidden;
    }

    h4, .uk-h4 {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    .tm-section-light .uk-panel-title {
        font-size: 24px !important;
    }

    .category-module-trainers .ak-overlay .uk-panel-title {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .nationals-bg {
        height: 200px !important;
        ;
        background-size: contain !important;
    }

    .ak-page .tm-section-padding-large {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .gmap {
        width: 280px !important;
        height: 280px !important;
    }

    .uk-breadcrumb > li {
        font-size: 13px !important;
    }

    p {
        font-size: 11px !important;
    }

    h3, .uk-h3, .price-plan-header h3 {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    .price-plan-header {
        padding-left: 5px !important;
    }

        .price-plan-header h4, .price-plan-header h5 {
            padding: 0 !important;
            font-size: 12px !important;
        }

    .uk-position-bottom2 {
        bottom: -150px !important;
    }

        .uk-position-bottom2 h2 {
            font-size: 16px !important;
            line-height: 16px !important;
        }

        .uk-position-bottom2 p {
            font-size: 12px !important;
            line-height: 12px !important;
        }

    .uk-panel-left {
        width: 90% !important;
    }

    .uk-panel-right {
        width: 90% !important;
    }

    .uk-panel-right {
        display: flex;
        justify-content: center;
    }

    .uk-position-bottom99 {
        bottom: -200px !important;
        height: 200px !important;
    }

        .uk-position-bottom99 h2 {
            font-size: 16px !important;
            line-height: 16px !important;
        }

        .uk-position-bottom99 p {
            font-size: 12px !important;
            line-height: 12px !important;
        }

    .uk-panel-left99 {
        width: 90% !important;
        height: 200px !important;
    }

    .uk-panel-right99 {
        width: 90% !important;
        height: 65px !important;
        margin-top: -5px !important;
    }

    .social-facility {
        margin-top: 250px !important;
    }

    .course-plan-header h4, .course-plan-header h5 {
        padding: 0 !important;
    }

    .course-plan-header h4 {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    h5, .uk-h5 {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .line-h2 {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .uk-course .course-right {
        float: none !important;
        width: 90% !important;
    }

    .uk-course .course-left {
        float: none !important;
        width: 90% !important;
    }

    .uk-course-title {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .course-bank-left {
        width: 90% !important;
        float: none !important;
    }

    .course-bank-right {
        width: 90% !important;
        float: none !important;
    }

    .cp-coursename h3 {
        font-size: 11px !important;
        line-height: 11px !important;
        padding: 50px 15px !important;
    }

    h2, .uk-h2 {
        font-size: 20px !important;
    }

    h3, .uk-h3 {
        font-size: 16px !important;
    }

    .uk-vertical-align-middle, .uk-vertical-align-bottom {
        font-size: 1rem !important;
    }

    .cp-header > div {
        width: 200px !important;
    }

    .cp-courseprice {
        width: 200px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
    }

    .pr-header > div {
        width: 200px !important;
    }

    .pr-courseprice {
        width: 200px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
    }

    .jspVerticalBar .jspArrow {
        height: 16px !important;
    }

    .jspHorizontalBar .jspArrow {
        width: 16px !important;
        float: left;
        height: 100% !important;
    }

    .price-scroller-responsive {
        display: block !important;
    }

    .price-scroller-nonresponsive {
        display: none !important;
    }

}

@media screen and (max-width: 414px) {
    .national-slider-wrapper { min-width: 0!important; }

    .uk-course .course-right {
        float: none !important;
        width: 90% !important;
    }

    .uk-course .course-left {
        float: none !important;
        width: 90% !important;
    }

    .uk-course-title {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .cp-coursename {
        width: 100px !important;
    }

        .cp-coursename h3 {
            font-size: 13px !important;
            line-height: 13px !important;
            padding: 50px 15px !important;
        }

    .cp-header > div {
        width: 250px !important;
    }

        .cp-header > div.placeholder {
            width: 100px !important;
        }

    .cp-scroll {
        width: 100px !important;
    }

        .cp-scroll .cp-header-placeholder {
            width: 100px !important;
        }

    .cp-courseprice {
        width: 250px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
    }

    .cp-courseprice-placeholder {
        width: 100px !important;
    }

    .course-bank-left {
        float: none !important;
        width: 90% !important;
    }

    .course-bank-right {
        float: none !important;
        width: 90% !important;
    }

    h2, .uk-h2 {
        font-size: 24px !important;
    }

    h3, .uk-h3 {
        font-size: 20px !important;
    }

    .uk-vertical-align-middle, .uk-vertical-align-bottom {
        font-size: 1rem !important;
    }

    .pr-coursename {
        width: 100px !important;
    }

        .pr-coursename h3 {
            font-size: 13px !important;
            line-height: 13px !important;
            padding: 50px 15px !important;
        }

    .pr-header > div {
        width: 250px !important;
    }

        .pr-header > div.placeholder {
            width: 100px !important;
        }

    .pr-scroll {
        width: 100px !important;
    }

        .pr-scroll .pr-header-placeholder {
            width: 100px !important;
        }

    .pr-courseprice {
        width: 250px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
    }

    .pr-courseprice-placeholder {
        width: 100px !important;
    }

    .price-scroller-responsive {
        display: block !important;
    }

    .price-scroller-nonresponsive {
        display: none !important;
    }

    .uk-position-bottom2 {
        bottom: -150px !important;
    }

        .uk-position-bottom2 h2 {
            font-size: 16px !important;
            line-height: 16px !important;
        }

        .uk-position-bottom2 p {
            font-size: 12px !important;
            line-height: 12px !important;
        }

    .uk-panel-left {
        width: 90% !important;
    }

    .uk-panel-right {
        width: 90% !important;
    }

    .uk-panel-right {
        display: flex;
        justify-content: center;
    }

    .uk-position-bottom99 {
        bottom: -200px !important;
        height: 200px !important;
    }

        .uk-position-bottom99 h2 {
            font-size: 16px !important;
            line-height: 16px !important;
        }

        .uk-position-bottom99 p {
            font-size: 12px !important;
            line-height: 12px !important;
        }

    .uk-panel-left99 {
        width: 90% !important;
        height: 200px !important;
    }

    .uk-panel-right99 {
        width: 90% !important;
        height: 65px !important;
        margin-top: -5px !important;
    }

    .social-facility {
        margin-top: 250px !important;
    }

    .gmap {
        width: 280px !important;
        height: 280px !important;
    }
}

@media screen and (max-width: 568px) {
    .national-slider-wrapper { min-width: 0!important; }

    .uk-course .course-right {
        float: none !important;
        width: 90% !important;
    }

    .uk-course .course-left {
        float: none !important;
        width: 90% !important;
    }

    .uk-course-title {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .cp-coursename {
        width: 100px !important;
    }

        .cp-coursename h3 {
            font-size: 13px !important;
            line-height: 13px !important;
            padding: 50px 15px !important;
        }

    .cp-header > div {
        width: 250px !important;
    }

        .cp-header > div.placeholder {
            width: 100px !important;
        }

    .cp-scroll {
        width: 100px !important;
    }

        .cp-scroll .cp-header-placeholder {
            width: 100px !important;
        }

    .cp-courseprice {
        width: 250px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
    }

    .cp-courseprice-placeholder {
        width: 100px !important;
    }

    .course-bank-left {
        float: none !important;
        width: 90% !important;
    }

    .course-bank-right {
        float: none !important;
        width: 90% !important;
    }

    h2, .uk-h2 {
        font-size: 24px !important;
    }

    h3, .uk-h3 {
        font-size: 20px !important;
    }

    .uk-vertical-align-middle, .uk-vertical-align-bottom {
        font-size: 1rem !important;
    }

    .gmap {
        width: 500px !important;
    }

    .pr-coursename {
        width: 100px !important;
    }

        .pr-coursename h3 {
            font-size: 13px !important;
            line-height: 13px !important;
            padding: 50px 15px !important;
        }

    .pr-header > div {
        width: 250px !important;
    }

        .pr-header > div.placeholder {
            width: 100px !important;
        }

    .pr-scroll {
        width: 100px !important;
    }

        .pr-scroll .pr-header-placeholder {
            width: 100px !important;
        }

    .pr-courseprice {
        width: 250px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
    }

    .pr-courseprice-placeholder {
        width: 100px !important;
    }

    .price-scroller-responsive {
        display: block !important;
    }

    .price-scroller-nonresponsive {
        display: none !important;
    }
}

@media screen and (max-width: 667px) {
    .national-slider-wrapper { min-width: 0!important; }

    .uk-course .course-right {
        float: none !important;
        width: 90% !important;
    }

    .uk-course .course-left {
        float: none !important;
        width: 90% !important;
    }

    .uk-course-title {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .cp-coursename {
        width: 100px !important;
    }

        .cp-coursename h3 {
            font-size: 13px !important;
            line-height: 13px !important;
            padding: 20px 15px !important;
        }

    .cp-header > div {
        width: 250px !important;
    }

        .cp-header > div.placeholder {
            width: 100px !important;
        }

    .cp-scroll {
        width: 100px !important;
    }

        .cp-scroll .cp-header-placeholder {
            width: 100px !important;
        }

    .cp-courseprice {
        width: 250px !important;
        font-size: 13px !important;
        margin-top: 15px !important;
    }

    .cp-courseprice-placeholder {
        width: 100px !important;
    }

    .course-bank-left {
        float: none !important;
        width: 90% !important;
    }

    .course-bank-right {
        float: none !important;
        width: 90% !important;
    }

    h2, .uk-h2 {
        font-size: 24px !important;
    }

    h3, .uk-h3 {
        font-size: 24px !important;
        line-height: 36px!important;
    }

    .uk-vertical-align-middle, .uk-vertical-align-bottom {
        font-size: 1rem !important;
    }

    .pr-coursename {
        width: 100px !important;
    }

        .pr-coursename h3 {
            font-size: 13px !important;
            line-height: 13px !important;
            padding: 20px 15px !important;
        }

    .pr-header > div {
        width: 250px !important;
    }

        .pr-header > div.placeholder {
            width: 100px !important;
        }

    .pr-scroll {
        width: 100px !important;
    }

        .pr-scroll .pr-header-placeholder {
            width: 100px !important;
        }

    .pr-courseprice {
        width: 250px !important;
        font-size: 13px !important;
        margin-top: 15px !important;
    }

    .pr-courseprice-placeholder {
        width: 100px !important;
    }

    .price-scroller-responsive {
        display: block !important;
    }

    .price-scroller-nonresponsive {
        display: none !important;
    }
}

@media screen and (min-width: 700px) and (max-width: 768px) {
    .national-slider-wrapper { min-width: 720px; }
}

@media screen and (min-width: 1300px) {
    .national-slider-wrapper { min-width: 1285px; }
}

@media screen and (min-width: 1000px) and (max-width: 1100px){
    .national-slider-wrapper { min-width: 1000px; }

    .uk-position-bottom2 {
        bottom: -150px !important;
    }

    .uk-panel-right {
        display: flex;
        justify-content: center;
    }

    .uk-position-bottom99 {
        bottom: -200px !important;
        height: 200px !important;
    }

        .uk-position-bottom99 h2 {
            font-size: 16px !important;
            line-height: 16px !important;
        }

        .uk-position-bottom99 p {
            font-size: 12px !important;
            line-height: 12px !important;
        }

    .uk-panel-left99 {
        width: 90% !important;
        height: 200px !important;
    }

    .uk-panel-right99 {
        width: 90% !important;
        height: 65px !important;
        margin-top: -5px !important;
    }

    .social-facility {
        margin-top: 250px !important;
    }

    .gmap {
        width: 280px !important;
        height: 280px !important;
    }
}