/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


    .pimg {
        width: 26%;
    }

    .ptxt {
        width: 74%;
    }

    header .heads .head_l .logo {
        height: 45px;
    }

    header .heads .head_l nav a {
        display: flex;
        padding: 18px 20px;
        align-items: center;
    }

    header .heads .head_l nav a p {
        font-size: 17px;
    }

    header .heads .head_l nav a img {
        width: 25px;
        height: 25px;
    }

      #content .games {
        grid-template-columns: repeat(auto-fill, 79px) !important;
        grid-gap: 15px;
    }

    #content {
        width: 96%;
    }

    header .heads {
        width: 96%;
    }

    .f_p {
        padding: 7px;
    }

    .container-fluid {
        width: 100%;
    }

    footer a {
        font-size: 12px;
    }

    .logo_f {
        height: 35px;
    }

    p {
        font-size: 15px;
    }


    .single-line p {
        font-size: 12px;
    }

    dd.tages>p {
        margin-top: 1px;
        padding: 2px 5px;
        font-size: 9px;
    }
    .text-white {
        padding-left: 5px;
    }
    .tages {
        padding-right: 0;
        padding-left: 3px;
        gap: 3px;
    }
    .mp3 {
        padding-top: 15px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .inner-img2 {
        width: 97%;
        border-radius: 14px;
    }

    .container2 {
        width: 96%;
    }

    .detailbox3 {
        padding: 12px;
    }

    .single-line h3 {
        font-size: 12px;
        padding-left: 2px;
    }

    .single-line {
        padding-top: 0;
        padding-left: 24px;
    }

    .col .box3 {
        width: 135px;
    }

    .pad {
        margin-top: 0px;
    }

    .col {
        padding: 5px;
    }

    .prt2 {
        width: 60%;
    }

    .prt1 {
        width: 40%;
    }

    .plybtn {
        width: 142px;
        margin-top: 15px;
    }

    .gmhead>h1 {
        padding-top: 17px;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .col-md-6 {
        padding: 7px;
    }

    .title2 {
        padding-top: 6px;
        padding-bottom: 14px;
    }
    .h {
        height: 100%;
        margin-bottom: 45px;
    }

}

/* laptop small :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .single-line h3 {
        font-size: 18px;
    }
    .h {
        height: 100%;
    }

    .detailbox3 {
        padding: 12px;
    }
    /* .text-white {
        padding-left: 5px;
    } */

    .tages {
        margin-top: 1px;
        gap: 3px;
        /* padding-left: 10px; */
    }

    .prt2 {
        width: 42%;
    }

    .prt1 {
        width: 58%;
    }
    .ptxt {
        width: 77%;
    }
    .pimg {
        width: 23%;
    }
    .single-line {
        padding-left: 20px;
        padding-top: 6px;
    }

    dd.tages>p {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 10px;
    }

    .single-line p {
        font-size: 14px;
    }

    .single-line h3 {
        font-size: 14px;
        padding: 3px;
    }

    .inner-img2 {
        width: 96%;
    }

    .col .box3 {
        width: 81px !important;
    }

    #content {
        width: 96%;
    }

    header .heads {
        width: 96%;
    }

    #content .games {
        grid-template-columns: repeat(auto-fill, 106px) !important;
        grid-gap: 19px;
    }

    header .heads .head_l .logo {
        height: 50px;
    }

    header .heads .head_l nav a {
        padding: 23px 27px;
    }

    header .heads .head_l nav a p {
        font-size: 20px;
    }

    header .heads .head_l nav a img {
        width: 27px;
        height: 27px;
    }

    .container-fluid {
        width: 100%;
    }

    /* .col {
        padding: 3px;
    } */

    .pad {
        margin-top: 0px;
    }

    footer {
        padding: 0;
    }

    footer a {
        font-size: 12px;
    }

    .logo_f {
        height: 40px;
        margin-left: 12px;
    }

    .container2 {
        width: 96%;
    }

    .plybtn {
        width: 148px;
        margin-top: 12px;
        margin-bottom: 18px;
    }


    .gmhead>h1 {
        padding-top: 10px;
        font-size: 25px;
        margin-bottom: 8px;
    }
}

