@media all and (max-width : 768px) {
    .apply_form {
        width: 95%;
        height: 500px;
    }

    .apply_form .logo img {
        width: 80px;
        height: auto;
    }

    .apply_form .logo h1 {
        font-size: 35px;
    }

    .apply-modal {
        width: 90%;
        min-height: auto;
        max-height: 90%;

    }

    /* User Dashboard */
    .navigation {
        padding: 10px 20px;
    }

    .navigation .logo {
        font-size: 28px;
    }

    .navigation .logo img {
        width: 70px;
        height: auto;
    }

    .main-content .center {
        width: 90%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .user_dashboard_button_group {
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 70px;
        background-color: #444;
        align-items: center;
        justify-content: center;
    }
    .user_dashboard_button_group .btn_grandient{
        background-color: transparent;
        background-image: none;
        border-right: 1px solid #fff;
        border-radius: 0;
    }

    .btn_download{
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
    }
    .bottom-menu{
        position: absolute;
        width: 150px;
        height: 40px;
        background-color: #fff;
        left: -90px;
        bottom: -51px;
        z-index: 999;
        /*display: block;*/
    }

    .container {
        width: 100%;
        padding: 20px 20px;
    }
    .card {
        width: 100%;
    }
    .card-header h2{
        font-size: 25px;
    }
    .slider-header {
        width: 100%;
        font-size: 25px;
        font-weight: 800;
    }

    .card-image {
        width: 100%;
        height: auto;
    }
    .footer {
        padding: 20px;
    }
    .footer-col {
        width: 100%;
    }

    .footer-header h2 {
        font-size: 20px;
        font-weight: 900;
    }

    .footer-col p {
        width: 100%;
    }

    .footer-col ul {
        margin-top: 30px;
        justify-content: center;
    }

    .footer-col ul li {
        width: 100%;
    }
    .footer-col a {
        font-size: 14px;
    }
    .video{
        width: 100%;
        padding: 0 !important;
        margin: 8px 0;
    }
    .video iframe {
        width: 100%;
        height: 250px;
    }
}