/* responsive ******************************************************************************/

@media (max-width: 1599px) {

    #services .services-part .box2 .offer-box {

        width: 50%;

    }

    .regist_img {
        max-width: 542px;
        margin: 0 auto;
    }
    .cntnt h1 {
        font-size: 85px;
    }
    .new-slide {
        font-size: 60px;
    }
}



/* responsive ******************************************************************************/

@media (max-width: 1399px) {

    h1 {

        font-size: 90px;

        line-height: 75px;

    }



    h2 {

        font-size: 66px;

    }



    .bg {

        padding: 60px 0;

    }



    #header .logo-box img {

        max-width: 100px;

    }



    #homeBanner .homeBanner-box .cta-box img {

        margin: 0 6px;

        height: 50px;

        width: 50px;

    }



    #homeBanner .homeBanner-box .item .text-box {

        left: 9%;

    }



    #services .box2 .offer-box img {

        height: 74px;

        width: 74px;

    }



    #services .box2 .offer-box p {

        font-size: 20px;

    }



    #exchange .exchange-part .box-inner {

        height: 300px;

    }



    #blockbuster .slider-box .owl-nav button img {

        height: 46px;

        width: 46px;

    }

    #need-help-section .right-img-section{
        top: 140px;
        right: -80px;
    }
    #need-help-section .right-img-section img {
        max-width: 500px;
    }
    #player-testimonials-section .screenshot-img-box.item img {
        height: 200px;
    }
    #obtain-cricket-id-section .right-content-block .main-title h2{
        line-height: 60px;
    }
    .cntnt h1 {
        font-size: 85px;
    }
    .new-slide {
        font-size: 60px;
    }
}



/* responsive ******************************************************************************/

@media (max-width: 1299px) {

    h2 {

        font-size: 55px;

    }



    h4 {

        font-size: 24px;

    }



    .btn-common {

        font-size: 22px;

        padding: 12px 30px;

    }

    #blockbuster .slider-box .item .game-box {

        margin-bottom: 20px;

    }

    #need-help-section p.text-block {
        font-size: 18px;
        line-height: 28px;
    }
    #need-help-section .card-box .icon {
        margin-right: 10px;
    }
    #need-help-section .box-title h6 {
        font-size: 15px;
    }
    #obtain-cricket-id-section .left-img-block img {
        max-width: 370px;
    }

    #feature-slider{
        padding: 0 50px;
    }
    #feature .owl-nav button.owl-prev {
        left: -30px;
    }
    #feature  .owl-nav button.owl-next {
        right: -30px;
    }
    .cntnt h1 {
        font-size: 80px;
    }
    .blockbuster-box h2 {
        font-size: 50px;
    }
    .new-slide {
        font-size: 48px;
    }
}



/* responsive ******************************************************************************/

@media (max-width: 1199px) {

    h1 {

        font-size: 78px;

        line-height: 65px;

    }



    h2 {

        font-size: 44px;

    }



    h5 {

        font-size: 21px;

    }



    .btn-common {

        font-size: 18px;

        padding: 12px 26px;

    }



    #homeBanner .homeBanner-box .item .text-box p {

        font-size: 22px;

    }



    #services .services-part .box-inner .text-box span {

        font-size: 18px;

    }



    #services .services-part .box-inner .text-box span.small {

        font-size: 13px;

    }



    #services .services-part .box2 .offer-box {

        width: 45%;

    }



    #services .box2 .offer-box img {

        height: 64px;

        width: 64px;

    }



    #services .box2 .offer-box p {

        font-size: 18px;

    }



    #exchange .exchange-part .box-inner img {

        width: 70% !important;

        margin: 0 auto;

    }


    #need-help-section h2.text-gradient {
        line-height: 60px;
    }
    #need-help-section h3,
    #player-testimonials-section .top-content-block h3.title,
    #obtain-cricket-id-section .right-content-block .sub-title h3 {
        font-size: 28px;
    }
    #need-help-section .icon-text-section {
        margin-bottom: 30px;
    }
    #obtain-cricket-id-section .right-content-block .main-title h2 {
        line-height: 50px;
    }
    #obtain-cricket-id-section .right-content-block {
        padding-left: 80px;
    }
    #exchange .exchange-part .section-heading h2 {
        font-size: 50px;
        line-height: 60px;
    }


    #footer .container {

        max-width: 100%;

    }
    #footer .middle-box .link-box ul a {

        width: 43px;

        height: 43px;

    }
    #footer .middle-box .link-box ul i {

        font-size: 22px;

    }



    #footer .end-box {

        padding: 30px 0 0;

    }
    .cntnt h1 {
        font-size: 65px;
    }
    section.cbtf_live_matches button.owl-prev {
        left: 10% !important;
    }
    section.cbtf_live_matches button.owl-next {
        right: 10% !important;
    }
}



