@media (max-width: 1250px) {
    .rolelist_header_box, .rolelist_row, .home_apps_header_box {
        max-width: 99%;
        min-width: 750px;
    }

    .role_cell_title {
        width: 20%;
    }

    .role_cell_org {
        width: 15%;
    }

    .search {
        position: relative;
        float: left;
        width: 20% !important;
    }

    .search_body {
        float: left;
        width: 80% !important;
    }

        .search_body .rolelist_box .row .detail {
            float: left;
            width: 70% !important;
        }
}

@media (max-width: 1150px){
    /*.card_sort > .cards{
        width:33%;
    }
    .card_sort > .sorts{
        width:66%;
    }
    .card, .card_spot {
        width: 130px;
    }
    .card_spot2 {
        left: 162px;
    }
    .card_spot3 {
        left: 304px;
    }
    .card_spot4 {
        left: 446px;
    }
    .cards_footer{
        width:33%;
    }
    .card > .content {
        position: relative;
        top:0px;
        line-height: 17px;
    }*/
    
}

@media(max-width: 960px) {
    .profile_seperator {
        width: 10px;
        margin-right: 10px;
    }

    apply_box {
        width: 98%;
        min-width: 600px;
        margin: 20px auto 20px auto;
    }

    .profile_right {
        width: calc(85% - 195px);
    }

    .profile_contact .contact_data {
        float: left;
        width: 190px;
        overflow: auto;
        white-space: normal;
    }

    .profile_box {
        min-width: unset;
    }

    .apply_innerbox {
        /* overflow: auto; */
    }

    .head_box {
        width: unset;
    }

        .head_box .company_logo_box {
            /* margin-left: 0px; */
        }

    .scroll_indication {
        display: none;
    }
    table.radio_list label {
        /* width: auto; */
        min-width: 0;
        /* margin-inline-end: 10px; */
    }
    .login_forgot, .login_signup_row {
        line-height: 20px;
    }
    .left_column {
        width: 16%;
    }
    .anytime_column {
        width: 17%;
    }
    .middle_column {
        width: 57%;
    }

    .delete_column {
        width: 4%;
    }

    .hrs_column {
        width: 6%;
    }
    .availability_row {
        padding: 15px 0px 25px 0px;
        font-size:14px;
    }
    .quick_file_row input {
        width: 50%;
    }
    .profile_date {
        width: 45%;
        margin-right: 5px;
    }
    .form .half_form {
        width: 36%;
    }
    .work_form .half_form {
        width: 48%;
    }
    .work_form .cell_container {
        width: 35%;
    }
}

@media(max-width:850px){
    .smaller_innerbox .row {
        padding: 40px 30px 30px 30px;
    }
    .availab-text {
        margin-right: 2.25px;
        margin-left: 2.25px;
    }
    .left_column {
        width: 16%;
    }
    .anytime_column {
        width: 18%;
    }
    .middle_column {
        width: 56%;
    }

    .delete_column {
        width: 4%;
    }

    .hrs_column {
        width: 6%;
    }
    .avail_para_left {
        width: 12%;
    }

    .avail_para_right {
        margin-left: 12%;
    }
    .copy_icon{
        width:12%;
    }
    .apply_nowlater, .apply_quiz {
        width: 100%;
    }
    .content, .content_error, .content_error .detail {
        margin: 0px;
    }
}

@media (max-width: 800px) {
    .search_body .rolelist_box .row .detail {
        float: left;
        width: 65% !important;
    }

    .smaller_innerbox .row {
        padding: 30px 40px 30px 40px;
    }
    .quiz_box {
        max-width: 620px;
    }
    .scroll_indication {
        display:none;
        width: 150px;
        background-color: #f2f2f2;
        color: #485488;
        font-weight: bold;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        z-index: 99999;
        top: 300px;
        right: 15px;
        opacity: 1;
        transition: opacity 1s;
        box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.16);
    }
        .scroll_indication::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -5px;
            border-left: 8px solid #f2f2f2;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }
    .double_button {
        width: 140px;
    }
    .upload_cv_error {
        /*right: calc(50% - 240px);*/
    }
    .availab_select {
        width: 100px;
    }
    .left_column {
        width: 20%;
    }
    .anytime_column {
        width: 19%;
    }
    .middle_column {
        width: 50%;
    }

    .delete_column {
        width: 4%;
    }

    .hrs_column {
        width: 7%;
    }
    .form .half_form {
        width: 38%;
    }
    .profile_date {
        width: 45%;
        margin-right: 2px;
    }
    .profile_container {
        margin-top: 25px;
        height: auto;
        font-size: 12px;
    }
    .cell_container.profile_container {
        padding-left: 20px;
    }
    .profile_container .availab-date {
        margin-top: 3px;
    }
    .work_form .half_form {
        width: 48%;
    }
    .work_form .profile_date.month {
        margin-right: 5px;
    }
    .work_form .cell_container {
        width: 40%;
    }
    .empty_column{
        width: 2%;
    }
    .availab_hour{
        width:12%;
    }
    .work_form .cell_container.cell_container_ref {
        width: 42%;
    }
    
}

