@media screen and (max-width: 768px) {
    .menu-search-bar {
        display: none !important;
    }
}

@media screen and (max-width: 576px) {
    h3 {
        font-size: 19px !important;
    }

    .login,
    .register {
        padding-bottom: 130px !important;
    }

    .login-box {
        padding: 15px !important;
        margin: 12px 0px 0px 0px !important;
        width: 100% !important;
    }

    .register-box {
        width: 100% !important;
        margin: 25px 0px 0px 0px !important;
        padding: 35px 15px !important;
    }

    .form-field label {
        font-size: 15px;
    }

    .form-remember-me label {
        font-size: 13px;
    }

    .form-field input {
        font-size: 14px;
    }

    .form-button button {
        font-size: 14px;
    }

    .grecaptcha-badge {
        display: none !important;
    }

    .register-box {
        padding: 30px 30px;
    }

    .form-accept-rules label {
        font-size: 13px;
        line-height: 28px;
    }

    .form-accept-rules label a {
        font-size: 13px;
    }

    .select-area {
        width: 100% !important;
    }

    .g-recaptcha {
        transform: scale(0.8);
    }

    .register-content-alerts {
        width: 100% !important;
    }


}

@media screen and (max-width: 380px) {
    .form-button button {
        font-size: 13px;
    }

    .form-button {
        margin-top: 20px;
    }

    .g-recaptcha {
        transform: scale(0.6);
    }

    .footer-logo a img {
        width: 240px;
    }

    .login,
    .register {
        padding-bottom: 170px !important;
    }

}