/*-------------------css reset--------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
    line-height: 1;
    
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.header-search1 input.s-box1
{
    
}
/*-------------------css reset--------------------------*/

@media all and (max-width:1280px)
{

.get_wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
}
.get_header
{
width:100%;
padding:0;
display:block;
}
.grey_header
{
/*padding-bottom:10px;*/
}
.get_middle
{
width:100%;
padding:0;
display:block;
}
.get_container
{
width:94%;
display:block;
padding:0 3%;
}
ul.app_links
{
margin:20px auto 40px auto;
}
.get_footer
{
width:100%;
padding:12px 0;
display:block;
position:static;
margin-top:40px;
bottom:0;
background:none;
}
/*.location{
    width:72%;
}*/
ul.top_links
{
margin-right:0;
}
ul.job_listings, ul.job_listings li.list-item
{
width:100%;
display:block;
}
img.logo
{
margin-left:0 !important;
}
.filter_sec
{
width:100%;
padding:25px 0;
}
.signup_left
{
width:65%;
}
.signup_right
{
width:35%;
padding:0;
}
.fb_button {
background: #2d4486;
text-indent:0;
}
.blue_header
{
width:100%;
display:block;
}
.user_info
{
width:67%;
float:left;
}
.privacy_policy
{
width:100%;
float:left;
}
.terms_right
{
width:49%;
float:left;

}
.terms_left
{
width:49%;
float:left;
margin-right:5px;
}
.related_jobs
{
/*width:80%;*/
float:right;
}
.info_main
{
width:100%;
display:block;
box-sizing:border-box;
margin-bottom:2%;
}
.info_left, .info_right
{
width:49%;
padding:2%;
float:left !important;
margin:0 !important; 
box-sizing:border-box;
}
.info_left
{
margin-right:2% !important;
}
.about_info
{
width:100%;
display:block;
}

/*-----------------------myjobs----------------------------*/
.my_job
{
width:100%;
}
.job_sections
{
width:100%;
display:block;
}
.job_sections_new
{
width:100%;
display:block;
}
.job_sections1
{
width:100%;
display:block;
}
.job_sections2
{
width:100%;
display:block;
}
.load_more
{
width:100%;
display:block;
}
.job_sections .cl1
{
width:22%;
}
.job_sections .cl2
{
width:30%;
}
.job_sections .cl3
{
width:20%;
}
.job_sections .cl4
{
width:8%; 
}
.job_sections .cl5
{
width:18%; 
}

.job_sections_new .cl1
{
width:22%;
}
.job_sections_new .cl2
{
width:30%;
}
.job_sections_new .cl3
{
width:20%;
}
.job_sections_new .cl4
{
width:8%; 
}
.job_sections_new .cl5
{
width:18%; 
}
.job_sections1 .cl1
{
width:16%;
}
.job_sections1 .cl2
{
width:18%;
}
.job_sections1 .cl3
{
width:22%;
}
.job_sections1 .cl4
{
width:22%; 
}
.job_sections1 .cl5
{
width:15%; 
}


