@media (max-width: 500px) {
    html {
        font-size: calc(100vw / 375 * 10);
    }

    .header-container {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
        box-sizing: border-box;
    }

    .big-container {
        padding: 0 1.5rem;
        box-sizing: border-box;
    }

    .page-title {
        font-size: 4rem;
        margin-bottom: 1.2rem;
        margin-top: 15.8rem;
    }

    .page-subtitle {
        font-size: 1.6rem;
        width: 70%;
        margin-bottom: 1.6rem;
    }

    .page-title-btn {
        margin-bottom: 2rem;
    }

    .page-btn-subtitle {
        font-size: 1.2rem;
        width: 60%;
    }

    .choice-row-items {
        flex-direction: column;
    }

    .choice-row {
        padding: 3rem 2rem;
        margin-top: 14.5rem;
    }

    .choice-row-item {
        display: flex;
        align-items: center;
        width: auto;
        height: 8.1rem;
        padding: 1.9rem 0 1.8rem 1.9rem;
        margin-bottom: 1.2rem;
    }

    .choice-row-item:nth-child(4) {
        margin-bottom: 0;
    }

    .choice-row-item-img1 {
        width: 3rem;
        margin-right: 1.9rem;
    }

    .choice-row-item-img2 {
        width: 3rem;
        margin-right: 1.9rem;
    }

    .choice-row-item-img3 {
        width: 3.5rem;
        margin-right: 1.6rem;
    }

    .choice-row-item-img4 {
        width: 2.1rem;
        margin-right: 2.4rem;
    }

    .choice-row-title {
        font-size: 2.4rem;
        width: 70%;
        margin: 0;
        margin-bottom: 3rem;
    }

    .choice-row-item-title {
        margin: 0;
        font-size: 1.4rem;
    }

    .choice-row-item:nth-child(1) .choice-row-item-title {
        font-size: 1.4rem;
    }

    .mobile-back {
        display: block;
        position: absolute;
        top: -7.1rem;
        z-index: -1;
        width: 100%;
    }

    .mobile-back-row {
        position: relative;
    }

    .altoflogo {
        width: 10.6rem;
        top: -14.4rem;
        z-index: -1;
    }

    .main-page-img {
        position: relative;
    }

    .page-bottom-info {
        margin-top: 4.3rem;
        padding-bottom: 45rem   ;
    }

    .page-underline-info {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }

    .page-underline-subtitle {
        font-size: 1.4rem;
        color: #FFF;
        font-family: Montserrat-medium;
        font-style: normal;
        font-weight: 500;
        line-height: 103.4%; /* 14.476px */
    }

    .skills-row {
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 5.7rem;
    }

    .skills-item-img {
        width: 100% !important;
        margin-bottom: 1.4rem;
        height: auto !important;
    }

    .skills-item-title {
        font-size: 2rem;
        width: 75%;
        margin-bottom: 3.3rem;
    }

    .skills-item:first-child .skills-item-info .skills-item-title {
        width: 50%;
    }

    .skills-item-subtitle::before {
        display: none;
    }

    .skills-item-subtitle {
        font-size: 1.4rem;
        font-family: Montserrat-medium;
        font-weight: 500;
    }

    .skills-item-info {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 3.5rem;
    }

    .skills-item {
        margin-bottom: 2rem;
        background: #F4F7FF;
    }

    .skills-item:last-child {
        margin-bottom: 0;
    }

    .skills .container .page-line {
        display: none;
    }

    .sources-img {
        display: none;
    }

    .sources-row {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .sources-row-item {
        width: 100%;
        padding: 4.9rem 2.9rem 3.5rem 2.9rem;
        margin-bottom: 2rem;
    }

    .sources-row-item:last-child {
        margin-bottom: 0;
    }

    .sources-row-item:last-child {
        margin: 0;
    }

    .sources-row-item-title {
        font-size: 1.2rem;
        text-align: left;
    }

    .sources-row-item-title::after {
        margin-top: .9rem;
        margin-bottom: 2.1rem;
        margin-right: 0;
    }
    
    .sources-row-item-title-volume {
        font-size: 3.6rem;
        text-align: left;
    }

    .sources-title {
        font-size: 2.4rem;
        margin-bottom: 3.3rem;
    }

    .sources {
        padding-top: 5.8rem;
        padding-bottom: 5.8rem;
    }

    .sources-title::before {
        content: "";
        display: block;
        width: 50%;
        height: .2rem;
        background: #0540F2;
        margin-bottom: 4.3rem;
    }

    .price {
        padding-top: 5.8rem;
        padding-bottom: 50rem;
    }

    .price-rate-row {
        position: absolute;
        overflow: auto;
        flex-wrap: nowrap;
        width: calc(100% - 1.5rem);
        right: 0;
        padding-left: 1.5rem;  
    }

    .price-rate-item {
        flex-shrink: 0;
        border-radius: 2rem;
        background: #E8EEFF;
        backdrop-filter: blur(1.5rem);
        width: 26.3rem;
        box-sizing: border-box;
        margin-right: 1.3rem;
        padding: 3.4rem 2.2rem 0 2.2rem;
        padding-bottom: 1rem;
    }

    .price-rate-item:hover {
        background: #E8EEFF;
        margin-right: 1.3rem;    
    }

    .price-back {
        background: #FFF;
        padding-bottom: 1.4rem;
        padding-top: 4.3rem;
    }

    .price-title {
        margin-bottom: 1.4rem;
        font-size: 2.4rem;
    }

    .price-subtitle {
        font-size: 1.6rem;
    }

    .price-rate-item-list::before {
        width: 100%;
        height: .2rem;
        margin: 2.6rem 0;
        background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    }

    .price-rate-item-title {
        width: auto;
        margin-bottom: 1.3rem;
        font-size: 1.6rem;
    }

    .price-rate-item-price {
        margin-bottom: 2.1rem;
        font-size: 2.8rem;
    }

    .price-rate-item-btn {
        font-size: 1.6rem;
        background: #0540F2;
        border: none;
        color: #FFF;
    }

    .price-rate-item-list-item {
        font-size: 1.4rem;
    }

    .price-rate-item-list-item::before {
        width: .3rem;
        height: .3rem;
    }

    .faq-title {
        font-size: 3.6rem;
        margin-bottom: 5rem;
    }

    .faq-accordion-item-title {
        font-size: 1.6rem;
    }

    .faq-accordion-item-arrow {
        width: 3.3rem;
        flex-shrink: 0;
    }

    .faq {
        padding-bottom: 2.5rem;
    }

    .form {
        background-image: none;
        padding: 5.5rem 0;
    }

    .form-info-title-row {
        margin-bottom: 2rem;
    }

    .faq-accordion-item-reply {
        font-size: 1rem;
        padding-top: 1rem;
    }

    .form-row {
        flex-direction: column;
    }

    .form-info {
        margin: 0;
    }

    .form-info-title {
        font-size: 4.8rem;
    }

    .form-info-title-img {
        width: 12.4rem;
    }

    .form-info-title-word {
        margin-left: 1rem;
    }

    .form-info-subtitle {
        font-size: 1.4rem;
        margin-bottom: 3rem;
        color: #FFF;
        font-family: Montserrat-medium;
        font-style: normal;
        font-weight: 600;
        line-height: 114%;
    }

    .main-form {
        padding: 3.3rem 2.5rem 5.5rem 2.5rem;
        max-height: 100%;
        height: auto;
    }

    .main-form-title {
        font-size: 2.4rem;
        margin-bottom: 2.5rem;
    }

    .main-form-input {
        width: 100% !important;
        margin-bottom: 1rem;
        border: 0.1rem solid #1D1D1B;
    }

    .main-form-checkbox-row {
        margin-top: .9rem;
    }

    .main-form-btn {
        width: 100%;
        margin-top: 1.5rem;
    }

    .news-row {
        flex-direction: column;
    }

    .news-image {
        display: none;
    }

    .news-item-main {
        width: 100% !important;
        box-sizing: border-box;
        height: auto;
        padding: 2.4rem 2.1rem 2.9rem 3rem;
    }
    
    .news-item-new {
        width: 100%;
    }

    .news-item {
        width: 100%;
        margin-bottom: 2.3rem;
    }

    .news {
        padding: 5rem 0 4.3rem 0;
    }

    .news-title {
        display: none;
    }

    .news-row {
        margin-top: 5rem;
    }

    .news-item-main-info-category::before {
        width: 1.9rem;
        height: .1rem;
    }

    .news-item-main-info-category {
        font-size: 1.2rem;
    }

    .news-item-main-info-title {
        font-size: 2rem;
        margin-top: 1.3rem;
        margin-bottom: .6rem;
    }

    .news-item-main-info-subtitle {
        font-size: 1.4rem;
        font-weight: 400;
    }

    .news-item-date-info {
        font-size: 1.2rem;
    }

    .news-item-date-more {
        font-size: 1.2rem;
    }

    .news-all-mobile {
        display: block;
        color: #1D1D1B;
        text-align: center;
        font-family: Montserrat;
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 600;
        line-height: 149.4%; /* 17.928px */
        text-decoration: none;
    }

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

    .footer-link {
        display: none;
    }

    .footer-link-networks-title {
        display: none;
    }

    .footer-link-mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-logo {
        width: 13.3rem;
    }

    .footer-link-phone {
        font-size: 2rem;
        margin-bottom: .5rem;
        margin-top: 2.7rem;
        width: auto;
    }

    .footer-link-email {
        font-size: 1.4rem;
        margin: 0;
    }

    .footer-link-btn {
        font-size: 1.4rem;
        width: 16.8rem;
        box-sizing: border-box;
    }

    .footer-link-mobile::after {
        content: "";
        display: block;
        width: 100%;
        height: .2rem;
        background: #0540F2;
        margin: 3rem 0;
    }

    .footer-more-item {
        width: calc(50% - .4rem);
    }

    .footer-more-item-title {
        font-size: 2rem;
        text-align: left;
    }

    .footer-more-item-list {
        font-size: 1.2rem;
        display: flex;
        margin-left: 0;
        justify-content: left;
        text-align: left;

    }

    .footer-image {
        display: none;
    }

    .footer-copy {
        flex-direction: column;
        align-items: start;
    }

    .footer-copy-left {
        margin-bottom: 2.4rem;
    }

    .footer-line {
        margin: 2.5rem 0;
    }

    .footer {
        padding-bottom: 15rem;
    }

    .footer-back {
        bottom: 0;
        width: 100%;
        position: absolute;
        display: block;
    }

    .choice-row {
        margin-bottom: 4.3rem;
    }













    .header-nav {
        display: none;
    }

    .header-adaptiv {
        position: fixed;
        top: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 123123123;
        display: flex;
        padding: 1.8rem 2rem;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(180deg, rgba(29, 29, 27, 0.80) 0%, rgba(29, 29, 27, 0.80) 100%);
        backdrop-filter: blur(15px);

    }

    .order-list__adaptiv {
        display: block;
    }

    .header-adaptiv-title {
        width: 11.8rem;
    }

    .header-adaptiv-title img {
        width: 100%;
    }

    .adaptiv-navigation {
        display: none;
        padding: 2rem;
        box-sizing: border-box;
        height: 0px;
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100%;
        z-index: 113113;
        background: #1D1D1B;
    }

    .adaptiv-header-nav-item-phones {
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .adaptiv-header-nav-link-phone {
        font-family: 'Cera Pro';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        text-align: center;
        color: #242121;
        display: block;
        text-decoration: none;
        margin-bottom: 15px;
    }

    .adaptiv-header-nav-item-social {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .adaptiv-qst-soc-link img {
        width: 30px;
        height: 30px;
    }

    .adaptiv-qst-soc-link:nth-child(2) {
        margin: 0 15px;
    }

    .nav-open {
        display: block;
        overflow-y: hidden;
    }

    .adaptiv-header-nav {
        margin: 0;
        padding: 0;
        padding-top: 30%;
    }

    .adaptiv-header-nav-item {
        text-align: center;
        margin-bottom: 20px;
        list-style-type: none;
    }

    .adaptiv-header-nav-item a {
        color: #FFF;
        font-family: Montserrat;
        font-size: 2rem;
        font-style: normal;
        font-weight: 600;
        line-height: 103.4%; /* 20.68px */
        text-decoration: none;
    }

      .menu-icon {
        position: relative;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
      }

      .menu-icon .menu-icon-row {
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 3rem;
        height: 3rem;
      }
      .menu-icon span {
        position: absolute;
        display: block;
        width: 100%;
        height: .2rem;
        background-color: #ffffff;
        border-radius: .1rem;
        transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
      }
      .menu-icon span:first-of-type {
        top: .8rem;
      }
      .menu-icon span:last-of-type {
        bottom: .8rem;
      }
      .menu-icon.active .menu-icon-row span:first-of-type {
        transform: rotate(45deg);
        top: 1.35rem;
      }
      .menu-icon.active .menu-icon-row span:last-of-type {
        transform: rotate(-45deg);
        bottom: 1.35rem;
      }
     
      .menu-icon.active:hover span:first-of-type, .menu-icon.active:hover span:last-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
        width: 3rem;
      }
    


      .header-bacground {
        display: none;
      }

      .registration-btn {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        background: #0540F2;
        margin-bottom: 2rem;
        border: none;
      }

      .personal-account-btn {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        background: #0540F2;
        border: none;
        margin-bottom: 2rem;
      }

      .faq-accordion-item {
        padding-left: 0;
      }

      .main-form-checkbox-label::after {
        margin-left: .6rem;
    }

    .skills-item-img-kust-desctop {
        display: none;
    }

    .skills-item-img-kust-mobile {
        display: block;
    }

    .choice-row-item-img {
        width: 3rem;
        height: 3.4rem;
        margin-right: 1.9rem;
    }

    .choice-row-item:first-child .choice-row-item-img-hover {
        position: absolute;
        width: 2.5rem;
        height: 2.9rem;
        top: 2.7rem;
        left: 2.2rem;
    }

    .choice-row-item-img-hover {
        position: absolute;
        width: 3rem;
        height: 3.4rem;
        top: 2.5rem;
        opacity: 0;
        left: 1.9rem;
    }

    .adaptiv-header-nav-item {
        display: flex;
        text-align: center;
        margin: 0 auto;
        justify-content: left;
        margin: 1.5rem 0;
        align-items: center;
        position: relative;
        text-align: left;
    }

    .adaptiv-header-nav-link {
        margin-right: 1rem;
    }

    .header-menu-item-drop-list {
        width: calc(100% - 4rem);
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }

    .adaptiv-header-nav-item .header-menu-item-drop-list-item a {
        color: #1D1D1B;
        font-family: Montserrat;
        font-size: 2rem;
        font-style: normal;
        font-weight: 600;
        line-height: 103.4%; /* 20.68px */
        text-decoration: none;
        transition: .3s;
    }

    .header-menu-item-drop-list {
        padding: 1rem;
    }

    .header-menu-item-more-btn {
        width: 2rem;
        height: 2rem;
    }

    .menu-drop .header-menu-item-drop-list {
        z-index: 1;
        opacity: 1; 
    }
}