
@media (max-width: 1200px) {
    .hb-navigation {
        flex-wrap: wrap;
        justify-content: center;
    }

    .hb-logo-link h3 {
        font-size: 22px;
        font-weight: 400;
    }

    .maingamhero-title {
        font-size: 22px;
    }

    .agf-form-gall-block {
        gap: 20px;
    }

    .mainlist-gam-list {
        flex-direction: column !important;
    }

    .mlg-list-wrapfour {
        flex-wrap: wrap;
    }

    .mlg-list-wrapfour .mainlist-gam-card {
        width: 45% !important;
    }

    .gamstep-list {
        padding: 0 30px;
        margin: 0;
    }

    .sfg-link {
        font-size: 12px;
    }

    .sfg-logo-link h3 {
        font-size: 22px;
    }



}

@media (max-width: 992px) {

    .get-in-tought-page {
        flex-direction: column-reverse !important;
    }

    .gtp-staticblock, .gtp-randblock {
        width: 100%;
    }

    .gtp-staticblock, .gtp-randblock  {
        flex-direction: column-reverse !important;
    }

    .maingamhero-imgright1 {
        right: -15%;
        bottom: -40%;
        height: 130%;
    }

    .maingamhero-block {
        margin-top: 100px;
        margin-bottom: 80px;
        width: 70%;
    }

    .agf-form-title {
        font-size: 12px;
    }

    .agf-form-block label {
        font-size: 12px;
    }

    .agf-about-title h2, .mainlist-gam-title h2, .gamstep-title-block h2 {
        font-size: 25px;
    }

    .gamstep {
        flex-direction: column !important;
    }

    .gamstep-list {
        flex-direction: column !important;
        gap: 20px;
    }

    .gamstep-item {
        width: 100%;
        padding: 20px;
    }

    .playnow-contentblock {
        flex-direction: column !important;
    }

    .playnow-gaminfo, .similargam-block {
        width: 100%;
    } 

    .sg-list {
        flex-direction: row;
    }

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

    .playnow-game h3 {
        font-size: 25px;
    }

    .who-we-page {
        flex-direction: column !important;
    }

    .who-we-page-content, .who-we-page-gall {
        width: 100% !important;
    }

    .wwp-title {
        font-size: 25px;
    }

    .hb-nav-link {
        font-size: 10px;
        padding: 2px;
    }

}

@media(max-width: 767px)  {

    .png-img {
        width: 100%;
        margin: 0;
        float: none;
        margin-bottom: 20px;
    }


    .maingamhero-imgleft {
        left: -10%;
    }

    .maingamhero-block {
        width: 100%;
    }

    .maingamhero-imgright2 {
        right: 30%;
        bottom: -17%;
        height: 79%;
    }

    .about-gall-form {
        flex-direction: column;
    }

    .agf-aboutblock, .agf-form-gall-block {
        width: 100%;
    }

    .mlg-card-content h3 {
        font-size: 16px;
    }

    .mlg-list-wraptwo {
        gap: 15px;
    }

    .mlg-list-wrapfour .mainlist-gam-card {
        width: 43% !important;
    }

    .gamstep-item-content p {
        font-size: 14px;
    }

    .gambene-item p {
        padding: 14px 20px;
        font-size: 12px;
    }

    .dcd-txt {
        font-size: 12px;
    }

    .dcd-title {
        font-size: 25px;
    }

    .simplfooter-gam-nav {
        gap: 5px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .simplfooter-gam-info {
        justify-content: center;
        flex-wrap: wrap;
    }

    .simplfooter-gam-bg {
        padding-top: 80px;
    }

    .agl-list {
        flex-direction: column !important;
    }

    .agl-list-rowwrap {
        flex-direction: column !important;
    }

    .agl-card {
        width: 100%;
    }

    .allgam-list-title {
        font-size: 25px;
    }

    .tp-list {
        flex-wrap: wrap;
        flex-direction: row !important;
        justify-content: space-around;
    }

    .tp-item {
        width: 45% !important;
    }
    
}

@media(max-width: 600px) {

    

    .maingamhero-imgleft, .maingamhero-imgright2 {
        display: none;
    }

    .mlg-list-wraptwo {
        flex-direction: column !important;
    }

    .mlg-list-wrapfour .mainlist-gam-card {
        width: 100% !important;
    }

    .gambene-itemimg {
        display: none;
    }

    .gambene-item-flex {
        flex-direction: column;
    }

    .gambene-item-flex {
        height: fit-content;
        gap: 20px;
    }

    .gambene-item-wrap {
        width: 100%;
        padding: 0;
    }

    .gambene-item {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .dcd-img {
display: none; 
   }

   .dcd-block {
    width: 100%;
   }

   .sfg-copy-txt {
    flex-direction: column;
    align-items: center;
   }

   .sfg-copy-txt p {
    font-size: 14px;
    text-align: center;
   }

   .gtp-form-input {
    font-size: 10px;
   }

   .gtp-cont-list {
    padding: 0;
   }

   .gtp-cont-title, .gtp-cont-title {
    font-size: 25px;
   }

}


