.bg-show,
.sm-show,
.xs-show,
.bg-show-inline {
  display: none;
}
.m-menu-btn {
  border: 1px solid #003168;
  border-radius: 2px;
  line-height: 1;
  padding: 1px 3px 0;
}
@media screen and (max-width: 991px) {
  .col-bg-2 {
    width: 16.666%;
  }
  .col-bg-24 {
    width: 20%;
  }
  .col-bg-25 {
    width: 20.832%;
  }
  .col-bg-3 {
    width: 25%;
  }
  .col-bg-4 {
    width: 33.333%;
  }
  .col-bg-5 {
    width: 41.666%;
  }
  .col-bg-6 {
    width: 50%;
  }
  .col-bg-7 {
    width: 58.333%;
  }
  .col-bg-8 {
    width: 66.666%;
  }
  .col-bg-9 {
    width: 74.999%;
  }
  .col-bg-75 {
    width: 79.168%;
  }
  .col-bg-12 {
    width: 100%;
  }
  .header-phone {
    margin-bottom: 2px;
  }
  .mainmenu {
    position: fixed;
    width: 320px;
    right: -320px;
    top: 0;
    bottom: 0;
    z-index: 200;
    transition: all 0.5s ease;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
  }
  .mainmenu li {
    margin-bottom: 10px;
  }
  .mainmenu__opened {
    right: 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
  }
  .bg-show {
    display: block;
  }
  .bg-show-inline {
    display: inline-block;
  }
  .bg-hidden {
    display: none;
  }
}
@media screen and (max-width: 768px) and (min-width: 35em) {
  /*.header [class^='col-']:nth-child(1) {
    order: 1;
  }
  .header [class^='col-']:nth-child(2) {
    order: 3;
  }
  .header [class^='col-']:nth-child(3) {
    order: 2;
  }
  .header [class^='col-']:nth-child(4) {
    order: 4;
  }*/
}
@media screen and (max-width: 768px) {
  .col-sm-2 {
    width: 16.666%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33%;
  }
  .col-sm-5 {
    width: 41.666%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333%;
  }
  .col-sm-8 {
    width: 66.666%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .mainmenu {
    width: calc(100% - 65px);
    right: auto;
    left: calc(-100% - 65px);
  }
  .mainmenu__opened {
    left: 0;
  }
  .sm-show {
    display: block;
  }
  .sm-hidden {
    display: none;
  }
}
@media screen and (max-width: 35em) {
  .wrap {
    padding-left: 3%;
    padding-right: 3%;
  }
  .col-xs-2 {
    width: 16.666%;
  }
  .col-xs-24 {
    width: 20%;
  }
  .col-xs-25 {
    width: 20.832%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.333%;
  }
  .col-xs-5 {
    width: 41.666%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.333%;
  }
  .col-xs-8 {
    width: 66.666%;
  }
  .col-xs-9 {
    width: 74.999%;
  }
  .col-xs-10 {
    width: 83.333%;
  }
  .col-xs-75 {
    width: 79.168%;
  }
  .col-xs-12 {
    width: 100%;
    float: none;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .mb-big {
    margin-bottom: 20px;
  }
  .mb {
    margin-bottom: 15px;
  }
  .promo-text {
    padding: 20px 0 15px;
  }
  .single-product-light {
    padding: 15px;
  }
  .txt-big,
  .btn-big {
    padding: 20px 24px;
  }
  .header {
    padding: 25px 0 10px;
  }
  .header-logo {
    margin-top: 0;
  }
  .form-row {
    margin-bottom: 10px;
  }
  h1,
  .maintitle {
    font-size: 3rem;
    line-height: 1.2;
  }
  h2,
  h3,
  h4,
  h5,
  h6,
  .subtitle {
    line-height: 1.3;
    font-size: 2.2rem;
  }
  .prod-item {
    padding: 10px 15px 15px;
  }
  .prod-item-video {
    width: 30vw;
    height: 30vw;
  }
  .popup {
    width: auto;
    left: 2%;
    right: 2%;
    padding: 20px;
  }
  .popup .title {
    font-size: 2.6rem;
  }
  .popup .close {
    width: 24px;
    height: 24px;
  }
  .xs-show {
    display: block;
  }
  .xs-hidden {
    display: none;
  }
}