@media (max-width: 920px) {
    .logo {
        width: 30%;
    }

    header ul li a {
        font-size: 1.5vw;
    }

    .text-box p {
        width: 65%;
        font-size: 1.7vw;
    }

    .third .text-box {
        background-position-x: 5vw;
    }

    h1 {
        font-size: 1.7vw;
    }

    .item label p {
        font-size: 1.5vw;
    }
    .item label {
        border-bottom: 0.35vw solid #ffffff;
    }

    .item input:checked ~ label {
        border-bottom: 0.35vw solid #F4B962;
    }

    article li a {
        font-size: 1.35vw;
    }

    article li p {
        font-size: 1.35vw;
    }

    button {
        font-size: 1.7vw;
    }

    .list {
        font-size: 1.7vw;
    }

    footer p {
        font-size: 1.35vw;
    }


    /****** модальные окна *********/


    .modal-dialog {
        width: 70%;
       
    }

    h2,
    h3, 
    .modal-content, 
    .user-box-label, 
    .select-css, 
    .user-textarea::placeholder  {
        font-size: 1.5vw;
    }

    .extra-contacts a img {
        width: 35%;
    }

    .user-box input, .user-textarea  {
        font-size: 2vw;
    }

    .user-box input:valid ~ .user-box-label, 
    .user-box input:focus ~ .user-box-label {
        top: -12px;
        font-size: 1.2vw;
    }


    .input-submit {
        width: 18vw;
        height: 5.5vw;
        font-size: 1.5vw;
    }

    .label-upload-file::before {
        width: 3.5vw;
        height: 3.5vw;
        left: -2vw;
    }

    .upload-box {
        margin: 5vw auto;
    }

    .upload {
        height: 4vw;
    }


}