.job_sections2 .cl1
{
width:22%;
}
.job_sections2 .cl2
{
width:35%;
}
.job_sections2 .cl3
{
width:20%;
}
.job_sections2 .cl4
{
width:35%; 
}
.job_sections2 .cl5
{
width:18%; 
}
.load_more
{
width:100%;
display:block;
}
.post_job
{
width:25%;
}
.load_more_a
{
width:100%;
display:block;
}
/*------------------------edit info------------------------------*/
.edit_left
{
padding:0 1% 0 0;
}
.edit_right
{
padding:0 0 0 1%;
}
.about_info_edit
{
padding:0;
}
.action_buttons
{
width:100%;
display:block;
}
/*section_right*/
.section_right
{
width:27%;
box-sizing:border-box;
}
.share_fb
{
width:100%;
float:left;
clear:both;
box-sizing:border-box;
}
.section_right .related_jobs
{
width:100% !important;
clear:both;
box-sizing:border-box;
}
.share_button
{
width:50%;
padding:0;
height:34px;
margin-bottom:10px;
}
.share_on_drop
{
width:45%;
}
/*section_right*/
}
@media all and (max-width:1082px)
{

.user_info
{
width:63%;
}
.privacy_policy
{
width:100%;
}
.related_jobs1
{
width:86%;
}
.terms_right
{
width:49%;
}
.terms_left
{
width:49%;
}
.related_jobs
{
width:30%;
}
.info_left, .info_right
{
width:100%;
float:left;
}
/*-------------------------myjobs-------------------------------*/
.my_job
{
width:100%;
}
.post_job
{
width:30%;
}
.job_sections .cl1, .job_sections .cl2, .job_sections .cl3, .job_sections .cl4, .job_sections .cl5
{
display:block;
width:100%;
box-sizing:border-box;
text-align:left;
text-align:center;
}
.job_sections .cl2 img
{
    float:none !important;
}
.job_sections .cl1
{
padding:0;
text-align:center;
}
.job_sections_new .cl1, .job_sections_new .cl2, .job_sections_new .cl3, .job_sections_new .cl4, .job_sections_new .cl5
{
display:block;
width:100%;
box-sizing:border-box;
text-align:left;
}
.job_sections_new .cl1
{
padding:0;
}
.job_sections2 .cl1, .job_sections2 .cl2, .job_sections2 .cl3, .job_sections2 .cl4, .job_sections2 .cl5
{
display:block;
width:100%;
box-sizing:border-box;
text-align:center;
}
.job_sections2 .cl2 img{
    float : none !important;
}
.job_sections2 .cl1
{
padding:0;
}

.cl4 ul
{
margin-top:20px;
}
.cl4 ul li
{
display:inline;
}
.cl4 ul li a img
{
margin-right:5px;
}
.job_sections1 .cl1, .job_sections1 .cl2, .job_sections1 .cl3, .job_sections1 .cl4, .job_sections1 .cl5
{
display:block;
width:22%;
box-sizing:border-box;
text-align:left;
}
.job_sections1 .cl1
{
padding:0;
}
.info_main
{
margin:0;
}
.info_left, .info_right, .about_info
{
margin-bottom:1% !important;
}
.col3
{
float:left !important;	
}
/*------------------------edit info------------------------------*/
.edit_left, .edit_right, .about_info_edit
{
padding:0.5% 0;
}
.about_info_edit
{
margin-bottom:1% !important;
}
/*section_right*/
.section_right
{
width:34%;
}
/*section_right*/

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

.header-search
{
width:70%;
float:left;
}
.related_jobs1
{
width:75%;
margin-top:10px;
padding:3%;
}
.related_jobs1 ul li
{
    width: 100% !important;
}
.header-search input.s-box 
{
width:90% !important;
}
.header-search input.s-button
{
width:10%;
}
.signup_left
{
width:60%;
}
.signup_right
{
width:40%;
}
.user_info
{
width:100%;
}
.privacy_policy
{
width:100%;
}
.terms_right
{
width:49%;
}
.terms_left
{
width:49%;
}
.related_jobs
{
width:94%;
margin-top:10px;
padding:3%;
}
.col3
{
float:right !important;	
}
.contact_left {
width: 100%;
}
.contact_right {
width:96%;
margin-top:10px;
}
/*------------------------edit info------------------------------*/
.edit_left
{
width:49%;
padding-right:0.5%;
}
.edit_right
{
width:49%;
padding-left:0.5%;
}
/*section_right*/
.section_right
{
width:100%;
margin-top:30px;
}
.share_fb {
width:50%;
margin-bottom:10px;
}
/*section_right*/
}
@media all and (max-width:768px)
{
.column1, .column2, .column3, .column4, .column5
{
width:100%;
display:block;
float:left;
text-align:center;
border:none;
}
.column2, .column3, .column4
{
padding:10px 0;
}
.column5 input
{
/*float:left;*/
margin:0 8px 10px 0;
}
.column3 img
{
right:0;
}
.column4 ul li.jobtime img {
right:0;
}
.column4 ul li.jobtime span {
position:relative;
left:8px;
}
.column1_r, .column2_r, .column3_r, .column4_r, .column5_r
{
width:100%;
display:block;
float:left;
text-align:left;
border:none;
}
.column2_r, .column3_r, .column4_r
{
padding:10px 0;
}
.column5_r input
{
float:left;
margin:0 8px 10px 0;
}
.column3_r img
{
right:0;
}
.column4_r ul li.jobtime img {
right:0;
}
.column4_r ul li.jobtime span {
position:relative;
left:8px;
}
.related_jobs1 ul li
{
display:block;
width:100%;
float:left;
clear:both;
}
.related_jobs1 .column1_r
{
width:20% ;
float:left;
}
.related_jobs1 .column2_r
{
width:80%;
float:left;
margin-top:16px;
}
.header-search
{
/*float:right;*/
display:block;
width:90%;
text-align: center;
}
.header-search1 {
    display: block;
    /*text-align: center;*/
    width: 90%;
}
.signup_left
{
width:100%;
display:block;
margin-top:40px;
}
/*-----------------------myjobs----------------------------*/
.my_job
{
width:100%;
display:block;
}
.post_job
{
width:100%;
display:block;
margin-top:20px;
}
.signup_right
{
width:100%;
display:block;
}
.signup_left p.normal_text
{
padding:0;
}
.signup_section
{
width:100%;
display:block;
margin: 60px 0 !important;
}
.related_jobs ul li
{
display:block;
width:100%;
float:left;
clear:both;
}
.related_jobs .column1
{
width:20% ;
float:left;
}
.related_jobs .column2
{
width:80%;
float:left;
margin-top:16px;
}
.col3
{
float:left !important;
}
.wrap{
	width:70%;
}

}
@media all and (max-width:680px)
{
#show_map
{
right:0px !important;
}
.header-search1 input.s-box1{
    width:72%;
}
.header-search input.s-button1
{
width:15%;
}
.get_header
{
width:100%;
padding:0;
}
.grey_header
{
width:100%;
padding:0 0 10px 0;
}
.middle_contents
{
width:100% !important;
padding:40px 0;
display:block;
text-align:center;
margin:0 auto;
}
.block_div{
    background-color: #e8e5e5;
    border-radius: 50px;
    margin: auto;
    padding: 20px 30px;
    padding-bottom: 0;	
}
.get_container
{
width:92%;
display:block;
padding:0 4%;
}
.membership
{
    float:none !important;
}
.search_distance1 span
{
    width:85%;
}
input.search-box
{
display:block;
width:99%;
padding-left:1%;
}
.dis-loc
{
display:block;
width:100%;
}
.dis-loc label
{
width:auto;
margin-right:5%;
float:left;
text-align:left;
}
.distance
{
width:100%;
float:left;
}
.distance img
{
width:100%;
}
 
.success_emphasise{
    width:85%;
}
/*section_right*/
.share_fb {
width:100%;
}
}
/*section_right*/

