/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1260px) {

body, html {width: 100%;min-width: 0;}
.wrapper {width: 95%;padding: 0 2.5%;min-width: 0;}

.bottom-head .search {width: 35%;}
.bottom-head .search .search-input {width: 100%;}

.main .left-col {width: 22.5%;margin-right: 2.5%;}
.main .content {width: 75%;margin-right: 0;}

.main .right-col {float: none;width: 100%;}
.main .right-col .ad-item {float: left;margin-bottom: 0;margin-right: 10px;}

.pre-footer .left-block {width: 100%;}
.pre-footer .right-block {width: 100%;}
footer .footer-menu-block {margin-bottom: 20px;}
.ad-banner-bottom {height: 225px;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 900px) {

.toggle-button {display: block;}
.main .left-col .main-menu {    margin-right: 0;position: absolute;background: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, .2);padding: 20px;border-top: 20px solid #FCAF3E;min-width: 200px;z-index: 20;display: none;}
.main .content {width: 100%;}

.content .steps .item .arrow {display: none;}
header .bottom-head .teaser {display: none;}
header .bottom-head .search-button {float: right;}

.main-banner .action {display: table;margin: 0 auto;}
header .bottom-head .logo {width: 25%;}
header .bottom-head .search {width: 50%;}
header .bottom-head .search-button {margin: 0;width: 22.5%;margin-left: 2.5%;text-align: center;}

.ad-banner-bottom {height: 190px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.main-banner {height: auto;}
	.main-banner h1 {font-size: 32px;}
	header .bottom-head .logo {float: none;margin-bottom: 10px;}
	header .bottom-head .search {width: 67.5%;}
	header .bottom-head .search-button {margin: 0;width: 30%;margin-left: 2.5%;text-align: center;padding: 0 10px;}
	.grid3 .item {float: none;width: 100%;margin-bottom: 20px;}
	.vacancies-list li {width: 100%;margin-bottom: 10px;}
	.wrap .button-2 {margin-bottom: 10px;float: none;width: 100%;clear: both;box-sizing: border-box;}
	.right-text {font-size: 14px;}
	.vacancies-of-day .left-block {width: 100%;}
	.articles-list ul li .text {width: 100%;}
	
	.ad-banner-bottom {height: 140px;}
	.vacancies-of-day .right-block .banner-article {top: 0;margin-top: 20px;}
	#ad_ph_1 {overflow: hidden;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.main-banner .action .action-link {margin-bottom: 20px;}
	.main h2, .pre-footer h2 {width: 100%;border-bottom: 1px solid #ccc;text-align: center;}
	.vacancies-of-day .right-block {width: 100%;}
	
	header .bottom-head .logo {width: 100%;}
	header .bottom-head .logo img {display: table;margin: 0 auto;margin-bottom: 20px;}

	#search-option {width: 90px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}