@media (min-width: 407px) {

    #authModal .modal-content:before {
        height: 65px;
    }

}

@media (min-width: 480px) {

    .lot-card__row {
        gap: 10px;
    }

    .bds-card__link-wrapper {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        gap: 20px;
    }

    .aucnet-card__link-wrapper {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        gap: 20px;
    }

    .notice__tables {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .notice__tables > table {
        width: calc(50% - 5px);
        flex: 1 1 calc(50% - 5px);
        display: table;
    }

    .stretch-cell {
        height: 100%;
    }

    .arai-card__link-wrapper {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        gap: 20px;
    }

    .jba-card__link-wrapper {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        gap: 20px;
    }
}

@media (min-width: 560px) {

    main {
        min-height: calc(100vh - 162px);
    }

    .about-us__container {
        max-width: 560px;
    }

    .advantages__list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    .steps-card {
        width: 240px;
    }

    .faq__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 20px;
    }

    .faq__item {
        width: calc((100% - 20px) / 2);
    }

    .filter__wrapper, .filter__wrapper2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .filter__group {
        width: calc((100% - 20px) / 2);
    }

    .filter__group:last-child {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .checkbox-wrapper .custom-checkbox + label {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .checkbox-wrapper {
        width: 100%;
        gap: 20px;
    }

    .filter__group button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 20px;
    }

    .lot-swiper {
        margin-right: 20px;
    }

    #start-bid-rub {
        font-size: 1.20rem;
    }

    #end-bid-rub {
        font-size: 1.20rem;
    }

    .table__value small {
        font-size: 0.75rem;
    }

    .footer__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
    }

    .footer__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .footer__logo .logo__span {
        font-size: 16px;
    }

    .footer__logo small {
        font-size: 12px;
    }

    .footer-social {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .footer-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .footer-nav__list {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

}

@media (min-width: 768px) {

    main {
        min-height: calc(100vh - 145px);
    }

    .heading2 {
        font-size: 2.488rem;
    }

    .heading3 {
        font-size: 2.074rem;
    }

    .heading4 {
        font-size: 1.728rem;
    }

    .hero {
        padding-bottom: 60px;
    }

    section:first-of-type.hero {
        padding-top: 60px;
    }

    .container {
        padding-right: 40px;
        padding-left: 40px;
    }

    .auction__button-wrapper {
        display: flex;
    }

    .auction__heading {
        width: 100%;
    }

    .auction__card {
        width: calc((100% - 20px) / 2);
    }

    .lot-characteristic__group {
        width: calc((100% - 20px) / 2);
    }

    .notice__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .notice__item {
        width: calc((100% - 20px) / 2);
    }

    .notes__item {
        width: calc((100% - 10px) / 2);
    }

     .notice__tables > table {
        width: calc((100% - 20px) / 3);
        max-width: calc((100% - 20px) / 3);
        flex: 1 1 calc((100% - 20px) / 3);
    }

    .admin-lot-container {
        width: 700px;
        align-items: flex-start;
    }

    .admin-lot-container .heading3 {
        width: 100%;
    }

    .admin-table__row {
        flex-wrap: nowrap;
    }

    .admin-lot__price {
        width: fit-content;
    }

    .admin-lot-container input:not([type="checkbox"]) {
        width: 100px;
    }

    .admin-lot-container select {
        width: fit-content;
    }

    .admin-lot__checkbox {
        width: 110px;
    }

    .wide-btn {
        width: fit-content;
    }

    .footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer__wrapper {
        gap: 10px;
    }

    .footer-social {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .footer-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

}

@media (min-width: 1024px) {
    .container {
        max-width: 1320px;
    }

    section {
        margin-bottom: 30px;
    }

    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .burger-menu {
        display: none;
    }

    .header__nav {
        visibility: visible;
        position: relative;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        min-height: 0;
        width: auto;
        min-width: 0;
        padding: 0;
        z-index: 1;
        gap: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-color: transparent;
    }

    .close-button {
        display: none;
    }

    .nav__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px;
        margin-right: 60px;
    }

    .nav__item {
        padding: 0;
        margin-bottom: 0;
        border: none;
    }

    .nav__link {
        color: rgba(var(--grey), 1);
        font-size: 1rem;
    }

    .hero {
        padding-bottom: 100px;
    }

    section:first-of-type.hero {
        padding-top: 100px;
    }

    .advantages__list {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }

    .faq__item {
        width: calc((100% - 40px) / 3);
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 0.5fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
    }

    .blog {
        grid-area: 2 / 1 / 3 / 6;
    }

    .grid-container .advantages__container, .grid-container .blog__container {
        padding: 0;
    }

    .grid-container .news__container {
        padding-right: 0px;
        padding-left: 10px;
    }


    .grid-container section {
        padding: 0;
    }

    .filter__wrapper {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        overflow: visible;
    }

    .filter__wrapper:after {
        display: none;
    }

    .filter__group {
        width: calc((100% - 60px) / 4);
    }

    .filter__button {
        display: none;
    }

    .how-buy__wrapper {
        width: 60%;
    }

    .how-buy__wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        bottom: 0;
        width: 65%;
        background-image: url("../img/moto-how-to-buy-section-min.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }

    .admin-lot-container {
        width: 780px;
        align-items: flex-start;
    }

    .auction__container {
        gap: 0 30px;
    }

    .bds-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
    }

    .bds-card__header {
        width: 100%;
    }

    .bds-card__foto {
        width: 54%;
    }

    .bds-card__descr {
        width: 400px;
    }

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

    .bds__video {
        width: calc((100% - 20px) / 2);
    }

    .bds__video:not(:last-child) {
        margin-bottom: 0;
    }

    .aucnet__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .aucnet-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
    }

    .aucnet-card__header {
        width: 100%;
    }

    .aucnet-card__foto {
        width: 54%;
    }

    .aucnet-card__descr {
        width: 400px;
    }

    .details {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 1240px;
        width: 100%;
    }

    .details__list {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .details__item:nth-child(odd) {
        width: 54%;
    }

    .equipment:first-child {
        width: calc(54% - 10px);
    }

    .equipment:last-of-type {
        width: calc(46% - 10px);
    }

    .notice__tables > table {
        width: calc((100% - 30px) / 4);
        max-width: 100%;
        flex: 1 1 calc((100% - 30px) / 4);
    }

    .scheme {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: flex-start;

    }

    .scheme__wrapper {
        width: calc(50% - 10px);
    }

    .scheme-table {
        width: calc(50% - 10px);
    }

    .notes__item {
        width: calc((100% - 20px) / 2);
    }

    .aucnet__video {
        width: calc((100% - 20px) / 2);
    }

    .aucnet__video:not(:last-child) {
        margin-bottom: 0;
    }

    .arai__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .arai-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
    }

    .arai-card__header {
        width: 100%;
    }

    .arai-card__foto {
        width: 54%;
    }

    .arai-card__descr {
        width: 400px;
    }

    .jba__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .jba-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
    }

    .jba-card__header {
        width: 100%;
    }

    .jba-card__foto {
        width: 54%;
    }

    .jba-card__descr {
        width: 400px;
    }

    .footer-nav__list {
        gap: 30px;
    }

    .footer__logo .logo__span {
        font-size: 20px;
    }

    .footer__logo small {
        font-size: 80%;
    }

    .about-us__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .about-us__heading {
        width: 100%;
    }

    .about-us__descr, .about-us__img {
        width: calc((100% - 20px) / 2);
    }

    .about-us__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-left: none;
        border-top: 2px rgb(var(--blue)) solid;
    }

    .about-us-card {
        height: 100%;
    }

    .admin-lot-container {
        align-self: flex-start;
    }
}

