/* responsive */
.box_pc {
    display: block;
}
.box_sp {
    display: none;
}
.box_tb {
    display: none;
}
.img_tb{
    display:block;
}
.img_sp{
    display:none;
}
/*responsive */

@media screen and (min-width: 992px) and (max-width: 1500px) {

    .box_list ul
    {
        width:100%;
        float:none;
        padding-right:0;
    }

    .box_list ul:last-child
    {
        padding-right:0;
    }

    .info_panel ul {
        margin: 0 0 0 0;
    }
}

@media screen and (min-width: 769px) {


}
@media screen and (min-width: 951px) {
}

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


    .h_resauto {
        height: auto!important;
    }
    .total-job
    {
        display:inline;
    }
    label[for="inputEmail3"],
    label[for="ishotjob"],
    label[for="is_view_on_frontend"],
    label[for="is_view_on_partner_site"]
    {
        display:block!important;
        text-align:center;
    }

    .sp_center
    {
        text-align:center;
    }
}
@media screen and (max-width: 1440px) {
    .job_left_box { width:100%; float:none;}
    .job_right_box { width:100%; float:none;}
    .job_right_box .row
    {
        margin:0;
    }

    .w150 { width:150px;}
}


@media screen and (max-width: 1180px) and (min-width: 990px)  {
    .info_panel .btn span, 
    .report_week .btn02 span {
        display:none;
    }
}
@media screen and (max-width: 1024px) {

    .jobstatus .w10
    {
        width:25%;
    }
    .jobstatus .w90
    {
        width:70%;

    }
    .nf_txt{
        width:205px;
    }

    .w50 { width:100%; float:none;}

    .timeline_tbl .time_fg dd
    {
        width:70%;
    }
}

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

}
@media screen and (max-width: 960px) {

    .custom-btn {
        width: 60%;
        text-align: right;
        float:right;
    }
    .header_right .c_icon{
        float:left;
        margin-bottom:0;
    }

    .header_right .c_icon li
    {

        width:40px;
    }


    .header_right .c_icon li i
    {
        display:block;
        font-size:20px;
        padding:13px 0 2px 0;

    }

    .header_right .c_icon li span { display:none;}
    .header_right .nf_txt
    {
        display:none;
    }
    .header_right .c_icon .dropdown span { display:block!important;}


}

@media screen and (max-width: 960px) and (min-width: 820px) {
    .nf_txt{
        width:156px;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .nf_txt{
        width:345px;
    }

}

@media screen and (max-width: 820px) and (min-width: 768px) {
    .nf_txt{
        width:105px;
    }

}
@media screen and (max-width: 980px) {

    .job_right_box .col-md-6
    {
        padding-left:0;
        padding-right:0;
    }
    .sp_hide { display:none;}

}


@media screen and (max-width: 767px) {
    .header_right .c_icon ul{
        margin: 0;
    }
    .fixed .main-header
    {

        height:auto;

    }
    .fixed .main-header .header-inner {
        height:auto;

    }

    .fixed .content-wrapper { /*padding-top:70px;*/}


    #step li a
    {
        font-size:14px;

    }
    #step li a span {
        padding: 10px 5px 25px 0;
    }

    #step li a span strong
    {

        font-size:16px;
    }

    .nf_txt{
        display: none;
    }

    .c-tab .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none!important;
    }


    .timeline_tbl  .ca_info .com_name,
    .timeline_tbl  .ca_info .user_key
    {
        width:100%;
        float:none;
        font-size:12px;
        margin:0;
    }

    .timeline_tbl  .ca_info .user_key { text-align:left; margin:5px 0 0 0;}

    .o_scroll
    {
        overflow-x:scroll;
    }
    .tbl_scroll
    {
        min-width:768px;
        table-layout:fixed;

    }
    .custom-btn
    {
        width:34%;
        bottom:0;
    }

    .custom-btn li
    {
        width:100%;

        text-align:left;
    }
    .custom-btn .long-btn { width:100%;}
    .custom-btn li a
    {
        text-align:left;
        color:#fff;
        font-size:14px;
        font-weight:normal;
        text-decoration:underline;
        display:block;
        padding:0 0 0 30px;
        margin:5px 0;
        height:20px;
        background-size:contain!important;
        text-indent:-9999px;
        width:90%;
        margin-right:20px;


    }

    .custom-btn .addnewjob
    {
        background:url(../../customize/images/custom-btn-icon01_sp.png) no-repeat right top;


    }

    .custom-btn .advancedsearch
    {
        background:url(../../customize/images/custom-btn-icon02_sp.png) no-repeat right top;

    }

    .custom-btn .clearsearch
    {
        background:url(../../customize/images/custom-btn-icon03_sp.png) no-repeat right top;


    }
    .custom-btn .exportexcel
    {
        background:url(../../customize/images/custom-btn-icon04_sp.png) no-repeat right top;

    }


    .custom-btn .print
    {
        background:url(../../customize/images/custom-btn-icon05_sp.png) no-repeat right top;

    }


    .ab_select
    {
        right:64px;
    }
    .dash_list  .dash_list_box {
        padding: 30px 0 20px;
        margin-bottom: 15px;
        height: auto;
    }
    .dash_list .icon{
        background: 0;
        display: none;
    }
    .statList .cell {
        width: 100%;
        border-radius: 0!important;
        border-width: 1px 0 0 0;
        display: block;
        text-align:center;
    }

}


