@media screen and (max-width: 1280px) {

    /* CSS для ширины от 992px до 1279px */

    .cabinet__menu li {
        margin-right: 25px;
    }

    .cabinet__menu li:first-child {
        margin-right: 10px;
    }

    .cabinet__menu_drop li:first-child {
        margin-right: 25px;
    }

    .offer__list {
        margin-left: 7px;
    }

    .main-menu__item:not(:first-child) {
        margin-left: 45px;
        padding-left: 45px;
    }

    .footer {
        padding-bottom: 30px;
    }

    .form__row p {
        width: 40%;
    }

    .form__input, .form__btn, .form__input2 {
        width: 60%;
    }

    .reviews__form {
        margin-bottom: 50px;
    }

    .main-price__table {
        width: 80%;
    }

    .main-price .clients__list {
        margin-left: 100px;
    }

    .discounts__table,
    .discounts__list {
        width: 55%;
    }

    .discounts__block2 .ellipse {
        left: 38%;
    }

    .accounting__form .form__row .form__checkbox:first-of-type {
        padding-left: 0;
    }

    .accounting {
        width: 974px;
        margin-left: -487px;
    }

    .statistics__table,
    .statistics__form {
        width: 80%;
    }
}

@media screen and (max-width: 992px) {

    /* CSS для ширины от 768px до 991px */
    .top__phone {
        height: 50px;
        line-height: 50px;
    }

    .top__address {
        font-size: 15px;
    }

    .top {
        height: auto;
        padding: 15px 0;
    }

    .calculator .container,
    .reviews-wrap,
    .balance .container,
    .account .container {
        width: 90%;
    }

    .main-menu__item:not(:first-child) {
        margin-left: 25px;
        padding-left: 25px;
    }

    .cabinet__menu li:first-child,
    .cabinet__menu li:nth-child(2) {
        min-width: 100px;
    }

    .cabinet,
    .cabinet__menu {
        height: 70px;
    }

    .title-h1 {
        font-size: 60px;
        line-height: 67px;
    }

    .card {
        height: auto;
        margin-bottom: 50px;
    }

    .title-h2 {
        font-size: 40px;
        line-height: 44px;
    }

    .services__list,
    .contacts__list {
        margin-bottom: 50px;
    }

    .slide__arrow {
        padding-bottom: 0;
    }

    .main-price .clients__list {
        margin-left: 75px;
    }

    .discounts {
        background: url(../img/discount-bg.jpeg) no-repeat center center/250%;
    }

    .discounts__table {
        font-size: 20px;
    }

    .ellipse {
        width: 180px;
        height: 100px;
        font-size: 45px;
    }

    .discounts__block1 .ellipse {
        top: 15%;
    }

    .discounts__block1 .discounts__title-h3 {
        margin-left: 150px;
    }

    .discounts__block2 {
        margin-top: 40px;
    }

    .table tr {
        height: 45px;
    }

    .discounts__block2 .ellipse {
        left: 50%;
        top: 15%;
    }

    .form__wrap, .form__wrap2 {
        width: 100%;
    }

    .accounting {
        width: 720px;
        margin-left: -360px;
        top: 226px;
    }

    .balance__form .form__wrap {
        width: 100%;
        margin-top: 10px;
    }

    .balance__form .form__wrap:first-child {
        margin-right: 0;
    }

    .balance__form .form__input {
        width: 100%;
    }

    .footer li {
        line-height: 35px;
    }

    .visits__table {
        width: 100%;
    }

    .statistics__table,
    .statistics__form {
        width: 90%;
    }

    .statistics__form .form__wrap {
        margin-right: 10px;
    }
}