@media (max-width: 700px) {
    .master_body {
        //padding: 0px;
    }

    .login_inner_box {
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100% - 20px);
        height: 100%;
        overflow: auto;
        border-radius: 0;
        transform: none;
        max-width: 700px;
    }

        .login_inner_box .login_button, .signup_button {
            text-transform: uppercase;
            /* margin-left: 70px; */
            /* width: calc(80% - 60px); */
            /*margin-left: 0px;
            width: calc(100% - 40px);*/
        }

        .login_inner_box .signup_name_input {
            width: 96%;
            margin-top: 5px;
        }

    .main_header_logo {
        margin-top: 10px;
        margin-left: 10px;
    }

    .main_header_box {
        height: 70px;
    }

    .main_header_toolbar {
        line-height: 70px;
        /* margin-right: 28px; */
        /* float: right; */
    }

    .main_header_box .main_header_toolbar a.icon {
        font-size: 30px;
        display: block;
        position: absolute;
        right: 0;
        padding-right: 40px;
        padding-left: 15px;
        color: #444E77;
        /* margin-right: 28px; */
    }

    .main_header_toolbar .btn {
        display: none;
    }

    .main_header_toolbar.responsive {
        position: relative;
        margin-right: -1px;
    }

        .main_header_toolbar.responsive .icon {
            display: block;
        }

        .main_header_toolbar.responsive .btn-menu {
            display: none;
            color: white;
            height: 40px;
            color: forestgreen;
        }

    .main_header_toolbar .mobile_menu {
        display: none;
    }

    .main_header_toolbar.responsive .mobile_menu {
        display: block;
        color: forestgreen;
        background-color: #485488;
    }

    .mobile_menu {
        display: none;
    }

        .mobile_menu.responsive {
            display: block;
            color: #444E77;
            background-color: white;
            /*overflow-y: auto;*/
            position: absolute;
            right: 0;
            z-index: 999;
            /*padding:8px 10px;*/
            border: 1px solid #DCDCDC;
        }

