input.form-control::-moz-placeholder {
  font-size: calc(16px + -1 * ((100vw - 375px) / 1545));
}

body,
input.form-control::placeholder,
.link,
.text {
  font-size: calc(16px + -1 * ((100vw - 375px) / 1545));
}

.btn {
  font-size: calc(15px + 1 * ((100vw - 375px) / 1545));
}

.btn-custom-size {
  font-size: calc(9px + 2 * ((100vw - 375px) / 1545));
}

.headline {
  font-size: calc(18px + 2 * ((100vw - 375px) / 1545));
}

.main-menu-aside a {
  font-size: calc(10px + 10 * ((100vw - 375px) / 1545));
}

.nav-bi {
  font-size: calc(18px + 4 * ((100vw - 375px) / 1545));
}

.bi {
  font-size: calc(22px + 3 * ((100vw - 375px) / 1545));
}

.notification {
  font-size: calc(15px + 1 * ((100vw - 375px) / 1545));
}

.modal-title {
  font-size: calc(20px + 5 * ((100vw - 375px) / 1545));
}

li.button-order a,
li.nav-item a {
  font-size: calc(13px + 0 * ((100vw - 375px) / 1545));
}

.calc .form-label {
  font-size: calc(12px + 1 * ((100vw - 375px) / 1545));
}

@media only screen and (max-width: 991px) {
  .table-users .magic-table {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }
  .table-users .magic-table thead {
    display: block;
  }
  .table-users .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-users .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-users .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-users .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-users .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6) {
    display: none;
  }
  .table-users .magic-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .table-users .magic-table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-users .magic-table td {
    padding: 0.25rem;
  }
  .table-users .magic-table td:nth-child(1) {
    font-weight: bold;
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 991px) {
  .table-service .magic-table {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }
  .table-service .magic-table thead {
    display: block;
  }
  .table-service .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-service .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-service .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-service .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-service .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6) {
    display: none;
  }
  .table-service .magic-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .table-service .magic-table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-service .magic-table td {
    padding: 0.25rem;
  }
  .table-service .magic-table td:nth-child(1) {
    font-weight: bold;
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 991px) {
  .table-log .magic-table {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }
  .table-log .magic-table thead {
    display: none;
  }
  .table-log .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-log .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-log .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-log .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-log .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6) {
    display: none;
  }
  .table-log .magic-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .table-log .magic-table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-log .magic-table td {
    padding: 0.25rem;
  }
  .table-log .magic-table td:nth-child(1) {
    font-weight: bold;
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 991px) {
  .table-doc .magic-table {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }
  .table-doc .magic-table thead {
    display: block;
  }
  .table-doc .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-doc .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-doc .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-doc .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-doc .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6) {
    display: none;
  }
  .table-doc .magic-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .table-doc .magic-table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-doc .magic-table td {
    padding: 0.25rem;
  }
  .table-doc .magic-table td:nth-child(1) {
    font-weight: bold;
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 991px) {
  .table-payment .magic-table,
  .table-bills .magic-table,
  .table-auto-renewal .magic-table,
  .table-cards .magic-table,
  .table-balances .magic-table {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }
  .table-payment .magic-table thead,
  .table-bills .magic-table thead,
  .table-auto-renewal .magic-table thead,
  .table-cards .magic-table thead,
  .table-balances .magic-table thead {
    display: none;
  }
  .table-payment .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-payment .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-payment .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-payment .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-payment .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6),
  .table-bills .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-bills .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-bills .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-bills .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-bills .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6),
  .table-auto-renewal .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-auto-renewal .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-auto-renewal .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-auto-renewal .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-auto-renewal .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6),
  .table-cards .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-cards .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-cards .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-cards .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-cards .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6),
  .table-balances .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2),
  .table-balances .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
  .table-balances .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
  .table-balances .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
  .table-balances .magic-table > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6) {
    display: none;
  }
  .table-payment .magic-table tr,
  .table-bills .magic-table tr,
  .table-auto-renewal .magic-table tr,
  .table-cards .magic-table tr,
  .table-balances .magic-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .table-payment .magic-table tbody tr:nth-child(odd),
  .table-bills .magic-table tbody tr:nth-child(odd),
  .table-auto-renewal .magic-table tbody tr:nth-child(odd),
  .table-cards .magic-table tbody tr:nth-child(odd),
  .table-balances .magic-table tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-payment .magic-table td,
  .table-bills .magic-table td,
  .table-auto-renewal .magic-table td,
  .table-cards .magic-table td,
  .table-balances .magic-table td {
    padding: 0.25rem;
  }
  .table-payment .magic-table td:nth-child(1),
  .table-bills .magic-table td:nth-child(1),
  .table-auto-renewal .magic-table td:nth-child(1),
  .table-cards .magic-table td:nth-child(1),
  .table-balances .magic-table td:nth-child(1) {
    font-weight: bold;
    font-size: 1.2em;
  }
}