.products_block {
  display: flex;
  justify-content: center;
  background-color: #e0f2fc;
}

.products_header {
  text-align: center;
  font-weight: bold;
  font-size: 68px;
  color: #17336a;
  margin-top: 110px;
  margin-bottom: 80px;
}

.products_list {
  margin-bottom: 110px;
}

.product_item {
  display: flex;
  border-radius: 20px;
  width: 100%;
  height: 509px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.product_item:not(.m_adapt) {
  margin-bottom: 50px;
}

.m_magnk {
  background-image: url("../img/products_block/m_def_left.png"),
    url("../img/products_block/m_def_right.png");
  background-position: top left, bottom right;
  background-size: contain, auto;
}

.m_anti {
  background-image: url("../img/products_block/M_anti_left.png"),
    url("../img/products_block/M_anti_right.png");
  background-position: top left, bottom right;
  background-size: contain, auto;
}

.m_adapt {
  background-image: url("../img/products_block/M_adapt_left.png"),
    url("../img/products_block/M_adapt_right.png");
  background-position: top left, bottom right;
  background-size: contain, auto;
}

.product_picture,
.product_text {
  width: 50%;
}

.product_picture {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product_picture img {
  width: 377px;
  margin-right: 98px;
}

.product_text {
  display: flex;
  align-items: center;
}

.product_text_content {
  margin-left: 10px;
  font-size: 20px;
  line-height: 130%;
  width: 485px;
}

.product_text_content > h3 {
  font-size: 32px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #0182bc;
}

.product_text_content > p:first-of-type {
  margin-bottom: 20px;
  line-height: 130%;
  color: #0182bc;
  font-weight: bold;
}

.product_buttons {
  display: flex;
  margin-top: 30px;
}

.product_order_btn {
  margin-right: 20px;
}

.product_details_btn {
  width: 216px;
}

/* Media queries */

@media (max-width: 1580px) {
  .product_details_btn {
    width: 197px;
  }
}

@media (max-width: 1248px) {
  .product_item {
    height: 462px;
  }

  .product_picture img {
    margin-right: 46px;
  }

  .product_text_content > p:last-of-type {
    font-size: 18px;
  }

  .product_text_content {
    width: 432px;
  }

  .m_magnk {
    background-image: url("../img/products_block/m_def_left_1024.png"),
      url("../img/products_block/m_def_right.png");
  }

  .m_anti {
    background-image: url("../img/products_block/M_anti_left.png"),
      url("../img/products_block/M_anti_right.png");
  }

  .m_adapt {
    background-image: url("../img/products_block/M_adapt_left_1024.png"),
      url("../img/products_block/M_adapt_right_1024.png");
  }

  .products_header {
    font-size: 60px;
    margin-top: 80px;
    margin-bottom: 61px;
  }

  .product_item:not(.m_adapt) {
    margin-bottom: 40px;
  }

  .products_list {
    margin-bottom: 80px;
  }
}

@media (max-width: 994px) {
  .products_header {
    font-size: 48px;
    margin-top: 60px;
    margin-bottom: 50px;
  }

  .product_item:not(.m_adapt) {
    margin-bottom: 24px;
  }

  .products_list {
    margin-bottom: 60px;
  }

  .product_picture img {
    margin-right: 27px;
    width: 290px;
  }

  .product_details_btn {
    width: 156px;
  }

  .product_text_content {
    width: 324px;
  }

  .product_text_content > h3 {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .product_text_content > p:first-of-type {
    margin-bottom: 16px;
    font-size: 18px;
  }

  .product_text_content > p:last-of-type {
    font-size: 16px;
  }

  .product_buttons {
    margin-top: 24px;
  }

  .product_buttons > a {
    font-size: 18px;
  }

  .product_item {
    height: 353px;
  }

  .product_item.m_adapt {
    height: 416px;
  }

  .m_magnk {
    background-image: url("../img/products_block/m_def_left_768.png"),
      url("../img/products_block/m_def_right_768.png");
    background-size: auto, auto;
  }

  .m_anti {
    background-image: url("../img/products_block/M_anti_left_768.png"),
      url("../img/products_block/M_anti_right_768.png");
    background-size: auto, auto;
  }

  .m_adapt {
    background-image: url("../img/products_block/M_adapt_left_768.png"),
      url("../img/products_block/M_adapt_right_768.png");
    background-size: auto, auto;
  }
}

@media (max-width: 736px) {
  .product_item,
  .product_item.m_adapt {
    flex-direction: column;
    align-items: center;
    height: auto;
    padding-top: 57px;
    padding-bottom: 40px;
  }

  .product_text {
    width: 324px;
  }

  .products_br {
    display: none;
  }

  .product_text_content {
    width: 100%;
    margin-left: 0px;
  }

  .product_text_content > h3 {
    font-size: 32px;
  }

  .product_text_content > p:first-of-type {
    font-size: 20px;
  }

  .product_text_content > p:last-of-type {
    font-size: 18px;
  }

  .product_picture {
    width: auto;
  }

  .product_picture img {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .product_buttons {
    margin-top: 30px;
  }

  .m_adapt {
    background-image: url("../img/products_block/M_adapt_left_375.png"),
      url("../img/products_block/M_adapt_right_768.png");
    background-size: 60% auto, auto;
  }
}

@media (max-width: 420px) {
  .products_header {
    font-size: 42px;
  }

  .product_picture img {
    width: 252px;
  }

  .product_text {
    width: 307px;
  }

  .product_buttons {
    flex-direction: column;
  }

  .product_buttons > a {
    font-size: 21px;
  }

  .product_buttons > a {
    width: 100%;
  }

  .product_buttons > a:first-of-type {
    margin-bottom: 16px;
  }

  .m_magnk {
    background-image: url("../img/products_block/m_def_left_768.png");
    background-size: auto;
  }

  .m_anti {
    background-image: url("../img/products_block/M_anti_left_768.png");
    background-size: auto;
  }

  .m_adapt {
    background-image: url("../img/products_block/M_adapt_left_375.png");
    background-size: 60% auto;
  }
}

@media (max-width: 365px) {
  .product_text {
    width: 92%;
  }
}