.mobile_menu.responsive .mobile_menu_button {
    font-size: 16px;
    padding: 10px 16px;
}
.mobile_menu.responsive .mobile_menu_button:hover {
    cursor:pointer;
    opacity:0.8;
}
    

        .default_button_row {
        position: relative;
        /* margin-left: calc(50% - 117px); */
    }

        .default_button_row .default_button {
            height: 30px;
            display: table-cell;
            vertical-align: middle;
            text-transform: uppercase;
        }

    .default_body {
        font-size: 16px;
    }

    .default_title {
        font-size: 30px;
        margin: 15px;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .apply_button_row .apply_button {
        /* text-transform: uppercase; */
    }

    .page_title {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        padding: 10px;
    }

    .search {
        float: none !important;
        width: auto !important;
        margin-bottom: 30px;
    }

    .search_split {
        display: none;
    }

    .search_body {
        float: none !important;
        width: 100% !important;
    }

        .search_body .role_box .row .detail {
            float: none !important;
            width: 100% !important;
        }

        .search_body .role_box .buttons, .apply {
            /*float: none !important;
        position: absolute;*/
        }

        .search_body .rolelist_box {
            margin-left: 8px !important;
        }

            .search_body .rolelist_box .role_box:before {
                width: 100% !important;
            }

            .search_body .rolelist_box .role_box {
                /*width: 100% !important;*/
                margin-top: 5px !important;
            }
.search_body .rolelist_box .role_box:hover {
    cursor:pointer;
    opacity:0.8;
}

                .search_body .rolelist_box .role_box .row .company_info {
                    display: table-cell;
                    margin-right: 0;
                }

            .search_body .rolelist_box .company_logo_box {
                height: 50px !important;
                width: 50px !important;
            }

            .search_body .rolelist_box .role_box .row .more {
                display: table-cell;
                list-style-type: none;
                position: relative;
                float: right;
                top: 50%;
                /* display: block; */
            }

                .search_body .rolelist_box .role_box .row .more .btn-info:after {
                    content: '\2807';
                    color: #485488;
                    font-size: 20px;
                }

                .search_body .rolelist_box .role_box .row .more .btn-info {
                    position: relative;
                    float: right;
                    background: #ffffff;
                    margin-left: 8px;
                    padding: 5px 10px;
                }


            .search_body .rolelist_box .role_box .mobile_apply {
                padding: 0px 5px;
                text-align: center;
          
                border-radius: 3px;
                z-index: 9999;
            }


        .search_body .more .mobile_apply {
            display: none;
        }

        .search_body .more.responsive .mobile_apply {
            display: block;
            float: right;
          
        }

        .search_body .more.responsive .btn-info {
            float: right;
        }

    .apply_box {
        min-width: 240px !important;
        margin: 10px auto;
    }

        .apply_box .apply_innerbox {
            min-width: 240px !important;
            height: auto !important;
        }

        .apply_box .submit_box {
            width: 100%;
            font-size: 14px;
        }

    .role_full {
        overflow: auto;
    }

    .role_full_inner {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: calc(98% - 20px) !important;
        height: 95% !important;
        overflow-y: auto !important;
        padding: 10px !important;
        min-height: 0px !important;
        min-width: 0px !important;
        border-radius: 0;
        transform: none !important;
    }

        .role_full_inner .apply_button {
            font-size: 16px;
          
            padding: 10px;
        }

    .profile_image_box {
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
    }

    .profile_image {
        margin-left: auto;
        margin-right: auto;
    }

    .profile_name {
        font-size: 20px;
        height: 20px;
        margin-top: 10px;
        margin-bottom:20px;
    }

    .profile_left {
        float: none;
        width: 100%;
        min-height: 100%;
    }

    .profile_box {
        min-width: 240px;
    }

    .profile_contact {
        clear: both;
        height: 35px;
        margin-left: 0;
    }

    .profile_seperator {
        display: none;
    }

    .profile_right {
        width: 99%;
        margin-top: 10px;
    }

    .work_box .details, .education_box .details {
        //padding: 0px;
    }

    .form .half_form {
        margin-right: 4%;
    }

    .resume_split_middle {
        display: none;
    }

    .resume_split_left {
        float: none;
        width: 99%;
        height: 270px;
    }


    .row_margin {
        margin-left: 30px;
    }

    .resume_upload_box {
        height: 65px;
    }

    .dropzone {
        height: 100px;
    }

        .dropzone .dz-message {
            margin: 0px !important;
        }

    .resume_upload_box .upload_box {
        height: 75px !important;
    }

    .apply_split_right, .resume_split_right {
        padding: 0px;
        float: none;
        width: 100%;
    }

    .resume_input {
        width: 95%;
    }

    .resume_select {
        width: 98%;
    }

    .apply_header_subtitle {
        width: 100%;
        line-height: 20px;
        padding: 0px;
    }

    .apply_header_title {
        padding: 0px;
        white-space: pre-wrap;
    }

    .apply_declare {
        font-size: 16px;
        margin: 20px 8px;
        width: 98%;
    }

    .quiz_button {
        margin: 10px 5px 10px 0px;
    }

    .quiz_box {
        height: 370px;
    }

    .role_cell_title {
        width: 20%;
    }

    .role_cell_org {
        display: block;
        width: 18%;
    }

    .role_cell_loc {
        display: block;
        width: 18%;
    }

    .role_cell_close {
        width: 18%;
    }

    .role_cell_more {
        width: 15%;
    }

    .rolelist_row, .home_apps_header_box {
        min-width: 99%;
        font-size: 14px;
    }

    .rolelist_cell, .home_apps_datalist_cell {
        padding: 8px 4px;
        height: 20px;
    }

    .app_button {
        position: relative;
        width: auto;
        top: -5px;
        font-size: 13px;
    }

    .rolelist_header {
        padding: 10px 4px;
    }

    .rolelist_header_box, .home_apps_header_box {
        height: 40px;
    }

    .head_box {
        padding: 5px 0px 100px 0px;
        margin-bottom: 30px;
    }



        .head_box .client {
            margin-left: 10px;
        }

    .apply_header_title {
        font-size: 24px;
    }

    .head_box .title {
        font-size: 18px;
    }

    .head_box .closes {
        font-size: 16px;
        margin-left: 10px;
    }

    .head_box .client {
        font-size: 16px;
    }

    .prepage_box {
        font-size: 16px;
        width: 100%;
    }

        .prepage_box .row {
            padding: 20px 20px 20px 20px;
        }

    .smaller_innerbox .row {
        padding: 10px 10px 25px 10px;
    }

    .apply_personal_working.input_error {
        width: 95%;
        padding: 5px;
    }

    .apply_personal_working {
        margin-left: 0px !important;
        padding: 0px;
    }

    .submit_border .apply_personal_working .input_default {
        width: 96% !important;
    }

    .apply_innerbox .apply_personal_working .resume_input {
        width: 99% !important;
    }

    .apply_split_middle {
        display: none;
    }

    .quiz_options_box {
        width: 100%;
    }

    .container ul li {
        width: 19%;
    }

    .apply_split_left {
        float: none;
        width: 99%;
        height: 100px;
    }

    .resume_select {
        width: unset;
    }

    .resume_calendar {
        width: 31.5%;
    }

    .additional_file {
        font-size: 16px;
    }

    .landing_text {
        font-size: 15px;
    }



    .linkedin-button {
        width: 100px;
    }





    .template_title {
        margin: 10px 0px 10px 0px;
    }

    .error_notice {
        font-size: 18px;
    }

    .availab_select {
        width: 80px;
    }

    .left_column {
        width: 20%;
    }

    .anytime_column {
        width: 22%;
    }

    .middle_column {
        width: 45%;
    }

    .delete_column {
        width: 4%;
    }

    .hrs_column {
        width: 8%;
    }

    .cancel_icon {
        padding: 10px 5px 20px 5px;
    }

    .availability_title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .availability_row {
        padding: 15px 0px 25px 0px;
        font-size: 14px;
    }

    .quick_file_row input {
        width: 40%;
    }
    .quick_file_row {
        width: 120%;
    }
    .inputfile + label {
        margin-left: 0px;
    }
    /***************sub menu**************/
    .dropdown-content {
        z-index: 999;
    }
    .dropbtn{
        padding: 0px 0px !important;
    }
    .dropdown-content {
        margin-left: -17px;
        background-color: white;
        box-shadow: none;
        min-width:unset;
        color: #444E77;
    }
        .dropdown-content a {
            color: #444E77;
            font-weight: normal;
            float: right;
        }
    .dropdown_menu .dropbtn{
        font-weight:normal;
    }

    .colla_question_title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .avail_para_left {
        width: 15%;
    }

    .avail_para_right {
        margin-left: 15%;
    }
    .profile_date {
        width: 47.5%;
        margin-right: 10px;
    }
    .form .half_form {
        width: 70%;
        margin-right: 0;
    }
    .profile_date {
        width: 40%;
        margin-right: 10px;
    }
    .profile_container {
        font-size: 14px;
    }
    ._3itiM4-{
        right: 40px;
    }
    .work_form .half_form {
        width: 100%;
        margin-right: 0;
        margin-top:8px;
    }
    .work_form .half_form .start .year {
        margin-right: 3%;
    }
    .work_form .title.margin5per {
        margin-left: 0%;
    }
    .work_form .half_form .end .month {
        margin-left: 0%;
    }
    .work_form .profile_date.year {
        float: left;
    }
    .work_form .profile_date.month {
        width: 48%;
        float: left;
        margin-right: 8px;
    }
    .work_form .cell_container {
        margin-bottom: 0px;
    }
    .row.row_long_margin {
        padding: 40px 20px 80px 20px;
    }
    .work_form .cell_container {
        width: 44%;
    }
    .apply_innerbox {
        min-width: 100%;
    }
    .edit_icon{
        width:10%;
    }
    .total_hrs_wk {
        float: left;
        margin-right: 8%;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 15px 10px 10px 10px;
    }
    .schedule_inner_box {
        width: 90%;
    }
    .availability_row.work_form {
        padding: 15px 10px 25px 10px;
    }
    .work_form .cell_container.cell_container_ref {
        width: 48%;
    }
    .content, .content_error, .content_error .detail {
        margin: 0px;
    }
    .apply_innerbox_500 .middle_text{
        font-size:22px;
    }
    .apply_innerbox_500 .prepage_box .row{
        margin-top:30px;
    }
    #SearchType, #SearchLocation {
        width: 92%;
    }
    .dropdown_menu:hover .dropbtn {        
        border: none;
    }
}

