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

.w1400, .w1400 .w1200 {
  width: 100%;
  margin: 0 auto;

}
.w1400 {
padding-left: 50px;
padding-right: 50px
}
.footer .w1400 {
padding-left: 0px;
padding-right: 0px
}
.block_info {
  margin: -80px 30px 0 30px;
  width: calc(100% - 80px)
}
h1 {
  font-size: 100px;
}
.ftext h1 span {
  font-size: 45px
}
.menu ul li a {
  font-size: 15px;
}
.fimg {
  height: 85vh
}
.block_info .block .infodata {
  font-size: 22px
}
.block_info .block .label, .mini {
  font-size: 16px
}
.middle {
  width: 70%;
  margin: 0 auto;
}
.teaserimg {
  height: 500px
}
}

@media only screen and (max-width: 1200px) {
.w1200 {
    width: 100%;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px
  }
  .w1400 .w1200 {
    padding-left: 0;
    padding-right: 0
  }
    .mobmenu {
      display: block;
      width: 60px;
height: 45px;

      padding: 15px 10px;

      background: #fff;
      text-align: center;
      position: absolute;
      right: 20px;
      cursor: pointer;
      z-index: 1200
    }
    .mobmenu .bar {
      width: 90%;
      display: block;
      margin: 3px auto;
      height: 1px;
      background: #3a3837
    }
    .pushed {
    right: 250px;
position: relative;
    }
    .menu {
      width: 250px;
      right: -250px;
z-index: 900;
position: fixed;
padding: 35px;
top: 0;
height: 100vh;
background: #fff;
display: block;
    }
    .menu ul {
      flex-wrap: wrap;
    }
    .menu ul li {
width: 100%;
      padding: 10px 0;
      line-height: 160%
    }
  .menu ul li  a {
    font-size: 20px
  }
.menu.slidein  {
  right: 0
}
.blog_news .single_news {
  width: 33%
}
.middle {
  width: 100%;
  margin: 0;
}
}

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

.block_info {
padding: 25px;
}
.block_info .flex {
  width: 150px
}
.block_info .block {
  width: 100%;
  display: flex;
flex-wrap: wrap;
}
.block_info .divider {
  display: none;
}
.w800 {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px
}
.middle .flex .teasertext {
  order: 2;
  width: 100%;

  position: relative;
  top: auto;
  transform: translate(0,0);
  padding: 20px;
  margin: -80px 20px 0 20px;
  width: calc(100% - 40px);
}
.middle .flex .teaserimg {
  width: 100%;
  height: 350px;
  order: 1
}
.blog_news .single_news {
  width: 50%
}
.grid.column4 {
  grid-template-columns: 1fr 1fr 1fr;
}
.team .grid {
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 550px) {
.moreon > div {
  width: 100%
}
.block_info .block {
  justify-content: space-between;
  padding: 10px 0
}
.infodata {
  width: calc(100% - 150px)
}
.logo {
  padding-left: 20px
}
.header {
  padding-top: 20px
}
.fimg {
  height: 450px
}
h1 {
  font-size: 80px;
}
.ftext h1 span {
  font-size: 35px
}
.block_info {
  margin: -80px 20px 0 20px;
    width: calc(100% - 40px);
}
.w1400, .w1200 {
padding-left: 20px;
padding-right: 20px
}
.block_info .block .infodata {
  font-size: 23px
}
.block_info .block .label, .mini {
  font-size: 16px
}
.bottominfo {
  padding: 40px 20px
}
.cont {
  padding-top: 30px;
  padding-bottom: 30px
}
.footmenu {
  padding-top: 15px;
  order: 3
}
.social a {
  padding: 0 10px 0 0
}
.social {
  width: 100%;
    padding-top: 15px;
    order:2
}
.blog_news {
  padding: 30px 20px
}
.blog_news .single_news {
  width: 100%;
  padding: 20px 0
}
.maintitle h2 {
  font-size: 25px
}
.linkbox {
  padding: 15px;
  width: 180px;
  margin: 10px
}
.grid.column4, .grid.column3 {
  grid-template-columns: 1fr 1fr;
}
}