/*=== grid ===*/
.row, .row_01, .row_02, .row_closely {
    display: flex;
    flex-wrap: wrap;
}
.row {
    margin: -20px;
}
.row_01 {
    margin: -10px;
}
.row_02 {
    margin: -5px;
}
*[class*="col-"] {
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    vertical-align: top;
}
.col-1, .col-2 {
    min-width: 20%;
}
.row_01 *[class*="col-"] {
    padding: 10px;
}
.row_02 *[class*="col-"] {
    padding: 5px;
}
.row_closely *[class*="col-"] {
    padding: 0;
}
*[class*="col-"] .body__catalog-item {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}
.body__block_left *[class*="col-"], .body__block_right *[class*="col-"] {
    display: block;
    width: 100%;
}
.col-1  {width: 8.33333%;}
.col-2  {width: 16.66667%;}
.col-3  {width: 25%;}
.col-4  {width: 33.33333%;}
.col-5  {width: 41.66667%;}
.col-6  {width: 50%;}
.col-7  {width: 58.33333%;}
.col-8  {width: 66.66667%;}
.col-9  {width: 75%;}
.col-10 {width: 83.33333%;}
.col-11 {width: 91.66667%;}
.col-12 {width: 100%;}

@media screen and (max-width: 767px) {
    .col-xs-1  {width: 8.33333%;}
    .col-xs-2  {width: 16.66667%;}
    .col-xs-3  {width: 25%;}
    .col-xs-4  {width: 33.33333%;}
    .col-xs-5  {width: 41.66667%;}
    .col-xs-6  {width: 50%;}
    .col-xs-7  {width: 58.33333%;}
    .col-xs-8  {width: 66.66667%;}
    .col-xs-9  {width: 75%;}
    .col-xs-10 {width: 83.33333%;}
    .col-xs-11 {width: 91.66667%;}
    .col-xs-12 {width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .col-sm-1  {width: 8.33333%;}
    .col-sm-2  {width: 16.66667%;}
    .col-sm-3  {width: 25%;}
    .col-sm-4  {width: 33.33333%;}
    .col-sm-5  {width: 41.66667%;}
    .col-sm-6  {width: 50%;}
    .col-sm-7  {width: 58.33333%;}
    .col-sm-8  {width: 66.66667%;}
    .col-sm-9  {width: 75%;}
    .col-sm-10 {width: 83.33333%;}
    .col-sm-11 {width: 91.66667%;}
    .col-sm-12 {width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .col-md-1  {width: 8.33333%;}
    .col-md-2  {width: 16.66667%;}
    .col-md-3  {width: 25%;}
    .col-md-4  {width: 33.33333%;}
    .col-md-5  {width: 41.66667%;}
    .col-md-6  {width: 50%;}
    .col-md-7  {width: 58.33333%;}
    .col-md-8  {width: 66.66667%;}
    .col-md-9  {width: 75%;}
    .col-md-10 {width: 83.33333%;}
    .col-md-11 {width: 91.66667%;}
    .col-md-12 {width: 100%;}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .col-lg-1  {width: 8.33333%;}
    .col-lg-2  {width: 16.66667%;}
    .col-lg-3  {width: 25%;}
    .col-lg-4  {width: 33.33333%;}
    .col-lg-5  {width: 41.66667%;}
    .col-lg-6  {width: 50%;}
    .col-lg-7  {width: 58.33333%;}
    .col-lg-8  {width: 66.66667%;}
    .col-lg-9  {width: 75%;}
    .col-lg-10 {width: 83.33333%;}
    .col-lg-11 {width: 91.66667%;}
    .col-lg-12 {width: 100%;}
}
@media screen and (min-width:0\0) {
    .row, .row_01, .row_02, .row_closely {
        display: block;
        position: relative;
        left: -5px;
        margin: -5px -10px -5px 0;
        font-size: 0;
    }
    *[class*="col-"] {
        display: inline-block;
        font-size: 14px;
    }
}
@supports (-ms-ime-align:auto) {
    .row, .row_01, .row_02, .row_closely {
        display: block;
        position: relative;
        left: -5px;
        margin: -5px -10px -5px 0;
        font-size: 0;
    }
    *[class*="col-"] {
        display: inline-block;
        font-size: 14px;
    }
}
/*=== /grid ===*/