﻿.w_rember {
    padding-left: 120px;
}
.divider1 {
    position: static;
    width: auto;
    height: 1px;
    margin: 5px 0px 5px;
    clear: both;
    background-color: #e2e2e2;
}
.cls_timer
{
    padding-top:0px;
}
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    right: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -297px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.intermodal {
    
    top: 10%;
    left: 52%;
    right: 50%;
    z-index: 1050;
    width: 562px;
      height: 316px !important;
    margin-left: -297px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.intermodal_jwplayer {
    top: 10%;
    padding-left: 103px;
    right: 50%;
    z-index: 1050;
    width: 562px;
  
    /*height:400px;*/
    /*margin-left: -297px;*/
    /*background-color: #ffffff;*/
}
.popupmodel{
    width:600px!important;
}
.video_replay
{
   
    width:562px!important;
    height:316px!important;
}
.btn_start {
    padding-bottom: 1px;
    padding-top: 8px;
    padding-left: 278px
}
.job_seeker_model {
    top: 4% !important;
    position: absolute !important;
    width: 1300px!important;
    margin-left: -49% !important;
    display: block;
}
.custspan1_5 {
    float: left !important;
    width: 5.00% !important;
}
.menu-title {
        background: #6CA9CC;
        height: auto;
        clear: both;
}
.Custspan4 {
    width: 30.623931623931625% !important;
}
.custspan1 {
    width: 5.982905982905983%!important;
}
.custspan2 {
    padding-top: 4px !important;
    width:10.02%!important;
}
.custspan12 {
    width:80.087%!important;

}
.custspan10 {
    width: 85.25% !important;
}
.Custspan41 {
    width: 60% !important;
}

@media screen and (max-width: 1330px) {
    .intermodal_jwplayer {
        top: 6%;
        padding-left: 104px;
        width: 563px;
    }
}


    @media screen and (max-width: 1200px) {
        .intermodal_jwplayer {
            top: 6%;
            padding-left: 25px;
            width: 563px;
        }

        .btn_start {
            padding-bottom: 1px;
            padding-top: 8px;
            padding-left: 238px
        }
        .custspan1_5 {
            float: left !important;
            width: 5.15% !important;
        }
       
        .otherstatus {
            width: 56px;
        }
    }

@media screen and (max-width: 978px) {
    .w_rember {
        padding-left: 120px;
    }

    .intermodal {
        top: 6%;
        left: 45%;
    }

    .intermodal_jwplayer {
        top: 6%;
        padding-left: 0px;
        width: 476px;
        /*margin-left: -297px;*/
        /*background-color: #ffffff;*/
    }

    .span5 {
        width: 40.05524861878453% !important;
        *width: 40.00205712942283% !important;
    }

    .span2 {
        width: 14.3646408839779% !important;
    }

    .fuelux [class*="span"], .fuelux .uneditable-input[class*="span"], .fuelux .row-fluid [class*="span"] {
        float: left;
    }

    .btn_start {
        padding-bottom: 1px;
        padding-top: 8px;
        padding-left: 177px
    }

    .cls_timer {
        padding-top: 19px;
    }
    .Custspan4 {
        width: 30.623931623931625% !important;
    }
    .Custspan41 {
        width: 60% !important;
    }
    .custspan1 {
        width: 5.982905982905983% !important;
    }
    .custspan1_5 {
        float: left !important;
        width: 4.50% !important;
    }
   
}

@media screen and (max-width: 767px) {
    .modal {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0;
    }

    .intermodal {
        top: 6px;
        right: 41px;
        left: 81px;
        width: 564px;
        margin: 0;
    }

    .cls_timer {
        padding-top: 0px;
    }

    .intermodal_jwplayer {
        top: 6px;
        right: 41px;
        padding-left: 81px;
        width: 564px;
        margin: 0;
    }

    .btn_start {
        padding-bottom: 6px;
        padding-top: 11px;
        padding-left: 259px
    }

    .job_seeker_model {
        top: 1% !important;
        width: 1300px !important;
            
        margin-left: -4% !important;
    }
   
    .custspan1_5 {
        float: left !important;
        width: 7.3% !important;
    }
       
    .menu-title {
        background: #6CA9CC;
        height: auto!important;
        clear: both;
    }
    .Custspan4 {
        padding-left: 9px;
        width: 37.623932% !important;
       }

    .custspan1 {
        width: 4.22% !important;
    }
    .Custspan41 {
        width: 60% !important;
    }
}

    @media screen and (max-width: 697px) {
        .intermodal {
            top: 6px;
            right: 41px;
            left: 6px;
            width: 564px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 8px;
            width: 564px;
            margin: 0;
        }

        .popupmodel {
            width: 550px !important;
        }

        .video_replay {
            width: 512px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 196px
        }
    }

    @media screen and (max-width: 600px) {
        .intermodal {
            top: 6px;
            right: 41px;
            left: 6px;
            width: 502px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 6px;
            width: 502px;
            margin: 0;
        }

        .popupmodel {
            width: 500px !important;
        }

        .video_replay {
            width: 462px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 156px
        }
        .job_seeker_model {
            top: 1%!important;
            position: absolute!important;
            width: 1300px !important;
            margin-left: -2% !important
        } 
    }

    @media screen and (max-width: 549px) {
        .intermodal {
            top: 6px;
            right: 41px;
            left: 6px;
            width: 449px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 6px;
            width: 449px;
            margin: 0;
        }

        .popupmodel {
            width: 451px !important;
        }

        .video_replay {
            width: 413px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 156px
        }
        .custspan1_5 {
            float: left !important;
            width: 7.30% !important;
        }

     
    }

    @media screen and (max-width: 499px) {
        .w_rember {
            padding-left: 0px;
        }

        .modal {
            right: 10px;
            left: 10px;
        }

        .intermodal {
            position: relative;
            top: 3px;
            right: 41px;
            left: 10px;
            width: 405px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 10px;
            width: 405px;
            margin: 0;
        }

        .popupmodel {
            width: 402px !important;
        }

        .video_replay {
            width: 364px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 137px
        }
    }

    @media screen and (max-width: 454px) {
        .intermodal {
            position: static;
            top: 2px;
            right: 41px;
            left: 6px;
            width: 362px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 6px;
            width: 362px;
            margin: 0;
        }

        .popupmodel {
            width: 360px !important;
        }

        .video_replay {
            width: 322px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 117px
        }
    }

    @media screen and (max-width: 404px) {
        .intermodal {
            position: static;
            top: 2px;
            right: 41px;
            left: 6px;
            width: 302px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 6px;
            width: 302px;
            margin: 0;
        }

        .popupmodel {
            width: 310px !important;
        }

        .video_replay {
            width: 284px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 82px
        }
    }

    @media screen and (max-width: 354px) {
        .intermodal {
            position: static;
            top: 2px;
            right: 41px;
            left: 6px;
            width: 264px;
            margin: 0;
        }

        .intermodal_jwplayer {
            top: 6px;
            right: 41px;
            padding-left: 6px;
            width: 264px;
            margin: 0;
        }

        .popupmodel {
            width: 264px !important;
        }

        .video_replay {
            width: 226px !important;
            height: 316px !important;
        }

        .btn_start {
            padding-bottom: 6px;
            padding-top: 11px;
            padding-left: 60px
        }
   
        