/* Laptop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .text-white {
        padding-left: 5px;
    }
    .h {
        height: 92%;
    }
    #content .games {
        grid-template-columns: repeat(auto-fill, 146px) !important;
        grid-gap: 18px;
    }

    .inner-img2 {
        width: 96%;
    }

    header .heads .head_l .logo {
        height: 58px;
    }

    header .heads .head_l nav a {
        padding: 22px 30px;
    }

    header .heads .head_l nav a p {
        font-size: 22px;
    }

    header .heads .head_l nav a img {
        width: 30px;
        height: 30px;
    }
    .detailbox3 {
        padding: 20px;
    }
    .prt1 {
        width: 67%;
    }
    .prt2 {
        width: 33%;
    }
    .pimg {
        width: 20%;
    }
    .ptxt {
        width: 80%;
    }
    .gmhead>h1 {
        padding-top: 10px;
        font-size: 26px;
        margin-bottom: 6px;
    }
    .single-line {
        padding-left: 32px;
    }

    dd.tages>p {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 14px;
    }

    .container-fluid {
        width: 100%;
    }

    footer a {
        font-size: 12px;
    }

    .logo_f {
        height: 50px;
        margin-left: 10px;
    }

    .col {
        padding: 3px;
    }

    .pad {
        margin-top: 0px;
    }

    .pm {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .box_action {
        width: 170px;
    }

    .col .box3 {
        width: 122px;
    }

    .plybtn {
        width: 156px;
        margin-top: 0px;
        margin-bottom: 18px;
    }
}

/* Large PC:- */
@media (min-width: 2000px) {
    #apkBox .dBox .Btn>a {
        width: 155px;
        height: 60px;
        font-size: 20px;
        line-height: 60px;
    }

    #apkBox .dBox {
        width: 800px;
        height: 280px;
    }

    #apkBox .dBox>h2 {
        font-size: 35px;
        color: #333;
        margin-bottom: 30px;
        text-align: center;
    }

    #apkBox .dBox>h2>span {
        font-size: 35px;
    }

    #content .games {
        grid-template-columns: repeat(auto-fill, 267px) !important;
        grid-gap: 24px;
    }

    header .nav-title .logo {
        height: 65px;
    }

    .logo_f {
        height: 80px;
    }

    .f_p {
        font-size: 28px;
    }

    footer a {
        font-size: 20px;
    }

    .copyright {
        font-size: 18px;
    }

    .col .box3 {
        width: 214px;
    }

    .gmhead>h1 {
        font-size: 40px;
    }

    .single-line h3 {
        font-size: 30px;
    }

    .single-line p {
        font-size: 30px;
    }
    .inner-img2 {
        width: 88%;
    }

    dd.tages>p {
        padding-left: 28px;
        padding-right: 28px;
        padding-top: 6px;
        padding-bottom: 6px;
        border: 1px solid #10d5f8;
        border-radius: 25px;
        font-size: 22px;
        color: #555;
        font-weight: 500;
    }
}