/* responsive ******************************************************************************/

@media (max-width: 1080px) {

    h4 {

        font-size: 20px;

    }



    p {

        font-size: 18px;

        margin-bottom: 22px;

    }



    #services .services-part .box2 .offer-box {

        width: 50%;

    }



    #blockbuster .slider-box .owl-nav button img {
        height: 36px;
        width: 36px;
    }


    .play-btn {
        width: 50px;
        height: 50px;
    }
    .new-slide {
        font-size: 38px;
    }
    .new-slide {
    font-size: 38px;
}
.set-bx .item h3.text-box {

    font-size: 26px;
}
.set-bx .item p {
    font-size: 16px;
}
.cntnt h1 {
    font-size: 62px;
}
}



/* responsive ******************************************************************************/

@media (max-width: 991px) {

    /* .homeBanner-box .item img.banner {

        height: 650px;

    } */


    #services .services-part .box-inner img {

        width: 30% !important;

    }

    #services .services-part .box2 .offer-box {

        width: 70%;

        margin-top: 40px;

    }

    #exchange .exchange-part  .section-heading p {
        font-size: 20px;
    }
    #exchange .exchange-part .box-inner .tooltipText {
        bottom: 16px;
        font-size: 12px;
    }
    #feature .button-box,
    #exchange .exchange-part .button-box {

        margin-top: 40px;

    }
    #feature .img-box video{
        max-width: 280px;
        height: 280px;
    }

    #player-testimonials-section .top-content-block {
        margin: 0 auto 30px;
    }
    #need-help-section .right-img-section {
        position: unset;
        text-align: center;
        margin-top: 30px;
    }
    #need-help-section{
        padding: 88px 0 0;
    }
    #obtain-cricket-id-section .left-img-block img {
        max-width: 290px;
    }


    #footer .top-box .logo-box {

        text-align: center;

    }



    #footer .row {

        row-gap: 20px;

    }



    #footer h5 {

        text-align: center;

    }



    #footer .top-box .box3 ul {

        justify-content: center;

    }

    #cbtftheBrand .mobile-video{
        display: block;
    }

    #cbtftheBrand .desktop-video{
        display: none;
    }
    #header .btn-common {
        font-size: 16px;
        padding-left: 45px;
    }
    .set-bx {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1em;
    }

    .cntnt h1 {
        font-size: 50px;
    }
    section.cbtf_live_matches .owl-nav button {
        display: none !important;
    }
}


/* responsive ******************************************************************************/

