@media screen and (max-width: 900px) {
::-webkit-scrollbar { display: none; }
  ::-webkit-scrollbar {
      -webkit-appearance: none;
  }

    .mobile {
        display: block;
    }

    .w-header {
        border: unset;
    }

    .header {
        padding: 17rem 19rem;
    }

    .header .menu {
        display: none;
    }

    .header .button-light {
        display: none;
    }

    .header .logo {
        margin: 0 auto;
        width: 110rem;
        height: 50rem;
        background-image: url(../images/logo-m.svg);
    }

    .header .burger {
        cursor: pointer;
        padding: 5rem 0;
    }

    .header .burger:hover {
        opacity: 0.85;
    }

    .header .burger svg {
        width: 23rem;
        height: 19rem;
    }

    .banner {
        margin-top: 0;
        width: 100%;
        height: 558rem;
        background-size: auto 100%;
        padding: 0 20rem;
        background-position: center;
        border-radius: var(--border-radius-middle);
    }

    .banner .information {
        margin: 55rem 0 29rem 0;
        flex-direction: column;
    }

    .banner .box {
        text-align: center;
        width: 100%;
        margin: 0 0 12rem 0;
        font-size: 16rem;
        font-weight: 500;
        letter-spacing: 0.16rem;
        padding: 20rem 0;
    }

    .banner .box br {
        display: none;
    }

    .banner .box:last-child {
        margin: 0;
    }

    .banner .about {
        margin-top: 18rem;
        font-size: 14rem;
    }

    .banner .title {
        font-size: 30rem;
        letter-spacing: 0.3rem;
    }

    .config {
        padding: 60rem 0;
    }

    .h1 {
        align-items: unset;
        flex-direction: column;
    }

    .h1 span,
    .config .checkbox:first-child,
    .config .point:first-child {
        margin-left: 20rem;
    }

    .config .ov {
        margin-top: 28rem;
        overflow: auto;
        width: 100%;
    }

    .config .checkbox:last-child {
        padding-right: 35rem;
    }
    
    .config .checkbox {
        white-space: nowrap;
    }

    .config .list {
        overflow: auto;
    }

    .config .list .arrow {
        display: none !important;
    }

    .config .flex {
        transform: unset !important;
    }

    .config .information {
        flex-direction: column;
        padding: 0 19rem;
    }

    .config .rent,
    .config .more {
        margin: 0;
        width: 100%;
    }

    .config .more {
        margin-top: 30rem;
    }

    .config .padding {
        padding: 30rem 25rem;
    }

    .config .more .h1 span,
    .config .rent .h1 span {
        margin-left: 0;
        font-size: 24rem;
        letter-spacing: 0.24rem;
    }

    .config .buttons {
        flex-direction: column;
    }

    .config .buttons a {
        margin-right: 0 !important;
        margin-bottom: 11rem;
    }

    .config .line {
        padding: 8rem 20rem;
    }

    .config .about {
        margin-top: 17rem;
    }

    .config .more .button-light {
        margin-top: 100rem;
    }

    .config .more .back {
        background-size: auto 100%;
        background-position: right;
    }

    .config .point:last-child {
        margin-right: 30rem;
    }

    .benefit {
        padding: 37rem 0;
    }

    .benefit .list {
        padding: 0 20rem;
        display: block;
        margin-top: 36rem;
    }

    .benefit .box {
        margin-bottom: 30rem;
    }

    .benefit .box:last-child {
        margin-bottom: 0 !important;
    }

    .benefit .about {
        margin-top: 12.5rem;
    }

    .benefit .title {
        margin-top: 21.5rem;
        font-size: 24rem;
        font-weight: 700;
        letter-spacing: 0.24rem;
    }

    .benefit svg {
        width: 59rem;
        height: 59rem;
    }

    .partners {
        padding: 60rem 0;
    }

    .partners .w-padding {
        padding: 0;
    }

    .partners .arrows {
        display: none;
    }

    .partners .list {
        overflow: auto;
        transform: unset !important;
    }

    .partners .list a {
        margin-right: 20rem;
    }

    .partners .list a:first-child {
        margin-left: 20rem;
    }

    .partners .list a:last-child {
        margin-right: 20rem !important;
    }

    .partners .h1 span {
        margin-left: 0;
        text-align: center;
    }

    .partners .h1 span br {
        display: none;
    }

    .footer {
        padding: 19rem 19rem 8rem 19rem;
    }

    .footer .links,
    .footer .email {
        display: none;
    }

    .footer .copyright {
        margin-top: 17rem;
        padding: 25rem 0;
    }

    .footer .ripe {
        margin-left: auto;
    }

    .footer .text {
        flex: unset;
    }

    .footer .comp {
        display: none;
    }

    .footer .top {
        flex-direction: column;
    }

    .footer .payments {
        width: 100%;
        margin-left: unset;
    }

    .footer .list {
        overflow: auto;
        display: flex;
    }

    .footer .about .logo {
        display: none;
    }

    .footer .mobile {
        width: 100%;
        display: flex;
        margin-bottom: 23rem;
        align-items: center;
    }

    .footer .burger {
        margin-right: auto;
        cursor: pointer;
        padding: 5rem 0;
    }

    .footer .burger:hover {
        opacity: 0.85;
    }

    .footer .burger svg {
        width: 23rem;
        height: 19rem;
    }

    .footer .logo-m {
        width: 110rem;
        height: 50rem;
    }

    .footer .button-squery {
        margin-left: auto;
    }

    .partners .list a img {
        width: 235rem;
        height: 123rem;
    }

    .modal {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-color: var(--dark);
        overflow: auto;
    }

    .modal .top {
        padding: 17rem 19rem 38rem 19rem;
        display: flex;
        align-items: center;
    }

    .modal .burger {
        cursor: pointer;
        padding: 5rem 0;
    }

    .modal .burger:hover {
        opacity: 0.85;
    }

    .modal .burger svg {
        width: 23rem;
        height: 19rem;
    }

    .modal .logo {
        margin: 0 auto;
        width: 110rem;
        height: 50rem;
    }

    .modal .panel,
    .modal .links {
        margin: 0 19rem;
    }

    .modal .links {
        margin-top: 44rem;
        margin-bottom: 59rem;
    }

    .modal .links a {
        margin-left: 42rem;
        display: block;
        color: var(--white);
        font-size: 24rem;
        font-weight: 500;
        letter-spacing: 0.24rem;
        margin-bottom: 48rem;
    }

    .modal .links a:last-child {
        margin-bottom: 0
    }

    .modal .about {
        margin: 0 19rem;
        padding: 35rem 27rem;
        background-color: var(--panel);
        border-radius: var(--border-radius-light);
    }

    .modal .email {
        padding: 16.5rem 0;
        background-color: var(--back-email);
        border-radius: var(--border-radius-light);
        color: var(--about);
        text-align: center;
        margin-bottom: 28rem;
        font-size: 14rem;
        font-weight: 400;
        letter-spacing: 0.14rem;
    }

    .modal .comp {
        color: var(--about);
        font-size: 14rem;
        font-weight: 400;
        letter-spacing: 1rem;
    }
    
    .modal .comp span {
        color: var(--white);
        font-size: 14rem;
        font-weight: 400;
    }

    .modal .buttons {
        display: flex;
        margin: 20rem 0 32rem 0;
        overflow: auto;
    }

    .modal .buttons a {
        white-space: nowrap;
        display: block;
        padding-left: 18rem;
        padding-right: 18rem;
        margin: 0 10rem 0 0;
    }

    .modal .buttons a:last-child {
        margin-right: 19rem;      
    }

    .modal .buttons a:first-child {
        margin-left: 19rem;
    }
}