@-ms-viewport { width: device-width; }
html { box-sizing: border-box; -ms-overflow-style: scrollbar; }
*, *::before, *::after { box-sizing: inherit; }


/* 
        phone: 576px;
       tablet: 768px;
      monitor: 992px;
      mpnitor: 1200px;
      monitor: 1400px;
        large: 1900px;
*/

/* Контейнеры */
.container,
 [class^="container-"] {
  padding-right: var(--main-padding);
  padding-left: var(--main-padding);
  margin-right: auto;
  margin-left: auto;
}

.container {max-width: var(--main-max-width);}
.container-phone {max-width: 540px;}
.container-tablet {max-width: 720px;}
.container-monitor {max-width: 1340px;}
.container-large {max-width: 1860px;}
.container-full {max-width: 100%; margin: 0; padding: 0;}



@media (min-width: 576px)  { 
      .container { max-width: 540px;}
      .container-phone {max-width: 540px;}
      .container-tablet {max-width: 540px;}
      .container-monitor {max-width: 540px;}
      .container-large {max-width: 540px;}
}
@media (min-width: 768px)  {
      .container { max-width: 720px; }
      .container-phone {max-width: 540px;}
      .container-tablet {max-width: 720px;}
      .container-monitor {max-width: 720px;}
      .container-large {max-width: 720px;}
}
@media (min-width: 992px)  {
       .container { max-width: 960px; }
       .container-phone {max-width: 660px;}
      .container-tablet {max-width: 960px;}
      .container-monitor {max-width: 960px;}
      .container-large {max-width: 960px;}
}
@media (min-width: 1200px) {
      .container { max-width: 1140px;}
      .container-phone {max-width: 660px;}
      .container-tablet {max-width: 960px;}
      .container-monitor {max-width: 1140px;}
      .container-large {max-width: 1140px;}
}
@media (min-width: 1400px) {
      .container { max-width: var(--main-max-width);}
      .container-phone {max-width: 660px;}
      .container-tablet {max-width: 960px;}
      .container-monitor {max-width: 1140px;}
      .container-large {max-width: var(--main-max-width);}
}

/* Строка */
.outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: calc(0 - var(--main-padding));
  margin-left:  calc(0 - var(--main-padding));
}

[class^="all-"], 
[class^="monitor-"], 
[class^="tablet-"], 
[class^="phone-"],
[class^="large-"], 
[class^="full-"] 
{
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: var(--main-padding);
      padding-left: var(--main-padding);
}

/* Для всех устройств */
.all-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
.all-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.all-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
.all-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.all-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
.all-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.all-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
.all-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.all-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
.all-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.all-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
.all-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.all-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
.all-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.all-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
.all-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.all-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
.all-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.all-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
.all-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.all-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
.all-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.all-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
.all-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }






/* Для телефонов с расширением до 576 пикселей */
@media (min-width: 576px) {
  
      .phone-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
      .phone-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
      .phone-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
      .phone-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
      .phone-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
      .phone-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
      .phone-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
      .phone-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
      .phone-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
      .phone-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
      .phone-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
      .phone-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
      .phone-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
      .phone-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
      .phone-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
      .phone-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
      .phone-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
      .phone-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
      .phone-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
      .phone-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
      .phone-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
      .phone-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
      .phone-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
      .phone-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

/* Для устройств с расширением до 768 пикселей */
@media (min-width: 768px) {
  
      .tablet-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
      .tablet-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
      .tablet-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
      .tablet-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
      .tablet-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
      .tablet-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
      .tablet-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
      .tablet-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
      .tablet-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
      .tablet-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
      .tablet-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
      .tablet-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
      .tablet-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
      .tablet-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
      .tablet-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
      .tablet-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
      .tablet-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
      .tablet-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
      .tablet-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
      .tablet-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
      .tablet-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
      .tablet-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
      .tablet-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
      .tablet-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

/* Для мониторов с расширением до 992 пикселей */
@media (min-width: 992px) {
  
      .monitor-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
      .monitor-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
      .monitor-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
      .monitor-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
      .monitor-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
      .monitor-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
      .monitor-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
      .monitor-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
      .monitor-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
      .monitor-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
      .monitor-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
      .monitor-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
      .monitor-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
      .monitor-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
      .monitor-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
      .monitor-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
      .monitor-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
      .monitor-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
      .monitor-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
      .monitor-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
      .monitor-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
      .monitor-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
      .monitor-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
      .monitor-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
} 

/* Для мониторов с расширением более 1200 пикселей */
@media (min-width: 1200px) {
      .monitor-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
      .monitor-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
      .monitor-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
      .monitor-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
      .monitor-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
      .monitor-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
      .monitor-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
      .monitor-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
      .monitor-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
      .monitor-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
      .monitor-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
      .monitor-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
      .monitor-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
      .monitor-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
      .monitor-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
      .monitor-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
      .monitor-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
      .monitor-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
      .monitor-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
      .monitor-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
      .monitor-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
      .monitor-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
      .monitor-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
      .monitor-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

/* Для мониторов с расширением более 1400 пикселей */
@media (min-width: 1400px) {
      .monitor-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
      .monitor-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
      .monitor-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
      .monitor-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
      .monitor-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
      .monitor-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
      .monitor-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
      .monitor-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
      .monitor-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
      .monitor-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
      .monitor-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
      .monitor-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
      .monitor-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
      .monitor-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
      .monitor-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
      .monitor-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
      .monitor-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
      .monitor-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
      .monitor-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
      .monitor-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
      .monitor-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
      .monitor-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
      .monitor-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
      .monitor-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

/* Для мониторов с расширением более 1920 пикселей */
@media (min-width: 1921px){
      .large-1  { -webkit-box-flex: 0; -ms-flex: 0 0 4.166667%; flex: 0 0 4.166667%; max-width: 4.166667%; }
      .large-2  { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
      .large-3  { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
      .large-4  { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
      .large-5  { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333%; flex: 0 0 20.833333%; max-width: 20.833333%; }
      .large-6  { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
      .large-7  { -webkit-box-flex: 0; -ms-flex: 0 0 29.166667%; flex: 0 0 29.166667%; max-width: 29.166667%; }
      .large-8  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
      .large-9  { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
      .large-10 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
      .large-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.833333%; flex: 0 0 45.833333%; max-width: 45.833333%; }
      .large-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
      .large-13 { -webkit-box-flex: 0; -ms-flex: 0 0 54.166667%; flex: 0 0 54.166667%; max-width: 54.166667%; }
      .large-14 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
      .large-15 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
      .large-16 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
      .large-17 { -webkit-box-flex: 0; -ms-flex: 0 0 70.833333%; flex: 0 0 70.833333%; max-width: 70.833333%; }
      .large-18 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
      .large-19 { -webkit-box-flex: 0; -ms-flex: 0 0 79.166667%; flex: 0 0 79.166667%; max-width: 79.166667%; }
      .large-20 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
      .large-21 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
      .large-22 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
      .large-23 { -webkit-box-flex: 0; -ms-flex: 0 0 95.833333%; flex: 0 0 95.833333%; max-width: 95.833333%; }
      .large-24 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}




@media (hover: hover) and (pointer: fine) {
      /* Стили для тач-скрина */
}