/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    #banner-section {
        text-align: center;
    }

    .video {
        margin-top: 0 !important;
    }

    .design-studio,
    .popular-game,
    .join-team,
    .customers {
        text-align: center;
    }

    .design-studio h2,
    .game-studio h2,
    .customers h2 {
        font-size: 18px !important;
    }

    .game-studio,
    .game-studio-ribbon,
    .popular-game,
    .join-team,
    .customers,
    .customer-brands {
        margin-top: 30px;
    }
    .popular-game-page{
        margin-top: 100px;
    }

    .game-studio h2,
    .popular-game h2 {
        font-size: 15px !important;
    }

    .popular-game h2 {
        font-size: 25px !important;
    }

    .game-studio p {
        font-size: 10px;
    }

    .design-studio img,
    .game-studio-icons img,
    .game-studio-icon {
        width: 40px;
    }

    .tag-image {
        display: none;
    }

    .game-studio-ribbon span,
    .game-studio-ribbon-about span {
        font-size: 7px !important;
    }

    .popular-game-icon {
        width: 40px;
    }

    .join-team-text {
        top: 2rem;
    }

    .join-team-text h2 {
        font-size: 20px !important;
    }

    .join-team-icon {
        width: 20px;
    }

    .brands img {
        width: 60px !important;
    }

    .footer {
        text-align: center;
    }

    .footer img {
        width: 200px;
    }

    .game-studio-icon {
        margin-top: -15px;
    }

    .about p {
        font-size: 10px;
    }

    .game-studio-ribbon-about {
        margin-top: -6px !important;
    }
    .hit-game p, .hit-team p, .growth-game p{
        font-size: 10px;
    }
    .hit-game h2, .hit-team h2, .growth-game h2{
        font-size: 20px;
    }
    .hit-team h6, .growth-game h6{
        font-size: 14px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

/* Extra large devices (large laptops and desktops, 1020px and up) */
@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 26px !important;
    }

    .video {
        margin-top: -144px;
    }

    .tag-image {
        top: -170px !important;
    }

    .game-studio-ribbon-about {
        margin-top: -8px;
    }

    .game-studio-ribbon span,
    .game-studio-ribbon-about span {
        font-size: 12px;
    }

    .design-studio-heading h2 {
        font-size: 26px;
    }

    .game-studio h2 {
        font-size: 18px;
    }

    .join-team-text h2 {
        font-size: 20px !important;
    }

    .brands img {
        width: 100px;
    }

    .game-studio-icon-2 {
        width: 50px;
    }
}

/* Extra large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1440px) {
    .video {
        margin-top: -200px !important;
    }

    .tag-image {
        top: -250px !important;
    }

    .join-team-text {
        top: 5rem;
    }

    .join-team-text h2 {
        font-size: 40px !important;
    }

    .game-studio h2 {
        font-size: 30px;
    }
}

/* Extra large devices (large laptops and desktops, 2560px and up) */
@media only screen and (min-width: 2560px) {
    .video {
        margin-top: -200px !important;
    }

    .join-team-text h2 {
        font-size: 25px !important;
    }

    .join-team-text {
        top: 7rem;
    }

    .game-studio h2 {
        font-size: 30px;
    }
}