@media(max-width: 580px){
    .smaller_innerbox .row {
        padding: 10px 8px 20px 8px;
    }
    .radio_group {
        float: left;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 5px;
    }
    .radio_input, .availab_radio {
        margin-top: 5px;
    }
    .radio_input {
        margin-left: 15px;
    }
    .availability_row {
        padding: 15px 0px 75px 0px;
        font-size: 14px;
    }
    .availab-text_gray {
        width: 28%;
    }
    .availab_time_row {
        display: flex;
        flex-flow: row wrap;
        float: none;
    }
    /*.from { order: 1; }
    .to { order: 2; }
    .start { order: 3; }
    .end { order: 4; }*/
    .left_column {
        width: 34%;
    }
    .anytime_column {
        width: 66%;
    }
    .middle_column {
        width: 76%;
        margin-top:0px;
    }

    .delete_column {
        width: 6%;
        margin-top:0px;
    }
    .hrs_column {
        width: 17%;
        margin-bottom: 0px;
        height: 50px;
        margin-top: 0px;
    }
    .cell_container {
        margin-bottom: 0px;
        height: 20px;
    }

    .from, .to {
        /* width: 50%; */
        /* margin-left: 0px; */
        /* margin-right: 0px; */
        /* font-size: 14px; */
        /* margin-top: 1.4px; */
    }
    .availab_select {
        /* width: 45%; */
        /* height: 31px; */
        /* margin-bottom: 0px; */
    }
    .start{
        /* margin-right:8px; */
    }
    .cancel_icon {
        padding: 15px 5px 5px 5px;
    }
    .availab_hour {
        margin-top: 5px;
        height: 20px;
        /* margin-bottom: 5px; */
        float:left;
        width: 15%;
        font-size: 13px;
    }
    .availability_row {
        padding: 10px 0px 20px 0px;
    }
    .add_time_link {
        margin-top: 5px;
        margin-right:20px;
    }
    .availab_time_row  .drop_down label {
        padding: 0px 25px 0px 10px;
    }
    .availab_time_row .drop_down {
        line-height: 31px;
        height: 31px;
    }
        .availab_time_row .drop_down:hover label {
            height: 31px;
            line-height: 31px;
        }
    .availab_time_row .drop_down input {
        line-height: 31px;
        height: 31px;
    }
        .availab_time_row .drop_down input:checked + label {
            height: 31px;
        }
    .drop_down.profile_date {
        width: 47%;
        margin-right: 2%;
    }
    ._3itiM4- {
        right: 30px;
    }
    .row.row_long_margin {
        padding: 40px 20px 100px 20px;
    }
    .work_form .cell_container {
        width: 50%;
    }
    .total_hrs_wk {
        float: left;
        margin-right: 8%;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 15px 10px 10px 10px;
        font-size: 13px;
    }


    .availab_time_row .drop_down.availab_drop_down:hover label {
        height: 36px;
        line-height: 36px;
    }
        .availab_time_row .drop_down.availab_drop_down {
            height: 36px;
            line-height: 36px;
        }
    .availab_time_row .drop_down.availab_drop_down input:checked + label {
        height: 36px;
        line-height: 36px;
    }
    .availab_time_row .drop_down.availab_drop_down input {
        line-height: 36px;
        height: 36px;
    }
    .availab_time_row .day {
        width: 98%;
    }
    .availab_time_row .start, .availab_time_row .end {
        width: 48%;
    }
    .work_form .cell_container.cell_container_ref {
        width: 55%;
    }
    .apply_innerbox_500{
        width:100%;
    }
    .radio_list{
        width:100%;
    }
    table.radio_list td{
        width:50%;
    }
    table.radio_list label {
        width: 100%;
    }
    .landing_text {
        padding: 0px 10px 15px 10px;
    }
    .head_box .title {
        padding: 15px 0px 0px 10px;
        width: calc(100% - 20px);
    }
    .head_box .client {
        margin-left: 0px;
    }
    .head_box {
        width: 100%;
    }
}

