@media only screen and (max-width: 767px) {
  header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%; }
    header .contacts {
      margin-bottom: 0; }
    header .contacts li:nth-child(1) a {
      font-size: 1.125em; }
    header .contacts li:nth-child(2) {
      display: none; }
    header .container .row {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  section.s-banner .owl-banner .owl-prev, section.s-banner .owl-banner .owl-next {
    top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    position: relative; }
  section.s-banner .owl-banner .owl-nav {
    position: absolute;
    max-width: 190px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    bottom: 8%;
    margin: auto; }
  section.s-lift-info .link {
    margin-left: auto;
    margin-right: auto; }
  section.s-lift-info .kabina {
    left: -25%; }
  section .title-section:after {
    right: 0; }
  section.s-form form [type="submit"] {
    margin-left: auto;
    margin-right: auto; }
  section.s-lift-info .wraper.active .wrap {
    opacity: 1;
    width: 100%; }
  section.s-lift-info .wraper.active .plus {
    background-color: #fff; }
    section.s-lift-info .wraper.active .plus svg {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      section.s-lift-info .wraper.active .plus svg path {
        fill: #FF4700; }
  section.s-lift-info .power.active .wrap {
    height: 201px; }
  section.s-lift-info .door.active .wrap {
    height: 225px; }
  section.s-lift-info .shahta.active .wrap {
    height: 249px; }
  section.s-lift-info .kabina.active .wrap {
    height: 177px; }
  section.s-lift-info .post.active .wrap {
    height: 202px; }
  section.s-pagetitle {
    margin-top: 80px; }
    section.s-pagetitle .pagetitle {
      padding: 0 20px;
      font-size: 1.2em; }
    section.s-pagetitle .breadcrumbs {
      display: none; }
  section.s-detail-contacts .contact-block {
    margin-top: 0 !important; }
  #map {
    height: 18.75em;
    margin: 10px 0 20px; }
  section.s-about-detail {
    margin-bottom: 50px; }
  section.s-blog-detail .title-article {
    font-size: 1.1em; }
  section.s-form-order #modal-order .block-form-order {
    padding: 15px;
    width: calc(100% - 30px); }
  section.s-form-order #modal-order {
    font-size: 12px; }
  section.s-form-order #modal-order .block-form-order [type="submit"] {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  section.s-products .lift {
    display: block;
    margin: 15px auto; }
  .circle, .circle1, .circle2, .circle3, .circle4, .bg1, .bg2 {
    display: none !important; }
  footer .soc-link {
    text-align: center;}
  footer .soc-link li{
    float: none;}
  footer .title{font-size: 1.2em;}
  }

@media only screen and (max-width: 640px) {
  header .logo img {
    max-width: 65px; }
  section.s-products .desc-row .item .number {
    font-size: 1.8em; }
  section .title-section {
    font-size: 1.5em; }
  section.s-form-order .click-form {
    font-size: 14px; }
  .select-styled {
    font-size: 14px;
    padding: 13px 25px; }
  #success .modal-dialog{width: 250px;}
  #success .close{right: -13px;}
  section.s-list-review .item {
    font-size: 13px; }
    section.s-404{font-size: 10px;} }

@media only screen and (max-width: 320px) {
  header .contacts li:nth-child(1) a {
    font-size: 1em; } }

@media only screen and (min-width: 320px) {
  section.s-banner:after {
    display: none; }
  section.s-banner .owl-banner .item {
    height: 100vh;
    min-height: 500px; }
  section.s-lift-info .title:after {
    width: calc(100% + 15px); }
  section.s-lift-info .title {
    font-size: 1.875em; }
  section.s-advantages .title-section {
    margin-bottom: 0; }
  section.s-clients .owl-clients .client {
    width: 130px;
    height: 130px; }
  section.s-about-main, section.s-certificates {
    margin-top: 25px; }
  section.s-form {
    padding-bottom: 0; }
    section.s-form form {
      margin-top: 30px; }
    footer .contact-block,
    section.s-form .contact-block {
      margin-top: 30px; }
      footer .contact-block .item,
      section.s-form .contact-block .item {
        font-size: 18px; }
  footer {
    background-color: transparent;
    padding: 10px 0; }
    footer .dev {
      margin-top: 0;
      font-size: 10px; }
      footer .dev:before {
        top: -15px; }
  section.s-blog-detail article [data-fancybox="gallery"] {
    height: 12.5em; }
  section.s-list-review .masonry[data-columns]:before {
    content: '1 .col-xs-12'; } }