@media (max-width: 767px) {



    /* header responsive */

    #header .main-nav nav {

        position: fixed;

        top: 0;

        left: -50%;

        width: 100%;

        height: 100vh;

        background: #829a9f;

        opacity: 0;

        visibility: hidden;

        transition: .5s all ease-in-out;

        z-index: 111;

        padding-top: 60px;

    }



    #header .main-nav nav.show {

        left: 0;

        opacity: 1;

        visibility: visible;

    }



    #header .main-nav nav ul li {

        display: block;

        text-align: left;

        padding: 5px 10px;

    }



    #header .main-nav .click-menu,

    #header .main-nav .cancel-menu {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

    }



    #header .main-nav .cancel-menu {

        position: fixed;

        top: 20px;

        left: -100%;

        max-width: 30px;

        width: 100%;

        text-align: center;

        z-index: 222;

        transition: .5s;

        opacity: 0;

        visibility: hidden;

    }



    #header .main-nav .cancel-menu.show {

        opacity: 1;

        visibility: visible;

        left: calc(100% - 50px);

    }



    #header .main-nav {

        flex-direction: row-reverse;

    }



    #header .button-box {

        margin-left: 0;


    }
    #header .header-box {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        gap: 20px;
    }
    .logo-box {
        order: -1;
        width: 100%;
        text-align: center;
    }
    #header .button-box a img {
        max-width: 45px;
    }
    #header .btn-common {
        padding-left: 35px;
        font-size: 14px;
    }




    .btn-common {

        font-size: 16px;

        padding: 12px 20px;

    }

    h1 {

        font-size: 58px;

        line-height: 50px;

    }

    #homeBanner .homeBanner-box .item .text-box p {

        font-size: 18px;

    }

    #services .box2 .offer-box p {

        font-size: 16px;

    }

    #services .services-part .box2 .offer-box {

        width: 100%;

        margin-top: 40px;

    }

    #services .box2 .offer-box img {

        left: -10px;

    }

    #exchange .exchange-part  .section-heading p {
        font-size: 18px;
    }

    #exchange .exchange-part .button-box img {

        max-width: 56px;

    }
      #exchange .exchange-part .button-box a {

        position: relative;

        padding-left: 50px;

    }

    #exchange .exchange-part .section-heading h2 {
        font-size: 36px;
        line-height: 50px;
    }
    #feature-slider {
        padding: 0;
    }
    #need-help-section p.text-block,
    #player-testimonials-section .top-content-block .text-block p {
        font-size: 15px;
        line-height: 25px;
    }
    #need-help-section h3, #player-testimonials-section .top-content-block h3.title,
    #obtain-cricket-id-section .right-content-block .sub-title h3 {
        font-size: 22px;
    }
    #need-help-section .icon-text-section .row {
        row-gap: 15px;
    }
    #obtain-cricket-id-section .left-img-block {
        position: inherit;
        margin-top: 20px;
    }
    #obtain-cricket-id-section .row {
        flex-direction: column-reverse;
    }
    #obtain-cricket-id-section {
        padding: 80px 0 0;
        text-align: center;
    }
    #obtain-cricket-id-section .right-content-block {
        padding-left: 0;
    }
    #player-testimonials-section .screenshot-img-box.item img {
        height: 125px;
    }
    #player-testimonials-section .button-box {
        padding-top: 30px;
    }
    #player-testimonials-section{
        padding: 60px 0;
    }
    #need-help-section {
        padding: 68px 0 0;
    }



    #blockbuster .button-box {

        padding-top: 25px;

    }


    #footer .top-box .logo-box img {

        max-width: 80%;

    }

    #footer .top-box .box2 {

        text-align: center;

        border: 1px solid var(--gray);

        border-bottom: none;

        border-top: none;

        border-right: none;

    }


    .registration_sec {
        margin-bottom: 50px;
    }
    .set-bx {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1em;
    }
    .end {
        gap: 12px;
    }
    div#team-list .owl-carousel .owl-item img {
        width: 150px;

    }
    .cntnt h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 30px;
    }
    section#mobile-side h2.text-gradient {
        text-align: center;
    }
    .ssst {
        gap: 1em;
        flex-direction: column-reverse;
        text-align: center
    }
    .blockbuster-box h2 {
        font-size: 35px;
        text-align: center;
    }
    .blockbuster-box p {
        font-size: 17px;
        text-align: center;
    }
    .first .row .set {
        margin-bottom: 15px;
    }
    .new-grid-sec .row {
        gap: 1.3em;
    }
    #blockbuster .button-box {
        text-align: center;
    }
    section.tournaments .tour-headings {
        padding-top: 10px;
    }
    /* img.desk-pic-hide {
        display: unset  !important;
    }
    img.mobile-pic-hide{
        display: none !important;
    } */
}



