@media (min-width: 1025px) and (max-width: 1200px) {

    .sidenav {
        width: 30%;
    }
    .right_container {
        width: 70%;
        margin-left: 30%;
    }
    .menusec1 {
        height: 130vh;
    }
    .form-label {
        font-size: 13px;
    }
    input.photo_url {
        width: 100%;
    }

}

@media (min-width: 981px) and (max-width: 1024px) {

    .sidenav {
        width: 30%;
    }
    .right_container {
        width: 70%;
        margin-left: 30%;
    }
    .menusec1 {
        height: 130vh;
    }
    .form-label {
        font-size: 12px;
    }
    input.photo_url {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width: 980px) {

    .sidenav {
        width: 30%;
    }
    .right_container {
        width: 70%;
        margin-left: 30%;
    }
    .log_out_sec button {
        padding: 15px 40px;
    }
    .menusec1 {
        height: 130vh;
    }
    .form-label {
        font-size: 12px;
    }
    .input-box {
        font-size: 10px !important;
    }
    input.photo_url {
        width: 100%;
    }

}

@media (max-width: 767px) {

    .sidenav {
        width: 100%;
    }
    .custom_left_navbar_container {
        display: none;
    }
    .logo_section {
        display: none;
    }
    .right_container {
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 60px;
    }
    .name_sec2 {
        padding: 0 0;
    }
    input.photo_url {
        width: 100%;
    }
    .welcome_title h1 {
        position: unset;
        text-align: center;
    }
    .dashboard_section {
        display: block;
    }
    .res_navbar {
        display: block;
    }
    .navbar-brand>img {
        max-width: 160px;
        min-width: 161px;
        width: 100%;
    }
    button.show_res_nav {
        float: right;
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        background-color: #d9534f;
    }

    .res_navbar a {
        padding: 10px 15px;
    }
}

@media (min-width: 700px) and (max-width: 767px) {

    .inputCntnr {
        padding: 0 13px;
    }

}

@media (min-width: 641px) and (max-width: 699px) {

    .form-group-one {
        float: unset !important;
        width: 100% !important;
    }
    .form-group-two {
        width: 100% !important;
    }
    form#websiteUserLoginForm {
        width: 100% !important;
    }

}

@media (min-width: 481px) and (max-width: 640px) {

    .form-group-one {
        float: unset !important;
        width: 100% !important;
    }
    .form-group-two {
        width: 100% !important;
    }
    form#websiteUserLoginForm {
        width: 100% !important;
    }
    .subheader_sec {
        display: block;
    }
    .title_sec {
        width: 100%;
        text-align: center;
    }
    .add_sec {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .form_container {
        width: 100%;
    }
    .res_padding {
        padding-top: 18px;
    }
    br.res_hide {
        display: none;
    }

}

@media (min-width: 320px) and (max-width: 480px) {

    .form-group-one {
        float: unset !important;
        width: 100% !important;
    }
    .form-group-two {
        width: 100% !important;
    }
    .input-box {
        width: 100% !important;
    }
    .inputCntnr {
        padding: 0 10px;
    }
    .button-blue {
        width: 100% !important;
    }
    .login-content {
        width: 100% !important;
    }
    form#websiteUserLoginForm {
        width: 100% !important;
    }
    .form-label {
        font-size: 10px;
    }
    .input-box {
        font-size: 11px !important;
    }
    h2.Personel141 {
        font-size: 20px;
    }
    .subheader_sec {
        display: block;
    }
    .title_sec {
        width: 100%;
        text-align: center;
    }
    .add_sec {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .title_sec p {
        font-size: 15px;
    }
    .form_container {
        width: 100%;
    }
    .inner_title_sec p {
        font-size: 15px;
    }
    .res_padding {
        padding-top: 18px;
    }
    br.res_hide {
        display: none;
    }

    button.create-account-button {
        margin-left: 0 !important;
        width: 313px;
    }
    .s_sending_pa_title {
        padding-left: 27px;
    }
}