@media screen and (max-width: 768px) {

    /* CSS для ширины от 576px до 767px */

    .inner-content {
        padding-top: 220px;
    }

    .offer {
        padding-top: 190px;
    }

    .header__menu-fixed {
        position: fixed;
    }

    .logo__title {
        font-size: 40px;
    }

    .hamburger {
        width: 25px;
        height: 38px;
        cursor: pointer;
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .bar {
        width: 25px;
        height: 3px;
        background: #fff;
    }

    .bar2 {
        margin: 4px 0;
    }

    .btn:not(.btn-delete) {
        font-size: 16px;
        width: 250px;
    }

    .cabinet__hamburger {
        margin-left: auto;
        margin-right: 0;
        height: 34px;
    }

    .cabinet__hamburger .bar {
        background: #2e4b9b;
    }

    .logo__subtitle {
        font-size: 13px;
    }

    .cabinet,
    .cabinet__menu {
        height: 38px;
    }

    .cabinet__menu_part2 {
        margin-left: auto;
        /*        width: 100%;*/
    }

    .cabinet__menu {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .top__phone {
        font-size: 40px;
        height: 50px;
    }

    .top__address {
        font-size: 13px;
    }

    .offer__list li {
        font-size: 20px;
        line-height: 30px;
    }

    .slick-initialized .slide {
        display: block;
    }

    .slider__img {
        margin: 0 auto 30px;
    }

    .clients__img {
        top: -10%;
        left: -25%;
    }

    .offer {
        background: url(../img/header-bg.jpeg) no-repeat 40% center/cover;
    }

    .main-menu__list {
        display: block;
        position: fixed;
        left: 0;
        padding: 30px;
        z-index: 1000;
        width: 100%;
        background: #5f1b1e;
        margin-left: 0;
    }

    .main-menu__item:not(:first-child) {
        margin-left: 0;
        padding-left: 0;
    }

    .main-menu__item:not(:first-child) {
        border-left: none;
    }

    .main-menu__item a {
        line-height: 46px;
    }

    .cabinet__menu_drop {
        margin: 0;
        position: fixed;
        z-index: 1000;
        left: 0;
        padding: 30px;
        width: 100%;
        height: auto;
        background: rgba(229, 239, 244, 0.95);
    }

    .article__img {
        margin-bottom: 30px;
    }

    .main-price__table {
        width: 100%;
    }

    .discounts {
        background: url(../img/discount-bg-small.jpg) no-repeat center center/cover;
    }

    .discounts__table,
    .discounts__list {
        width: 100%;
    }

    .main-price .clients__list {
        margin-left: 0;
    }

    .discounts__block2 .ellipse {
        left: 80%;
        top: 12%;
    }

    .balance__form .form__row:last-of-type {
        margin: 0;
    }

    .accounting {
        width: 540px;
        margin-left: -270px;
        top: 187px;
    }

    .accounting__form .form__wrap, .accounting__form .form__wrap2 {
        margin: 10px 0;
    }

    .login__form {
        width: 100%;
    }

    .logo__img {
        min-width: 17%;
        width: 17%;
    }

    .statistics__form {
        display: block;
    }

    .statistics__form .form__wrap {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .minibtn {
        margin: 0 auto;
    }
        .accounting__form textarea.form__input {
        width: 100%;
        min-width: 100%;
    }
.accounting__form .balance__row_comment .contacts__title {
    font-weight: 400;
    text-transform: none;
}
}

@media screen and (max-width: 576px) {

    /* CSS для ширины до 575px (включительно) */
    .container {
        width: 90%;
    }

    .inner-content {
        padding-top: 170px;
    }

    section {
        padding: 25px 0;
    }

    .page {
        font-size: 14px;
        line-height: 24px;
    }

    .title-h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .title-h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .card__title {
        font-size: 16px;
    }

    .btn(:not(.btn-delete)) {
        width: 250px;
        font-size: 16px;
    }

    .slide__arrow {
        width: 35px;
        height: 35px;
        font-size: 25px;
        top: 0;
        /*        padding-bottom: 7px;*/
    }

    .slide__arrow_right {
        right: 0;
    }

    .slide__arrow_left {
        right: 40px;
    }

    .services__list,
    .contacts__list {
        margin-bottom: 25px;
    }

    .top__phone {
        font-size: 20px;
        line-height: 24px;
        height: auto;
        /*        margin-top: 15px;*/
    }

    .logo__title {
        font-size: 20px;
        line-height: 24px;
    }

    .top {
        padding: 5px 0;
    }

    .logo__subtitle,
    .top__address {
        font-size: 12px;
        line-height: 14px;
    }

    .clients__img {
        width: 60%;
    }

    .clients__slider .slide__arrow {
        top: 50%;
        margin-top: -15px;
    }

    .reviews__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .reviews__rate {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .title-h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .reviews__answer {
        padding-left: 0;
    }

    .slide__name,
    .slide__date {
        font-size: 18px;
    }

    .form__row {
        display: block;
    }

    .form__row p,
    .form__input, .form__input2 {
        width: 100%;
    }

    .form__btn {
        width: 250px;
        margin: 0 auto;
    }

    .main-price__table {
        font-size: 20px;
    }

    .main-price .services__list li {
        font-size: 16px;
        line-height: 50px;
    }

    .ellipse {
        width: 87px;
        height: 60px;
        font-size: 32px;
    }

    .discounts__block1 .ellipse {
        top: 20%;
    }

    .discounts__block2 .ellipse {
        top: 18%;
        left: -5%;
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    .main-price .services__card {
        padding: 10px;
    }

    .main-price__card {
        margin: 25px 0 20px;
    }

    .discounts__title-h3 {
        text-align: center;
    }

    .discounts__block1 .discounts__title-h3 {
        margin-left: 0;
    }

    .calculator__form .form__row p,
    .calculator__form .form__row:not(:last-of-type) {
        width: 100%;
    }

    .calculator__form .form__btn {
        line-height: 1;
    }

    .pre-order__payment img {
        width: 20%;
    }

    .pre-order__form {
        margin-top: 25px;
    }

    .pre-order__form input {
        width: 100%;
    }

    .pre-order__form .form__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .main-price {
        padding-top: 0;
    }

    .title-h4 {
        font-size: 25px;
        line-height: 35px;
    }

    .balance__form .form__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .balance__form input {
        margin-top: 10px;
        margin-left: 0;
    }

    .balance__btn {
        width: 100%;
        font-size: 16px;
    }

    .accounting__form .form__input {
        width: 50%;
    }

    .accounting__form textarea.form__input {
        width: 100%;
        min-width: 100%;
    }
.accounting__form .balance__row_comment .contacts__title {
    font-weight: 400;
    text-transform: none;
}
    .accounting__form .form__row .form__checkbox {
        display: block;
        width: 100%;
    }

    .accounting__form .contacts__title {
        width: 100%;
        text-align: center;
    }

    .accounting {
        top: 149px;
        margin-left: 0;
        left: 0;
        width: 100%;
    }

    .login__form .form__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .login__form .form__input {
        width: 70%;
    }

    .visits__table {
        font-size: 12px;
    }

    .visits__table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .visits__table tr th:first-child,
    .visits__table tr th:nth-child(3) {
        width: 25%;
    }

    .visits__table tr th:nth-child(2) {
        width: 50%;
    }

    .visits__table tr td {
        width: 25%;
        padding: 5px 5px 0 5px;
        text-align: center;
    }

    .visits__table tr td:last-child {
        width: 100%;
        padding: 0;
    }

    .visits__table tr th:last-child {
        display: none;
    }

    .statistics__table {
        font-size: 12px;
    }

    .statistics__table tr td {
        height: 30px;
        padding: 5px;
    }

    .balance__form .form__row label {
        line-height: 24px;
    }

    .balance__form .form__row .form__wrap:first-child .form__input {
        width: 48%;
        margin-top: 0;
    }

    .balance__form .form__row .form__wrap:first-child .form__select {
        margin-right: 4%;
    }

    .balance__form .form__row .form__wrap:first-child label {
        width: 100%;
    }

    .statistics__table,
    .statistics__form {
        width: 100%;
    }

    .statistics__form .form__wrap label {
        width: 40%;
    }

    .transactions__table {
        font-size: 12px;
    }

    .transactions__table tr td {
        padding: 5px;
    }

    .login-btn {
        width: 100%;
    }

    .table-form .btn-delete {
        margin-bottom: 20px;
    }
}