/* Generated by less 2.5.1 */
@media screen and (max-width: 1920px) {
  body {
    background: none;
  }
}
@media screen and (max-width: 1600px) {
  .logo {
    left: 5%;
  }
  #phones {
    left: 5%;
  }
  #slogan {
    right: 5%;
  }
  nav,
  .block {
    padding-left: 5%;
    padding-right: 5%;
  }
  header.includes > .content {
    background-position: center top;
  }
  header.includes #phones {
    left: auto;
    right: 5%;
  }
}
@media screen and (max-width: 1400px) {
  .logo {
    left: 3%;
  }
  #phones {
    left: 3%;
  }
  #slogan {
    right: 3%;
  }
  nav,
  .block {
    padding-left: 3%;
    padding-right: 3%;
  }
  header.includes > .content {
    background-position: center top;
  }
  header.includes #phones {
    left: auto;
    right: 3%;
  }
}
@media screen and (max-width: 1200px) {
  .logo {
    left: 20px;
  }
  #phones {
    left: 20px;
  }
  #slogan {
    right: 20px;
  }
  .block,
  nav {
    padding-left: 20px;
    padding-right: 20px;
  }
  header.includes #phones {
    left: auto;
    right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .logo {
    left: 0px;
    margin-left: -15px;
  }
  #phones {
    left: 0px;
  }
  #slogan {
    right: 0px;
  }
  header.includes > .content {
    background-position: center 20px;
  }
  header.includes #phones {
    left: auto;
    right: 0px;
  }
  .block,
  nav {
    padding-left: 0px;
    padding-right: 0px;
  }
  footer .logo {
    position: relative;
    margin-left: -5px;
  }
}
@media screen and (max-width: 767px) {
  .osnova {
    min-width: auto;
  }
  .block_header {
    clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0px 0px);
    -webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0px 0px);
    -moz-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0px 0px);
    padding: 20px 10px 30px 10px;
  }
  .left,
  .right {
    float: none;
  }
  img.left,
  img.right {
    max-width: 100%;
    margin: 20px 0;
  }
  .logo {
    left: 0;
    width: 140px;
    height: 400px;
    background-image: url('../_img/logo_vertical.png');
    margin-left: 0px;
  }
  #phones {
    left: 1000px;
  }
  #slogan {
    right: -1000px;
  }
  header.includes > .content {
    background-position: center 60px;
  }
  header.includes .logo {
    left: 0;
    background-image: none;
    width: 100%;
    padding: 0 10px;
  }
  header.includes #phones {
    left: auto;
    right: -1000px;
  }
  .mobile {
    display: block;
  }
  .nomobile {
    display: none;
  }
  .block {
    padding-left: 0;
    padding-right: 0;
  }
  nav {
    padding: 0;
  }
  .column75,
  .column70,
  .column65,
  .column60,
  .column50,
  .column40,
  .column35,
  .column34,
  .column33,
  .column30,
  .column25,
  article,
  aside {
    width: 100%;
    margin-bottom: 1px;
  }
  .column34,
  .column33,
  .column25 {
    text-align: center;
  }
  section .border {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
  }
  .content_left,
  .content_right {
    padding: 0;
  }
  .border_top,
  .border_left {
    border-left: none;
    border-top-width: 1px;
    border-top-style: solid;
  }
  .mobile_border_bottom,
  .border_right {
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .mobile_bg_light {
    background-color: #e1e0d6;
  }
  .mobile_bg_mid {
    background-color: #beb9af;
  }
  .phones {
    text-align: center;
  }
  .left,
  .right,
  article,
  aside {
    float: none;
  }
  .photo_left .img_box,
  .photo_right .img_box {
    padding: 0 0 15px 0;
  }
}
@media screen and (max-width: 480px) {
  .block {
    padding-left: 0;
    padding-right: 0;
  }
  .block .content {
    padding: 10px;
  }
}