@media screen and (max-width: 1180px){
    .banner__video-wrap{
        top: 0;
    }
    .project-info {
        top: 20px;
    }
    .project-info p {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
}

@media screen and (max-width: 1150px){
    .footer-contacts{
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-flow: column;
        align-items: center;
    }
    
    .footer-contacts__phone,.footer-contacts__mail, .footer-contacts__address{
        padding-top: 15px;
        margin-right: 0;
    }
    .footer-contacts__mail{
        padding-bottom: 15px;
    }

}

@media screen and (max-width: 992px){
    .showreel-logo__img {
        display: none;
    }
    .footer-contacts__address{
        margin-right: 0;
    }
    .banner{
        background: url('../../img/LUISENHAUS/77.jpg');
        background-size: cover;
        background-position: 50%;
		height: 80vh;
    }
	.landBan {background: url(../../img/pifagor/1.jpg); background-size: cover; background-position: 50%;}
	
    .banner__video{
        display: none;
    }
    .banner__title {
        font-size: 30px;
        line-height: 49px;
        text-align: center;
        font-weight: 600;
        letter-spacing: 4px;
    }
    .banner__title span{
        display: block;
    }
    .banner__subtitle{
        display: none;
    }
	.banner__subtitle br {display: none;}
    /*.banner--inner-page{display: none;}*/
    .project-img--video{
        display: flex;
    }
    .services-wrapper{
        flex-flow: column;
    }
    .services-item{
        margin-bottom: 30px;
        max-width: inherit;
    }
    .header-menu{
        display: none;
    }
    .b-container {
        display: block;
    }
    .slider-nav{
        right: 0;
        bottom: 20px;
        left: inherit;
    }
    .slide-wrapper{
        flex-flow: column;
    }
    .slide-left {
        padding: 15px;
        width: 100%;
    }
    
    .slide-right {
        width: 100%;
    }
    
    .slide-left__text{
        position: relative;
        box-shadow: none;
        width: 100%;
        padding: 25px 15px;
    }
    .slide-left__title{
        font-size: 24px;
        position: inherit;
        margin-top: 0;
        margin-left: 0;
    }
    .projects-item{
        width: 50%;
    }
    .project-item__title{
        font-size: 12px;
        opacity: 1;
    }
    .footer-top-wrapper{
        flex-flow: column;
    }
    
    .contacts{
        flex-flow: column;
        text-align: center;
        margin: 50px auto 0;
        display: block
    }
    .contacts__left{
        padding-right: 0;
    }
    .contacts__right{
        width: 100%;
    }
    .b-nav__phone .fa-phone{
        padding-right: 10px;
    }
    .project-info.project-info--full {
        opacity: 1;
        top: 40px;
        left: 0;
        position: absolute;
    }
    .project-info.project-info--full h3,.project-info.project-info--full p{
        color: white;
    }
    .project-info--full h3 {
        font-size: 40px;
        letter-spacing: 5.4px;
        max-width: 300px;
        line-height: 56px;
        margin-bottom: 20px;
    }
    .project-info--full p {
        font-size: 15px;
        line-height: 20px;
    }
    
    .buklet-link {
        left: 25px;
        top: 320px;
        right: inherit;
    }
    .order-project {
        left: 240px;
        top: 320px;
        right: inherit;
    }
	
	.landingOrder { }
	

    .project-info{
        position: relative;
        color: black;
        opacity: 1;
        padding-bottom: 50px;
    }
    .project-info p{
        margin: 0;
    }
    .project-info h3{
        color: black;
    }
    .building-item{
        flex-flow: column;
    }
    .building-item__info{
        width: 100%;
        margin: 0;
    }
    
    .building-item__img{
        width: 100%;
        margin: 0;
    }
    .project-images{
        margin: 80px auto 80px;
    }
    .project-images--chess .project-images__img{
        margin: 20px auto;
        max-width: 500px;
    }
    .project-images--chess .project-images__img:nth-child(odd){
        margin: 0 auto;
    }
    .mission{
        display: none;
    }

}

@media screen and (max-width: 800px) {
    .mission-top{flex-wrap: wrap;}
    .mission-top__img {width: 100%; height: 100%; margin-right: 0;}
    .mission-top__text-block {width: 100%;}
    .mission-top__text:before {margin-top: 30px;}
	
	.slider {width: 100%; float: none;}
	.landing-project .project-text {width: 100%; float: none;}
}

@media screen and (max-width: 500px){
    .order-project{left: 25px; top: auto; bottom: 30px; right: inherit; padding: 18px 12px;}
	.landingOrder {line-height: 50px;}
	#lForm .qfPhone {width: 90%!important;}
    .project-img__title{font-size: 30px;}
	.project-img__txt {margin-top: 40px; font-size: 16px; max-width: 300px;}
	
    .services-item{height: inherit;}
	#why {margin-top: 50px!important;}
	.banner__title {font-size: 20px; margin-bottom: 0; margin-top: 60px;}
	.banner__subtitle {font-size: 16px; line-height: 20px;}
	.project-img__img {height: 100%;}
	
 
	#lForm {background-attachment: inherit;}
	
}
@media screen and (max-width: 520px){
	.banner {height: 29vh;}
	.footer-policy {
        display: none;
    }
    .pre-footer-policy {
        display: block;
        margin-top: 15px;
    }
    .footer-top-wrapper {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 620px){
    .projects-item{
        width: 100%; margin-bottom: 10px;
    }
    .project-info {
        position: absolute;
        padding-top: 20px;
        background-color: rgba(255, 255, 255, 0.5);
        max-height: calc(100% - 20px);
    }
    .services-item {
        padding: 0px 20px 50px;
    }
    .services-item__title {
        display: inline-block;
        font-size: 20px;
    }
    .banner__logo{
     max-width: 170px;
     margin-top: 50px;

    }
    .banner-play-btn{font-size: 18px; margin-top: 40px;}
	
    .project-info.project-info--full h3{
        font-size: 29px;
        letter-spacing: 1.4px;
        max-width: 300px;
        line-height: 42px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 320px){
    .banner__logo{ width: 120px; margin-top: 70px;}
	.banner-play-btn {font-size: 14px; margin-top: 0px;}
	.banner { }
	.banner__subtitle { font-size: 17px;}
	.banner:before {height: 100vh;}
	.landingOrder {}
	.Aimg {height: 180px;}
}
@media screen and (max-width: 450px){
	.article {width: 100%; padding: 0 20px; margin-bottom: 60px;}

    .footer-contacts__address {max-width: 195px;}
	.aboutPage {height: 220px;}
	.aboutPage img {margin-top: 0px; min-width: auto;}
	.worker {width: 100%;}
	.worker:last-child {width: 100%; padding: 10px;}
	.lastWorker {width: 100%; padding: 0px;}
	
	.reason {width: 100%;}
	#why h2 {top:-40px;}
	#aStaff h2 {top:-40px;}
	.psLink {margin-left: 0; display: block; text-align: center; margin-bottom: 5px;}
	.sup-ellipsis {display: none;}
	.project-info {max-height: 100%; height: 100%; top: 0; padding-top: 50px; background-color: rgba(0, 0, 0, 0.13);}
	.project-info h3 {color: black; background: rgba(255, 255, 255, 0.5294117647058824);
    display: inline;
    padding: 0 10px;
    position: absolute;
       bottom: -20px;
    left: 0;
    width: 100%;
    font-size: 16px;
    text-align: center;}
	.project-info--full h3 {background:none; padding: 0; display: block; position: relative;}
	#qf input, .qfPhone, .qfWrap button {width: 90% !important;}
	#lForm .qfHeader p {font-size: 16px;}
	.ppvp {font-size: 26px; line-height: 32px;}
	
	.projects .project-info p {display:none;}
	.mission-top {padding: 10px 15px;}
	.mission-top__text {font-size: 18px; padding: 0; line-height: 22px;}
	.mission-top__text:before {line-height: 0.5;}
	.project-info.project-info--full {opacity: 1; top: 0; left: 0; position: absolute; padding: 50px 30px;}
	.project-info.project-info--full h3 {margin-bottom: 40px; position: unset; text-align: left;}
}

@media screen and (max-width: 580px){
    .footer-contacts__phone {display: none;}
    .header-call {display: none;}
    .mission__text {text-align: center;}
    .b-menu:hover {border: transparent solid 2px;}
    .project-text p, .project-text .project-price, .project-text .project-title {padding: 0 15px;}
    .banner__video {display: block;
    top: 0;}
}