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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.navbar__logotype {
		height: 30px;
	}	
	.navbar__tagline {
		padding-left: 25px;
	}
	.navbar__tagline--delimiter {
		padding-right: 20px;
	}
	.home__title {
		font-size: 26px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navigation {
		display: inline-block;
	}
	.home {
		height: auto;
		padding-bottom: 80px;
	}
	.navbar__logotype {
		height: 30px;
		padding-top: 21px;
		box-sizing: content-box;
	}
	.navbar__tagline {
		display: none;
		padding-left: 25px;
	}	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h1 {
		margin: 35px 0 0 0;
	}
	.flex {
		display: block;
	}
	.home {
		padding-top: 82px;
		padding-bottom: 20px;
	}
	.home__title {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 0;
	}
	.home__p {
		margin: 7px 0;
    font-size: 16px;
    line-height: 22px;
	}
	.engineering__item {
		font-size: 16px;
    line-height: 22px;
	}
	.form-contact__button {
		float: left;
	}
	.contacts__social {
		clear: both;
		text-align: left;
	}
	.contacts__social-link {
		display: inline-block;
		padding-right: 10px;
	}
	.facts__icon {
		width: 70px;
		height: 70px;
	}
	.facts__svg {
		margin-top: 16px;
	}
	.facts__number {
		font-size: 28px;
		margin: 10px 0 0;
	}
	.facts__description {
		margin: 0 0 15px 0;
	}
	.team__social-block {
		margin-bottom: 20px;
	}
	.filter__item {
    font-size: 13px;
    padding: 5px 10px;
    margin: 0 2px;
	}
	.home-content__text {
		font-size: 38px;
	}
	.home-content__note {
		font-size: 15px;
		padding-top: 15px;
	}
	.navbar {
		background-color: rgba(16,22,54,.8);
	}
	.top-menu {
		float: none;
	}
	.navigation {
		float: none;
		display: none;
		padding-bottom: 20px;
	}
	.navigation__item {
		margin-left: 0;
		float: none;
	}
	.navigation__link {
		line-height: 40px;
		padding-left: 30px;
	}
	.navigation__link--active {
		border-top: none;
	}
	.navigation__toggle {
		display: block;
		float: right;
		color: #fff;
		font-size: 28px;
		margin-top: 13px;
	}
	.portfolio__title {
		margin: 5px 0 4px;
		font-size: 16px;
	}
	.navbar__tagline {
		display: inline-block;
	}
	.navbar__logotype {
		padding-top: 0;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.about__logotype {
		height: 25px;
	}
	.navbar__logotype {
	    height: 15px;
	}
	.navbar__tagline {
		padding-left: 15px;
	}
	.navbar__tagline--delimiter {
		padding-right: 15px;
	}
	.construction__image-warp {
		width: 100%;
	}
	.construction p,
	.production p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
	}
	.footer {
		padding: 15px 0;
	}
	.copyright__signature {
		padding: 0;
		margin-top: 15px;
	}
	.copyright {
		margin: 0;
	}
}

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

}


/*==========  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) {

}