.hrCountry, .hrCategory {
    min-width: 55%;
}

.jobsearch,
.jobsearch.section{
	clear:both;
}

.jobsearch .jobsDropdownWrapper {
    background: #ccc;
    height: 100px;
    margin:0 0 20px 0;
	}
	.jobsearch .dropdownWrapper {
		display: flex;
	    flex-direction: column;
	    padding: 0 20px 0 0;
	    justify-content: center;
	    align-items: flex-start;
	    height: 100%;
		}
		.jobSearch_loading{
			display: none;
		}
		.jobSearch_placeholder-wrap{
			position:absolute;
			width: 100%;
		}
		.jobsearch .jobSearch_placeholder{
			position: relative;
	    	overflow: hidden;
		}
		.jobsearch .jobSearch_placeholder-select{
		    width: 55%;
    		height: 20px;
		}
		.jobsearch .jobSearch_placeholder-btn{
			width: 25%;
    		height: 15px;
    		margin: 10px 0 0 0;
		}
		.jobsearch .jobSearch_placeholder::before {
			display: block;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			transform: translateX(-100%);
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
			animation: loadingJobsDropdown 1.5s infinite;
		}
		
		@keyframes loadingJobsDropdown {
			100% {
				transform: translateX(100%);
			}
		}

.jobsearch .magnifying-glass-box {
    background: #b2b2b2;
    height: 100%;
    width: 12%;
}


.jobsearch .magnifying-glass-box,
.jobsearch .magnifying-glass-triangle,
.jobsearch .dropdownDescription,
.jobsearch .dropdowns {
	float: left;
}

.mt_direction_right_to_left .jobsearch .magnifying-glass-box,
.mt_direction_right_to_left .jobsearch .magnifying-glass-triangle,
.mt_direction_right_to_left .jobsearch .dropdownDescription,
.mt_direction_right_to_left .jobsearch .dropdowns {
	float: right;
}

.jobsearch .magnifying-glass-box {
	background: #B2B2B2;
	height: 100%;
	width: 12%;
}

.jobsearch .magnifying-glass-triangle {
	width: 3%;
	
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-left: 35px solid #B2B2B2;
}

.mt_direction_right_to_left .jobsearch .magnifying-glass-triangle {
	width: 3%;

	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-right: 35px solid #B2B2B2;
    border-left: 0px;
}

.jobsearch .magnifying-glass {
	padding-left: 15%;
	padding-top: 25px;
	margin: 0px auto;
    display: block;
}

.jobsearch .dropdownDescription {
	color: #FFFFFF;
	font-weight: bold;

	position: relative;
	float: left;
	
	font-size: 16px;
	font-size: 1.33rem;
	
	line-height: 24px;
	line-height: 2rem;

	width: 30.88696572549264%;

    top:15px;
}

.jobsearch .dropdownDescription.smallDescription {
	top: 15px;
}

.jobsearch .dropdownDescription.mediumDescription {
	top: 15px;
}

.jobsearch .dropdownDescription.largeDescription {
	top: 0px;
}

.jobsearch .dropdowns {
	width: 42.22482333530492%;
	height: 80px;
	
	float: right;
	
	position: relative;
	top: 10px;
	
	border-left: 2px solid #FFFFFF;

	padding-left: 3.11303427450736%;
	/*padding-left: 1.67rem;*/
	
	/*left: 20px;
	left: 1.67rem;*/
}

.jobsearch input[type="submit"] {

	margin: 0;
	
    padding: .25rem .5rem;

	font-weight: bold;
	color: #FFFFFF;

	background: #808080;

	border: 1px solid #6F6F6F;
	border-radius: .25rem;

	text-align: center;
	
	position: relative;
	top: 3px;
}

.jobsearch input[type="submit"]:hover{
	background: #6F6F6F;
	cursor: pointer;
}

.jobsearch input[type="submit"]{
	float: left;
}

.jobsearch select.searchBox,
.jobsearch .searchBox{ 
    margin:0px 0px 4px 0px; 
 	}


@media(max-width: 767px) {

	.jobsearch .magnifying-glass-box,
	.jobsearch .magnifying-glass-triangle {
		width: 0px;
		display: none;
	}

    .jobsearch .dropdownDescription.smallDescription{
		top:10px;
	}

	.jobsearch .jobsDropdownWrapper,
	.jobsearch .dropdowns {
		height:auto;
		min-height: 65px;
	}

    .jobsearch .jobsDropdownWrapper {
		padding:10px 0px;
		position: relative;
    }

    .jobsearch .dropdownDescription.smallDescription{
		top:auto;
	}

    .jobsearch .dropdowns {
		border-left:0px;
    	float:left;
	}

	.jobsearch .dropdowns,
	.jobsearch .dropdownDescription {
        padding-left: 3.11303427450736%;
    	padding-right: 3.11303427450736%;
    	width: 93.77393145098528%;
    	top:auto;
	}

	.jobsearch .tableSearch{
		width:100%;
	}

	.jobsearch select.searchBox, 
	.jobsearch .searchBox {
    	margin:5px 0;
    	width: 100%;
	}

	.jobsearch input[type="submit"]{
		width:auto;
        padding-right:20px;
        padding-left:20px;
    }


	.specs_table tr th.job-th-3,
	.specs_table tr td.job-td-3 { display:none; }
	
	.jobSearch_placeholder-wrap{
		min-height: 65px;
		top: 10px;
	}
	
}

@media(max-width:570px) {

	table.specs_table,
	.specs_table tbody, 
    .specs_table th, 
    .specs_table td, 
    .specs_table tr { 
		display: block; 
	}

	.specs_table tr td:empty,
	.specs_table tr td.job-td-3 { display:none; }

    .specs_table th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.specs_table tr { border: 0px; }

	.specs_table tr td { 
		border: none;
		border-bottom: 0px; 
		position: relative;
    	min-height: 15px;
    	padding: 0 0 0 25%;
    	line-height:normal;
	}

	.specs_table tr.odd td { background-color:transparent; }

	.specs_table td.job-td-1 { 
    	margin-top:5px;
        padding-top:5px;
    }

    .specs_table td:last-child { 
    	margin-bottom:5px; 
        padding-bottom:5px; 
    }

	.specs_table td:before { 
		position: absolute;
		top: 2px;
		left: 6px;
		width: 20%; 
		padding-right: 10px; 
    	font-weight:bold;
	}

	.specs_table td.job-td-1:before { content: "Date"; top:7px; }
	.specs_table td.job-td-2:before { content: "Job Title"; }

}

@media(max-width:450px) {

	.specs_table tr td { 
    	padding: 0 0 0 35%;
	}

	.specs_table td:before { 
		width: 30%; 
		padding-right: 10px; 
    	font-weight:bold;
	}

}