@media all and (max-width:562px)
{
    .header-search div.span-50 {
        width: 95%;
        margin-bottom: 5px;
    }
    #show_map
    {
    right:0px !important;
    }
    .location{
        width:65%;
        float:none;
    }
    .location a{
         width: 19px;
         margin-left: 80px;
    }
    .searchloc
    {
    display:block;
    width:100%;
    float:left;
    }
    .related_jobs1
    {
    /*width:90%;*/
    margin-top:10px;
    padding:5%;
    margin-left:10px;
    }
    .header-search1 input.s-box1{
        width:85%;
    }
    .header-search input.s-button1
    {
    width:15%;
    }
    .related_jobs1 .column1_r
    {
    width:30% ;
    }
    .related_jobs1 .column2_r
    {
    width:70% ;
    }
    .check
    {
    margin-bottom:10px;
    }
    .signup_left p.normal_text
    {
    font-size:19px;
    }
    .related_jobs
    {
    width:90%;
    margin-top:10px;
    padding:5%;
    }
    .related_jobs .column1
    {
    width:30% ;
    }
    .related_jobs .column2
    {
    width:70% ;
    }
    .info_left, .info_right, .about_info
    {
    margin-bottom:2% !important;
    }
    /*------------------------edit info------------------------------*/
    .edit_left, .edit_right, .about_info_edit 
    {
    width:100%;
    padding:0;
    }
    .input.search-button
    {
        margin : 20px auto 20px 40px;
    }
    .about_info_edit
    {
    margin-bottom:2% !important;

    }
    @media all and (max-width:480px)
    {
    .get_header
    {
    text-align:center;
    }
    .location{
        width:50%;
    }
    .dis-loc .label
    {
    width:100%;
    text-align:left;
    margin:0;
    }
    .distance
    {
    float:left;
    width:100%;
    margin:10px 0;
    }
    input.search-button{
        margin :  20px auto 15px 15px !important;

    }
    .location
    {
    /*width:100%;*/
    width:6%;
    display:block;
    text-align:center;
    float:right;
    clear:both;
    }
    .search_loc{
        margin-left:0px;
        width: 90%;
    }
    ul.app_links li a
    {
    padding:8px 12px;
    font-size:15px;
    }
    .search_distance1 span
    {
        width: 78%;
    }
    img.logo
    {
        clear: both;
        display: block;
        float: left;
        height: auto;
        margin: 0 auto;
        padding-top: 0;
        width: 130px;
    }
    .header-search{
        margin: 2%;
        width: 86vw;
        display: block;
    }
    .span-50 {
        width: 95%;
        margin: 0px 10px;
    }
    .header-search input.s-box {
        width: 85%;
        padding-right: 5px;
    }
    .column1 img {
        width: 50%;
        height: 9%;
    }
    .search_distance1 {
        width: 95%;
        margin-top: 10px;
    }
    .span_33 {
        width: 95%;
    }
    .span_33 .search_distance1 {
        width: 95%;
        margin-top: 0px;
    }
    .job_select,.job_select1 {
        width: 100%;
        margin: 5px 0px;
    }
    .search_txtbox {
        width: 99%;
        margin: 5px 0px;
    }
    .select_button{
        margin: 5px;
        float: none;
    }
    #post_job2 {
        width: 100% !important;
    }
    .overlaybg{
        z-index: 20000 !important;
    }
    .popup{
        width:315px !important;
        z-index: 20000 !important;
    }
    .job_emp,.job_notify{
        text-align: center;
        width: 95%;
        margin: 7px 0px;
        padding: 5px;
    }
    .blue_header .pro_pic {
        width: 100%;
        height: auto;
    }
    .blue_header .pro_name {
        width: 100%;
        margin: 5px;
    }
    .span_33 #search_applicants {
        width: 85%;
    }
    .header-search1 input.s-box1{
        width:72%;
    }
    .location{
        width:70%;
        float:none;
        margin-bottom:10px;
    }
    .location a{
         width: 19px;
         margin-left: 80px;
    }
    .header-search input.s-button
    {
    width:15%;
    }
    .header-search input.s-button1
    {
    width:15%;
    }
    .check
    {
    width:50%;
    }
    img.logo
    {
    margin:0 auto !important;
    }
    #show_map
    {
    right:0px !important;
    }
    .log_user
    {
    width:100%;
    display:block;
    padding:0;
    margin:0;
    }
    .log_user a
    {
    float:left;
    margin-left:8px;
    }
    input.edit_button
    {
    display:none;
    }
    input.edit_button1
    {
    display:block;
    }
    /*------------------------edit info------------------------------*/
    input.post_button
    {
    display:block;
    }
    .wrap{
            width:90%;
    }
    }
    @media all and (max-width:420px)
    {
    .login_contents
    {
    width:90%;
    padding:0 5%;
    }
    input.download_button
    {
    width:100%;
    }
    .related_jobs .column1
    {
    width:40%;
    }
    #show_map
    {
    right:0px !important;
    }
    .related_jobs .column2
    {
    width:60%;
    }
    .header-search1 input.s-box1{
        width:30%;
    }
    .header-search input.s-button1
    {
    width:15%;
    }
    }
    .success_emphasise{
        width:80%;
    }
    .related_jobs1 .column1_r
    {
    width:100%;
    text-align: center;
    }
    .related_jobs1 .column2_r
    {
    width:60%;
    }
    .r_jobs1 img {
        width: 70%;
        height: 30%;
        background: #FFF;
    }
}
/*-----------------------myjobs----------------------------*/
@media only screen and (max-width:768px)
{
.r-tabs .r-tabs-nav {
display: none;
}

.r-tabs .r-tabs-accordion-title {
display: block;
}
img.logo {
    margin: 0 auto !important;
    clear: unset;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
	width:130px;
}
.flag_div {
    float: left;
    height: 30px;
    margin-right: 35px;
    margin-top: 30px;
    position: relative;
    z-index: 999;
}
.menu_content {
    float: none;
    right: 0;
    position: absolute;
    top: 25px;
    width: 100%;
}
.header_new {
    min-height: 70px;
}
.get_header {
    width: 100%;
    padding: 0;
}
.get_container {
    width: 100%;
    display: block;
    padding: 0;
}

}