@media(max-width: 500px) {
    .main_header_box .main_header_toolbar a.icon {
        font-size: 30px;
        display: block;
        position: absolute;
        right: 0;
        padding-right: 40px;
        padding-left: 15px;
        color: #444E77;
    }

    .main_header_toolbar {
        line-height: 79px;
        float: none !important;
    }

    .card_sort {
        min-width: 240px !important;
        overflow: scroll !important;
        min-height: 600px;
        font-size: 15px;
    }

        .card_sort > .sorts {
            width: calc(100% - 165px);
        }

        .card_sort > .cards {
            float: left;
            height: 530px;
            overflow: auto;
        }

    .card, .card_spot {
        float: left;
        width: 122px;
        height: 122px;
        padding: 5px;
        margin: 5px;
        border-radius: 5px;
        /*color: white;*/
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .content, .content_error, .content_error .detail {
        margin: 0;
    }

    .cards_footer {
        top: 540px;
    }

    .sorts > .most, .sorts > .more, .sorts > .neutral, .sorts > .less, .sorts > .least {
        height: 105px;
    }

    .role_cell_title {
        width: 28%;
    }

    .role_cell_org {
        display: none;
    }

    .role_cell_loc {
        display: block;
        width: 22%;
    }

    .role_cell_close {
        width: 20%;
    }

    .role_cell_more {
        width: 20%;
    }

    .head_box {
        padding: 0px 0px 90px 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .apply_header_title {
        font-size: 22px;
    }

    .head_box .title {
        font-size: 16px;
    }

    .head_box .closes {
        font-size: 14px;
    }

    .head_box .client {
        font-size: 14px;
    }

    .apply_header_row {
        margin-bottom: 20px;
        margin-top:20px;
    }

    .apply_box {
        width: 100%;
        margin: 0px auto;
    }

    .prepage_box {
        font-size: 14px;
        width: 100%;
    }

        .prepage_box .row {
            padding: 10px 10px 10px 10px;
        }

    .head_box .company_logo_box {
        height: 65px;
        width: 65px;
    }

    .smaller_innerbox .row {
        padding: 0px 10px 20px 10px;
    }

    .container ul li .radio_label {
        font-size: 14px !important;
    }

    .container ul li .check {
        left: 20px;
    }

    .quiz_instruct {
        padding: 8px;
        font-size: 15px;
        line-height: 20px;
    }

    .instruction_full .instruction_full_inner {
        min-width: unset;
        max-width: unset;
    }

    .card_sort_header > .title {
        font-size: 22px;
    }

    .card_sort_header > .instruct {
        font-size: 14px;
    }

    .resume_split_left {
        height: 300px;
    }
    .quiz_button_row_grey {
        padding: 0px 0px 0px 5px !important;
    }
    .cards_footer_text {
        margin: 10px 5px;
    }
    .quiz_btn_instruction {
        margin-right: 4px;
    }
    .button_group {
        padding: 6px 2px 0px 2px;
    }
    .row_margin {
        margin-left: 25px;
    }
    .additional_file {
        font-size: 14px;
    }
    .landing_text {
        font-size: 14px;
    }
    .login_user_row.new, .login_user_row.old, .login_pass_row.old, .login_remember_row.old, .signup_agree_row.new{
        /* width:90%; */
    }
    table.radio_list label {
        font-size: 14px;
    }
    .login_forgot.old {
        font-size:14px;
    }
    .login_remember_row.old, .signup_agree_row.new{
        font-size:14px;
    }
    .upload_cv_error {
        /*right: calc(50% - 200px);*/
    }
    .error_notice {        
        font-size: 16px;
    }
    .login_inner_box .login_button, .signup_button {
        /* margin-left: 60px; */
    }
    .quick_file_row input {
        width: 100%;
        margin-bottom: 0px;
    }

    .quick_file_row {
        margin: 0px 0px 5px 0px;
    }
    .avail_para_left {
        width: 18%;
    }

    .avail_para_right {
        margin-left: 18%;
    }
    .row.row_long_margin {
        padding: 40px 10px 100px 10px;
    }
    .work_form .profile_button {
        width: 40%;
    }
    .apply_innerbox_500 .middle_text {
        font-size: 20px;
    }
    .apply_innerbox_500 .prepage_box .row {
        margin-top: 20px;
    }
}

@media (max-width: 470px) {
    .resume_calendar {
        width: 31%;
    }
    .quiz_button {
        width: 30px;
    }

    .card, .card_spot {
        width: 152px;
        height: 152px;
        margin: 8px;
    }
    .google-button {
        width: 90%;
        margin-right: 0px;
    }

    .linkedin-button {
        width: 95px;
        margin-left: 0px;
    }

    .facebook-button {
        /* margin-left: 10px; */
        /* margin-right: 10px; */
        width: 90%;
    }
    .double_button {
        width: 120px;
    }
    .upload_cv_error {
        /*right: calc(50% - 160px);*/
    }
    .reset_title {
        font-size: 20px;
    }
    .availability_row {
        padding: 10px 0px 25px 0px;
    }
    .avail_para_left {
        width: 20%;
    }

    .avail_para_right {
        margin-left: 20%;
    }
    .drop_down{
        width:250px;
    }
    .availab_time_row .drop_down {
        width:45%;
    }
    .cell_container.profile_container {
        padding-left: 20px;
        width: auto;
    }
    .work_form .cell_container {
        width: 54%;
    }
    .edit_icon {
        width: 15%;
    }
    .availab_hour {
        width: 18%;
    }
    .availab-text_gray {
        width: 27%;
        font-size: 12px;
    }
        .availab-text_gray label {
            margin-left: 10px;
            font-size: 12px;
        }
    .availab_time_row .day {
        width: 98%;
    }

    .availab_time_row .start, .availab_time_row .end {
        width: 47.5%;
    }
    .work_form .cell_container.cell_container_ref {
        width: 60%;
    }
    .cv_upload_box .row {
        padding: 0px 20px 0px 20px;
    }
    .margin_30 {
        height: 15px;
    }
    .row_padding {
        padding: 10px 20px;
    }
    #SearchType, #SearchLocation {
    width: 93%;
    }
}

@media (max-width: 380px) {

    .login_box {
        width: 100%;
    }

    .role_cell_title {
        width: 40%;
    }

    .role_cell_close {
        width: 28%;
    }

    .role_cell_more {
        width: 20%;
    }

    .role_cell_org {
        display: none;
    }

    .role_cell_loc {
        display: none;
    }

    .head_box {
        padding: 0px 0px 110px 0px;
        margin-bottom: 20px;
    }

        .head_box .company_logo_box {
            height: 70px;
            width: 60px;
        }

    .master_body {
        padding: 8px;
    }

    .prepage_box {
        font-size: 14px;
        width: 100%;
    }

    .prepage_box .row {
        padding: 10px 10px 10px 10px;
    }
    .head_box .title {
        width: 70%;
    }

    .head_box .closes {
        width: 70%;
    }
    .cards_footer_text {
        font-size: 14px;
    }
    .card, .card_spot {
        width: 142px;
        height: 142px;
        margin: 5px;
    }
    .google-button {
        width: 92%;
        padding: 10px 0px;
        margin-right: 0px;
        
    }

    .linkedin-button {
        width: 92%;
        padding: 10px 0px;
        margin-left: 0px;
    }

    .facebook-button {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px 0px;
        width: 92%;
    }
    .double_button {
        width: 90%;
        margin-bottom: 10px;
    }
    .upload_cv_error {
        /*right: calc(50% - 140px);*/
    }
    .login_inner_box .login_button, .signup_button {
        /* margin-left: 50px; */
    }
    .avail_para_left {
        width: 22%;
    }

    .avail_para_right {
        margin-left: 22%;
    }
    .cell_container_half {
        float: left;
        width: 100%;
    }
    .form .half_form {
        width: 65%;
    }
    ._3itiM4- {
        right: 10px;
    }
    .work_form .half_form {
        width: 100%;
    }
    .row.row_long_margin {
        padding: 40px 10px 80px 10px;
    }
    .work_form .cell_container {
        width: 58%;
    }
    .apply_innerbox_500 .prepage_box .row {
        margin-top: 20px;
    }
    #SearchType, #SearchLocation {
        width: 94%;
    }
}

