@media only screen and (max-width: 1400px) {
  .footer_inner, .foto {
    width: 100%;
    margin: 0
  }
  .foto {
    padding: 50px
  }
  .news .asingle.half {
    width: 100%;
  }
  .news .asingle.half.row {
    padding-right: 0;
    margin-bottom: 20px
  }
  .mright {
    width: 60%
  }
.meetings .flex .asingle {
  width: 50%
}
.news .half {
  display: block;
}
}

@media only screen and (max-width: 1200px) {
.logo, .caption {
  left: 40px;
}
.top.reduced .caption {
  left: 200px;
}
.about > div  {
  width: 100%;
  padding: 50px 0px 0 0px
}
.about .aleft {
  order:2
}
.about .aright {
  order:1;
  text-align: left;
}
.asingle {
  padding: 50px 15px 0 15px
}
.adesc {
  padding: 20px 10px 20px 0
}
.atitle {
  padding: 0 0 0 25px;
}
.mainbody {
  padding:50px
}
.news_inner {
  padding-bottom: 30px;
}
.news .swiper-button-prev, .news .swiper-button-next {
  bottom: -50px!important;
  right:-50px;
}
.news .swiper-button-prev {
  right: 40px;
}
}
@media only screen and (max-width: 1000px) {
  .caption {
    top: 120px;
    left: 200px;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);

  }
  .top.reduced .caption {
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
  }
  .logo {
top: 150px;
left:40px
  }
  .gall {
    width: 100%;
    height: 450px;
    margin-top: 250px
  }
.top {
  height: 800px
}
.thumbs {
  position: relative;
  bottom: auto;
  left: auto;
  background: #232B3C;
  padding: 15px;
  max-width: 100%;
  text-align: center;

}
.thumbs .float {
  padding: 0;

}
.pleft, .pright, .mleft, .mright {
  width: 100%
}
.featured {
  padding: 20px 0
}
.meetings .featured .iblock {
  padding-left: 0
}
.news .nleft {
  padding: 0
}
.news .nright {
  padding: 20px 0 0 0
}
.nleft, .nright {
  width: 100%;
}
.nleft .img {
  height: 400px!important
}
.cont {
  width: 100%;
  margin: 0;
  padding: 60px 50px
}
.fotosing_wr {
  width: 49%
}
}
@media only screen and (max-width: 850px) {
  .asingle {
    width: 100%;
    padding: 50px 0 0 0
  }
  .footer .data {
    justify-content: center;
  }
  .footer .data .fcont {
    padding: 20px
  }
  .fotocats {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
  .fotos {
    order: 1;
    width: 100%;
    padding-left: 0
  }
.meetings .flex .asingle {
  width: 100%
}
}
@media only screen and (max-width: 670px) {
  .foto_wr {
    display: block;
    width: 100%;
    margin-bottom: 30px
  }
  .bdesc {
    padding-top: 0
  }
  .event {
    width: 100%
  }
  .menu {
    position: fixed;
    right: -350px;
    width: 250px;
    height: 100vh;
    overflow-y: scroll;
    background: #222b3c;
    z-index: 1700;
    padding: 20px
  }
  .menu ul li {
    display: block;
    padding: 5px 0;
    width: 100%;
  }
  .menu .has-submenu:after {
    top: 15px
  }
  .mobmenu {
    display: block;
    border-radius: 100px;
    background: #fff;
    padding: 12px 7px;
    width: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1800;
  }
  .mobmenu .bar {
    background: #222b3c;
    height: 1px;
    margin: 3px 0;
    display: block;
  }
  .logo {
    top: 50px;
  }
  .caption {
    top: 80px;
    font-size: 35px
  }
  .caption .smaller {
    font-size: 14px;
    padding-bottom:  10px
  }
    .menu .has-submenu ul {
      display: none;
    }
  .menu .has-submenu ul.over {
    position: relative;
    background: none;
margin: 15px 0;
top: auto;
  }
  .menu .has-submenu ul li a {
    color: #fff;
  }
  .top {
    height: 700px
  }
  .mainbody {
    padding: 30px 20px
  }
  .news .swiper-button-prev, .news .swiper-button-next {
    right: -20px
  }
  .news .swiper-button-prev {
    right:80px
  }
  .top.reduced {
    height: 270px
  }
  .cont, .foto {
    padding: 30px 20px 50px 20px
  }
  .fotosing_wr {
    width: 100%;
    display: block;
  }
  .fcatscont {
    width: 100%
  }

  .meat h4.redu {
    max-width: 95%
  }
  .item.single .introimg.flag, .hist .introimg.flag {
    position: relative;
    right: auto;
    top: auto;
    padding-top: 15px;
    text-align: left;
  }
  .news .swiper-button-prev, .news .swiper-button-next {
    bottom: -30px!important
  }
  .news_inner {
    padding-bottom: 50px;
}
.footer .data .fcont {
  width: 100%;
  text-align: center;
}
.icons {
  text-align: center;
}
.partners .pright {
  text-align: center;
}
.partners .flex {
  justify-content: center;
}
.sdesc {
  max-width: 100%
}
.introimg {
  width: 100%;
    display: block;
}
.fullt.hasimg {
  width: 100%;
  padding-left: 0;
  padding-top: 15px;
  display: block;

}
.half_wr .half {
  display:block;
  width: 100%;
padding: 10px 0
}
.textimg.half {
  width: 100%;
}
}

@media only screen and (max-width: 500px) {
  .centimg {
    height: 350px;
    min-height: auto;
  }
  .news .nleft .img {
    height: 300px!important;
    min-height: auto;
  }
  .logo, .top.reduced .logo {
    top: 10px;
    left: 20px;
    width: 80px;
  }
  .logo img {
    max-width: 100%;
    height: auto;
  }
  .caption {
    left: 20px;
    top: 120px
  }
  .top.reduced .caption, .top.reduced .logo {
    left: 20px;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .featured .iblock {
    padding-left: 0;
    padding-top: 15px;
    display: block;
    width: 100%
  }
  .flex .psingle {
    padding: 20px 0;
    width: 100%
  }
  .meetings {
    padding: 20px
  }
  .news .asingle_inner {
    padding: 20px 10px 30px 10px
  }
  .adesc{
    font-size: 16px;
  }
}