@media (max-width: 1400px) {

    .masterskillgames-game-card {
        padding: 20px;
    }

    .masterskillgames-our-games .wrapper .games-item img{
        width: 100%;
    }
}

@media (max-width: 1200px) {

    .masterskillgames-banner .wrapper img,
    .masterskillgames-contact-form .wrapper img {
        width: 50%;
    }

    .masterskillgames-about-us .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 960px) {

    .masterskillgames-banner .wrapper,
    .masterskillgames-reviews .wrapper,
    .masterskillgames-contact-form .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .masterskillgames-banner .wrapper img,
    .masterskillgames-contact-form .wrapper img,
    .masterskillgames-contact-form .wrapper div {
        width: 100%;
    }

    body .pagination {
        text-align: center;
        margin-top: 20px;
        display: block;
    }

    body .swiper-pagination-bullet {
        border-radius: 3px;
        opacity: 0.4;
        background: #FFF;
        width: 28px;
        height: 5px;
    }

    body .swiper-pagination-bullet-active {
        opacity: 1;
    }

    body .masterskillgames-qr .wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    footer .wrapper {
        flex-direction: column;
        gap: 20px;
    }

    footer .wrapper div a {
        order: 2;
        margin-top: 20px;
    }

    footer .wrapper div div {
        order: 1;
    }

    body section {
        padding: 20px 0;
    }

    .masterskillgames-game-card .wrapper {
        flex-direction: column;
        align-items: center;
    }

    .masterskillgames-game-card .blocks-download {
        flex-direction: column;
        gap: 10px;
    }

    .masterskillgames-our-games .wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 620px) {
    .masterskillgames-game-card .blocks-download div{
        gap: 7px;
        padding: 16px 10px;
    }
}

@media (max-width: 480px) {
    .masterskillgames-qr .wrapper .block-qr img {
        max-width: 150px;
        width: 49%;
    }

    .masterskillgames-qr .wrapper .block-qr{
        gap: 10px;
    }

    .masterskillgames-game-card .blocks-download div img{
        width: 20px;
    }

    .masterskillgames-game-card .blocks-download div p{
        font-size: 10px;
    }

    .masterskillgames-game-card .blocks-download div .rate span{
        width: 15px;
        height: 15px;
    }
}