@media (min-width: 1152px) {
    .grid-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .blog {
        grid-area: 2 / 1 / 3 / 3;
    }

    .lot-characteristic__group {
        width: calc((100% - 40px) / 3);
    }

    .hero:after {
        background-image: url(../img/bga-lg.webp);
    }
}

@media (min-width: 1320px) {

    .auction__card {
        width: calc((100% - 60px) / 3);
        margin-bottom: 30px;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1840px;
    }

    .grid-container {
        max-width: 1840px;
        grid-template-columns: repeat(4, 1fr);
    }

    .blog {
        grid-area: 2 / 1 / 3 / 4;
    }

    .how-buy__wrapper:after {
        left: 150%;
        width: 75%;
        background-size: 110%;
    }

    .hero {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .advantages__list {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
    }

    .faq__item {
        width: calc((100% - 60px) / 4);
    }

    .auction__container {
        gap: 0 50px;
    }

    .auction__card {
        width: calc((100% - 150px) / 4);
        margin-bottom: 50px;
    }

    .bds-card {
        margin-bottom: 40px;
    }

    .aucnet-card {
        margin-bottom: 40px;
    }

    .arai-card {
        margin-bottom: 40px;
    }

    .jba-card {
        margin-bottom: 40px;
    }

    .lot-characteristic__group {
        width: calc((100% - 60px) / 4);
    }

    #start-bid-rub {
        font-size: 1.5rem;
    }

    #end-bid-rub {
        font-size: 1.5rem;
    }

    .table__value small {
        font-size: 1rem;
    }

    .admin-lot-container {
        width: 307px;
        align-items: flex-start;
    }

    .admin-lot-container .heading3 {
        width: 100%;
    }

    .admin-table__row {
        flex-wrap: wrap;
    }

    .admin-lot__price {
        width: 100%;
    }

    .admin-lot-container input:not([type="checkbox"]) {
        width: calc((100% - 10px) / 2);
    }

    .admin-lot-container select {
        width: 100%;
    }

    .admin-lot__checkbox {
        width: 110px;
    }

    .wide-btn {
        width: 100%;
    }
}