@media screen and (max-width: 1460px) {
  .section {
    --samW: 800px;
  }
}
@media screen and (max-width: 1400px) {
  footer {
    --sec: 5;
  }
}
@media screen and (max-width: 1300px) {
  .section {
    --samW: 640px;
  }
  .section.sam-s [data-tab] {
    --secs: 2;
  }
}
@media screen and (max-width: 1220px) {
  .section.sam-s {
    --secs: 2;
  }
  footer {
    --sec: 4;
  }
}
@media screen and (max-width: 1120px) {
  .section {
    --samW: 450px;
  }
}
@media screen and (max-width: 1080px) {
  footer {
    --prs: 48px;
  }
}
@media screen and (max-width: 980px) {
  footer {
    --prs: 30px;
    --sec: 3;
  }
}
@media screen and (max-width: 950px) {
  .section {
    --samW: 100%;
    --samW2: 100%;
  }
  .section.sam-s section div.d_f {
    flex-direction: column-reverse;
  }
  .section.sam-s [data-tab] {
    --secs: 3;
  }
  .section.sam-s .tabCont {
    --ml: 0px;
    --mb: 16px;
  }
  footer {
    --prs: 48px;
  }
  footer .section .hed .log, footer .section .hed .soc {
    width: 100%;
  }
  footer .section .hed .log {
    --mb: 20px;
  }
  footer .pol {
    --mt: var(--pys);
    width: 100%;
  }
  footer .pol div {
    display: flex;
    flex-wrap: wrap;
  }
  footer .pol div a {
    width: var(--wa);
  }
}
@media screen and (max-width: 800px) {
  .section.sam-s {
    --secs: 1;
  }
  .hero, footer {
    --hbr: 48px;
  }
  footer .section .disc {
    --szs: 100px;
    position: relative;
  }
  footer .section .disc span {
    --pr: 0;
  }
  footer .section .disc a {
    --px: 0px;
    --py: 0px;
    --sz: var(--szd);
    --mt: 12px;
    width: -moz-fit-content;
    width: fit-content;
  }
  footer .section .disc a img, footer .section .disc a svg {
    min-width: auto;
    max-width: none;
  }
  footer .section .disc .mb {
    --sz: var(--szs);
    position: relative;
    right: 0;
    top: auto;
    transform: none;
  }
}
@media screen and (max-width: 780px) {
  footer {
    --prs: 0px;
    --sec: 2;
  }
  footer .com, footer .res, footer .con, footer .pol {
    width: 50%;
  }
  footer .pol div {
    display: block;
  }
  footer .com {
    --mt: var(--pys);
  }
}
@media screen and (max-width: 700px) {
  .section.sam-s [data-tab] {
    --secs: 2;
  }
}
@media screen and (max-width: 600px) {
  footer {
    --sec: 1;
  }
  footer .com, footer .res, footer .con, footer .pol {
    width: 100%;
  }
  footer .res {
    --mt: var(--pys);
  }
}
@media screen and (max-width: 500px) {
  .hero, footer {
    --hbr: 36px;
  }
}
@media screen and (max-width: 480px) {
  .section.sam-s [data-tab] {
    --secs: 1;
  }
  footer .section .hed .soc {
    --sz: 29px;
  }
}
@media screen and (max-width: 440px) {
  footer .section .hed .log {
    --px: 24px;
  }
  footer .section .hed .log img {
    display: none;
  }
  footer .section .hed .soc {
    --sz: 26px;
  }
}
@media screen and (max-width: 410px) {
  footer .section .hed .soc {
    --sz: 22px;
  }
}
@media screen and (max-width: 400px) {
  .hero, footer {
    --hbr: 32px;
  }
}
@media screen and (max-width: 390px) {
  footer .section .hed .log {
    --px: 20px;
  }
  footer .section .hed .log .logo {
    --f: 26px;
  }
  footer .section .hed .log div {
    --f: 15px;
  }
  footer .section .hed .soc {
    --sz: 22px;
  }
  footer .section .hed .soc a {
    --px: 6px;
    --py: 6px;
  }
}
@media screen and (max-width: 330px) {
  footer .section .hed .log {
    --px: 16px;
  }
}