@media screen and (max-width: 1080px) {
  body {
    width: 100%;
    min-width: 720px; }

  .wrapper {
    width: 100%; }

  .col6 {
    width: 50%; }

  .col10 {
    width: 100%; }

  .col12 {
    width: 100%; }

  .empty {
    width: 0;
    display: none; }

  header {
    width: 100%;
    min-width: 540px; }
    header .bottom .col4 {
      width: 220px; }
    header .bottom .col8 {
      width: auto;
      float: right; }

  footer .top .col3 {
    width: 33.333%; }

  .slider .slide-info {
    width: 100%; }

  .advantages .col2, .pros .col2 {
    width: 20%; }
    .advantages .col2 img, .pros .col2 img {
      width: 100%; }
  .advantages .col8, .pros .col8 {
    width: 80%; }

  .contacts .col4 {
    width: 35%; }
  .contacts .col8 {
    width: 65%; }

  .who-need .col4 {
    width: 50%; }

  .stages .col6 {
    width: 100%; }

  .zertifikat .col5 {
    width: 50%; }
  .zertifikat .col4 {
    width: 50%; }

  .florian .col4 {
    width: 50%; }

  .control .col3 {
    width: 50%; }

  .quotes .col5 {
    width: 100%; }
  .quotes .col7 {
    width: 100%; }
  .quotes .flexslider-quote {
    width: 100%; }

  .optima .col3 {
    width: 25%; }

  section.history .col4 {
    width: 40%; }
  section.history .col7 {
    width: 60%; }

  .sertificates .col4 {
    width: 33.333%; }

  .comments .comment-image {
    width: 15%;
    padding-right: 2%; }
  .comments .comment-text {
    width: 85%; }

  .info .scheme {
    width: 100%;
    background-size: 100% auto; }

  .carousel a.customPrevBtn {
    left: -5px; }
    .carousel a.customPrevBtn:before {
      font-size: 25px; }
  .carousel a.customNextBtn {
    right: -5px; }
    .carousel a.customNextBtn:before {
      font-size: 25px; } }
@media screen and (max-width: 920px) {
  .optima .companies img {
    max-width: 100%; }
  .optima .companies .arrow {
    display: none; } }
@media screen and (max-width: 860px) {
  .compare .text {
    margin-bottom: -100px; }

  .optima .advantage {
    margin-bottom: 1.5rem; }
  .optima .col3 {
    width: 50%; } }
@media screen and (max-width: 780px) {
  .slider {
    height: 400px; }
    .slider .slide {
      height: 400px; }
    .slider .slide-info {
      width: 100%;
      bottom: 0; }
      .slider .slide-info .slide-info-data {
        width: 100%;
        background: rgba(50, 193, 130, 0.75); }
        .slider .slide-info .slide-info-data:after {
          width: 0;
          height: 0;
          background: none; }
    .slider .flexslider-controls-wrapper {
      bottom: 20px; }
      .slider .flexslider-controls-wrapper .flex-control-nav {
        text-align: center; }

  .who-need .element {
    min-height: 13rem; } }
@media screen and (max-width: 720px) {
  body {
    min-width: 560px;
    top: 225px; }

  .col6 {
    width: 100%; }

  header {
    min-width: 560px; }
    header .phones {
      text-align: center; }
    header .bottom .col4 {
      width: 100%; }
    header .bottom .col8 {
      width: 100%;
      float: right; }
    header .bottom img {
      margin: 0 auto; }
    header nav .top-menu {
      float: none;
      text-align: center; }
      header nav .top-menu li {
        display: inline-block;
        float: none;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px; }
    header .flexslider-controls-wrapper {
      top: 370px; }
      header .flexslider-controls-wrapper .flex-control-nav {
        padding-left: 5%; }
    header .slide {
      height: 450px; }

  .breadcrumbs a {
    display: inline-block; }
    .breadcrumbs a:after {
      top: 0 !important; }

  .compare .col6 {
    padding: 0 30px;
    margin-bottom: 2rem; }
  .compare .text {
    margin-bottom: -150px; }

  .who-need .element {
    min-height: 15rem; }

  .before-after .col6 {
    margin-bottom: 2rem; }

  .comments .comment-image {
    width: 15%;
    padding-right: 2%; }
  .comments .comment-text {
    width: 85%; }

  .info .text img {
    float: none !important;
    clear: both; }
  .info .image-set .image {
    width: 33.333%; }

  .optima .title {
    display: none; }
  .optima .company {
    width: 46%;
    padding: 0 2%; } }
@media screen and (max-width: 660px) {
  .zertifikat .col5 {
    width: 100%;
    margin-bottom: 2rem; }
  .zertifikat .col4 {
    width: 100%; }

  .who-need .col4 {
    width: 100%; }
  .who-need .element {
    height: auto;
    min-height: auto;
    margin-bottom: 2rem; } }
@media screen and (max-width: 560px) {
  body {
    min-width: 350px;
    top: 228px; }

  header {
    min-width: 350px; }

  footer .top .col3 {
    width: 100%;
    margin-bottom: 2rem;
    float: none; }
    footer .top .col3:last-child {
      text-align: left;
      margin-bottom: 0; }

  .advantages, .pros {
    text-align: center; }
    .advantages h3, .pros h3 {
      text-align: center; }
    .advantages .col2, .pros .col2 {
      width: 100%; }
      .advantages .col2 img, .pros .col2 img {
        width: 30%; }
    .advantages .col8, .pros .col8 {
      width: 100%; }

  .contacts .col4 {
    width: 100%;
    margin-bottom: 2rem; }
  .contacts .col8 {
    width: 100%; }
  .contacts .form-line .form-item.input {
    width: 100%; }

  .stages .stage span {
    display: block;
    margin-bottom: 1rem; }
    .stages .stage span.big {
      margin-top: 2rem; }

  .florian .col4 {
    width: 100%; }

  .control .col3 {
    width: 100%; }

  .quotes .flexslider-quote {
    width: 100%;
    max-width: 390px; }
    .quotes .flexslider-quote .slide-content {
      margin: 0; }

  section.history .col4 {
    width: 100%;
    margin-bottom: 2rem; }
  section.history .col7 {
    width: 100%; }

  .sertificates .col4 {
    width: 100%;
    margin-bottom: 2rem; }

  .comments .comment-image {
    width: 100%;
    padding: 0 2%;
    margin-bottom: 2rem; }
  .comments .comment-text {
    width: 100%; }
  .comments .form-line .form-item.input {
    width: 100%; }

  .info .scheme {
    background-image: url(../img/scheme-vert.png);
    width: 90%;
    height: 650px;
    background-size: 100% auto;
    margin: 0 5%; }
  .info .image-set .image {
    width: 50%; }

  .compare .text {
    margin-bottom: -120px; }

  .tinynav {
    display: block; }

  .top-menu {
    display: none; } }
@media screen and (max-width: 560px) {
  .optima .company {
    width: 96%;
    margin-bottom: 1.5rem; }
    .optima .company img {
      display: block; } }
@media screen and (max-width: 470px) {
  .optima .col3 {
    width: 100%; } }
@media screen and (max-width: 350px) {
  body {
    font-size: 1em;
    min-width: 180px; }

  header {
    min-width: 180px; }

  .who-need .element {
    margin-bottom: 1.5rem; }

  .info .scheme {
    height: 400px; }

  .compare .text {
    margin-bottom: -50px; } }

/*# sourceMappingURL=queries.css.map */