/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.search form {
		height: 77px;
		background-color: #FFF;
		border: 1px solid #286EE9;
		border-radius: 100px;		
		padding: 0 0 0 10px;
		display:  flex;
		align-items: center;
		justify-content: space-between;
	}
	.search .form-control {
		width: 80%;
		position: relative;
	}
	.search .input-group, 	.search .form-control {
		border: 0 !important;
		margin: 0;
	}
	.search .input-group {
		width: 90%;
	}
	.search .input-group .form-control {
		width: 40%;
		position: relative;
	}
	.search .input-group .form-control:first-child {
		margin-right: 20px !important;
	}
	.search .input-group .form-control:last-child {
		margin-left: 20px !important;
		margin-right: 10px !important;
	}
	.search .divider{
		display: inline-block;
		width: 1px;
		height: 45px;		
		border-right: 1px solid #DCDCDC;
	}
	.search .btn-search {
		width: 57px;
		height: 57px;
		font-size: 2rem;
		margin-right: 10px;
	}
	.dd-options {
		right: 0;
	}
	footer .dd-options {
		left: 0;
		width: 100%;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.dd-selected {
		margin-left: 0;
		padding: 0;
	}
	.dd-selected label {
		display: inline-block;
	}
	.jobs {
		padding: 53px 0 73px;	
		background-color: #E5E5E5;
	}
	.jobs .block {
		border: 1px solid #BFC2CC;
		border-radius: 5px;
	}
	.jobs .btn-search {
		width: 44px;
		height: 44px;
		background-color: #286EE9;
		border-radius: 5px;
		font-size: 2rem;
	}
	.jobs .btn-filter {
		width: 117px;
		height: 44px;
		border: 1px solid #286EE9;
		font-size: 1.5rem;
		font-weight: 400;
		background-position: 22px center;
		text-indent: 30px;
	}
	.jobs .btn-filter:hover, .btn-filter.active {
		background-position: 22px center;
	}
	.jobs .filters .more-values {
		display: block;
	}
	.jobs .job .right {
		text-align: right;
	}
	.job-single {
		padding: 50px 0;
	}
	.job-single .block {
		border-radius: unset;
	}

	.job-single .job .right {
		text-align: left;
	}
	.dd-container {
		position: relative;
	}
	.dd-options {
		left: -50%;
	}

	.dd-selected, footer .dd-selected {
		padding: 5px 2em 5px 0;
		white-space: nowrap;
	}
	.dd-options, footer .dd-options {
		width: 400px;
		left: auto;
		right: 0;
	}
	footer .dd-pointer {
		position: relative;
		transform: none;
		top: 0;
		
	}
	footer .dd-container {
		display: flex;
		align-self: end;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1 {
		font-size: 6.4rem;
	}
	h2 {
		font-size: 4.8rem;	
	}
	h3 {
		font-size: 2.8rem;
	}
	h4 {
		font-size: 2rem;
		
	}
	h5 {
		font-size: 1.8rem;
	}
	
	.breadcrumber li {
		font-size: 1.4rem;
	}

	.cards .slider {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.cards .card {
		max-width: 30%;
	}

	.top-locations .slider {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.top-locations .card-wrapper {
		/*width: 25%;*/
		margin: 0;
	}

	.locations a {
		font-size: 1.8rem;
	}

	.meters .meter {
		font-size: 1.6rem;
	}
	.meters .meter span {
		font-size: 3.6rem;
	}

	.companies li {
		width: 46px;
		height: 46px;
		font-size: 2.4rem;
	}


	footer .links {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
	}
	footer .links li {
		margin: 0;
	}	
	footer .dd-options {
		left: 0;
		max-width: 60vw;
	}
	footer .dd-container {
		align-self: start;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	footer p {
		margin: 0;
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}