@media (min-width: 1920px) {
  .YAGPGALASMain {
    width: 100%;
    min-height: 691px;
    display: flex;
    flex-flow: column;
  }
  .YAGPGALASMain .content__galas {
    display: inline-flex;
    margin-top: auto;
    margin-bottom: 40px;
    margin-left: 117px;
    justify-content: space-between;
    margin-right: 117px;
  }
  .YAGPGALASMain .content__galas .item {
    padding: 40px;
    border-radius: 20px;
    background: rgba(24, 24, 24, 0.82);
    box-shadow: -36px 30px 38px 0px rgba(0, 0, 0, 0.29);
    margin-right: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-width: 406px;
  }
  .YAGPGALASMain .content__galas .item h3 {
    color: var(--unnamed, #fff);
    text-align: center;
    font-family: DIN Pro;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
  }

  .YAGPGALASMain .content__galas .item a {
    border-radius: 20px;
    border: 1px solid var(--unnamed, #fff);
    background: none;
    color: #fff;
    text-align: center;
    font-family: DIN Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 0;
    padding: 5px 20px;
    cursor: pointer;
    text-decoration: none;
  }

  .YAGPGALASMain .content__galas .item a svg {
    margin-left: 5px;
  }
}
@media (min-width: 1024px) and (max-width: 1919px) {
  .YAGPGALASMain {
    width: 100%;
    min-height: calc(
      368.6px + (691 - 368.6) * ((100vw - 1024px) / (1920 - 1024))
    );
    display: flex;
    flex-flow: column;
  }
  .YAGPGALASMain .content__galas {
    display: inline-flex;
    margin-top: auto;
    margin-bottom: calc(
      21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))
    );
    margin-left: calc(
      62.4px + (117 - 62.4) * ((100vw - 1024px) / (1920 - 1024))
    );
    justify-content: space-between;
    margin-right: calc(
      62.4px + (117 - 62.4) * ((100vw - 1024px) / (1920 - 1024))
    );
  }
  .YAGPGALASMain .content__galas .item {
    padding: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
    border-radius: calc(
      10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))
    );
    background: rgba(24, 24, 24, 0.82);
    box-shadow: -36px 30px 38px 0px rgba(0, 0, 0, 0.29);
    margin-right: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-width: calc(
      216.6px + (406 - 216.6) * ((100vw - 1024px) / (1920 - 1024))
    );
  }
  .YAGPGALASMain .content__galas .item h3 {
    color: var(--unnamed, #fff);
    text-align: center;
    font-family: DIN Pro;
    font-size: calc(17.1px + (32 - 17.1) * ((100vw - 1024px) / (1920 - 1024)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
  }

  .YAGPGALASMain .content__galas .item a {
    border-radius: calc(
      10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))
    );
    border: 1px solid var(--unnamed, #fff);
    background: none;
    color: #fff;
    text-align: center;
    font-family: DIN Pro;
    font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(
      0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024))
    );
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(13.4px + (25 - 13.4) * ((100vw - 1024px) / (1920 - 1024)));
    margin-bottom: 0;
    padding: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024)))
      calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
    cursor: pointer;
    text-decoration: none;
  }

  .YAGPGALASMain .content__galas .item a svg {
    margin-left: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024)));
  }
}

@media (max-width: 1023px) {
  .YAGPGALASMain {
    width: 100%;
    min-height: calc(
      372.6px + (1191 - 372.6) * ((100vw - 320px) / (1023 - 320))
    );
    display: flex;
    flex-flow: column;
    background-size: cover !important;
  }
  .YAGPGALASMain .content__galas {
    display: inline-flex;
    margin-top: calc(
      150.2px + (480 - 150.2) * ((100vw - 320px) / (1023 - 320))
    );
    margin-bottom: calc(
      12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320))
    );
    margin-left: 5%;
    justify-content: space-between;
    margin-right: 5%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .YAGPGALASMain .content__galas .item {
    padding: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
    border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
    background: rgba(24, 24, 24, 0.82);
    box-shadow: calc(
        -1 * calc(11.3px + (36 - 11.3) * ((100vw - 320px) / (1023 - 320)))
      )
      calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320)))
      calc(11.9px + (38 - 11.9) * ((100vw - 320px) / (1023 - 320))) 0px
      rgba(0, 0, 0, 0.29);
    margin-right: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 37%;
    margin-bottom: calc(
      15.7px + (50 - 15.7) * ((100vw - 320px) / (1023 - 320))
    );
    margin-left: 2%;
    margin-right: 2%;
  }
  .YAGPGALASMain .content__galas .item h3 {
    color: var(--unnamed, #fff);
    text-align: center;
    font-family: DIN Pro;
    font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
  }

  .YAGPGALASMain .content__galas .item a {
    border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
    border: 1px solid var(--unnamed, #fff);
    background: none;
    color: #fff;
    text-align: center;
    font-family: DIN Pro;
    font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(
      0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320))
    );
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(7.9px + (25 - 7.9) * ((100vw - 320px) / (1023 - 320)));
    margin-bottom: 0;
    padding: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320)))
      calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
    cursor: pointer;
    text-decoration: none;
  }

  .YAGPGALASMain .content__galas .item a svg {
    margin-left: calc(4.7px + (15 - 4.7) * ((100vw - 320px) / (1023 - 320)));
    width: calc(14.8px + (47 - 14.8) * ((100vw - 320px) / (1023 - 320)));
    height: calc(5.4px + (17 - 5.4) * ((100vw - 320px) / (1023 - 320)));
  }
}