@media (max-width:768px){
    .nav-list{
        flex-wrap: wrap;
        gap:15px;
    }

    .dark-block .text-block h2, .dark-block .text-block h3{
        font-size: 1.5rem;
    }
    .title-1 {
        font-size: 1.6rem;
        font-weight: 600;
    }
    .header-heading{
        font-size: 34px;
        line-height: 1;
    }
    .heading-small{
        font-size: 28px;
    }

    .header-content{
        padding: 100px 0 70px 0;
    }

    .services{
        padding: 60px 0;
    }

    .portfolio{
        padding: 60px 0;
    }

    .portfolio-title {
        margin-bottom: 50px;
    }
    .project-title{
        font-size: 20px;
    }

    
    .project + .project{
        margin-top: 55px;
    }

    .contacts{
        padding: 60px 0;
    }
    .contacts-title{
        margin-bottom: 20px;
    }
    .contacts-content{
        margin-bottom: 20px;
    }

    .contacts-button {
        margin-bottom: 70px;
    }
    .contacts-social {
        column-gap: 20px;
    }
    .header-row{
        flex-direction: column;
    }
    .header-row *{
        width: 100%;
    }
    .game-card {
        position: relative;
        width: calc((100% - 15px) / 2); /* Ширина блока */
        overflow: hidden;
       
        border-radius:12px ;
        background-color: var(--black);
      }
      .portfolio-title h2{
        font-weight: 600;
        font-size:1.5rem;
        text-transform: uppercase;
        margin-bottom: 0;
    }
    .portfolio-title a{
        font-weight: 400;
        font-size:1rem;
        text-transform: uppercase;
        color: var(--accent);
        transition: 0.2s ease-in;
    }
        .popup {
                max-width: 100%;
                bottom:0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
    .block_txt span {
        font-size: 1.5rem;
     
        font-weight: 600;
    }
    p, h3, h2{
        font-size: 0.8em;
    }
    .header-row{
        padding: 50px 0;
    }
}
@media (max-width:420px){
    .block_txt span {
        font-size: 1rem;
     
        font-weight: 600;
    }
}