@media (max-width: 1200px) {

   
    .lider-top-card::before , .lider-top-card::after {
        opacity: 0;
    }

    .lt-card-ava {
        width: 120px;
        height: 120px;
    }

    .lt-card-name h4 {
        font-size: 14px;
    }

    .faq-hidden {
        width: 50%;
    }

    .form-hidden {
        width: 45%;
    }


}

@media (max-width: 992px) {
   
    .head-nav-opas {
        flex-direction: column;
    }

    .hello-r-block {
        flex-direction: column !important;
    }

    .hello-banner-img {
        bottom: -450px !important;
    }

   

    .lider-top-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .lider-top-card {
        width: 30%;
    }

    .footer-dark-nav {
        flex-wrap: wrap;
    }

    .gam-about-page {
        flex-direction: column;
    }

    .gamab-block, .gamab-video {
        width: 100%;
    }

    .gmcat-card {
        flex-direction: column !important;
    }

    .play-game-page {
        flex-direction: column !important;
    }

    .po-item {
        width: 100% !important;
    }
   
}

@media(max-width: 767px)  {

    .hello-txt-title {
        font-size: 22px;
        line-height: 1;
    }

    .hello-txt-block {
        padding-top: 70px !important;
        padding-bottom: 220px !important;
    }

    .gallery-hidden {
        display: flex !important;
    }

    .how-play {
        flex-direction: column !important;
    }

    .how-play-steps {
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hp-step {
        width: 45% !important;
    }

    .how-play-title h2 {
        font-size: 25px;
        font-weight: 700;
        text-align: center;
    }

    .faq-form-hidden {
        flex-direction: column;
        justify-content: center;
    }

    .faq-hidden, .form-hidden {
        width: 90%;
    }

    .footer-dark {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

    .fd-logopart, .fd-corypart {
        width: 100%;
    }

    .fd-corypart  {
        display: flex;
        justify-content: center;
        gap: 15px;
        align-items: center;
        flex-wrap: wrap;
    }


    .gmcat-card {
        width: 100%;
    }

    .pg-content img {
        float: none;
        margin: 0;
    }

    .gc-pageblock {
        flex-direction: column;
        align-items: center;
    }

    .game-contact-page-wrap, .gc-map {
        background-color: #060606 !important ;
    }

    .gc-formblock {
        padding: 15px !important; 
        background-color: inherit !important; 
        border-radius: 20px !important;
    }

    .gc-data-txt {
        color: #fff !important;
    }

    .gc-datalist {
        flex-direction: column !important;
    }

    .gc-dataitem {
        padding: 0 !important;
        background-color: inherit !important;
        border-radius: 0 !important;
        width: 100% !important;
    }

}

@media(max-width: 600px) {

    .hno-navig-link {
        font-size: 10px;
        padding: 5px;
    }

    .hno-navig-link:hover {
        padding-bottom: 2px;

    }

    .hno-logo h3 {
        font-size: 20px;
    }

    .hello-txt-block {
        padding-top: 30px !important;
        padding-bottom: 150px !important;
    }
  
    .catalog-game-card {
        width: 100%;
    } 

    .hp-step {
        width: 100% !important;
    }

    .lider-top-card {
        width: 85%;
    }

    .fd-nav-link {
        font-size: 14px;
        padding: 3px;
    }

    .pg-sidebar {
        flex-direction: column !important;
    }

    .players-online-block, .top-game-block {
        width: 100% !important;
    }

    .pg-gameboardtitle {
        font-size: 18px;
        text-align: center;
    }
}