@media (max-width: 650px) {

     header {
         height: 16vw;
     }

     header ul {
        position: fixed;
        flex-direction: column;
        width: 100%;
        right: -100%;
        top: 0;
        bottom: 0;
        background-color:#0A1A46;
        margin-block-start: 0px;
        margin-left: 0px;
        padding-top: 20vw;
        transition: right  0.7s;
     }

     header ul li {
        margin: 5vw auto;
    }


    header ul li a {
        font-size: 5vw;
    }

    header ul li a:hover {
        text-decoration: underline;
    }


     label[for="myInput"] {
         display: flex;
      
     }

     .logo img {
         width: 70%;
     }

     .main-info {
         padding-top: 17vw;
         flex-direction: column;
     }

     .main-info div {
        width: 90%;
        margin: auto;
    }

    .text-box p {
        display: block;
        margin: auto;
        text-align: center;
        font-size: 3.5vw;
        width: 80%;
        margin-top: 3vw;
       
    }

    #part-1 .main-info .text-box {
        margin-top: 17vw;
    }
 
    .main-info .picture-box {
        margin: 17vw auto;
    }


    .picture-box img {
        margin: auto;
    }

    h1 {
        text-align: center;
        font-size: 3.5vw;
        margin-block-start: 2vw;
    }

    .icon-box {
        height: 65vw;
        margin: 10vw 8vw;
    }

    article {
        position: absolute;
        right: 8vw;
        left: 8vw;
        margin-top: 4vw;
    }

    .item label {
        height: 17vw;
        border-bottom: 0.5vw solid #ffffff;
    }


    .item label img {
        width: 9vw;
    }

    .item label p {
        font-size: 2vw;
        font-family: 'Roboto-Light';
    }

    article ul {
        padding-inline-start: 5vw;
    }


    article li a {
        font-size: 3vw;
        line-height: 4vw;
    }

    article li a::before {
        width: 4vw;
        height: 4vw;
        left: -5vw;
    }

    article li p {
        font-size: 3vw;
    }

    .item input:checked ~ article {
        max-height: 30vw;
    }

    .item input:checked ~ label {
        border-bottom: 0.5vw solid #F4B962;
    }

    .extra-background {
        background: none;
    }

    #myInput:checked ~ ul {
        right: 0;
        transition: right   0.7s;
    }


    input[type="checkbox"]:checked ~ label .bar {
        background-color: #fff;
      }
  
      input[type="checkbox"]:checked ~ label {
        transition-delay: 0s;	
        background-color: transparent;
      }


      input[type="checkbox"]:checked ~ label .top {
        -webkit-transform: translateY(2.7vw) rotateZ(45deg);
        -moz-transform: translateY(2.7vw) rotateZ(45deg);
        -ms-transform: translateY(2.7vw) rotateZ(45deg);
        -o-transform: translateY(2.7vw) rotateZ(45deg);
        transform: translateY(2.7vw) rotateZ(45deg);
      }
    
    
      input[type="checkbox"]:checked ~ label .bottom {
        -webkit-transform: translateY(-2.6vw) rotateZ(-45deg);
        -moz-transform: translateY(-2.6vw) rotateZ(-45deg);
        -ms-transform: translateY(-2.6vw) rotateZ(-45deg);
        -o-transform: translateY(-2.6vw) rotateZ(-45deg);
        transform: translateY(-2.6vw) rotateZ(-45deg);
      }
    
      input[type="checkbox"]:checked ~ label .center {
        width: 0;
      }
      

      #part-2 .text-box {
          position: relative;
      }

      #part-2 .text-box  a {
        position: absolute;
        top: 102vw;
        left: 0;
        right: 0;
        margin: auto;
      }

      #part-2 .picture-box {
        position: relative;
        margin-top: 45vw;
      }

    .picture-box .button {

        width: 50vw;
        height: 15vw;
        border-radius: 8vw;
        line-height: 15vw;
        font-size: 4vw;
        left: calc(50% - 25vw);
      }

      #part-2 .picture-box .button {
        position: absolute;
        top: -35vw;
      }


      #part-3 .picture-box {
          display: none;
      }

      #part-3 .text-box {
        margin: 17vw auto;
        height: 51vw;
        background-position-x: 0vw;
        background-position-y: 19vw;
      }

      .third .text-box p {
        margin-top: 3vw;
    }


    .extra-background-last {
        background-size: 20%;
    }

    .list {
        font-size: 3.5vw;
        margin: 10vw auto;
    }

    footer {
        height: 16vw;

    }

    footer p {
        font-size: 3.5vw;
    }

    /********** Модальные окна ************/

    .modal-dialog {
        width: 100%;
        height: auto;
        min-height: 100vh;
        border-radius: 0px;
    }

    .close {
        width: 5vw;
        top: 4vw;
        right: 4vw;
    }

    h2,
    h3, 
    .modal-content, 
    .user-box-label, 
    .select-css, 
    .user-textarea::placeholder  {
        font-size: 2.5vw;
    }

    .modal-content {
        margin: 7vw auto;
        width: 80%;
    }
    .link-icon::after {
        width: 2vw;
        height: 2vw;
        right: -3.5vw;
    }


    .modal-content .back {
        margin: 20vw auto auto;
    }

    h3 {
        margin-bottom: 5vw;
    }

    .modal-content p, 
    .extra-contacts,
    .user-box {
        margin: 7vw auto;
    }

    .user-box input, .user-textarea {
        font-size: 3vw;
    }

    .user-box input:valid ~ .user-box-label, 
    .user-box input:focus ~ .user-box-label {
        top: -18px;
        font-size: 1.7vw;
    }

    .radio-box p {
        margin: 2vw auto;
    }

    .user-textarea {
        height: 30vw;
    }

    .input-submit {
        width: 31vw;
        height: 8.5vw;
        font-size: 2.5vw;
        border-radius: 6vw;
    }

    .radio-button {
        margin: 1vw auto 7vw;
    }


    .select-css {
        background-size: 1.8rem 0.7em;
    }

    .operator-box {
        height: calc(100% - 14vw);
    }

    .upload {
        height: 7vw;
    }

    .label-upload-file::before {
        width: 6vw;
        height: 6vw;
        left: -3vw;
    }


    #openModal-channel .modal-dialog {
        max-height: 100vh;
    }
}