/* Start:/bitrix/templates/aspro_max/components/bitrix/news.list/tizers_333/style.css?17666511371375*/
.my-flex-cont {
 display: flex;
flex-flow: row wrap-reverse;
 justify-content: space-between;
 width: 100%;
}
.my-flex-box {
 margin: 20px;
 padding: 10px;
 flex: 0 1 auto;
  width:33.3333333333%;
}
.my-flex-box:nth-child(1) {
  width: 50%;
}
.my-flex-box:nth-child(2) {
  width: 50%;
}



.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: anchor-center;
}
.parent div{
  padding: 15px;
  text-align: center;
  border-radius: 15px;
}
.vertical {
  flex: 1;
}

.div_0 { grid-area: 1 / 1 / 2 / 2;
background-color: #FCE3CB; }
.div_1 { grid-area: 2 / 1 / 3 / 2;
background-color: #E6FDD3; }
.div_2 { grid-area: 1 / 2 / 3 / 3;
background-color: #FCE3CB;
height: 100%;
align-items: center;
display: flex;
  align-items: center; }
.div_3 { grid-area: 1 / 3 / 2 / 4;
background-color: #E6FDD3; }
.div_4 { grid-area: 2 / 3 / 3 / 4;
background-color: #FCE3CB; } 


@media (max-width: 580px){
  .parent {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: inherit;
  }
  .div_0 { grid-area: 1 / 1 / 2 / 2; }
  .div_1 { grid-area: 2 / 1 / 3 / 2; }
  .div_2 { grid-area: 3 / 1 / 4 / 2; }
  .div_3 { grid-area: 4 / 1 / 5 / 2; }
  .div_4 { grid-area: 5 / 1 / 6 / 2; } 
}

/* End */
/* /bitrix/templates/aspro_max/components/bitrix/news.list/tizers_333/style.css?17666511371375 */