@media (max-width: 1279px) {
    .img-01-50 {
        background: url(../images/images01.jpg) no-repeat -100px 0;
    }
    .content-block-2-trans-wrap .container {
        width: 100%;
    }
}

@media (max-width: 980px) {
    .site-main-menu {
        margin-top: 10px;
    }
    #homelside .slide-desc-text h1 {
        font-size: 70px;
    }
    .container.block-cta::after {
        bottom: -60px;
    }
    .img-01-50 {
        background-position: -300px 0px;
        background-size: vover;
        margin-top: 50px;
    }
    .footer-block-1,
    .footer-block-2 a,
    .site-main-menu a {
        font-size: 16PX;
    }
}

@media (max-width: 768px) {
    .img-01-50 {
        background-position: -370px 0px;
    }
}

@media (max-width: 767px) {
    .content-block-1-proj,
    .content-block-2-trans {
        width: 100%;
    }
    .img-01-50 {
        /*background: none;*/
    }
  .proj-in-picture {
    background-position: top right;
    background-size: 200%;
  }
  .proj-in-picture  .container{
      
      margin: 205px 0 0;
      background: white;
    
  }
    .block-banner {
        margin-top: 50px;
    }
    .nav.menu.footer-block-2.text-right a {
        text-align: left;
    }
    a.footer-logo {
        float: left;
    }
    #homelside .slide-desc-text h1 {
        font-size: 40px;
    }
    #homelside .slide-desc-text span {
        font-size: 20px;
        line-height: inherit;
    }
    .block-cta .block-banner>div {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .content-block-2-trans {
        padding: 20px;
        margin-bottom: 20px;
    }
    .content-block-2-trans-wrap {
        padding: 0;
        padding-bottom: 175px;
    }
  
    .content-block-2-trans-wrap {
      background-size: 150%;
      background-position: bottom center;
      margin-bottom:20px;
    }
}

@media (max-width: 640px) {
    .body-cont {
        padding: 20px;
    }
    #homelside .slide-desc-text h1 {
        font-size: 20px;
    }
    .block-cta .block-banner>div h4,
    .content-block-1-proj h4,
    .content-block-2-trans h4 {
        font-size: 24px;
    }
    #homelside .djslider-default .slide-desc {
        margin-top: -40px;
    }
    .site-main-menu {
        float: none;
        margin-top: 20px;
        text-align: center;
    }
    .site-main-menu li {
        margin: 0 10px;
    }
}