/* responsive ******************************************************************************/

@media (max-width: 575px) {

    .mobile {

        display: block !important;

    }



    .desktop {

        display: none !important;

    }

    .bg {

        padding: 45px 0;

    }

    h2 {

        font-size: 36px;

    }

    h5 {

        font-size: 18px;

    }

    .section-heading p {

        font-size: 24px;

    }

    #header {

        padding: 20px 0;

    }



    /* .homeBanner-box .item img.banner {

        height: 750px;

    } */

    #homeBanner .homeBanner-box .item .text-box {

        top: 15%;

        transform: unset;

        left: 25%;

    }

    #services .services-part .box-inner .text-box span {

        font-size: 16px;

    }

    #services .box2 .offer-box p {

        font-size: 14px;

    }

    #services .services-part .box2 .offer-box {

        width: 90%;

    }

    #exchange .exchange-part .box-inner {

        height: 230px;

    }

    #blockbuster .box2 .game-name p {

        display: inline-block;

    }

    #footer .middle-box .link-box ul {

        justify-content: center;

        gap: 20px;

    }

    .regist_img {
        max-width: 445px;
        margin: 0 auto;
    }
    #feature .owl-nav button.owl-prev {
        left: -10px;
    }
    #feature  .owl-nav button.owl-next {
        right: -10px;
    }
    section.tournaments h2.text-gradient {
        font-size: 32px;
    }
    section.tournaments h3 {
        font-size: 30px;
    }


}



/* responsive ******************************************************************************/

@media (max-width: 479px) {

    .button-box {

        padding-top: 0;

    }

    h1 {

        font-size: 50px;

        line-height: 40px;

    }

    h4 {

        font-size: 16px;

    }

    .btn-common {

        font-size: 14px;

        padding: 7px 18px;

    }

    .section-heading {

        margin-bottom: 30px;

    }

    #header .logo-box img {

        max-width: 90px;

    }

    .homeBanner-box .item img.banner {

        height: 650px;

        object-fit: cover;

    }



    #homeBanner .homeBanner-box .item .text-box p {

        font-size: 16px;

    }

    #homeBanner .homeBanner-box .item .text-box {

        top: 20%;

        transform: unset;

        left: 0;

        text-align: center;

        width: 100%;

    }

    #homeBanner .homeBanner-box .cta-box img {

        height: 40px;

        width: 40px;

    }

    #services .services-part .box2 .offer-box {

        width: 90%;

        padding-left: 40px;

    }

    #services .box2 .offer-box img {

        left: -20px;

        height: 64px;

        width: 64px;

    }

    #services .services-part .box-inner .text-box span {

        font-size: 14px;

    }

    #exchange .exchange-part .box-inner .tooltipText {
        width: 155px;
    }
    #exchange .exchange-part .box-inner .tooltipText::after {
        top: 90%;
        left: 91%;
    }
    #exchange .exchange-part  .section-heading p {
        font-size: 16px;
    }



    #exchange .exchange-part .button-box img {

        max-width: 46px;

    }

    .blockbuster-box .row {

        flex-direction: column-reverse;

        row-gap: 30px;

    }

    #blockbuster .box2 {

        padding-left: 0%;

    }





}



/* responsive ******************************************************************************/

@media (max-width: 393px) {

    #services .box2 .offer-box p {

        font-size: 11px;

    }

    #services .box2 .offer-box img {

        left: -20px;

        height: 44px;

        width: 44px;

    }

    #services .services-part .box2 .offer-box {

        padding-left: 25px;

    }

    #footer .end-box {

        padding: 20px 0 0;

    }
    #footer .end-box .text-box p {
        font-size: 12px;
    }

}

/* responsive ******************************************************************************/

@media (max-width: 375px) {

    #services .services-part .box-inner .text-box span {

        font-size: 13px;

    }


    #header .btn-common {
        padding-left: 28px;
        font-size: 12px;
    }
    #header .button-box a img {
        max-width: 37px;
    }

}



@media (max-width: 360px) {

}