@media only screen and (min-width: 768px) {
  header #burger-menu {
    display: none; }
  section.s-banner:after {
    display: block; }
  section.s-banner .owl-banner .item {
    height: 40.6875em; }
  section.s-banner .sentence {
    width: 50%; }
  section.s-lift-info .col-sm-push-6 {
    padding-left: 30px; }
  section.s-lift-info .title {
    font-size: 2.125em; }
  section.s-advantages {
    padding-bottom: 130px; }
    section.s-advantages .title-section {
      margin-bottom: 86px; }
  section.s-clients {
    padding-top: 70px; }
    section.s-clients .owl-clients .client {
      width: 170px;
      height: 170px; }
  section.s-about-main, section.s-certificates {
    margin-top: 5.5em; }
    section.s-about-main .circle1, section.s-certificates .circle1 {
      display: none; }
  section.s-form {
    padding-bottom: 50px; }
    section.s-form form {
      margin-top: 30px; }
    section.s-form .contact-block {
      margin-top: 85px; }
      footer .contact-block .item,
      section.s-form .contact-block .item {
        font-size: 1.2em; }
    section.s-form .circle1, section.s-form .circle2 {
      display: none; }
  footer {
    background-color: #F9F9F9;
    padding: 40px 0 20px; }
    footer .dev {
      font-size: 16px;
      margin-top: 30px; }
      footer .dev:before {
        top: -23px; }
  section.s-lift-info .wraper {
    width: 190px; }
    section.s-lift-info .wraper .wrap .header {
      font-size: 1.2em; }
    section.s-lift-info .wraper:hover .wrap {
      opacity: 1;
      width: 100%; }
      section.s-lift-info .wraper:hover .wrap:hover {
        opacity: 1;
        overflow: visible; }
    section.s-lift-info .wraper:hover .plus {
      background-color: #fff; }
      section.s-lift-info .wraper:hover .plus svg {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
        section.s-lift-info .wraper:hover .plus svg path {
          fill: #FF4700; }
  section.s-lift-info .power .wrap:hover {
    height: 290px; }
  section.s-lift-info .power .plus:hover + .wrap {
    height: 290px; }
  section.s-lift-info .door .wrap:hover {
    height: 340px; }
  section.s-lift-info .door .plus:hover + .wrap {
    height: 340px; }
  section.s-lift-info .shahta .wrap:hover {
    height: 360px; }
  section.s-lift-info .shahta .plus:hover + .wrap {
    height: 360px; }
  section.s-lift-info .kabina .wrap:hover {
    height: 260px; }
  section.s-lift-info .kabina .plus:hover + .wrap {
    height: 260px; }
  section.s-lift-info .post .wrap:hover {
    height: 282px; }
  section.s-lift-info .post .plus:hover + .wrap {
    height: 282px; }
  section.s-about-detail .circle1 {
    right: -40.25em; }
  section.s-about-detail .circle2 {
    left: -21.75em; }
  section.s-about-detail .circle3 {
    left: 3%; }
  section.s-about-detail .circle4 {
    left: 18%; }
  section.s-form-order .dop {
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-count: 2;
    column-count: 2; }
  section.s-products .lift {
    float: right; }
  section.s-products .desc-row .item .number {
    font-size: 1.5em; }
  section.s-list-review .masonry[data-columns]:before {
    content: '2 .col-sm-6'; }
  footer .contact-block{display: none;} }

@media only screen and (min-width: 992px) {
  section.s-banner .sentence {
    width: 70%; }
  section.s-advantages .item {
    height: 456px; }
  section.s-about-main, section.s-certificates {
    margin-top: 12.5em; }
    section.s-about-main .circle1, section.s-certificates .circle1 {
      display: block; }
  section.s-form {
    padding-bottom: 50px; }
    footer .contact-block .item,
    section.s-form .contact-block .item {
      font-size: 1.5em; }
    section.s-form .circle2 {
      display: block; }
  section.s-about-detail .circle2 {
    left: -18.75em; }
  section.s-about-detail .circle3 {
    left: 10%; }
  section.s-about-detail .circle4 {
    left: 23%; }
  section.s-products .lift {
    margin-top: -7em; }
  section.s-products .desc-row .item .number {
    font-size: 1.75em; }
  .select-styled {
    font-size: 15px; } }

@media only screen and (min-width: 1200px) {
  section.s-advantages .item {
    height: 406px; }
  section.s-clients .owl-clients {
    width: calc(100% + 40px);
    left: -20px; }
  section.s-form .circle1 {
    display: block;
    left: -25.125em; }
  section.s-lift-info .wraper {
    width: 287px; }
    section.s-lift-info .wraper .wrap .header {
      font-size: 1.5em; }
  section.s-lift-info .power .wrap:hover {
    height: 201px; }
  section.s-lift-info .power .plus:hover + .wrap {
    height: 201px; }
  section.s-lift-info .door .wrap:hover {
    height: 225px; }
  section.s-lift-info .door .plus:hover + .wrap {
    height: 225px; }
  section.s-lift-info .shahta .wrap:hover {
    height: 249px; }
  section.s-lift-info .shahta .plus:hover + .wrap {
    height: 249px; }
  section.s-lift-info .kabina .wrap:hover {
    height: 177px; }
  section.s-lift-info .kabina .plus:hover + .wrap {
    height: 177px; }
  section.s-lift-info .post .wrap:hover {
    height: 202px; }
  section.s-lift-info .post .plus:hover + .wrap {
    height: 202px; }
  #map {
    height: 25em; }
  section.s-products .desc-row .item .number {
    font-size: 2.25em; }
  .select-styled {
    font-size: 18px; } }

@media only screen and (min-width: 1300px) {
  section.s-form .circle1 {
    left: -22.125em; } }

@media only screen and (min-width: 1400px) {
  section.s-form .circle1 {
    left: -20.125em; }
  section.s-about-detail .circle1 {
    right: -35.25em; }
  section.s-blog-detail article [data-fancybox="gallery"] {
    height: 18em; } }

@media only screen and (min-width: 1500px) {
  section.s-form .circle1 {
    left: -18.125em; }
  #map {
    height: 33.875em; }
  section.s-about-detail .circle1 {
    right: -31.25em; } }