@media(max-width: 840px) {
/* header */
.logo {
    display: none;   
  }
  .logo-adaptiv {
    width: 100%;
    min-height: 10vw;
    padding: 0 20px;    
    border-top-left-radius: 6vw;
    border-top-right-radius: 6vw;
    background-color: var(--background-header-elem);
    background-image: url(../img/logo-web-development.webp);
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 4px 6px;
    animation: logo 5s 3;
    margin-bottom: 3vw;
  }
  .header__contacts {
    width: 100%;    
    height: 3vh;
    padding: 30px 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: var(--background-header-elem);
    box-shadow: 0px 4px 6px;
}
.contact__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 100%;
  }
  .header__nav-buttom {
    width: 100%;
  }
 
/* hero  */
    .hero__img {
        width: 100%;

    }
/* works  */
    .works {
        padding-top: 20px;
    }

    .works__title {
        width: 100%;
        font-size: 70px;
        margin-bottom: 50px;
    }

    .work {
        width: 70vw;
        min-height: 70vw;
    }
    .work__desctop {        
        background-position: 8px 5px;        
    }
    .background-desctop-video3 {       
        top: 10px;
        left: 8px;       
        height: 59%;       
    }

    .work__planshet {
        min-height: 21vw;
        background-position: center 0vw;
    }
    .work__mobil {       
        min-height: 20vw;       
        background-position: center 0vw;
        transition: 1s;
    }
    .work__btn {       
        top: 45vw;
        left: 28vw;                   
    }
    .work2__top {
        width: 70vw;
    }
    .work3__top {
        width: 70vw;
    }
    .work3__top-block {
        height: 17vw;
    }
    .work5__top {
        width: 70vw;
        height: 100%;
    }
    .work6__top {
        width: 70vw;
        height: 100%;
    }
    .work7__top {
        width: 70vw;
        height: 100%;
    }
}