.order_block {
  display: flex;
  justify-content: center;
  height: 581px;
  background: linear-gradient(270deg, #0081bb 0%, #00b9d8 29.5%, #0081bb 100%);
  position: relative;
}

.order_block_content {
  position: relative;
  display: flex;
  align-items: center;
}

.order_block_text {
  width: 595px;
}

.order_block_btn {
  margin-top: 30px;
}

.order_block_text > h3 {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 46px;
  color: #ffffff;
  line-height: 110%;
}

.order_block_header_first_line {
  color:#FEDC25;
}

.order_block_text > p {
  font-size: 24px;
  color: #ffffff;
  line-height: 130%;
}

.order_block_text > p:not(p:last-of-type) {
  margin-bottom: 10px;
}

.order_block_images > div {
  position: absolute;
}

.family_img > img {
  height: 546px;
}

.family_img {
  bottom: 0px;
  right: -20px;
}

.ring_order_img {
  right: 73px;
  top: -24px;
}

.mg_b_order_img {
  bottom: -62px;
  left: 556px;
}

.mg_s_orded_img {
  bottom: 84px;
  right: -97px;
}

.b6_order_img {
  top: 92px;
  right: -143px;
}

/* Media queries */

@media (max-width: 1580px) {
  .order_block {
    height: 533px;
  }

  .order_block_text > p {
    font-size: 20px;
  }

  .order_block_btn {
    margin-top: 40px;
  }

  .order_block_text > h3 {
    margin-bottom: 40px;
  }

  .family_img > img {
    height: 498px;
  }
}

@media (max-width: 1248px) {
  .order_block {
    height: 601px;
    overflow: hidden;
  }

  .order_block_text > h3 {
    line-height: 120%;
  }

  .order_block_content {
    align-items: flex-start;
  }

  .order_block_text {
    margin-top: 60px;
  }

  .order_block_text > p {
    font-size: 22px;
  }

  .mgnk_button.order_block_btn {
    font-size: 24px;
  }

  .family_img > img {
    height: 504px;
  }

  .family_img {
    bottom: -98px;
  }

  .ring_order_img > img {
    width: 419px;
    height: 419px;
  }

  .ring_order_img {
    top: 20px;
    left: 659px;
  }

  .mg_b_order_img {
    display: none;
  }

  .b6_order_img > img {
    width: 79px;
    height: 79px;
  }

  .b6_order_img {
    top: 60px;
    left: 580px;
  }

  .mg_s_orded_img > img {
    width: 118px;
    height: 118px;
  }

  .mg_s_orded_img {
    bottom: 60px;
    left: 275px;
  }
}

@media (max-width: 994px) {
  .order_block {
    height: 515px;
  }

  .order_block_text > h3 {
    font-size: 38px;
    margin-bottom: 30px;
  }

  .order_block_text > p {
    font-size: 18px;
  }

  .order_block_btn {
    margin-top: 30px;
  }

  .family_img > img {
    height: 370px;
  }

  .family_img {
    bottom: 0px;
    left: 318px;
  }

  .mg_s_orded_img > img {
    width: 94px;
    height: 94px;
  }

  .mg_s_orded_img {
    bottom: 47px;
    left: 192px;
  }

  .b6_order_img > img {
    width: 60px;
    height: 60px;
  }

  .b6_order_img {
    top: 14px;
    left: 478px;
  }

  .ring_order_img > img {
    width: 358px;
    height: 358px;
  }

  .ring_order_img {
    top: 23px;
    left: 508px;
  }
}

@media (max-width: 760px) {
  .order_block_text > h3 {
    font-size: 27px;
  }

  .family_img > img {
    height: 354px;
  }

  .family_img {
    left: 307px;
  }
}

@media (max-width: 727px) {
  .family_img > img {
    height: 328px;
  }
}

@media (max-width: 707px) {
  .order_block {
    height: auto;
  }

  .order_block_content {
    flex-direction: column;
  }

  .order_block_images > .family_img {
    position: static;
  }

  .mgnk_button.order_block_btn {
    font-size: 18px;
  }

  .family_img {
    margin-left: 96px;
  }

  .family_img > img {
    height: 331px;
    position: relative;
  }

  .order_block_text {
    width: 100%;
  }

  .order_block_text > p {
    font-size: 20px;
  }

  .order_block_text > p:not(p:last-of-type) {
    margin-bottom: 20px;
  }

  .b6_order_img,
  .mg_s_orded_img {
    display: none;
  }

  .ring_order_img > img {
    width: 486px;
    height: 486px;
    position: relative;
  }

  .ring_order_img {
    top: auto;
    right: auto;
    bottom: -114px;
    left: 112px;
  }
}

@media (max-width: 488px) {
  .family_img {
    margin-left: 51px;
  }

  .ring_order_img {
    top: auto;
    right: auto;
    bottom: -114px;
    left: 143px;
  }
}

@media (max-width: 436px) {
  .family_img {
    margin-left: 0px;
  }

  .ring_order_img {
    top: auto;
    right: auto;
    bottom: -155px;
    left: 53px;
  }

  .order_block_images {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .mgnk_button.order_block_btn {
    width: 100%;
    font-size: 21px;
  }
}

@media (max-width: 353px) {
  .order_br {
    display: none;
  }
}