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

@media only screen and (max-width : 1450px) {
	
}

@media only screen and (max-width : 1330px) {
	.wrapper {
		width: 90%;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1120px) {
	.menu-container {
		background-position: 39% 0%;
	}
	.main-form-image {
		display: none;
	}
	.image-item {
		display: inline-block;
	}
	.services-item {
		width: calc(50% - 30px);
	}
	.project-content .right-col {
		margin-top: 0;
	}
	.advantages-list .advantage-item {
		width: calc(33% - 30px);
	}
	.our-projects .quote {
		display: none;
	}
	.our-projects .slide-item {
		height: auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	html body .logo {
		width: 35%;
		padding: 0;	
		display: table;
		height: 100%;
	}
	html body .logo a img {
		display: block;
	}
	html body .logo a{
		display: table-cell;
		vertical-align: middle;
	}
	html body .btn, .slam-easyform button.btn {
		font-size: 12px;
		padding: 0 20px;
	}
	html body .phone span {
		font-size: 18px;
	}
	html body .soc {
		display: none;
	}
	html body .header-contacts, html body .footer-contacts {
		position: relative;
		right: 75px;
	}
	html body footer span.address {
		font-size: 12px;
	}
	html body .footer-contacts {
		right: 0;
	}
	html body footer span {
	    text-align: center;
	}
	.menu {
		display: none;
	}
	.mob-menu-btn {
		display: block;
		background: url('img/menu.png') no-repeat 0 0;
		width: 40px;
		height: 40px;
		position: absolute;
		right: -75px;
		top: 50%;
		margin-top: -7px;
		cursor: pointer;
	}
	.mob-menu {
		display: none;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		background: #1d466cf0;
		position: fixed;
		z-index: 1000;
		box-sizing: border-box;
		padding: 40px;
	}
	.mob-menu ul {
		list-style-type: none;
	}
	.mob-menu ul a, .mob-menu ul span {
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		font-family: Helvetica;
		text-transform: uppercase;
	}
	.mob-menu ul li{
		margin: 10px 0;
	}
	.mob-menu ul li ul {
		display: none;
	}
	.mob-menu ul li ul ul a {
		color: #a9a9a9;
		text-transform: none;
	}
	.close {
		position: absolute;
		top: 50px;
		right: 40px;
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
	}
	.main-banner {
		margin: 0;
		padding-top: 40px;
		font-family: Helvetica;
	}
	.left-col, .right-col {
		width: 100%;
		padding: 0;
	}
	.right-col {
		margin-top: 20px;
	}
	.main-infographic .right-col img {
		margin: 0 auto;
	}
	.main-infographic .left-col {
		padding: 0;
		width: 530px;
		margin: 0 auto;
		float: none;
		height: 312px;
	}
	.mob-phone, .mob-phone span {
		display: inline-block;
		margin-top: 15px;
		font-family: 'Helvetica-Light';
		font-size: 22px;
		color: #fff;
		text-align: center;
	}
	.slide-desc {
		top: auto;
		bottom: 0;
	}
	.project-content.service-content .right-col{
		display: block;
		width: 100%;
		height: 380px;
		position: relative;
	}
	.advantages-list .advantage-item {
		width: calc(50% - 30px);
	}
	.tour {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 750px) {
	.main-banner .main-title {
		font-size: 24px;
	}
	.main-subtitle {
		font-size: 14px;
	}
	.main-banner-text {
		width: 100%;
	}
	.main-infographic-list {
		display: none;
	}
	.main-infographic .left-col {
		width: 100%;
		height: auto;
	}
	.infographic-desc {
		position: static;
		width: 100%;
	}
	.form-field div{
		margin-bottom: 5px;
	}
	.why-wy-item:after {
		content: '';
		display: block;
		clear: both;
	}
	.why-wy-item {
		width: 90%;
		height: 91px;
	}
	.why-wy-item .icon {
		float: left;
		width: 88px;
	}
	.why-wy-item .desc {
		display: table;
		height: 100%;
		width: calc(100% - 88px - 15px);
		float: left;
		margin-left: 15px;
	}
	.why-wy-item span {
		display: table-cell;
		vertical-align: middle;
		margin-top: 0;
	}
	.slide-desc .quote {
		display: none;
	}
	.box-btns .btn {
		display: block;
	}
	.box ul {
		width: 100%;
		margin: 0;
	}
	.slide-desc {
		font-size: 12px;
	}
	.slide-item .slider-img:after {
		background: linear-gradient(0deg, rgba(25,68,110,1) 0%, rgba(55,107,158,0) 100%);
	}
	.owl-nav {
		display: none;
	}
	.project-content .left-col {
		width: 100%;
		padding: 49px 0px 39px 0;
	}
	.project-content .right-col {
		display: none;
	}
	.services-item {
		width: calc(100% - 30px);
	}
	.advantages-list .advantage-item {
		width: calc(100% - 30px);
	}
	.our-proj-list .slide-item {
		width: calc(50% - 30px);
		margin-bottom: 30px;
	}
	body .service-content .left-col {
		padding-right: 0;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.phone {
		display: none;
	}
	html body .logo {
		width: 50%;
	}
	.mob-menu-btn {
		margin-top: -16px;
	}
	.footer-contacts {
		display: none;
	}
	footer .logo {
		float: none;
		margin: 0 auto;
	}
	
	
}

@media only screen and (max-width : 430px) {
	
}

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


/*==========  Mobile First Method  ==========*/

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

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

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

}

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

}