@media (max-width: 1200px) {
    .right_content_top_mid_inner a{
        width: 49% !important;
    }
    .signin_inner img{
        width: 100%;
    }
}
@media (max-width: 992px){
    .user_signed_group{
        display: none;
    }
    .right_content_top{

    }
    .user_signed_group_responsive{
        display: block !important;
    }
    .user_signed_group_responsive>.user_signed_group{
        display: block !important;
    }
    .user_signed_group_responsive>.user_signed_group .signed_user,.user_signed_group_responsive>.user_signed_group .user_signed_bottom_link,.user_signed_group_responsive>.user_signed_group .left_menu_item span{
        display: inline !important;
    }
    .user_signed_group_responsive>.user_signed_group .signed_user_upper, .user_signed_group_responsive>.user_signed_group .signed_user_bottom{
        display: inline !important;
    }
    .left_menu{
        display: none !important;
    }
    .right_content{
        width: 100% !important;
    }
    .right_content_top_end a span {
        display: inline;
        padding-left: 10px;
    }
}
@media (max-width: 900px) {
    .header_user{
        margin-top: 15px;
    }
    .header_user h3, .header_user h2{
        font-size: 16px;
    }
    .user_profile_image, .profile_img img{
        width: 48px;
        height: 48px;
    }
    .add_role_top_flow2{
        display: none;
    }
    .step-info{
        display: block;
    }
    .banner_content {
        font-size: 38px;
        line-height: 42px;
    }
    .vol_landing_footer {
        margin-bottom: 20px;
        padding: 10px;
    }
    .vol_landing_footer p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .right_content_top_mid_inner a{
        width: 100% !important;
    }
    .border_top.border_left_right a{
        font-size: 14px;
    }
    .vol_dash_top_menu {
        flex-direction: column;
        align-items: left;
    }
    .vol_dash_top_menu a {
        margin: 5px 0;
        font-size: 14px;
    }
    .vol_dashboard_form label {
        color: #141414;
        font-family: 'Segoe UI';
        font-size: 14px;
        font-weight: 400;
    }
    .join_now_vol_main{
        text-align: right !important;
        padding: 0px;
    }
    .dataTables_length, .dataTables_filter{
        text-align: left !important;
    }
    .dataTables_wrapper .row .col-md-6{
        padding: 0px !important;
    }
}


@media (max-width: 725px) {
}

@media (max-width: 680px) {
    .header_user{
        margin-top: 8px;
    }
    .header_user h3, .header_user h2{
        font-size: 14px;
    }
    .border_top.border_left_right a{
        font-size: 12px;
    }
    .user_profile_image, .profile_img img{
        width: 32px;
        height: 32px;
    }
    .vol_landing_footer{
        margin-bottom: 20px;
    }
    .vol_landing_footer p{
        font-size: 16px;
    }
    .img-thumbnail{
        max-width: 150px !important;
    }
}

@media (max-width: 650px) {
    .VD_my_availability{
        font-size: 14px;
    }
    .VD_my_availability a{
        font-size: 12px;
        padding: 8px 10px;
        font-weight: normal;
    }
}

@media (max-width: 576px){
    .banner_content {
        font-size: 15px;
        line-height: 18px;
    }
    .img-thumbnail{
        max-width: 100px !important;
    }
}
@media (max-width: 530px){
    .user_signed_group_responsive {
    }
    /*.working_with img {*/
    /*    height: 38%;*/
    /*}*/
}

@media (max-width: 490px) {
    .add_role_form .form-check-label{
        display: contents;;
    }
    .VD_my_availability{
        font-size: 10px;
    }
    .VD_my_availability a{
        font-size: 8px;
        padding: 6px 4px;
        font-weight: normal;
    }
    .img-thumbnail{
        max-width: 75px !important;
    }
}
/* Default styles for the navigation menu */
.vol_dash_top_menu {
    display: flex;
    padding: 10px;
}

.vol_dash_top_menu a {
    text-decoration: none;
}

@media (max-width: 420px) {
    .vol_dash_save {
        font-size: 10px;
        padding: 9px 11px;
    }
    .vol_dash_cancel {
        font-size: 12px;
        padding: 8px 11px;
    }

    .back_to_dashboard_link {
        font-size: 10px;
        padding: 6px 12px;
    }
    .back_to_dashboard_link img {
        width: 16px;
    }
    .VD_role_detail_action {
        margin-top: -26px;
    }

    .btn.btn-primary.vol_dash_save{
        margin-bottom: 10px;
    }
    .form-check-label{
        font-size: 11px !important;
    }
    .join_now_vol{
        font-size: 13px;
    }
    /*.working_with img {*/
    /*    height: 30%;*/
    /*}*/

    .VD_my_availability .col-3 {
        margin-top: 15px;
        padding-left: 4px;
        text-align: center;
        vertical-align: middle;
    }
    .VD_my_availability a {
        display: block;
    }
}
@media (max-width: 380px) {
    .header_user h3, .header_user h2{
        font-size: 12px;
    }
    .VD_my_availability a{
        font-size: 8px;
        padding: 6px 2px;
        font-weight: normal;
    }
}