element.style {
    display: block;
}

@media (max-width: 370px) {
    .upload_cv_error {
        /*right: calc(50% - 100px);*/
    }
    .availability_row {
        padding: 10px 0px 25px 0px;
    }
    .left_column {
        width: 30%;
    }
    .anytime_column {
        width: 70%;
    }
    .quick_file_row {
        width: 80%;
    }
    .work_form .cell_container.cell_container_ref {
        width: 67%;
    }
}

@media (max-width: 340px) {
    .resume_calendar {
        width: 30.5%;
    }

    .signup_box, .login_box {
        margin: 0;
    }

    input.login_pin_input {
        width: 14%;
    }

    .role_cell_title {
        width: 36%;
    }

    .head_box .title {
        width: 70%;
    }

    .head_box .closes {
        width: 70%;
    }

    .smaller_innerbox .row {
        padding: 0px 5px 20px 5px;
    }

    .container ul li {
        width: 100%;
        float: left;
    }

        .container ul li label {
            padding: 5px 0px 5px 0px;
            margin: 5px auto;
        }

    .quiz_options_box .clear {
        float: left;
        width: 28%;
    }

    .container ul li .check {
        top: 8px;
    }

    .container ul li .radio_label {
        margin-top: 5px;
        float: left;
    }

    .quiz_instruct {
        padding: 4px;
        font-size: 15px;
        line-height: 18px;
    }

    .section_icon {
        width: 30px;
    }

    .content_line {
        margin-right: 3px;
    }

    .work_box .details, .education_box .details {
        margin-right: 8px;
    }

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

    .quiz_button_row {
        padding: 5px 0px 5px 0px !important;
    }

    quiz_button {
        width: 5px;
    }

    .card_sort > .cards {
        margin-left: 0px;
    }

    .quiz_btn_instruction {
        width: 5px;
    }

    .card, .card_spot {
        padding: 2px;
    }

    .cards_footer_text {
        font-size: 13px;
    }

    .card, .card_spot {
        width: 122px;
        height: 122px;
        margin: 5px;
    }

    .google-button {
        width: 90%;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .linkedin-button {
        width: 90%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .facebook-button {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 90%;
    }

    .radio_input {
        margin-left: 5px;
    }

    .left_column {
        width: 32%;
    }

    .anytime_column {
        width: 68%;
        font-size: 12px;
    }
    .middle_column {
        margin-top: 3px;
    }
    .cell_container {
        padding-left: 20px;
    }
    .availability_row {
        padding: 10px 0px 30px 0px;
    }
    .availab-date {
        margin-top: 4px;
        font-size:13px;
    }

    .drop_down{
        width:auto;
    }
    .avail_para_left {
        width: 25%;
    }

    .avail_para_right {
        margin-left: 25%;
    }
    .drop_down.profile_date {
        width: 45%;
        margin-right: 2%;
    }
    .form .half_form {
        width: 60%;
    }
    .work_form .half_form {
        width: 100%;
    }
    .work_form .profile_date.month {
        margin-right: 5px;
    }
    .work_form .profile_button {
        width: 38%;
    }
    .work_form .cell_container {
        width: 64%;
    }
    .edit_icon {
        width: 18%;
    }
    .availab_hour {
        font-size:12px;
        margin-top: 0px;
    }
    .availab-text_gray {
        width: 26%;
    }
    .work_form .cell_container.cell_container_ref {
        width: 76%;
    }
    .additional_radio [type="radio"]:checked + label{
        line-height:30px;
    }
    .row_padding {
        padding: 10px 10px;
    }
    .login_input, .popup_input, .signup_input{
        width: 92%;
    }
    .head_box {
        padding: 0px 0px 130px 0px;
        margin-bottom: 20px;
    }
}

@media (max-width: 300px) {
    input.login_pin_input {
        width: 13%;
    }

    .role_cell_title {
        width: 30%;
    }
    .quiz_instruct {
        padding: 0px;
        font-size: 15px;
        line-height: 18px;
    }
    .instruction_full .instruction_full_inner {
        width: 98%;
        padding: 10px;
    }
    .quiz_button_short{
        display:block;
    }
    .quiz_button_long{
        display:none;
    }
    .quiz_button {
        width: 5px;
        padding: 14px 10px !important;
    }
    .avail_para_left {
        width: 28%;
    }
    .quiz_btn_instruction {
        padding: 14px 10px !important;
    }
    .avail_para_right {
        margin-left: 28%;
    }
    .work_form .cell_container {
        width: 70%;
    }
}

@media (max-width: 280px) {
    input.login_pin_input {
        width: 12%;
    }
}

@media (min-width: 1200px) {
    .rolelist_header_box, .rolelist_row, .home_apps_header_box {
        max-width: 90%;
    }
}

/*@media (min-width: 1100px) {
    .rolelist_header_box, .rolelist_row, .home_apps_header_box {
        max-width: 95%;
    }

    .role_cell_title {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .rolelist_header_box, .rolelist_row, .home_apps_header_box {
        max-width: 90%;
    }
}*/