@media (min-width: 150px) and (max-width: 1182px) {
    .job_sections .cl4 ul li {
/*        float: left;
        width: 30px;*/
    }
	.related_jobs1 .column1_r {
    width: 100%;
    text-align: center;
}


}

@media (min-width: 150px) and (max-width: 479px) {
.get_header {
    width: 100%;
    padding: 0;
}
.newsrc{
text-align:right;
}
.newsrc span{
position:relative !important;
}
.flag_div {
margin-left:20px;
}
.get_container {
    width: 94%;
    display: block;
    padding: 0;
}
.menu_content nav{
padding:0;
}
.menu_content {
    float: none;
    right: 0;
    position: absolute;
    top: 25px;
    width: 100%;
}
.menu_content nav{
width:auto;
}
input.search-box {
    display: block;
    width: 70% !important;
    padding: 0 45px;
    position: relative;
    font-size: 13px;
}
.related_jobs1{
width:85%;
}
.header_new{
min-height:70px;
}
ul.app_links li a {
    padding: 8px 12px;
    font-size: 20px;
}
.r_jobs1 img {
    width: 90%;
    height: 100px;
    background: #FFF;
    margin-bottom: 10px;
}
.related_jobs1 ul li {
    width: 45% !important;
    float: left;
    clear: unset !important;
}
.locations {
    margin: 5px 0;
    float: right;
}


	
}

