@media all and (min-width: 1000px) {
  html {
    font-size: 11px;
  }
}
@media all and (min-width: 1150px) {
  html {
    font-size: 12px;
  }
}
@media all and (min-width: 1330px) {
  html {
    font-size: 14px;
  }
}
@media all and (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}
@media all and (max-width: 1000px) {
  main .screen-one {
    padding: 112px 16px 56px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  main .screen-one .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    width: 100%;
  }
  main .screen-one .container .bl-text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
  main .screen-one .container .bl-text h1 {
    font-size: 72px;
    line-height: 90%;
  }
  main .screen-one .container .bl-text .bl-info-tel-img {
    gap: 24px;
    max-width: 316px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  main .screen-one .container .bl-text .bl-info-tel-img .bl-img-tel {
    width: 90px;
    height: 180px;
  }
  main .screen-one .container .bl-text .bl-info-tel-img .bl-info-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .screen-one .container .bl-text .bl-info-tel-img .bl-info-img .bl-text {
    gap: 16px;
    margin-top: 0;
  }
  main .screen-one .container .bl-text .bl-info-tel-img .bl-info-img .bl-text h3 {
    font-size: 18px;
    line-height: 150%;
  }
  main .screen-one .container .bl-text .bl-info-tel-img .bl-info-img .bl-text p {
    font-size: 16px;
    line-height: 150%;
  }
  main .screen-one .container .bl-img-pc {
    max-width: 316px;
    height: 180px;
    margin: 0;
  }
  main .screen-two {
    height: 135px;
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) {
    width: calc(100% - 248px);
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card {
    width: 100%;
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card .element {
    height: 119px;
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card .element:nth-of-type(1) {
    width: 36px;
    background: url("/assets/img/about/elements-card-screen-two/column-left-top-element-left-mob.svg") no-repeat;
    background-size: 100%;
    background-position: center 0;
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card .element:nth-of-type(2) {
    gap: 4px;
    width: calc(100% - 36px - 35px);
    height: 119px;
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card .element:nth-of-type(2)::before {
    height: 40px;
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card .element:nth-of-type(2)::after {
    height: 75px;
    background: var(--color-platform);
  }
  main .screen-two .container .bl-column-element:nth-of-type(1) .card .element:nth-of-type(3) {
    width: 35px;
    background: url("/assets/img/about/elements-card-screen-two/column-left-top-element-right-mob.svg") no-repeat;
    background-size: 100%;
    background-position: center;
  }
  main .screen-two .container .bl-column-element:nth-of-type(2) {
    width: calc(100% - 145px);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  main .screen-two .container .bl-column-element:nth-of-type(2) .card .element {
    height: 135px;
  }
  main .screen-two .container .bl-column-element:nth-of-type(2) .card .element:nth-of-type(1) {
    width: 54px;
    background: url("/assets/img/about/elements-card-screen-two/column-right-top-element-left-mob.svg") no-repeat;
    background-size: 100%;
    background-position: center;
  }
  main .screen-two .container .bl-column-element:nth-of-type(2) .card .element:nth-of-type(2) {
    width: calc(100% - 54px - 56px);
    height: 131px;
    margin-top: 4px;
  }
  main .screen-two .container .bl-column-element:nth-of-type(2) .card .element:nth-of-type(3) {
    width: 56px;
    background: url("/assets/img/about/elements-card-screen-two/column-right-top-element-right-mob.svg") no-repeat;
    background-size: 100%;
    background-position: center;
  }
  main .screen-two .container .bl-column-element:nth-of-type(3), main .screen-two .container .bl-column-element:nth-of-type(4) {
    display: none;
  }
  main .screen-three {
    padding: 72px 16px 88px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  main .screen-three .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  main .screen-three .container h2 {
    font-size: 56px;
    line-height: 110%;
  }
  main .screen-three .container .bl-text {
    gap: 24px;
  }
  main .screen-three .container .bl-text P {
    font-size: 18px;
    line-height: 150%;
  }
  main .screen-four {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  main .screen-four .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 0 4px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  main .screen-four .container .bl-column-element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .screen-four .container .bl-column-element:nth-of-type(1) {
    display: none;
  }
  main .screen-four .container .bl-column-element:nth-of-type(2) {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 40px 40px 290px;
    gap: 24px;
  }
  main .screen-four .container .bl-column-element:nth-of-type(2) .card {
    max-width: 100%;
  }
  main .screen-four .container .bl-column-element:nth-of-type(2) .card:nth-child(1) h3 {
    font-size: 36px;
    line-height: 120%;
  }
  main .screen-four .container .bl-column-element:nth-of-type(2) .card:nth-child(1)::before {
    background-position: center 44px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  main .screen-four .container .bl-column-element:nth-of-type(2) .card:nth-child(2) {
    gap: 16px;
    padding: 0;
    max-width: 100%;
  }
  main .screen-four .container .bl-column-element:nth-of-type(2) .card:nth-child(2) p {
    font-size: 18px;
    line-height: 150%;
  }
  main .screen-four .container .bl-column-element:nth-of-type(3) {
    width: 100%;
  }
  main .screen-four .container .bl-column-element:nth-of-type(3) .card:nth-child(1) {
    display: none;
  }
  main .screen-four .container .bl-column-element:nth-of-type(3) .card:nth-child(2) {
    padding: 96px 44px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  main .screen-four .container .bl-column-element:nth-of-type(3) .card:nth-child(2) h3 {
    font-size: 28px;
    line-height: 130%;
  }
  main .screen-four .container .bl-column-element:nth-of-type(4) {
    display: none;
  }
  main .screen-five {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px;
  }
  main .screen-five .container {
    padding: 80px 24px;
  }
  main .screen-five .container .bl-size {
    gap: 40px;
  }
  main .screen-five .container .bl-size h2 {
    font-size: 56px;
    line-height: 110%;
  }
}
@media all and (max-width: 768px) {
  body {
    min-width: 393px;
  }
}