@media screen and (max-width: 719px) {


    #step
    {

    }
    #step li
    {
        width:14.285714286%;


    }

    #step li a
    {
        width:100%;
        display:block;
        position:relative;
        border:none;
        border-right:none;
        color:#fff;
        font-size:14px;
        text-align:center;
        padding:10px 0;

    }
    #step li a:after
    {
        display:none;

    }
    #step li a span
    {
        position:inherit;
        top:auto;
        right:auto;
        z-index:20;
        width:100%;
        padding:0;
        box-sizing:border-box;
        background:none!important;

    }

    #step li a span strong
    {
        font-size:22px;
    }




    .timeline_tbl .time_fg dd
    {
        width:69%;
    }


}


@media screen and (max-width: 680px) {
    .custom-btn
    {
        width:55%;
    }
    .timeline_tbl .time_fg dd
    {
        width:60%;
    }

    .joboption_col1,
    .joboption_col2,
    .joboption_col3
    {
        width:100%;
        float:none;
        padding:0 5px
    }


}
@media screen and (max-width: 640px) {
    .mainimg h1 {
        font-size: 30px;
    }
    .custom-btn
    {
        width:55%;
    }
    .timeline_tbl .time_fg dd
    {
        width:60%;
    }

    .ab_select
    {
        right:10px;
        bottom:-35px;
    }

}


@media screen and (max-width: 590px) {

    .custom-btn .form-group { width:50%;}

    .selectfill .custom-btn  { width:50%!important;}
}

@media screen and (max-width: 560px) {

    #step li
    {
        width:33.3333333%;
        float:left;
        list-style:none;
        display:block;
        margin:0;

    }
    #step li a { padding:5px;}

    #step .tab07 { width:100%;}

    .custom-btn
    {
        width:32%;
        bottom: 0;
        right: 0;
    }
    .custom-btn li a
    {

        font-size:12px;
        padding:0 0 0 25px;
    }


    .c-tab .job_activities_tit span
    {

        font-size:12px;
    }
}

@media screen and (max-width: 490px) {
    .mainimg-inner {

        padding: 0 0 0 20px;
    }
    .header_right{
        float: none;
        width: auto;
    }
    .header_left{
        width: 30%;
    }
    .skin-blue .main-header .navbar{
        width: 30%;
    }

    .header_right .navbar-custom-menu{
        width: 40%;
    }
    .c_icon{
        display: none;
    }

    .jobstatus .w10
    {
        width:100%;
        float:none;
        text-align:left;
        margin-right:0;
    }
    .jobstatus .w90
    {
        width:100%;
        float:none;
    }
    .timeline_tbl .time_fg dd
    {
        width:50%;
    }
    .fnPhone {
        float: none!important;
    }
    .w100pPhone {
        width: 100%!important;
    }
    .mb10Phone {
        margin-bottom: 10px!important;
    }

}
@media screen and (max-width: 425px) {

    .timeline_tbl {
        background: url(../../customize/images/timeline_tbl.png) repeat-y 87px 0;
        width: 100%;
    }

    .timeline_tbl .time_fg dt {
        width: 96px;
    }

    /*.timeline_tbl .time_fg dd
    {
            max-width:167px;
    }
    */
    .timeline_tbl .time_fg dd
    {
        width:60%;
    }

    .job_right_box .city {
        width: 49%;
        margin:3px 0;
    }
    .job_right_box .country {
        width: 49%;
        margin:3px 0;
    }

    .job_right_box .zip {
        width: 49%;
        margin:3px 0;
    }
}
@media screen and (max-width: 360px) {
    .edit_bn li{
        width:40px;
    }
    .edit_bn li span { display:none;}
    .edit_bn li a{
        font-size:16px;
    }
    .timeline_tbl .time_fg dd{
        width:58%;
    }
    .block_draft_file, .input_draft_file{
        width:100%!important;
    }
}
@media screen and (max-width: 320px) {
    .job_right_box .country {
        width: 48%;
        margin:3px 0;
    }
}
@media screen and (min-width: 370px) and (max-width: 992px) {
    .block_draft_file{
        width:10%!important;
    }
    .input_draft_file{
        width:90%!important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1297px) {
    .mfull_select .btn{
        width: 100%;
        margin-bottom:10px;
    }
}