/* Media Query for Mobile */
@media (max-width: 765px) {
    @viewport {
        width: device-width;
        zoom: 1;
    }

    .h {
        height: auto;
    }
    .st .title {
        padding-left: 15px;
    }
    .privacy {
        padding: 15px;
    }
    .privacy h2 {
        font-size: 20px;
    }
    .f_p_r {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .f_p_r::after {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .prt2 {
        width: 100%;
    }

    .prt1 {
        width: 100%;
    }

    .pimg {
        width: 85%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .inner-img2 {
        width: 100%;
    }

    .detailbox {
        margin-left: auto;
        margin-right: auto;
    }

    .ptxt {
        width: 100%;
    }

    .container2 {
        width: 90%;
    }

    header .heads .head_l nav {
        position: static;
        height: auto;
        flex-direction: row;
        transform: translateY(0);
    }

    header .heads {
        width: 90%;
    }

    header .heads .head_l .logo {
        height: 40px;
    }

    /* mobile part */
    #content .games .part:nth-child(14) {
        grid-column: 2 / 4;
        grid-row: 7 / 9;
    }

    /* Mobile-specific grid layout */
    #content .games li:nth-child(4) {
        grid-column: 1 / 3;
        grid-row: 2 / 5;
    }

    #content .games li:nth-child(14) {
        grid-column: 2 / 4;
        grid-row: 6 / 9;
    }

    #content .games li:nth-child(21) {
        grid-column: 1 / 3;
        grid-row: 10 / 13;
    }

    #content .games li:nth-child(31) {
        grid-column: 2 / 4;
        grid-row: 14 / 16;
    }

    #content .games li:nth-child(38) {
        grid-column: 1 / 3;
        grid-row: 18 / 20;
    }

    #content .games li:nth-child(48) {
        grid-column: 2 / 4;
        grid-row: 22 / 24;
    }

    #content .games li:nth-child(55) {
        grid-column: 1 / 3;
        grid-row: 26 / 28;
    }

    #content .games li:nth-child(65) {
        grid-column: 2 / 4;
        grid-row: 30 / 32;
    }

    #content .games li:nth-child(72) {
        grid-column: 1 / 3;
        grid-row: 34 / 36;
    }

    #content .games li:not(:nth-child(4)):not(:nth-child(14)):not(:nth-child(21)):not(:nth-child(31)):not(:nth-child(38)):not(:nth-child(48)):not(:nth-child(55)):not(:nth-child(65)):not(:nth-child(72)) {
        grid-column: span 1;
        /* Default grid items take up 1 column */
    }

    .logo_f {
        height: 50px;
        margin-bottom: 30px;
    }

    #content {
        width: 90%;
    }

    .deskContent {
        display: none;
    }

    .phoneContent {
        display: block;
    }

    .f_p {
        color: white;
        text-transform: uppercase;
        margin-bottom: 8px;
        font-size: 17px;
        text-align: start;
    }

    .f_p::after {
        content: "";
        display: block;
        height: 1px;
        width: 20%;
        background: #fff;
        margin-top: 5px;
        margin-left: 0;
        margin-right: 0;
        justify-content: flex-start;
    }

    .f_p_r:after {
        width: 45px;
    }

    .start {
        top: auto;
        bottom: auto;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        justify-content: flex-start;
    }

    footer {
        padding: 0;
    }

    footer a {
        font-size: 14px;
    }

    .container-fluid {
        width: 98%;
    }

    header .heads .head_l nav a {
        padding: 15px 42px;
    }

    header .heads .head_l nav a p {
        font-size: 18px;
    }

    header .heads .head_l nav a img {
        width: 18px;
        height: 18px;
    }

    header .heads .head_l>.nav-btn {
        display: inline-block;
        position: absolute;
        right: 15px;
        padding-top: 0.2rem;
        margin-top: 8px;
        margin-bottom: auto;
    }

    header .heads .head_l>.nav-btn>label {
        display: inline-block;
    }

    header .heads .head_l>.nav-btn>label>span {
        display: block;
        width: 24px;
        height: 8px;
        border-top: 2px solid #eee;
    }

    header .heads .head_l>.nav-list {
        position: absolute;
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: #10d5f8;
        gap: 0;
        height: 0;
        transition: all 0.3s ease-in;
        top: 55px;
        left: 0;
        padding: 0;
        overflow: hidden;
    }

    header .heads .head_l>#nav-check:checked~.nav-list {
        height: auto;
    }

    header .heads .head_l {
        height: 60px;
        width: 100%;
    }

    .ad {
        margin-bottom: 8px;
    }

    .box3 {
        width: 95%;
        height: min-content;
    }

    .gmhead>h1 {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .pad {
        padding-top: 0;
        margin-top: 0px;
    }

    dd {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    dd.tages>p {
        margin-top: 11px;
        padding: 3px 6px;
        margin-right: 1px;
        font-size: 11px;
    }

    .gmhead a img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: -webkit-center;
        unicode-bidi: isolate;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .single-line {
        padding-left: 10px;
    }

    .mp3 {
        padding-left: 0;
        padding-right: 0;
    }

    .single-line h3 {
        font-size: 15px;

    }
    .single-line p {
        font-size: 15px;
    }

    .box5 {
        margin-top: 20px;
        padding: 8px;
    }

    .tages {
        padding-right: 0;
        gap: 4px;
    }
    .plybtn {
        width: 170px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .title2 {
        padding-bottom: 14px;
    }

    .title2>h2 {
        padding-left: 0;
    }

    .show1 {
        padding-left: 0;
    }

    .col .box3 {
        width: auto;
    }

    .sp .col {
        padding: 5px 5px 5px 5px;
        width: 20%;
    }

    .mp2 {
        padding-right: 12px;
    }
    .detailbox3 {
        padding: 22px;
    }
    .detailbox3 .detail_top2>p {
        font-size: 16px;
    }
    .detail_top2>a {
        font-size: 16px;
    }
}


@media screen and (min-width: 350px) and (max-width: 420px) {
    #content .games {
        grid-template-columns: repeat(auto-fill, 101px) !important;
    }

    #apkBox .dBox {
        width: 330px !important;
    }

    #apkBox .dBox>h2 {
        font-size: 15px;
        color: #333;
        margin-bottom: 30px;
        text-align: center;
    }

    #apkBox .dBox .Btn>a {
        width: 125px;
    }
}

@media screen and (min-width: 300px) and (max-width: 350px) {
    #content .games {
        grid-template-columns: repeat(auto-fill, 83px) !important;
    }
    
    .privacy h2 {
        font-size: 17px;
    }

    .gmhead>h1 {
        font-size: 23px;
    }


    #apkBox .dBox {
        width: 310px !important;
    }

    #apkBox .dBox>h2 {
        font-size: 15px;
        color: #333;
        margin-bottom: 30px;
        text-align: center;
    }

    #apkBox .dBox .Btn>a {
        width: 125px;
    }

}

/* Large Mobile :480px. */
@media screen and (min-width: 400px) and (max-width: 550px) {
    #content .games {
        grid-template-columns: repeat(auto-fill, 115px) !important;
    }

    .deskContent {
        display: none;
    }

    .phoneContent {
        display: block;
    }
    dd.tages>p {
        font-size: 13px !important;
    }

    #apkBox .dBox {
        width: 410px !important;
    }

    #apkBox .dBox>h2 {
        font-size: 15px;
        color: #333;
        margin-bottom: 30px;
        text-align: center;
    }
}