.mobicon { display: none; position: absolute; height: 24px; width: 30px; top: 36px; right: 20px;  }
.mobicon span { position: absolute; width: 30px; height: 4px; left: 0px; background-color: #0097DA; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }

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

@media ( max-width : 1201px ) {
    #header .inner { padding: 0 28px; }
}

@media ( max-width: 1145px ) {
	.jobsSearchBox { padding: 15px 15px 1px 28px; } 
}

@media ( max-width : 1050px ) {
    table th.hide-responsive, table td.hide-responsive { display: none; }
}

@media ( max-width : 980px ) {
    .jobsSearch, .jobsOverviewOut, .jobDetail .jobLeft, .jobDetail .jobRight { width: 100%; float: none; }
	.jobDetail .jobCenter { padding: 0 20px; }
	.jobDetail .jobLeft { margin: 0 0 20px 0; }
	.jobDetail .jobHead { padding: 0 20px; }
	.jobDetail .jobBack { margin: 0 0 20px 20px; }
	#jobsSearchForm { display: none; }
	.jobsSearchHead .filter-toggle, .jobsSearchHead .filter-toggle:after { display: block; }
}

@media ( max-width : 768px ) {
    #jobCreateForm .field-block { width: 100%; float: none;  }
    #jobEditForm .field-block { width: 100%; float: none;  }
}

@media ( max-width : 580px ) {
	#header { position: relative; }
    .mobicon { display: block; }
	#myJobs { margin-right: 50px; }
    #naviMain { display: none; }
	
	#naviMain { position: absolute; top: 100%; left: 0; width: 100%; background-color: #FFF; z-index: 999; float: right; padding-top: 0; margin-right: 0; }
	#naviMain > ul > li { position: static; display: block; float: none; }
	#naviMain > ul > li > a { color: #069AD5; padding: 10px 20px; }
}

@media ( max-width: 530px ) {
	.table-managejobs.hide-on-mobile { display: none; }
	.boxes-managejobs { display: block; }
}

@media ( max-width: 500px ) {
	.jobCreate .field.field_50 { float: none; width: 100%; }
	.fWrap { width: 100%; }
	::-webkit-input-placeholder { font-size: 14px; }
	:-moz-placeholder { font-size: 14px; }
	::-moz-placeholder { font-size: 14px; }
	:-ms-input-placeholder { font-size: 14px; }
}

@media ( max-width: 430px ) {
	.jobBox .entryBox, .jobBox .jobContent { float: none; }
	.jobBox .entryBox { width: 30%; padding-right: 0; }
	.jobBox .jobContent { width: 100%; padding-left: 30px; padding-right: 30px; }
	.jobBox .jobCompany { max-width: 60%; }
}