@media screen and (max-width: 1200px) {
    .login-container .mb-4,
    .login-container .form-group {
        font-size: 51px !important;
    }
    .login-container .mb-3 {
        font-size: 22px;
    }
    .login-container .fst-text {
        margin-bottom: -16px !important;
    }
}

@media screen and (max-width: 991px) {
    .login-container .mb-4,
    .login-container .form-group {
        font-size: 37px !important;
    }
    .login-container .mb-3 {
        font-size: 22px;
    }
    .login-container .fst-text {
        margin-bottom: -11px !important;
    }
    .login-container .form-group .beta_input {
        width: 70% !important;
    }
    .login-container .imbiblio_text {
        font-size: 50px !important;
    }
    .login-container .beta_text {
        font-size: 60px !important;
    }
    .login-container .form-group {
        margin-left: 10% !important;
    }
}
@media screen and (max-width: 768px) {
    .login-container .mb-4,
    .login-container .form-group {
        font-size: 41px !important;
    }
    .login-container .mb-3 {
        font-size: 22px;
    }

    .login-container .beta_text {
        font-size: 60px !important;
    }
    .login-container .fst-text {
        margin-bottom: -12px !important;
    }

    .login-container .form-group .beta_input {
        width: 70% !important;
    }

    .login-container .imbiblio_text {
        font-size: 50px !important;
    }
    .login-container .form-group {
        margin-left: 20% !important;
    }
}
@media screen and (max-width: 576px) {
    .login-container .mb-4,
    .login-container .form-group {
        font-size: 41px !important;
    }
    .login-container .mb-3 {
        font-size: 20px;
    }
    .login-container .imbiblio_text {
       font-size: 50px !important;
    }
    .login-container .beta_text {
        font-size: 60px !important;
    }
    .login-container .fst-text {
        margin-bottom: -10px !important;
        font-size: 37px;
    }
    .login-container .form-group .beta_input {
        width: 70% !important;
    }
    .login-container .form-group {
        margin-left: 16% !important;
        margin-right: 16% !important
    }
    .btn {
        margin-top: 44px !important;
    }
}

@media screen and (max-width: 991px) {
    .btn {
        padding: 2px;
        width: 60% !important;
        right: 10px !important;
        margin-top: 35px;
        position: relative !important;
        font-size: 10px !important;
    }
    .login-container .form-group .beta_input {
        width: 100% !important;
    }
    .form-group {
        margin-bottom: 0px;
    }
    .verticalline {
        width: 20% !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1192px) {
    .btn {
        font-size: 10px !important;
    }
}
@media screen and (min-width : 579px) and (max-width : 991px) {
    .btn {
        margin-top: 50px !important;
    }
}

/*Media player styles*/

@media (max-width: 768px) {
    .media-title {
        font-size: 1.5rem;
    }

    .media-details {
        font-size: 0.9rem;
    }

    .wrapper-media {
        display: flex;
        flex-direction: column !important;
    }
}

@media (max-width: 480px) {
    .media-title {
        font-size: 1.25rem;
    }

    .media-details {
        font-size: 0.8rem;
    }

    .wrapper-media {
        display: flex;
        flex-direction: column !important;
    }