/* Start:/local/components/bitrix/news/templates/case/bitrix/news.detail/.default/style.css?17132552721224*/
/*Центры компетенций - сетка*/
.parent-cases- {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
height:auto!important;
text-align:center;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
margin-bottom:10px!important;
}
.parent-cases div {
float:left;

}
.col-md-1 {
  border-color: gold;
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}


@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}


@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/*********/
.flexrow {
    display: flex;
    flex-flow: row wrap;
}
 
.flexrow.row-7-el > .element  {
    flex: 0 1 calc(100%/7  - 16px);
    max-width: calc(100%/7  - 16px);
}
.element {
  margin: 8px;
  text-align: center;
}

.outline {
  outline: auto green;
}
/* End */
/* /local/components/bitrix/news/templates/case/bitrix/news.detail/.default/style.css?17132552721224 */