@media (max-width:768px){

    .bottom-menu {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 72px;
        z-index: 100;
    }
    
    .bottom-menu__wrapper {
        position: relative;
        display: flex;
        height: 100%;
        background: linear-gradient(180deg, #0c0c0f, #1c1d21);
    }
    
    .bottom-menu__item {
        display: flex;
        flex: 1 1 100%;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 7px;
        padding: 10px 0 19px 0;
        text-align: center;
        cursor: pointer;
        color: #fff;
    }
    
    .bottom-menu__item.bottom-menu__item--active {
        background: var(--colors-base-white-5)
    }
    
    .bottom-menu__item--deposit {
        position: relative
    }
    
    .bottom-menu__item-ic-wr {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px
    }
    
    .bottom-menu__item-ic {
        width: 20px;
        height: auto;
        color: var(--gold)
    }
    
    .bottom-menu__item--active .bottom-menu__item-ic {
        color: var(--gold)
    }
    
    .bottom-menu__item--menu .bottom-menu__item-ic,.bottom-menu__item--providers .bottom-menu__item-ic,.bottom-menu__item--search .bottom-menu__item-ic {
        width: 24px
    }
    
    .bottom-menu__item-text {
        color: var(--gold);
        word-break: break-word;
        font-size: 10px;
        font-weight: 400;
        line-height: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden
    }
    
    .bottom-menu__item--deposit .bottom-menu__item-text {
        position: absolute;
        bottom: 19px
    }
    
    .bottom-menu__item--active .bottom-menu__item-text {
        color: var(--gold)
    }
    
    .bottom-menu__item-deposit {
        bottom: 46%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }
    
    .nav,.dark-mode-btn{display: none;}
    .nav-border .container{padding:15px;}
    .nav-list{
        flex-wrap: wrap;
        gap:15px;
    }
    .nav-border{padding: 0;}
    .logo{
        max-width: 150px;
        margin-right: 0;
        margin: 0 auto;
    }
    .buttons-group{
        margin: 0 auto;
    }

    .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 { display: none;
                max-width: 100%;
                right: 0;
                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;
    }
    .header-column{
        gap: 15px;
    }
    .header-column .title-1{

        
        text-align: center;
        font-size: 2.4rem;
    }
}
@media (max-width:420px){
    .header-column .title-1{
       font-size: 1.8rem;

    }

.games-slider__icon{
    width: 2rem;
    height: 2rem;
}

    .block_txt span {
        font-size: 1rem;
     
        font-weight: 600;
    }
}