@media (min-width: 480px) and (max-width: 767px) {
.r_jobs1 img {
    width: 90%;
    height: 175px;
    background: #FFF;
    margin-bottom: 10px;
}
.newsrc .location{
left:15px !important;
}
.newsrc{
text-align:right;
}
.related_jobs1 ul li {
    width: 30% !important;
    float: none;
    margin-right: 5px;
    clear: none;
    display: inline-block;
}
.related_jobs1 {
    width: 90%;
    margin-top: 10px;
    padding: 3%;
}
.menu_content nav{
padding:0;
}
.flag_div {
margin-left:20px;
}
ul.app_links li a {
    padding: 8px 12px;
    font-size: 20px;
}
input.search-box {
    display: block;
    width: 85% !important;
    padding: 0 35px;
    position: relative;
    font-size: 13px;
}
.search_distance1{
width:96%;
}
	
	
}

@media (min-width: 550px) and (max-width: 767px) {
    .header-search div.span-50 {
        width: 95%;
        margin-bottom: 5px;
    }
.search_distance1 {
    width: 97%;
}
.header-search input.s-box{
width:81%;
}
	
}



@media (min-width: 768px) and (max-width: 991px) {
.r_jobs1 img {
    width: 100%;
    height: auto;
    background: #FFF;
}
.related_jobs1 ul li {
    width: 22% !important;
    /* float: left; */
    margin-right: 15px;
    clear: none;
    display: inline-block;
    vertical-align: top;
}
.related_jobs1 {
    width: 87%;
    margin-top: 10px;
    padding: 3%;
}	
	
}