/*RESPONSIVE*/
@media (max-width: 1700px) {
  .container_main {
    padding-top: 150px;
  }
  section {
    margin-bottom: 150px;
  }
  section:first-of-type {
    padding-top: 100px;
  }
  .wrapper {
    padding: 0 100px;
  }
  .wrapper.wrapper_left {
    width: 50%;
  }
  .row, .row .row, .row_inside {
    margin-bottom: 75px;
  }
  .col_dx {
    padding-top: 50px;
  }
  .col_dx_big {
    padding-top: 125px;
  }
  a.more.more_margin {
    margin-top: 25px;
  }
  figure {
    margin-bottom: 50px;
  }
  .banner_top {
    left: 115px;
  }
  footer {
    padding: 150px 0;
    margin-top: 150px;
  }
}
@media (max-width: 1199px) {
  .hide-lg {
    display: none !important;
  }
  .margin-top-lg {
    margin-top: 50px;
  }
  .align-center-lg {
    text-align: center !important;
  }
  .align-left-lg {
    text-align: left !important;
  }
  html, body {
    font-size: 14px;
  }
  .row, .row .row, .row_inside {
    margin-bottom: 50px;
  }
  .box_portfolio {
    padding: 35px;
  }
}
@media (max-width: 991px) {
  .hide-md {
    display: none !important;
  }
  .margin-top-md {
    margin-top: 50px;
  }
  .align-center-md {
    text-align: center !important;
  }
  .align-left-md {
    text-align: left !important;
  }
  .container_main {
    padding-top: 100px;
  }
  section {
    margin-bottom: 75px;
  }
  section:first-of-type {
    padding-top: 75px;
  }
  .wrapper {
    padding: 0 35px;
  }
  .wrapper.wrapper_left {
    width: 75%;
  }
  .row, .row .row, .row_inside {
    margin-bottom: 25px;
  }
  .row {
    margin-bottom: 50px;
  }
  .col_dx {
    padding-top: 50px;
  }
  .banner_top {
    display: none !important;
  }
  footer {
    padding: 100px 0;
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .hide-xs {
    display: none !important;
  }
  .margin-top-md, .margin-top-xs {
    margin-top: 35px;
  }
  .align-center-xs {
    text-align: center !important;
  }
  .align-left-xs {
    text-align: left !important;
  }
  html, body {
    font-size: 15px;
  }
  .wrapper {
    padding: 0 15px;
  }
  .wrapper.wrapper_left {
    width: 100%;
    padding-right: 30px;
  }
  .wrapper.wrapper_right {
    padding-right: 30px;
  }
  h1, h2 {
    font-size: 1.5rem;
  }
  h3::before {
    display: none;
  }
  h4 {
    font-size: 1.2rem;
  }
  blockquote p {
    text-align: center;
    font-size: 0.75rem;
  }
  figure {
    margin-bottom: 25px;
  }
  .img_page {
    height: 480px;
    min-height: 480px;
  }
  .img_box {
    height: 40vh;
    min-height: 250px;
  }
  .logo_inside img {
    height: 28px;
  }
  footer {
    padding: 75px 0;
  }
  footer p {
    font-size: 0.75rem;
  }
  .col_dx_big {
    padding-top: 0;
  }
  .slick-prev, .slick-next {
    display: none !important;
  }
}