@media (max-width: 1700px){
  body, h3, .form-control, #contact-form span{
    font-size: 13px;
  }

  h2{
    font-size: 17px;
  }

  #flow-2 img, #flow-3 img, #flow-4 img, #offer img{
    width: 150px;
    height: auto;
  }

  #contact img{
    width: 60px;
    height: auto;
  }

  .home-ico{
    background-size: 99%;
    height: 160px;
    width: 595px;
    margin-left: -298px;
    margin-top: -80px;
  }

  .home-ico h1{
    font-size: 16px;
    letter-spacing: 1px;      
  }

  .home-logo{
    background-size: 70%;
  }
}

@media (max-width: 1440px){

  .content-page {
    height: auto;
    padding-top: 160px;
    padding-bottom: 160px;
  }

  #home, #flow-1{
    height: 100vh;
    padding: 0;
  }

  #flow-3,   #flow-4, #contact{
    height: 100vh;
    padding: 0;
  }

  .col-md-4{
    width: 100%;
  }

  #offer .col-md-4{
    margin-bottom: 120px;
  }

  #flow-1{
    padding: 0 10px;
  }

  #flow-1 img{
    height: auto;
    width: 100%;
    margin: 0;
  }

  #offer .content {
    margin: 0;
    width: 100%;
  }

  #offer .content,  #flow-2 .content, #flow-3 .content, #flow-4 .content{
    padding-left: 60px;
    padding-right: 60px;
  }

  #offer{
    padding-bottom: 40px;
  }

  #flow-1 img{
    display: none;
  }

  #flow-1 .ico-2-flow-1{
    display: inline;
  }

  #flow-1 .content-cell{
    padding: 0 80px;
  }
}

@media (max-width: 991px){

  #flow-1{
    padding-top: 160px;
    padding-bottom: 160px;
  }

  #flow-4 .content {
    width: 100%;
    margin: 0;
  }

  .home-ico h1{
    white-space:  normal;
  }

  .home-ico h1 span{
    display: none;
  }

  .page-title{
    display: none;
  }

  #flow-1{
    height: auto;
  }

  #flow-1 img{
    display: none;
  }

  #flow-1 img.m-flow-1{
    display: inline;
    width: 200px;
  }

  #flow-1 .ico-2-flow-1{
    display: none;
  }

  #flow-1 .content-cell{
    padding: 0;
  }

  #contact-form{
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .links a{
    font-size: 22px;
  }
}

@media (max-width : 769px){
  #menu {
    top: 0;
    left: 0;
    width:100%;
  }

  #logo{
    left: 20px;
    top: 25px;
    background: url(../img/m-logo-top.png) no-repeat center left;
    background-size: 70%;
  }

  #logo.logo-dark {
    background: url(../img/m-logo-top-dark.png) no-repeat center center;
    background-size: 70%;
  }

  #humburger{
    right: 5px;
    top: 15px
  }

  .home-logo{
    display: none;
  }

  .home-ico{
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    margin: 0;
    background: url(../img/m-home-ico-22.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  }

  .home-ico h1{
    width: 230px;
    height: auto;
    left: 50%;
    margin-left: -115px;
    bottom: 15%;
  }

  img#m-home-ico{
    display: none;
    width: 100%;
    height: auto;
  }

  #navi-balls{
    display: none;
  }

  .links {
    width: 220px;
    margin: 0 auto;
    padding: 0;
  }

  #contact-form{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  #contact-form-hide{
    right: 10px;
  }

  #contact .content {
    width: 100%; 
    margin: 0 auto;
  }

  #lang-menu{
    width: 220px;
    left: 50%;
    top: auto;
    bottom: 10%;
    margin-left: -110px;
  }

  #contact-form-modal #contact-form-hide{
    top:5px;
    right: 5px;
  }

  #contact #contact-form-show{
    display: none;
  }

}

@media (max-width : 769px) and (orientation:landscape) {
  .home-ico{
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    margin: 0;
    background: url(../img/m-home-ico-3.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  }

  .home-ico h1{
    bottom: 15%;
  }
}

@media (max-width : 500px){
  #flow-3, #flow-4, #contact{
    height: auto;
    padding-top: 160px;
    padding-bottom: 160px;
  }

}

@media (max-width : 339px){
  .content img {
    width:100%;
    height: auto;
  }

  .home-logo{
    background-size: 60%;
  }

  #offer .content,  #flow-2 .content, #flow-3 .content, #flow-4 .content{
    padding-left: 5px;
    padding-right: 5px;
  }
}



@media (max-height: 800px){
  .line{
    margin: 20px auto;
  }
  #offer img{
    margin-bottom: 20px;
  }

  #offer .col-md-4 > div:not(.line) {
    padding-bottom: 5px;
    padding-top: 0px;
  }

  #flow-2 img, #flow-3 img, #flow-4 img {
    margin-bottom: 20px;
  }

  #flow-2 h3, #flow-3 h3, #flow-4 h3 {
    margin-bottom: 10px;
  }

  #contact .content-cell > img{
    margin-bottom: 110px;
  }

  #contact .content-cell p{
    margin-bottom: 25px;
  }
}