.signup_nav{
    margin: auto;
    text-align: center;
    padding-top: 20px;
    width: 679px;
}

.signin_tab.active{
    margin: auto;
    display: inline-block;
    float: none;
    background-color: white !important;
}

.signin_tab{
    margin: auto;
    display: inline-block;
    float: none;
    font-size: 20px;
    width: 49.6% !important;
}

.signin_form{
    width: 679px;
    margin: auto;
    border-left: 0.5px solid #b8b8b8;
    border-bottom: 0.5px solid #b8b8b8;
    border-right: 0.5px solid #b8b8b8;
    padding: 10px 20px;
}

/* MEDIA QUERIES */
@media screen and (max-width: 1680px) {
    .signin_form, .signup_nav{
        width: 679px;
    }
}

@media screen and (max-width: 1366px) {
    .signin_form, .signup_nav{
        width: 679px;
    }
}

@media screen and (max-width: 1280px) {
    .signin_form, .signup_nav{
        width: 679px;
    }
}

@media screen and (max-width: 1024px) {
    .signin_form, .signup_nav{
        width: 679px;
    }
}

@media screen and (max-width: 980px) {
    .signin_form, .signup_nav{
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .signin_form, .signup_nav{
        width: 100%;
    }
}

@media screen and (max-width: 736px) {
    .signin_form, .signup_nav{
        width: 100%;
    }
}

@media screen and (max-width: 667px) {
    .signin_form, .signup_nav{
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .signin_form, .signup_nav{
        width: 100%;
    }
    .signin_tab{
        width: 49.3% !important;
    }
}

@media screen and (max-width: 360px) {
    .signin_form, .signup_nav{
        width: 100%;
    }
    
    .signin_tab{
        width: 49.3% !important;
    }
}