/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
    .common-detail { font-size: 20px; }
    .common-detail.date-active { font-size: 21px; }
    .common-detail.timer-active { font-size: 21px; }
    .img-time-block { font-size: 21px; width: 28px; }
}


@media (min-width: 1800px) {
    .container { max-width: 1696px; }
    .client-main .row { margin-left: -0px; margin-right: -0px; }
    .client-main  .row > * { padding-left: 0px; padding-right: 0px; }
    .common-detail { font-size: 20px; }
    .common-detail.date-active { font-size: 21px;}
    .common-detail.timer-active { font-size: 21px;}
    .img-time-block { font-size: 21px; width: 28px; }
    .contests-detail { min-height: 300px; }
    .contests-detail .section-title h4 { font-size: 18px;}
    .contests-detail .section-title h5 { font-size: 18px;}
    .contests-detail .section-title h2 { font-size: 22px;}
    .time-block-custom { width: 15rem; }
}

@media (min-width: 1700px) and (max-width: 1799px){
    .time-block-custom { width: 15rem; }
    .container-1600 .container,.same-container .container,.container { max-width: 1550px; }
    
    /* instant-win */
    .win-up-main .container { max-width: 1602px; width: 100%; }
    .instant-win-games { max-width: 1660px; }    
    /* instant-win */

    /* charity */
    .total-donated-charity-block {max-width: 730px;}
    /* charity */
    .common-detail { font-size: 18px; }
    .common-detail.date-active { font-size: 18px;}
    .common-detail.timer-active { font-size: 18px;}
    .img-time-block { font-size: 18px; width: 25px; }
    .contests-detail { min-height: 320px; }
    .contests-detail .section-title h4 { font-size: 16px; }
    .contests-detail .section-title h5 { font-size: 16px; }
    .contests-detail .section-title h2 { font-size: 20px; }
}

@media (min-width: 1700px) and (max-width: 3000px) {
  .rows {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
    justify-content: space-between;
  }
}

@media (min-width: 1600px) and (max-width: 1699px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(250px, 300px));}
    .time-block-custom { width: 14rem; }
    .container-1600 .container,.same-container .container,.container { max-width: 1450px; }
    .main-title { font-size: 60px; line-height: 70px; }
    .win-up-main .container { max-width: 1502px; width: 100%; }

    /* Header 1 */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 35px; }
    /* Header 1 */

    /* contests */
    .time-block .common-detail { font-size: 26px; line-height: 33px; }    
    .contests-block .time-block { padding: 13px 27px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 18px; line-height: 30px; }
    .contests-detail .section-title h4 { font-size: 16px; line-height: 25px; }
    .contests-detail .section-title h5 { font-size: 16px; }
    .contests-detail .section-title h2 { font-size: 20px; }
    .contests-detail {height: calc(100% - 285px); padding: 10px 15px 10px;}
    .contests-block .contests-img { height: 170px; }
    /* contests */

    /* instant-win */
    .instant-win-games .block-detail::before { width: 1223px; }
    .instant-win-games { max-width: 1560px; padding: 62px 45px 152px; }
    /* instant-win */

    /* footer */
    /* .footer-link { margin: 0 0px 0 0; } */
    /* footer */

    /* featured-game */
    .font-41 { font-size: 37px; line-height: 45px; }
    /* featured-game */

    /* thanks-players */
    .thanks-number .main-title { font-size: 67px; line-height: 80px; }
    /* thanks-players */

    /* results */
    .results-title { padding: 0 0 1rem; }
    /* results */

    /* charity */
    .total-donated-charity-block {max-width: 680px;}
    .total-donated-charity-title .main-title { padding: 15px 54px; font-size: 80px; line-height: 80px; }
    /* charity */
    .common-detail { font-size: 20px; }
    .common-detail.date-active { font-size: 18px;}
    .common-detail.timer-active { font-size: 18px;}
    .img-time-block { font-size: 18px; width: 25px; }
}

@media (min-width: 1500px) and (max-width: 1599px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(250px, 270px));}
    .time-block-custom { width: 14rem; }
    .container-1600 .container,.same-container .container,.container { max-width: 1350px; }
    .main-title { font-size: 55px; line-height: 70px; }

    /* Header 1 */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 35px; }
    .navbar-nav .nav-item .nav-link { font-size: 18px; }    
    /* Header 1 */

    /* banner */
    .banner-wrp .main-title {margin: 0 0 35px 0;}
    .banner-wrp .btn { padding: 15px 35px; }
    /* banner */

    /* contests */
    .time-block .common-detail { font-size: 22px; line-height: 25px; }
    .contests-block .time-block { padding: 13px 27px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 30px; line-height: 30px; }
    .contests-detail .section-title h4 { font-size: 16px; line-height: 25px; }
    .contests-detail .section-title h5 { font-size: 16px; }
    .contests-detail .section-title h2 { font-size: 20px; }
    .contests-detail {height: calc(100% - 270px); padding: 10px 15px 10px;}
    .contests-block .contests-img { height: 170px; }
    .contests-block { margin: 0 45px 0 0; }
    .contests-block .time-block img {width: 29px; margin: 0 10px 0 0;}
    .contests-section .slick-list { padding: 0 160px 10px 0 !important; }
    /* contests */

    /* instant-win */
    .win-up-main .container { max-width: 1422px; width: 100%; }
    .instant-win-games .block-detail::before { width: 1070px; }
    .instant-win-games { max-width: 1460px; padding: 45px 35px 152px; }
    .instant-win-block { max-width: 175px;}
    .instant-content-bottom .detail {min-height: 43px;}
    /* instant-win */

    /* footer */
    .footer-link { margin: 0 0px 0 0; }
    /* footer */

    /* featured-game */
    .font-41 { font-size: 35px; line-height: 40px; }
    .featured-game-detail .common-detail { font-size: 30px; line-height: 40px; }
    /* featured-game */

    /* thanks-players */
    .thanks-number .main-title { font-size: 67px; line-height: 80px; }
    /* thanks-players */

    /* results */
    .results-title { padding: 0 0 1rem; }
    .common-results-detail .result-inner-box-section { padding: 25px 0 15px 0; }
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 35px; line-height: 35px; }
    .draw-details .section-title svg { margin: 0 30px 0 0; max-width: 28px; width: 100%; }
    .draw-details-detail ul { padding: 30px 0 0 0; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title .main-title { padding: 11px 64px; font-size: 76px; line-height: 80px; }
    .total-donated-charity-block {max-width: 635px;}
    .total-donated-charity-section .row >* { margin-bottom: 55px; }
    .total-donated-charity-section { padding: 0 0 30px; }
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 1rem; line-height: 20px; }
    /* responsible-play */

    /* friends-form */
    .friends-form .section-title { font-size: 44px; line-height: 50px; }
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 80px; line-height: 95px; }
    .typography-detail h2 { font-size: 70px; line-height: 80px; }
    .typography-detail h3 { font-size: 55px; line-height: 60px; }
    /* Typography */
    .common-detail { font-size: 18px; }
    .common-detail.date-active { font-size: 18px;}
    .common-detail.timer-active { font-size: 18px;}
    .img-time-block { font-size: 18px; width: 23px; }
}

@media (min-width: 1400px) and (max-width: 1499px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(250px, 260px));}
    .time-block-custom { width: 12rem; }
    .container-1600 .container,.same-container .container {max-width: 1320px;}
    .main-title { font-size: 53px; line-height: 70px; }

    /* Header 1 */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 35px; }
    .navbar-nav .nav-item .nav-link { font-size: 18px; } 
    .header-btn .btn { padding: 8px 25px; font-size: 17px; line-height: 20px; }
    .header-btn .btn-blank { padding: 0; margin: 0 25px 0 0; }
    /* Header 1 */

    /* Header 2 */
    .header-user-profile .header-sign-top-close { padding: 35px 23px 30px 40px; }
    .header-user-bottom-detail { padding: 40px 40px 30px; }
    .header-sign-top-close { padding: 40px 29px; }
    .header-user-bottom-detail-menu { padding: 50px 0 0 0; }
    .header-funds ul { padding: 11px 28px 25px; }
    /* Header 2 */

    /* banner */
    .banner-wrp .main-title {margin: 0 0 30px 0;}
    .banner-wrp .btn { padding: 15px 35px; }
    /* banner */

    .common-table { margin: 50px 0; padding: 50px 30px; }

    /* reset  */
    /* .reset-form .input-group .form-control { padding: 26px 100px 26px 30px; font-size: 24px; line-height: 28px;} */
    /* reset  */

    /* contests */
    .time-block .common-detail { font-size: 22px; line-height: 25px; }
    .contests-block .time-block { padding: 13px 27px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 30px; line-height: 30px; }
    .contests-detail .section-title h4 { font-size: 16px; line-height: 25px; }
    .contests-detail .section-title h5 { font-size: 16px; }
    .contests-detail .section-title h2 { font-size: 20px; }
    .contests-detail {height: calc(100% - 270px); padding: 10px 15px 10px;}
    .contests-block .contests-img { height: 170px; }
    .contests-block { margin: 0 45px 0 0; }
    .contests-block .time-block img {width: 29px; margin: 0 10px 0 0;}
    .contests-section .slick-list { padding: 0 160px 10px 0 !important; }
    .slider-arrows .slick-arrow {max-width: 50px;}
    /* contests */

    /* instant-win */
    .win-up-main .container { max-width: 1322px; width: 100%; }
    .instant-win-games { max-width: 1360px; padding: 45px 35px 152px; }
    .instant-win-games .block-detail::before { width: 1070px; }
    .instant-win-block { max-width: 160px;}
    .instant-content-bottom .detail {min-height: 43px;}
    .instant-win-block .block-detail {font-size: 20px;}
    .instant-btn { padding: 20px 0 0 0; }
    .instant-win-block .btn-black { font-size: 17px; line-height: 20px; }    
    /* instant-win */

    /* footer */
    /* .footer-main { padding: 41px 0 140px 0; } */
    .footer-link { margin: 0 0px 0 0; }
    /* .footer-link ul li { margin: 0 0 26px 0; } */
    /* footer */

    /* featured-game */
    .contests-page-wrp .common-detail { padding: 20px 0 0 0; font-size: 30px; line-height: 40px; }
    .font-41 { font-size: 35px; line-height: 40px; }
    .featured-game-detail .common-detail { font-size: 30px; line-height: 40px; }
    /* featured-game */

    /* thanks-players */
    .thanks-number .main-title { font-size: 65px; line-height: 75px; }
    /* thanks-players */

    /* play-win */
    .play-win-wrp { padding: 20px 0; }
    /* play-win */

    /* results */
    .results-title { padding: 0 0 1rem; }
    .common-results-detail .result-inner-box-section { padding: 15px 0 15px 0; }
    .results-title .section-title { font-size: 35px; line-height: 40px; }
    .common-tab .nav-tabs .nav-item { padding: 0 30px 0 0; }
    .common-results-detail .common-title {padding: 0 0 10px;}
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 35px; line-height: 35px; }
    .draw-details .section-title svg { margin: 0 30px 0 0; max-width: 28px; width: 100%; }
    .draw-details-detail ul { padding: 30px 0 0 0; }
    .draw-details-detail ul li { margin: 0 0 25px; font-size: 27px; line-height: 30px; }
    .draw-details-list { padding: 65px 0 0 0; }
    .draw-details-list ul li { padding: 30px;}
    .draw-details-list-title { padding: 0 0 40px 0; }
    /* draw-details */
    
    /* charity */
    .total-donated-charity-title .main-title { padding: 10px 40px; font-size: 70px; line-height: 80px; }
    .total-donated-charity-block {max-width: 620px;}
    .total-donated-charity-section .row >* { margin-bottom: 55px; }
    .total-donated-charity-section { padding: 0 0 30px; }
    .total-donated-charity-title { padding: 0 0 65px; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 130px; height: 130px; }
    .total-donated-charity-img * { max-width: 85px; height: 85px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 26px; line-height: 33px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 33px; line-height: 44px; }  
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 1rem; line-height: 20px; }
    .responsible-play-content .common-detail *:not(:last-child ) { margin-bottom: 30px; }
    /* .contact-us-assistance-wrp ul li:not(:last-child) { margin-bottom: 1rem; } */
    /* responsible-play */

    /* player-all */
    /* .player-all .reset-form .input-group .form-control { padding: 22px 70px 22px 25px; } */
    /* player-all */

    /* friends-form */
    .friends-form .section-title { font-size: 44px; line-height: 50px; }
    .friends-form-receive .receive-left { max-width: 553px; }
    .friends-form-receive { padding: 20px 0 0 0;}

    .referral-landing-detail .reset-form .form-group .input-group-text { padding: 16px 30px 16px 22px; }
    .referral-landing-detail .reset-form .input-group .form-control { padding: 16px 100px 16px 30px; }
    /* .referral-landing-detail .reset-form .input-group .form-control::placeholder {font-size: 23px; line-height: 23px;} */
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 75px; line-height: 85px; }
    .typography-detail h2 { font-size: 65px; line-height: 70px; }
    .typography-detail h3 { font-size: 55px; line-height: 60px; }
    /* Typography */

    /*  */
    .thanks-number .detail { font-size: 25px; line-height: 30px; }
    /*  */

    /* Enter Draw */
    .draw-details{padding: 25px;}
    .draw-details h2{font-size: 30px;line-height: 50px;}
    .draw-details h3,.play-with h4{font-size: 20px;}
    .entrycost{padding: 15px 23px;font-size: 16px;}
    .quantity-box h6{font-size: 18px;margin: 0 40px 0 0;}
    .quantity button,.quantity button.minus{width: 45px;min-width: 45px;height: 45px;font-size: 17px;}
    .total-block h5,.price-databox p,.price-databox ul li,.play-with ul li{font-size: 18px;}
    .total-block h5 span{font-size: 24px;}
    .current-balbx{max-width: 280px;padding: 12px;}
    .current-balbx p{font-size: 19px;}
    .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 20px;}
    .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 18px;padding: 12px;}
    .draw-details .btn-group .btn-entry span{font-size: 22px;}
    .price-details .accordion .accordion-item .accordion-button:before{width: 15px;height: 15px;}
    .draw-wrp .contests-block{margin: 0;}
    /* Enter Draw */
    .common-detail { font-size: 18px; }
    .common-detail.date-active { font-size: 16px;}
    .common-detail.timer-active { font-size: 16px;}
    .img-time-block { font-size: 16px; width: 22px; }
}

@media (min-width: 1300px) and (max-width: 1399px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(250px, 260px));}
    .time-block-custom { width: 12rem; }
    .container-1600 .container,.same-container .container,.container {max-width: 1200px;}
    .main-title { font-size: 53px; line-height: 70px; }
    .common-detail { font-size: 20px; }    

    /* Header 1 */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 30px; }
    .navbar-nav .nav-item .nav-link { font-size: 17px; } 
    .header-btn .btn { padding: 8px 25px; font-size: 17px; line-height: 20px; }
    .header-btn .btn-blank { padding: 0; margin: 0 25px 0 0; }
    .navbar-brand {max-width: 150px; width: 100%;}
    
    /* Header 1 */

    /* Header 2 */
    .header-two .navbar-nav { margin: 0 auto 0 50px !important; }
    .header-user-profile .header-sign-top-close { padding: 30px 23px 30px 40px; }
    .header-user-bottom-detail { padding: 30px 40px 30px; }
    .header-sign-top-close { padding: 30px 29px; }
    .header-user-bottom-detail-menu { padding: 50px 0 0 0; }
    .header-funds ul { padding: 11px 28px 25px; }
    .header-sign-top { top: 66px !important; }
    .header-user-profile { width: 450px; left: -400px !important; }
    .header-funds ul .dropdown-item,.header-user-bottom-detail-menu ul .dropdown-item { padding: 14px; }
    .header-funds ul li:not(:last-child),.header-user-bottom-detail-menu ul li:not(:last-child) { margin-bottom: 15px; }
    .header-user-bottom-detail-menu .btn-yellow { padding: 9px 10px; max-width: 250px; margin: 25px auto 0; font-size: 24px; line-height: 30px; }
    /* Header 2 */

    /* banner */
    .banner-wrp .main-title {margin: 0 0 20px 0;}
    .banner-wrp .btn { padding: 13px 33px; }
    /* banner */

    /* contests */
    .time-block .common-detail { font-size: 20px; line-height: 25px; }
    .contests-block .time-block { padding: 10px 22px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 25px; line-height: 25px; }
    .contests-detail .section-title h4 { font-size: 14px; line-height: 21px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail {height: calc(100% - 260px); padding: 10px 15px 10px;}
    .contests-block .contests-img { height: 170px; }
    .contests-block { margin: 0 30px 0 0; }
    .contests-block .time-block img {width: 24px; margin: 0 10px 0 0;}
    .contests-section .slick-list { padding: 0 160px 10px 0 !important; }
    .slider-arrows .slick-arrow {max-width: 45px;}
    .contests-detail .btn { padding: 5px 10px; font-size: 14px; }
    
    /* contests */

    /* reset  */
    /* .reset-form .input-group .form-control { padding: 24px 100px 24px 28px; font-size: 22px; line-height: 25px; } */
    /* reset  */

    /* instant-win */
    .win-up-main .container { max-width: 1222px; width: 100%; }
    .instant-win-games { max-width: 1260px; padding: 45px 35px 152px; }
    .instant-win-games .block-detail::before { width: 890px; }
    .instant-win-block { max-width: 150px;}
    .instant-content-bottom .detail {min-height: 43px;}
    .instant-win-block .block-detail {font-size: 20px;}
    .instant-btn { padding: 20px 0 0 0; }
    .instant-win-block .btn-black { font-size: 17px; line-height: 20px; }  
    .instant-win-block .block-detail { min-height: 75px; }  
    /* instant-win */

    /* footer */
    .tagline { padding: 30px 0 16px 0; }
    /* .line-main .line { font-size: 44px; line-height: 49px; } */
    /* .footer-main { padding: 41px 0 110px 0; } */
    .footer-link { margin: 0 0px 0 0; }
    /* .footer-link ul li { margin: 0 0 26px 0; } */
    /* footer */

    /* contests-page */
    .contests-page-wrp { padding: 50px 0 40px; }
    .contests-page-wrp .common-detail { padding: 15px 0 0 0; font-size: 30px; }
    /* contests-page */

    /* featured-game */
    .contests-page-wrp .common-detail { padding: 20px 0 0 0; font-size: 30px; line-height: 40px; }
    .font-41 { font-size: 35px; line-height: 40px; }
    .featured-game-detail .common-detail { font-size: 28px; line-height: 40px; }
    /* featured-game */

    /* thanks-players */
    .thanks-number .main-title { font-size: 55px; line-height: 65px; }
    .thanks-players-wrp { padding: 60px 0 80px; }
    /* thanks-players */

    /* play-win */
    .play-win-wrp { padding: 20px 0; }
    /* play-win */

    /* results */
    .results-title { padding: 0 0 1rem; }
    .common-results-detail .result-inner-box-section { padding: 15px 0 15px 0; }
    .results-title .section-title { font-size: 30px; line-height: 35px; }
    .common-tab .nav-tabs .nav-item { padding: 0 20px 0 0; }
    .common-results-detail .common-title {padding: 0 0 10px;}
    .py-60 { padding-top: 50px; padding-bottom: 20px; }
    .result-inner-box-block .property-detail * { font-size: 23px; line-height: 30px; }
    .result-inner-box-section .block-detail { padding: 0 0 18px; font-size: 21px; line-height: 24px; }
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 30px; line-height: 30px; }
    .draw-details .section-title svg { margin: 0 20px 0 0; max-width: 25px; width: 100%; }
    .draw-details-detail ul { padding: 30px 0 0 0; }
    .draw-details-detail ul li { margin: 0 0 20px; font-size: 24px; line-height: 24px; }
    .draw-details-list { padding: 50px 0 0 0; }
    .draw-details-list ul li { padding: 25px; font-size: 27px; line-height: 30px;}
    .draw-details-list-title { padding: 0 0 30px 0; }
    .draw-details-img * { max-width: 600px; height: 325px; }
    .draw-details-list ul li:not(:last-child) { margin-bottom: 25px; }
    .draw-details-list ul { padding: 0 0 60px 0; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title .main-title { padding: 10px 40px; font-size: 65px; line-height: 80px; }
    .total-donated-charity-block {max-width: 565px;}
    .total-donated-charity-section .row >* { margin-bottom: 50px; }
    .total-donated-charity-section { padding: 0 0 30px; }
    .total-donated-charity-title { padding: 0 0 65px; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 110px; height: 110px; }
    .total-donated-charity-img * { max-width: 75px; height: 75px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 26px; line-height: 33px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 30px; line-height: 40px; }  
    .total-donated-charity-detail .see-more { font-size: 23px; line-height: 25px; }
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 1rem; line-height: 20px; }
    .responsible-play-content .common-detail *:not(:last-child ) { margin-bottom: 30px; }
    /* .contact-us-assistance-wrp ul li:not(:last-child) { margin-bottom: 1rem; } */
    .contact-us-assistance-wrp ul li { font-size: 1rem; line-height: 32px; }
    .contact-us-assistance-wrp ul { padding: 0.7rem 0 0 0; }
    /* responsible-play */

    /* player-all */
    /* .player-all .reset-form .input-group .form-control { padding: 22px 70px 22px 25px; } */
    .common-table { padding: 40px 40px; margin: 50px 0 0;}
    .player-all .common-tab .nav-tabs .nav-item .nav-link { font-size: 18px; line-height: 20px; padding: 14px 12px 15px; }
    .reset-form .form-control::placeholder { font-size: 20px; line-height: 25px; }
    /* .reset-form .form-group .input-group-text { font-size: 23px; line-height: 25px; } */
    /* .player-all .reset-form .form-group .input-group-text { padding: 22px 30px 22px 22px; } */
    /* player-all */

    /* coin-lins */
    .coin-lins { margin: 28px 0 30px; }
    /* coin-lins */

    /* friends-form */
    .friends-form .section-title { font-size: 40px; line-height: 50px; }
    .friends-form-receive .receive-left { max-width: 500px; }
    .friends-form-receive { padding: 20px 0 0 0;}
    .friends-form-receive .referral-link { max-width: 500px; }
    .how-it-works-main .how-it-works-section .row >* { padding: 0 15px; }
    .how-it-works-main .how-it-works-section .row { margin: 0 -15px;}
    .how-it-works-section .how-it-works-block { padding: 40px 35px;}
    .how-it-works-main { padding: 55px 0 0 0; }

    .referral-landing-detail .reset-form .form-group .input-group-text { padding: 16px 30px 16px 22px; }
    .referral-landing-detail .reset-form .input-group .form-control { padding: 21px 100px 20px 30px; }
    .referral-landing-detail .reset-form .input-group .form-control::placeholder {font-size: 23px; line-height: 23px;}
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 70px; line-height: 85px; }
    .typography-detail h2 { font-size: 60px; line-height: 70px; }
    .typography-detail h3 { font-size: 55px; line-height: 60px; }
    /* Typography */

    /*  */
    .thanks-number .detail { font-size: 25px; line-height: 30px; }
    /*  */

    /* Enter Draw */
    .draw-details{padding: 25px;}
    .draw-details h2{font-size: 30px;line-height: 50px;}
    .draw-details h3,.play-with h4{font-size: 20px;}
    .entrycost{padding: 15px 23px;font-size: 16px;}
    .quantity-box h6{font-size: 18px;margin: 0 40px 0 0;}
    .quantity button,.quantity button.minus{width: 45px;min-width: 45px;height: 45px;font-size: 17px;}
    .total-block h5,.price-databox p,.price-databox ul li,.play-with ul li{font-size: 18px;}
    .total-block h5 span{font-size: 24px;}
    .current-balbx{max-width: 280px;padding: 12px;}
    .current-balbx p{font-size: 19px;}
    .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 20px;}
    .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 18px;padding: 12px;}
    .draw-details .btn-group .btn-entry span{font-size: 22px;}
    .price-details .accordion .accordion-item .accordion-button:before{width: 15px;height: 15px;}
    .draw-wrp .contests-block{margin: 0;}
    /* Enter Draw */
    .common-detail { font-size: 18px; }
    .common-detail.date-active { font-size: 16px;}
    .common-detail.timer-active { font-size: 16px;}
    .img-time-block { font-size: 16px; width: 20px; }
}

@media (min-width: 1200px) and (max-width: 1299px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(230px, 240px));}
    .time-block-custom { width: 12rem; }
    .container-1600 .container,.same-container .container { max-width: 1140px; }

    .main-title { font-size: 53px; line-height: 70px; }
    .section-title { font-size: 37px; line-height: 40px; }
    .contests-page-wrp .common-detail { font-size: 28px; line-height: 35px; }
    .navbar-nav { margin: 0 auto !important; }


    /* Header 1 */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 25px; }
    .navbar-nav .nav-item .nav-link { font-size: 17px; } 
    .header-btn .btn { padding: 8px 25px; font-size: 17px; line-height: 20px; }
    .header-btn .btn-blank { padding: 0; margin: 0 15px 0 0; }
    .navbar-brand {max-width: 150px; width: 100%;}
    /* Header 1 */

    /* Header 2 */
    .header-user-profile .header-sign-top-close { padding: 25px 20px 25px 25px; }
    .header-user-bottom-detail { padding: 25px 30px 20px; }
    .header-sign-top-close { padding: 25px 20px; }
    .header-user-bottom-detail-menu { padding: 35px 0 0 0; }
    .header-funds ul { padding: 11px 20px 25px; }
    .dropdown-close { font-size: 22px; }
    .left-profile .detail { font-size: 18px; line-height: 22px; padding: 10px 0 0 0; }
    .header-sign-top { top: 66px !important; }
    .header-user-profile .points { font-size: 24px; line-height: 30px; }
    .header-user-profile .points span { padding: 5px 10px; font-size: 23px; line-height: 30px; margin: 0 10px; }
    .header-user-profile { width: 450px; left: -500px !important; }
    .header-sign .funds-menu .link-nav { padding: 8px 19px;}
    .header-sign .funds-menu .link-nav { font-size: 18px; line-height: 18px; }
    .header-sign .funds-menu { margin: 0 15px 0 0; }
    .header-sign .funds-menu .dropdown-toggle::after {margin: 0 0 0 12px;}
    .header-funds ul .dropdown-item,.header-user-bottom-detail-menu ul .dropdown-item { padding: 20px 20px; font-size: 18px; line-height: 20px; }
    .header-funds ul li:not(:last-child),.header-user-bottom-detail-menu ul li:not(:last-child) { margin-bottom: 15px; }
    .header-user-bottom-detail-menu .btn-yellow { padding: 8px 10px; max-width: 210px; margin: 25px auto 0; font-size: 22px; line-height: 25px; }
    /* Header 2 */

    /* banner */
    .banner-wrp .main-title {margin: 0 0 20px 0;}
    .banner-wrp .btn { padding: 11px 30px; }
    .banner-wrp .banner-detail { max-width: 600px; padding: 23px 0 0 30px; }
    /* banner */

    /* contests */
    .time-block .common-detail { font-size: 20px; line-height: 25px; }
    .contests-block .time-block { padding: 10px 22px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 21px; line-height: 21px; }
    .contests-detail .detail { font-size: 17px; line-height: 20px; }
    .contests-detail .section-title h4 { font-size: 15px; line-height: 18px; }
    .contests-detail .section-title h5 { font-size: 15px; }
    .contests-detail .section-title h2 { font-size: 19px; }
    .contests-detail {height: calc(100% - 260px); padding: 10px 15px 10px;}
    .contests-block .contests-img { height: 160px; }
    .contests-block { margin: 0 30px 0 0; }
    .contests-block .time-block img {width: 24px; margin: 0 10px 0 0;}
    .contests-section .slick-list {padding: 0 115px 10px 0 !important;; }
    .slider-arrows .slick-arrow {max-width: 45px;}
    .contests-detail .btn { padding: 5px 10px; font-size: 14px; }
    /* contests */

    /* thanks */
    .thanks-number .main-title { font-size: 47px; line-height: 60px; }
    .thanks-number { padding: 0 0 0 55px; }
    .thanks-detail-left .btn { padding: 16px 35px;}
    .thanks-detail { max-width: 670px; }
    .thanks-number .main-title { font-size: 45px; line-height: 55px; }
    .thanks-players-wrp { padding: 50px 0 60px; }
    /* thanks */

    /* play-win */
    .play-win-wrp { padding: 20px 0; }
    /* play-win */

    /* instant-win */
    .win-up-main .container { max-width: 1122px; width: 100%; }
    .instant-win-games { max-width: 1160px; padding: 45px 35px 102px; }
    .instant-win-games .block-detail::before { width: 790px; }
    .instant-win-block { max-width: 140px;}
    .instant-content-bottom .detail {min-height: 43px;}
    .instant-win-block .block-detail {font-size: 20px;}
    .instant-btn { padding: 20px 0 0 0; }
    .instant-win-block .btn-black { font-size: 16px; line-height: 20px; }  
    .instant-win-block .block-detail { min-height: 75px; }  
    .win-up-wrp { margin: -85px 0 0 0; padding: 0 0 45px; }
    /* instant-win */

    /* reset  */
    /* .reset-form .input-group .form-control { padding: 22px 100px 22px 24px; font-size: 22px; line-height: 26px;} */
    /* reset  */

    /* player-all */
    /* .player-all .reset-form .input-group .form-control { padding: 22px 70px 22px 25px; } */
    .common-table { padding: 40px 30px; margin: 45px 0; }
    .player-all .common-tab .nav-tabs .nav-item .nav-link { font-size: 18px; line-height: 20px; padding: 14px 12px 15px; }
    .reset-form .form-control::placeholder { font-size: 18px; line-height: 25px; }
    /* .reset-form .form-group .input-group-text { font-size: 23px; line-height: 25px; } */
    /* .player-all .reset-form .form-group .input-group-text { padding: 22px 30px 22px 22px; } */
    .calendar {max-width: 28px; width: 100%;}

    .history-top { padding: 33px 17px 10px; }
    /* player-all */

    /* footer */
    .tagline { padding: 28px 0 16px 0; }
    /* .line-main .line { font-size: 40px; line-height: 44px; } */
    .line-main img {height: 112px;}
    /* .footer-link ul li { margin: 0 0 22px 0; } */
    .footer-link { margin: 0 0px 0 0; }
    /* footer */

    /* contests-page */
    .contests-page-wrp { padding: 50px 0 40px; }
    .contests-page-wrp .common-detail { padding: 15px 0 0 0; font-size: 28px; line-height: 35px; }
    /* contests-page */

    /* featured-game */
    .contests-page-wrp .common-detail { padding: 20px 0 0 0; font-size: 30px; line-height: 40px; }
    .font-41 { font-size: 35px; line-height: 40px; }
    .featured-game-detail .common-detail { font-size: 28px; line-height: 40px; }
    .featured-game-section { margin: 20px 0 0 0; }
    /* featured-game */

    /* results */
    .results-title { padding: 0 0 1rem; }
    .common-results-detail .result-inner-box-section { padding: 15px 0 15px 0; }
    .results-title .section-title { font-size: 28px; line-height: 35px; }
    .common-tab .nav-tabs .nav-item { padding: 0 20px 0 0; }
    .common-results-detail .common-title {padding: 0 0 10px;}
    .py-60 { padding-top: 50px; padding-bottom: 20px; }
    .result-inner-box-block .property-detail * { font-size: 23px; line-height: 30px; }
    .result-inner-box-section .block-detail { padding: 0 0 18px; font-size: 21px; line-height: 24px; }
    .result-inner-box-block .result-box-right { padding: 0 0 0 25px; }
    .result-inner-box-block .btn { padding: 10px 23px; }    
    .result-inner-box-block .property-number * { font-size: 20px; line-height: 27px; }
    .common-tab .nav-tabs .nav-item .nav-link { padding: 11px 12px 15px; font-size: 22px; line-height: 25px; }
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 30px; line-height: 30px; }
    .draw-details .section-title svg { margin: 0 20px 0 0; max-width: 25px; width: 100%; }
    .draw-details-detail ul { padding: 30px 0 0 0; }
    .draw-details-detail ul li { margin: 0 0 20px; font-size: 24px; line-height: 24px; }
    .draw-details-list { padding: 50px 0 0 0; }
    .draw-details-list ul li { padding: 25px; font-size: 22px; line-height: 24px; }
    .draw-details-list-title { padding: 0 0 30px 0; }
    .draw-details-img * { max-width: 520px; height: 325px; }
    .draw-details-list ul li:not(:last-child) { margin-bottom: 25px; }
    .draw-details-list ul { padding: 0 0 60px 0; }
    .draw-details-list-title .common-detail { font-size: 30px; line-height: 40px; }
    .draw-details-list-title .draw-details-list-img { max-width: 37px; margin: 0 18px 0 0; }
    .draw-details-detail .common-detail { font-size: 32px; line-height: 40px; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title .main-title { padding: 10px 28px; font-size: 55px; line-height: 60px; }
    .total-donated-charity-block {max-width: 535px; padding: 20px 20px 30px;}
    .total-donated-charity-section .row >* { margin-bottom: 50px; }
    .total-donated-charity-section { padding: 0 0 30px; }
    .total-donated-charity-title { padding: 0 0 65px; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 110px; height: 110px; }
    .total-donated-charity-img * { max-width: 75px; height: 75px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 26px; line-height: 33px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 30px; line-height: 40px; }  
    .total-donated-charity-detail .see-more { font-size: 23px; line-height: 25px; }
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 1rem; line-height: 20px; }
    .responsible-play-content .common-detail *:not(:last-child ) { margin-bottom: 25px; }
    /* .contact-us-assistance-wrp ul li:not(:last-child) { margin-bottom: 1rem; } */
    .contact-us-assistance-wrp ul li { font-size: 1rem; line-height: 32px; }
    .contact-us-assistance-wrp ul { padding: 0.7rem 0 0 0; }
    /* responsible-play */

    /* coin-lins */
    .coin-lins { margin: 28px 0 30px; }
    .trc-coin { padding: 15px 0; margin: 20px 0; }
    .coin-lins .coin-same:not(:last-child) { padding: 0 0 30px 0; }
    .coin-price-in.to-number .input-group .form-control { padding: 22px 100px 22px 60px !important; }
    /* coin-lins */

    /* friends-form */
    .friends-form .section-title { font-size: 40px; line-height: 50px; }
    .friends-form-receive .receive-left { max-width: 500px; }
    .friends-form-receive { padding: 20px 0 0 0;}
    .friends-form-receive .referral-link { max-width: 500px; }
    .how-it-works-main .how-it-works-section .row >* { padding: 0 15px; }
    .how-it-works-main .how-it-works-section .row { margin: 0 -15px;}
    .how-it-works-section .how-it-works-block { padding: 40px 35px;}
    .how-it-works-main { padding: 55px 0 0 0; }

    .referral-landing-detail .reset-form .form-group .input-group-text { padding: 16px 30px 16px 22px; }
    .referral-landing-detail .reset-form .input-group .form-control { padding: 23px 100px 23px 30px; }
    .referral-landing-detail .reset-form .input-group .form-control::placeholder {font-size: 23px; line-height: 23px;}
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 60px; line-height: 70px; }
    .typography-detail h2 { font-size: 50px; line-height: 60px; }
    .typography-detail h3 { font-size: 45px; line-height: 50px; }
    /* Typography */

    /*  */
    .thanks-number .detail { font-size: 22px; line-height: 30px; }
    /* .footer-main { padding: 41px 0 80px 0; } */
    /* .f-logo .detail { font-size: 22px; line-height: 30px; } */
    /*  */

    /* Enter Draw */
    .draw-details{padding: 25px;}
    .draw-details h2{font-size: 34px;line-height:50px;}
    .draw-details h3,.play-with h4{font-size: 24px;}
    .entrycost{padding: 15px 25px;font-size: 18px;}
    .quantity-box h6{font-size: 20px;margin: 0 50px 0 0;}
    .quantity button,.quantity button.minus{width: 45px;min-width: 45px;height: 45px;font-size: 17px;}
    .total-block h5,.price-databox p,.price-databox ul li,.play-with ul li{font-size: 20px;}
    .total-block h5 span{font-size: 24px;}
    .current-balbx{max-width: 280px;padding: 15px;}
    .current-balbx p{font-size: 20px;}
    .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 20px;}
    .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 18px;padding: 12px;}
    .draw-details .btn-group .btn-entry span{font-size: 22px;}
    .price-details .accordion .accordion-item .accordion-button:before{width: 15px;height: 15px;}
    .draw-wrp .contests-block{margin: 0;}
    /* Enter Draw */
    .common-detail { font-size: 18px; }
    .common-detail.date-active { font-size: 16px;}
    .common-detail.timer-active { font-size: 16px;}
    .img-time-block { font-size: 16px; width: 18px; }
    .contests-detail .section-title h4 { font-size: 16px; }
    .contests-detail .section-title h5 { font-size: 16px; }
    .contests-detail .section-title h2 { font-size: 20px; }
}

@media (max-width: 1199px) {
    .rows { grid-template-columns: repeat(auto-fit, minmax(220px, 230px));}
    .time-block-custom { width: 12rem; }
    .main-title { font-size: 45px; line-height: 55px; }
    .section-title { font-size: 33px; line-height: 38px; }
    .contests-page-wrp .common-detail { font-size: 25px; line-height: 30px; }

    .container-1600 .container,.same-container .container { max-width: 960px; }
    .navbar-nav { margin: 0 auto !important; }

    /* button-start */
    button.navbar-toggler { border: none; }
    .navbar-toggler { right: 0; top: 0; }
    .navbar-toggler { padding: 0; border: none; background-color: transparent; position: relative; z-index: 99999; right: 0; }
    .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #060B19; transition: 0.5s; z-index: 9999; padding: 80px 0 0 0; }
    .navbar-collapse.show { right: 0; height: auto; display: flex; flex-direction: column; }
    .navbar-collapse.show::before { right: 0; }
    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #060B19; transition: 0.5s; z-index: 9; }
    .navbar .navbar-nav { align-items: center; position: relative; top: 0; }
    .header .navbar-nav .nav-item { padding: 20px 0; }
    .header .navbar-nav .nav-item:first-child { padding-left: 0; }
    .navbar-toggler span:last-child {margin: 0;}
    .navbar-toggler span { background-color: #fff; width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; background-image: none; }
    .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .navbar-toggler.open span:nth-child(2) { display: none; }
    .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .navbar-toggler:focus { box-shadow: none; }

    .header-sign .funds-menu {order: 2;}
    .header-sign .user-menu {order: 1;}
    .header-two .navbar-toggler { position: absolute; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
    /* button-end */

    /* Header 1 */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 0; }
    .navbar-nav .nav-item .nav-link { font-size: 17px; } 
    .header-btn .btn { padding: 8px 25px; font-size: 17px; line-height: 20px; }
    .header-btn .btn-blank { padding: 0; margin: 0 0 15px 0; }
    .header-btn { padding: 30px 0 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
    .navbar-brand {max-width: 150px; width: 100%;}
    /* Header 1 */

    /* Header 2 */
    .header-user-profile .header-sign-top-close { padding: 25px 20px 25px 25px; }
    .header-user-bottom-detail { padding: 25px 30px 20px; }
    .header-sign-top-close { padding: 25px 20px; }
    .header-user-bottom-detail-menu { padding: 35px 0 0 0; }
    .header-funds ul { padding: 11px 20px 25px; }
    .dropdown-close { font-size: 22px; }
    .left-profile .detail { font-size: 18px; line-height: 22px; padding: 10px 0 0 0; }
    .header-sign-top { top: 66px !important; }
    .header-user-profile .points { font-size: 20px; line-height: 25px; }
    .header-user-profile .points span { padding: 3px 10px; font-size: 19px; line-height: 20px; margin: 0 10px; }
    .header-user-profile .points span img { max-width: 19px;}
    .header-user-bottom-detail .convert p { font-size: 19px; line-height: 22px; margin: 0 0 7px; }
    .header-user-bottom-detail .convert h6 { font-size: 18px; line-height: 20px; }
    .header-user-bottom-detail .convert { padding: 10px 0 15px; }
    .header-user-profile .btn { padding: 7px 17px; font-size: 18px; }
    .header-user-profile { width: 540px; left: -500px !important; }
    .header-funds { width: 290px; left: -120px !important; }
    .header-sign .funds-menu .link-nav { padding: 8px 19px;}
    .header-sign .funds-menu .link-nav { font-size: 18px; line-height: 18px; }
    .header-sign .funds-menu { margin: 0 0 0 15px; }
    .header-sign .funds-menu .dropdown-toggle::after {margin: 0 0 0 12px;}
    .header-funds ul .dropdown-item,.header-user-bottom-detail-menu ul .dropdown-item { padding: 20px 20px; font-size: 18px; line-height: 20px; }
    .header-funds ul li:not(:last-child),.header-user-bottom-detail-menu ul li:not(:last-child) { margin-bottom: 15px; }
    .header-user-bottom-detail-menu .btn-yellow { padding: 8px 10px; max-width: 210px; margin: 25px auto 0; font-size: 22px; line-height: 25px; }
    .header-user-profile .common-detail { font-size: 22px; line-height: 23px; padding: 0 0 14px; }
    .header-sign {padding: 0 50px 0 0;}  
    /* Header 2 */

    /* banner */
    .banner-wrp .main-title {margin: 0 0 20px 0;}
    .banner-wrp .btn { padding: 11px 33px; font-size: 18px; list-style: 20px; }
    .banner-wrp .banner-detail { max-width: 600px; padding: 23px 0 0 30px; }
    /* banner */

    /* reset password */
    .reset-title {font-size: 36px; line-height: 40px;}
    .reset-subline { margin: 32px 0;}
    .reset-main .common-table { padding: 34px 32px 64px;}
    .reset-title {margin: 0 0 30px 0;}
    .reset-label {margin: 0 0 12px 0;}
    .reset-form .form-group { margin: 0 0 26px 0; }
    .reset-form .form-group .input-group-text { padding: 26px 26px 26px 22px;}
    .reset-form .input-group .form-control {padding: 26px 100px 26px 22px;}
    .reset-form .reset-link { margin: 32px 0 0 0; }
    .reset-form .btn { padding: 18px 60px; }
    .reset-form .input-group .form-control { padding: 18px 100px 18px 24px; font-size: 20px; line-height: 24px;}
    /* reset password */

    /* contests */
    .time-block .common-detail { font-size: 20px; line-height: 25px; }
    .contests-block .time-block { padding: 10px 22px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 21px; line-height: 21px; }
    .contests-detail .detail { font-size: 17px; line-height: 20px; }
    .contests-detail .section-title h4 { font-size: 14px; line-height: 18px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail {height: calc(100% - 260px); padding: 10px 15px 10px;}
    .contests-block .contests-img { height: 160px; }
    .contests-block { margin: 0 30px 0 0; }
    .contests-block .time-block img {width: 24px; margin: 0 10px 0 0;}
    .contests-section .slick-list {padding: 0 115px 10px 0 !important;; }
    .slider-arrows .slick-arrow {max-width: 40px;}
    .contests-detail .btn { padding: 5px 10px; font-size: 14px; }
    .contests-wrp { padding: 40px 0; }
    /* contests */
    
    /* thanks */
    .thanks-number .main-title { font-size: 40px; line-height: 50px; }
    .thanks-number { padding: 0 0 0 55px; }
    .thanks-detail-left .btn { padding: 16px 30px;}
    .thanks-detail { max-width: 670px; }
    .thanks-players-wrp { padding: 40px 0 60px; }
    .thanks-detail-left .section-title { font-size: 48px; line-height: 60px; }
    .thanks-img {max-width: 115px; width: 100%;}
    .thanks-number .main-title { font-size: 40px; line-height: 48px; }

    .thanks-players-inner .thanks-players-wrp {padding: 20px 0 60px;}
    /* thanks */

    /* play-win */
    .play-win-wrp { padding: 20px 0; }
    .play-win-wrp .instant-win-games-section { gap: 11px; margin: 0 -11px; }
    /* play-win */
    
    /* instant-win */
    .win-up-main .container { max-width: 922px; width: 100%; }
    .instant-win-games { max-width: 960px; padding: 45px 35px 102px; }
    .instant-win-games .block-detail::before { width: 590px; }
    .instant-win-block { max-width: 155px; margin: 0 11px 30px ;}
    .instant-content-bottom .detail {min-height: 43px;}
    .instant-win-block .block-detail {font-size: 20px;}
    .instant-btn { padding: 20px 0 0 0; }
    .instant-win-block .btn-black { font-size: 16px; line-height: 20px; }  
    .instant-win-block .block-detail { min-height: 75px; }  
    .win-up-wrp { margin: -85px 0 0 0; padding: 0 0 45px; }
    .instant-win-games-section {flex-wrap: wrap; justify-content: center; padding: 0;}
    .instant-content-bottom .order h6 { padding: 20px 0 25px; }
    /* instant-win */

    /* footer */
    .tagline { padding: 24px 0 16px 0; }
    .line-main img { width: 100%; max-width: 82px; height: 110px; }
    /* .line-main .line { font-size: 1.6rem; line-height: 42px; } */
    .footer-link { margin: 0 0px 0 0; }
    /* .footer-link ul li { margin: 0 0 20px 0; } */
    /* .footer-link {gap: 60px;} */
    /* footer */

    /* player-all */
    /* .player-all .reset-form .input-group .form-control { padding: 22px 70px 22px 25px; } */
    .common-table { padding: 40px 25px; margin: 45px 0; }
    .player-all .common-tab .nav-tabs .nav-item .nav-link { font-size: 18px; line-height: 20px; padding: 13px 11px 14px; }
    .reset-form .form-control::placeholder { font-size: 20px; line-height: 25px; }
    .reset-form .form-group .input-group-text { font-size: 18px; line-height: 21px; }
    .player-all .reset-form .form-group .input-group-text { padding: 15px 25px 15px 20px; }
    .calendar {max-width: 28px; width: 100%;}
    .player-all .common-tab { padding: 0 15px; }
    .player-all .common-tab .nav-tabs .nav-item { padding: 0 10px 0 0; }
    .input-group.date .form-control::placeholder {font-size: 17px; line-height: 17px;}
    .player-all .reset-form .input-group .form-control::placeholder {font-size: 18px;}
    .player-all .reset-form .input-group .form-control { font-size: 18px; line-height: 20px; }
    .player-all .player-btn .btn { padding: 13px 37px; font-size: 18px; line-height: 24px; }
    .player-all .player-btn { margin: 20px 0 0; }
    /* player-all */

    /* contests-page */
    .contests-page-wrp { padding: 40px 0 20px; }
    .contests-page-wrp .common-detail { padding: 15px 0 0 0; font-size: 25px; line-height: 33px; }
    .contests-inner .contests-section .row >* { margin-bottom: 50px; }
    .contests-detail h6 { font-size: 16px; line-height: 18px; }    
    /* contests-page */

    /* featured-game */
    .contests-page-wrp .common-detail { padding: 10px 0 0 0; font-size: 27px; line-height: 35px; }
    .font-41 { font-size: 30px; line-height: 33px; }
    .featured-game-detail .common-detail { font-size: 26px; line-height: 33px; }
    .featured-game-section { margin: 20px 0 0 0; padding: 30px 45px 30px 25px; }
    .featured-game-detail { padding: 0 0 0 30px; }
    .font-34 { font-size: 30px; line-height: 35px; }
    .featured-game-wrp {padding: 20px 0 0;}
    .featured-game-detail .btn { margin: 82px 0 0 0; padding: 12px 20px; max-width: 230px; }
    /* featured-game */

    /* results */
    .results-title { padding: 0 0 0.8rem; }
    .common-results-detail .result-inner-box-section { padding: 15px 0 15px 0; }
    .results-title .section-title { font-size: 28px; line-height: 35px; }
    .common-tab .nav-tabs .nav-item { padding: 0 20px 0 0; }
    .common-results-detail .common-title {padding: 0 0 10px;}
    .py-60 { padding-top: 40px; padding-bottom: 20px; }
    .result-inner-box-block .property-detail * { font-size: 20px; line-height: 26px; }
    .result-inner-box-section .block-detail { padding: 0 0 18px; font-size: 21px; line-height: 24px; }
    .result-inner-box-block .result-box-right { padding: 0 0 0 25px; }
    .result-inner-box-block .btn { padding: 10px 23px; }    
    .result-inner-box-block .property-number * { font-size: 17px; line-height: 22px; }
    .common-tab .nav-tabs .nav-item .nav-link { padding: 11px 12px 15px; font-size: 22px; line-height: 25px; }
    .common-results { padding: 30px 0 0; }
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 30px; line-height: 30px; }
    .draw-details .section-title svg { margin: 0 20px 0 0; max-width: 25px; width: 100%; }
    .draw-details-detail ul { padding: 30px 0 0 0; }
    .draw-details-detail ul li { margin: 0 0 20px; font-size: 22px; line-height: 22px; }
    .draw-details-list { padding: 40px 0 0 0; }
    .draw-details-list ul li { padding: 25px; font-size: 22px; line-height: 24px; }
    .draw-details-list-title { padding: 0 0 25px 0; }
    .draw-details-img * { max-width: 480px; height: 285px; }
    .draw-details-list ul li:not(:last-child) { margin-bottom: 25px; }
    .draw-details-list ul { padding: 0 0 50px 0; }
    .draw-details-list-title .common-detail { font-size: 28px; line-height: 35px; }
    .draw-details-list-title .draw-details-list-img { max-width: 37px; margin: 0 18px 0 0; }
    .draw-details-detail .common-detail { font-size: 28px; line-height: 35px; }
    .draw-details-detail ul li img { margin: 0 17px 0 0; max-width: 27px; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title .main-title { padding: 10px 25px; font-size: 45px; line-height: 45px; }
    .total-donated-charity-block {max-width: 450px; padding: 20px 20px 30px;}
    .total-donated-charity-section .row >* { margin-bottom: 30px; }
    .total-donated-charity-section { padding: 0 0 30px; }
    .total-donated-charity-title { padding: 0 0 65px; }
    .total-donated-charity-detail .same-detail { padding: 20px 0 30px; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 90px; height: 90px; }
    .total-donated-charity-img * { max-width: 60px; height: 60px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 24px; line-height: 27px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 27px; line-height: 33px; }
    .total-donated-charity-detail .see-more { font-size: 23px; line-height: 25px; }
    .total-donated-charity-detail .detail { font-size: 26px; line-height: 30px; }    
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 0.9rem; line-height: 15px; }
    .responsible-play-content .common-detail *:not(:last-child ) { margin-bottom: 25px; }
    /* .contact-us-assistance-wrp ul li:not(:last-child) { margin-bottom: 1rem; } */
    .contact-us-assistance-wrp ul li { font-size: 0.8rem; line-height: 30px; }
    .contact-us-assistance-wrp ul { padding: 0.7rem 0 0 0; }
    .contact-us-assistance-wrp { padding: 1.3rem 0; }
    /* responsible-play */

    /* Table */
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { padding-top: 5px; padding-bottom: 5px;border: none; border-bottom: 1px solid #eee; white-space: normal; text-align:left; }
	#no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; }
	/* Label the data */
	/* #no-more-tables td:before { content: attr(data-title); } */

    #no-more-tables .blank-table-main tr {border: none;}
    #no-more-tables .blank-table-main td {position: absolute; padding: 0; text-align: center; border: none;}
    /* Table */

    /* bankaccnew */
    .reset-form .bankaccnew .input-group .form-control::placeholder {font-size: 18px; line-height: 22px;}
    .reset-form .bankaccnew .input-group .form-control option {font-size: 18px; line-height: 20px;}
    .new-add { padding: 22px 0 0 17px; margin: 0 0 0 -15px !important; }
    .funds-form .form-check { margin: 0 0 20px; }
    /* bankaccnew */

    /* coin-lins */
    .coin-lins { margin: 28px 0 30px; }
    .trc-coin { padding: 15px 0; margin: 20px 0; }
    .coin-lins .coin-same:not(:last-child) { padding: 0 0 30px 0; }
    .coin-price-in.to-number .input-group .form-control { padding: 22px 100px 22px 60px !important; }
    .trc-coin p span { padding: 6px 20px; margin: 0 15px;}
    /* coin-lins */

    /* friends-form */
    .friends-form .section-title { font-size: 35px; line-height: 40px; }
    .friends-form-receive .receive-left { max-width: 440px; }
    .friends-form-receive { padding: 20px 0 0 0;}
    .friends-form-receive .referral-link { max-width: 410px; }
    .how-it-works-main .how-it-works-section .row >* { padding: 0 15px; }
    .how-it-works-main .how-it-works-section .row { margin: 0 -15px;}
    .how-it-works-section .how-it-works-block { padding: 30px 15px  ;}
    .how-it-works-main { padding: 55px 0 0 0; }
    .reset-form .receive-left p { font-size: 19px; line-height: 20px; margin: 0 0 20px; }
    .reset-form .receive-left span { padding: 8px 30px 8px 10px; font-size: 23px; line-height: 30px; }

    .referral-landing-detail .reset-form .form-group .input-group-text { padding: 16px 30px 16px 22px; }
    .referral-landing-detail .reset-form .input-group .form-control { padding: 20px 100px 20px 30px; }
    .referral-landing-detail .reset-form .input-group .form-control::placeholder {font-size: 23px; line-height: 23px;}
    .referral-landing-detail .section-title { font-size: 33px; line-height: 40px;}
    .referral-landing-wrp { padding: 50px 0 0; }
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 55px; line-height: 65px; }
    .typography-detail h2 { font-size: 50px; line-height: 60px; }
    .typography-detail h3 { font-size: 45px; line-height: 50px; }
    /* Typography */

    /*  */
    .thanks-number .detail { font-size: 22px; line-height: 30px; }
    .funds-form.withdraw-form .form-check .form-check-label { font-size: 19px; line-height: 20px; }
    .bankaccnew .account-new { font-size: 19px; line-height: 20px; margin: 0 0 15px; }
    .bankaccnew { padding: 25px 0 0 40px; }
    .player-all .reset-label { margin: 0 0 10px 0; }
    /*  */

    /* Enter Draw */
    .draw-details{padding: 20px;border-radius: 10px;}
    .draw-wrp .contests-block .contests-img *{border-radius: 10px;}
    .draw-details h2{font-size: 22px;line-height: 32px;}
    .draw-details h3,.play-with h4{font-size: 16px;}
    .entrycost{padding: 12px 20px;font-size: 14px;}
    .quantity-box h6{font-size: 18px;margin: 0 15px 0 0;}
    .input-box{max-width:50px;font-size: 20px;}
    .quantity{margin: 0 0 0 auto;}
    .quantity button, .quantity button.minus{width: 40px;height: 40px;min-width: 40px;background-size: 40%;}
    .iner-qn img{width: 25px;}
    .iner-qn{margin: 0 10px;}
    .input-box{padding: 0 5px;}
    .total-block h5,.price-databox p,.price-databox ul li,.play-with ul li{font-size: 18px;line-height: 24px;}
    .total-block h5 span{font-size: 23px;}
    .current-balbx{max-width: 280px;padding: 12px;margin: 0;border-radius: 10px;}
    .balance-row h6{max-width: 150px;margin: 0 0 0 auto;}
    .draw-details .btn-group{margin: 0 0 20px;}
    .current-balbx p{font-size: 16px;}
    .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 16px;}
    .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 17px;padding: 12px;}
    .draw-details .btn-group .btn-entry span{font-size: 21px;}
    .price-details .accordion .accordion-item .accordion-button:before{width: 15px;height: 15px;}
    .draw-wrp .contests-block{margin: 0;}
    .price-details .accordion .accordion-item .accordion-button{padding: 15px 40px 15px 0;}
    .play-with ul li:before{width: 15px;height: 15px;}
    .play-with ul li{padding: 0 0 0 25px;margin: 0 0 10px;}
    /* Enter Draw */
    .common-detail { font-size: 18px; }
}

@media (min-width: 992px) and  (max-width: 1199px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(200px, 230px));}
    .time-block-custom { width: 12rem; }
}

@media (min-width: 768px) and (max-width: 991px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(210px, 250px));}
    .time-block-custom { width: 11rem; }
    .container-1600 .container,.same-container .container { max-width: 720px; }

    .main-title { font-size: 35px; line-height: 45px; }
    .section-title { font-size: 28px; line-height: 33px; }
    .contests-page-wrp .common-detail { font-size: 23px; line-height: 38px; }

    .reset-wrapper .reset-form .input-group .form-control { padding: 16px 35px 22px;}

    /* Header 2 */
    .header-user-profile .header-sign-top-close { padding: 20px 20px; }
    .header-user-bottom-detail { padding: 25px 20px 20px; }
    .header-sign-top-close { padding: 20px 20px; }
    .header-user-bottom-detail-menu { padding: 25px 0 0 0; }
    .header-funds ul { padding: 11px 20px 25px; }
    .dropdown-close { font-size: 22px; }
    .left-profile .detail { font-size: 18px; line-height: 22px; padding: 10px 0 0 0; }
    .header-sign-top { top: 66px !important; }
    .header-user-profile .points { font-size: 20px; line-height: 25px; }
    .header-user-profile .points span { padding: 3px 10px; font-size: 19px; line-height: 20px; margin: 0 10px; }
    .header-user-profile .points span img { max-width: 19px;}
    .header-user-bottom-detail .convert p { font-size: 17px; line-height: 20px; margin: 0 0 7px; }
    .header-user-bottom-detail .convert h6 { font-size: 18px; line-height: 20px; }
    .header-user-bottom-detail .convert { padding: 10px 0 15px; }
    .header-user-profile .btn { padding: 7px 17px; font-size: 18px; }
    .header-user-profile { width: 450px; left: -410px !important; }
    .header-funds { width: 250px; left: -80px !important; }
    .header-sign .funds-menu .link-nav { padding: 8px 19px;}
    .header-sign .funds-menu .link-nav { font-size: 18px; line-height: 18px; }
    .header-sign .funds-menu { margin: 0 0 0 15px; }
    .header-sign .funds-menu .dropdown-toggle::after {margin: 0 0 0 12px;}
    .header-funds ul .dropdown-item, .header-user-bottom-detail-menu ul .dropdown-item { padding: 18px 15px; font-size: 16px; line-height: 20px; }
    .header-funds ul li:not(:last-child),.header-user-bottom-detail-menu ul li:not(:last-child) { margin-bottom: 15px; }
    .header-user-bottom-detail-menu .btn-yellow { padding: 7px 10px; max-width: 190px; margin: 20px auto 0; font-size: 19px; line-height: 25px; }
    .header-user-profile .common-detail { font-size: 22px; line-height: 23px; padding: 0 0 13px; }
    .header-sign {padding: 0 50px 0 0;}
    /* Header 2 */

    /* banner */
    .banner-wrp .main-title {margin: 0 0 20px 0;}
    .banner-wrp .btn { padding: 8px 28px; font-size: 17px; list-style: 20px; }
    .banner-wrp .banner-detail { max-width: 600px; padding: 23px 0 25px 25px; }
    /* banner */

    /* contests */
    .time-block .common-detail { font-size: 20px; line-height: 25px; }
    .contests-block .time-block { padding: 10px 22px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 18px; line-height: 18px; }
    .contests-detail .detail { font-size: 17px; line-height: 20px; }
    .contests-detail .section-title h4 { font-size: 14px; line-height: 16px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail {height: calc(100% - 260px); padding: 10px 15px 10px; }
    .contests-block .contests-img { height: 155px; }
    .contests-block { margin: 0 30px 0 0; }
    .contests-block .time-block img {width: 24px; margin: 0 10px 0 0;}
    .contests-section .slick-list {padding: 0 115px 10px 0 !important;; }
    .slider-arrows .slick-arrow {max-width: 40px;}
    .contests-detail .btn { padding: 5px 10px; font-size: 14px; }
    .contests-wrp { padding: 40px 0; }
    /* contests */

    /* thanks */
    .thanks-number .main-title { font-size: 38px; line-height: 50px; }
    .thanks-number { padding: 50px 0 0 0; max-width: 320px; margin: 0 auto; }
    .thanks-players-wrp .btn {margin: 30px 0 0 0;}
    .thanks-players-wrp .btn { padding: 15px 28px; font-size: 19px; }
    .thanks-detail { max-width: 670px; }
    .thanks-players-wrp { padding: 20px 0; }
    .thanks-detail-left .section-title { font-size: 40px; line-height: 50px; }
    .thanks-img { max-width: 115px; width: 100%; transform: rotate(295deg) scaleX(-1); -webkit-transform: rotate(295deg) scaleX(-1); -moz-transform: rotate(295deg) scaleX(-1); -ms-transform: rotate(295deg) scaleX(-1); -o-transform: rotate(295deg) scaleX(-1); }
    .thanks-players-wrp {flex-direction: column; align-items: flex-start;}
    .thanks-number .main-title { font-size: 40px; line-height: 48px; }

    .thanks-players-inner .thanks-players-wrp {padding: 20px 0 40px;}
    /* thanks */

    /* play-win */
    .play-win-wrp { padding: 20px 0; }
    .play-win-wrp .instant-win-games-section { gap: 11px; margin: 0 -11px; }
    .play-win-wrp .instant-win-games-section { gap: 8px; margin: 0 -11px; }
    .play-win-wrp .instant-win-block { max-width: 150px;}
    /* play-win */

    /* reser passoword */
    .reset-title {font-size: 32px; line-height: 36px;}
    .reset-main .common-table { padding: 28px 32px 48px; }
    .reset-subline { margin: 28px 0;}
    .reset-title {margin: 0 0 24px 0;}
    .reset-label {margin: 0 0 8px 0;}
    .reset-form .form-group { margin: 0 0 24px 0; }
    .reset-form .form-group .input-group-text { padding: 16px 12px 16px 12px; font-size: 22px; line-height: 26px;}
    .reset-form .input-group .form-control {padding: 16px 100px 16px 12px; font-size: 22px; line-height: 26px;}
    .reset-form .reset-link { margin: 24px 0 0 0; }
    .reset-form .btn { padding: 16px 48px; }
    .reset-form .form-control::placeholder {font-size: 22px; line-height: 26px;}
    /* reser passoword */

    /* instant-win */
    .win-up-main .container { max-width: 922px; width: 100%; }
    .instant-win-games { max-width: 720px; padding: 30px 30px 102px; }
    .instant-win-games .block-detail::before { width: 100%; max-width: 400px; left: 220px; top: 10px; }
    .instant-win-block { max-width: 155px; margin: 0 11px 30px ;}
    .instant-content-bottom .detail {min-height: 43px;}
    .instant-win-block .block-detail {font-size: 20px;}
    .instant-btn { padding: 20px 0 0 0; }
    .instant-win-block .btn-black { font-size: 16px; line-height: 20px; }  
    .instant-win-block .block-detail { min-height: 75px; }  
    .win-up-wrp { margin: -85px 0 0 0; padding: 0 0 45px; }
    .instant-win-games-section {flex-wrap: wrap; justify-content: center; padding: 0;}
    .instant-content-bottom .order h6 { padding: 20px 0 25px; }
    .win-up-main {padding: 10px 0 0 ;}
    .instant-win-games .block-detail { font-size: 22px; line-height: 25px; padding: 0 0 9px;}
    /* instant-win */

    /* footer */
    .tagline { padding: 20px 0 16px 0; }
    .line-main { gap: 26px;}
    .line-main img { width: 100%; max-width: 80px; height: 100px; }
    .line-main .line { font-size: 30px; line-height:36px; }
    .client-main {gap: 24px;padding: 32px 0 32px 0;}
    /* .footer-link {justify-content: flex-start; margin: 40px 0 0 0;} */
    /* .f-logo .detail {max-width: 80%; font-size: 22px; line-height: 29px;} */
    /* .footer-main { padding: 41px 0 70px 0; } */
    /* .footer-link ul li { margin: 0 0 18px 0; } */
    /* footer */

    /* contests-page */
    .contests-page-wrp { padding: 40px 0 20px; }
    .contests-page-wrp .common-detail { padding: 10px 0 0 0; font-size: 23px; line-height: 30px; }
    .contests-inner .contests-section .row >* { margin-bottom: 50px; }
    .contests-detail h6 { font-size: 14px; line-height: 18px; }    
    /* contests-page */

    /* featured-game */
    .contests-page-wrp .common-detail { padding: 10px 0 0 0; font-size: 25px; line-height: 33px; }
    .font-34 { font-size: 27px; line-height: 27px; }
    .featured-game-detail .common-detail { font-size: 21px; line-height: 26px; }
    .featured-game-section { margin: 20px 0 0 0; padding: 30px 45px 30px 25px; }
    .featured-game-detail { padding: 0 0 0 30px; }
    .font-34 { font-size: 26px; line-height: 30px; }
    .featured-game-main { padding-bottom: 20px; }
    .featured-game-wrp {padding: 20px 0 0;}
    .featured-game-detail .section-title { padding: 0 0 15px 0; font-size: 25px; line-height: 28px; }
    .featured-game-detail .btn { margin: 82px 0 0 0; padding: 12px 20px; max-width: 230px; }
    .featured-game-detail .btn { margin: 22px 0 0 0; padding: 11px 20px; max-width: 180px; font-size: 17px; line-height: 17px; }
    /* featured-game */

    /* results */
    .results-title { padding: 0 0 0.8rem; }
    .common-results-detail .result-inner-box-section { padding: 15px 0 10px 0; }
    .results-title .section-title { font-size: 25px; line-height: 30px; }
    .common-tab .nav-tabs .nav-item { padding: 0 15px 0 0; }
    .common-results-detail .common-title {padding: 0 0 5px;}
    .py-60 { padding-top: 30px; padding-bottom: 20px; }
    .result-inner-box-block .property-detail * { font-size: 20px; line-height: 26px; }
    .result-inner-box-section .block-detail { padding: 0 0 18px; font-size: 20px; line-height: 24px; }
    .result-inner-box-block .result-box-right { padding: 20px 0 0 0; text-align: center; }
    .result-inner-box-block .btn { padding: 10px 23px; margin: 30px 0 10px 0; }    
    .result-inner-box-block .property-number * { font-size: 17px; line-height: 22px; }
    .common-tab .nav-tabs .nav-item .nav-link { padding: 11px 12px 15px; font-size: 20px; line-height: 20px; }
    .common-results { padding: 30px 0 0; }
    .result-inner-box-block .result-box { align-items: center; flex-direction: column; }
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 30px; line-height: 30px; }
    .draw-details .section-title svg { margin: 0 20px 0 0; max-width: 25px; width: 100%; }
    .draw-details-detail ul { padding: 20px 0 0 0; }
    .draw-details-detail ul li { margin: 0 0 20px; font-size: 20px; line-height: 20px; }
    .draw-details-list { padding: 40px 0 0 0; }
    .draw-details-list ul li { padding: 25px; font-size: 22px; line-height: 24px; }
    .draw-details-list-title { padding: 0 0 25px 0; }
    .draw-details-img * { max-width: 370px; height: 285px; }
    .draw-details-section .draw-details-detail { padding: 0 0 0 25px; }
    .draw-details-list ul li:not(:last-child) { margin-bottom: 25px; }
    .draw-details-list ul { padding: 0 0 50px 0; }
    .draw-details-list-title .common-detail { font-size: 28px; line-height: 35px; }
    .draw-details-list-title .draw-details-list-img { max-width: 37px; margin: 0 18px 0 0; }
    .draw-details-detail .common-detail { font-size: 28px; line-height: 35px; }
    .draw-details-detail ul li img { margin: 0 17px 0 0; max-width: 27px; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title .main-title { padding: 10px 25px; font-size: 45px; line-height: 45px; }
    .total-donated-charity-block {max-width: 335px; padding: 20px 20px 30px; flex-direction: column;}
    .total-donated-charity-section .row >* { margin-bottom: 30px; }
    .total-donated-charity-detail { padding: 20px 0 0 0; }
    .total-donated-charity-section { padding: 0 0 30px; }
    .total-donated-charity-title { padding: 0 0 50px; }
    .total-donated-charity-detail .same-detail { padding: 20px 0 30px; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 90px; height: 90px; flex: 0 0 90px; }
    .total-donated-charity-img * { max-width: 60px; height: 60px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 24px; line-height: 27px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 25px; line-height: 35px; }
    .total-donated-charity-detail .see-more { font-size: 20px; line-height: 20px; }
    .total-donated-charity-detail .detail { font-size: 24px; line-height: 30px; }    
    .total-donated-charity-title .common-title { font-size: 25px; line-height: 30px; padding: 0 0 10px 0; }
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 0.7rem; line-height: 15px; }
    .responsible-play-content .common-detail *:not(:last-child ) { margin-bottom: 20px; }
    /* .contact-us-assistance-wrp ul li:not(:last-child) { margin-bottom: 1rem; } */
    .contact-us-assistance-wrp ul li { font-size: 0.8rem; line-height: 25px; }
    .contact-us-assistance-wrp ul { padding: 0.6rem 0 0 0; }
    .contact-us-assistance-wrp { padding: 1.2rem 0; }
    .responsible-play-main .row {flex-direction: column-reverse;}
    .responsible-play-content { padding: 30px 0 50px 0; }
    /* responsible-play */

    /* player-all */
    .player-all .reset-form .input-group .form-control { padding: 18px 45px 18px 15px; }
    .common-table { padding: 30px 19px; margin: 45px 0; }
    .player-all .common-tab .nav-tabs .nav-item .nav-link { font-size: 17px; line-height: 20px; padding: 11px 11px 13px; }
    .reset-form .form-control::placeholder { font-size: 18px; line-height: 25px; }
    .reset-form .form-group .input-group-text { font-size: 18px; line-height: 20px; }
    .player-all .reset-form .form-group .input-group-text { padding: 10px 20px 10px 15px; }
    .calendar {max-width: 21px; width: 100%;}
    .player-all .common-tab { padding: 0 15px; }
    .player-all .reset-label { margin: 0 0 13px 0; }
    .common-table .player-all .common-results { padding: 30px 10px 0; }
    .player-all .common-tab .nav-tabs .nav-item { padding: 0 7px 0 0; }
    .input-group.date .form-control::placeholder {font-size: 17px; line-height: 22px;}
    .player-all .reset-form .input-group .form-control { font-size: 17px; line-height: 20px; }
    .player-all .player-btn .btn {padding: 14px 35px; font-size: 17px; line-height: 21px;}
    .player-all .player-btn { margin: 15px 0 0; }
    /* player-all */

    /* Table */
    .history-top form { column-gap: 40px; }
    .history-top { padding: 25px 17px 10px; }
    .player-all .reset-form .history-top .form-group.small-input .input-group .form-control { padding: 13.5px 100px 12.5px 18px; }

    .no-transactions img {max-width: 60px; width: 100%;}

    .funds-form .form-check { margin: 0 0 20px; }
    /* Table */

    /* bankaccnew */
    .reset-form .bankaccnew .input-group .form-control::placeholder {font-size: 17px; line-height: 20px;}
    .reset-form .bankaccnew .input-group .form-control option {font-size: 17px; line-height: 20px;}
    .new-add { padding: 15px 0 0 17px; margin: 0 0 0 -15px !important; }
    .funds-form .form-check { margin: 0 0 20px; }
    .funds-form.withdraw-form .form-check .form-check-label { font-size: 18px; line-height: 22px; }
    .bankaccnew .account-new { font-size: 18px; line-height: 20px; }
    .bankaccnew { padding: 20px 0 0 40px; }
    /* bankaccnew */

    /* coin-lins */
    .coin-lins { margin: 28px 0 30px; }
    .trc-coin { padding: 15px 0; margin: 20px 0; }
    .coin-lins .coin-same:not(:last-child) { padding: 0 0 30px 0; }
    .coin-price-in.to-number .input-group .form-control { padding: 20px 100px 20px 60px !important; }
    .trc-coin p span { padding: 5px 17px; margin: 0 15px; font-size: 18px; }
    .reset-form .trc-coin p { font-size: 21px; line-height: 25px; }
    .trc-coin p span img { width: 23px; height: 23px; margin: 0 10px 0 0; }
    .reset-form .coin-tag p { font-size: 20px; line-height: 30px; }
    /* coin-lins */

    /* friends-form */
    .friends-form .section-title { font-size: 30px; line-height: 30px; }
    .friends-form-receive .receive-left { max-width: 100%; margin: 0 0 20px;}
    .friends-form-receive { padding: 20px 0 0 0; flex-direction: column;}
    .friends-form-receive .referral-link { max-width: 100%; }
    .how-it-works-main .how-it-works-section .row >* { padding: 0 15px; }
    .how-it-works-main .how-it-works-section .row { margin: 0 -15px;}
    .how-it-works-section .how-it-works-block { padding: 30px 15px  ;}
    .how-it-works-main { padding: 55px 0 0 0; }
    .referrals-inner { margin: -20px -10px 0; }
    .reset-form .receive-left p { font-size: 19px; line-height: 20px; margin: 0 0 20px; }
    .reset-form .receive-left span { padding: 8px 30px 8px 10px; font-size: 23px; line-height: 30px; }
    .how-it-works-section .row >* {margin: 0 0 30px;}

    .referral-landing-detail .reset-form .form-group .input-group-text { padding: 16px 30px 16px 22px; }
    .referral-landing-detail .reset-form .input-group .form-control { padding: 18px 100px 18px 30px; }
    .referral-landing-detail .reset-form .input-group .form-control::placeholder {font-size: 20px; line-height: 23px;}
    .referral-landing-detail .section-title { font-size: 33px; line-height: 40px;}
    .referral-landing-wrp { padding: 50px 0 0; }
    .referral-landing-wrp .btn { font-size: 18px; line-height: 23px;}
    .get-free-wrp { padding: 45px 0 35px;}
    .get-free-wrp .common-detail span { margin: 0 10px; }
    .get-free-wrp .detail { padding: 25px 0 0 0; }
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 50px; line-height: 60px; }
    .typography-detail h2 { font-size: 45px; line-height: 50px; }
    .typography-detail h3 { font-size: 40px; line-height: 45px; }
    .typography-detail h4 { font-size: 35px; line-height: 40px; }
    /* Typography */

    /* Enter Draw */
    .draw-details{padding: 20px;border-radius: 10px;}
    .draw-wrp .contests-block .contests-img *{border-radius: 10px;}
    .draw-details h2{font-size: 22px;line-height: 32px;}
    .draw-details h3,.play-with h4{font-size: 16px;}
    .entrycost{padding: 12px 20px;font-size: 14px;}
    .quantity-box h6{font-size: 15px;margin: 0 15px 0 0;}
    .input-box{max-width:40px;font-size: 17px;}
    .quantity{margin: 0 0 0 auto;}
    .quantity button, .quantity button.minus{width: 30px;height: 30px;min-width: 30px;background-size: 40%;}
    .iner-qn img{width: 20px;}
    .iner-qn{margin: 0 5px;}
    .input-box{padding: 0 5px;}
    .total-block h5,.price-databox p,.price-databox ul li,.play-with ul li{font-size: 14px;line-height: 20px;}
    .total-block h5 span{font-size: 23px;}
    .current-balbx{max-width: 280px;padding: 12px;margin: 0 auto 15px;border-radius: 10px;}
    .draw-details .btn-group{margin: 0 0 20px;}
    .current-balbx p{font-size: 16px;}
    .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 16px;}
    .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 17px;padding: 12px;}
    .draw-details .btn-group .btn-entry span{font-size: 21px;}
    .price-details .accordion .accordion-item .accordion-button:before{width: 15px;height: 15px;}
    .draw-wrp .contests-block{margin: 0;}
    .balance-row{flex-flow: column;}
    .price-details .accordion .accordion-item .accordion-button{padding: 15px 40px 15px 0;}
    .play-with ul li:before{width: 15px;height: 15px;}
    .play-with ul li{padding: 0 0 0 25px;margin: 0 0 10px;}
    /* Enter Draw */
    .common-detail { font-size: 16px; }
    .common-detail.date-active { font-size: 16px;}
    .common-detail.timer-active { font-size: 16px;}
    .img-time-block { font-size: 16px; width: 17px; }
}

@media (min-width: 767px) and (max-width: 923px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(210px, 280px));}
    .f-logo .detail { font-size: 0.7rem; }
}

@media (min-width: 924px) {
    .rows:not(:has(:nth-child(4))) { justify-content: flex-start; }
}

@media (max-width: 767px) {
    .responsible-page .section-title h3 { font-size: 1rem; }
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: flex; flex-direction: column; }
    .img-time-block { font-size: 18px; width: 17px; }
    .rows { grid-template-columns: repeat(auto-fit, minmax(200px, 220px));}
    .container-width { margin: 0 5%; }
    .time-block-custom { width: 10rem; }
    .header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999;}
    .content {padding: 74px 0 0 0;}
    .content-header-two {padding: 120px 0 0 0;}


    .main-title { font-size: 30px; line-height: 45px; }
    .section-title { font-size: 25px; line-height: 30px; }
    .contests-page-wrp .common-detail { font-size: 18px; line-height: 22px; }

    /* Header 1 */
    .navbar-brand { max-width: 110px;}
    .header .navbar-nav .nav-item { padding: 15px 0; }
    /* Header 1 */

    /* Header 2 */
    .header-user-profile .header-sign-top-close { padding: 15px 15px; }
    .header-user-bottom-detail { padding: 20px 15px 15px; }
    .left-profile .name { font-size: 22px; line-height: 25px; }    
    .header-sign-top-close { padding: 20px 20px; }
    .header-user-bottom-detail-menu { padding: 20px 0 0 0; }
    .header-funds ul { padding: 11px 20px 25px; }
    .left-profile .detail { font-size: 16px; line-height: 20px; padding: 6px 0 0 0; }
    .left-profile .detail { font-size: 18px; line-height: 22px; padding: 10px 0 0 0; }
    .header-sign-top { top: 53px !important; }
    .header-user-profile .points { font-size: 18px; line-height: 20px; }
    .header-user-profile .points span { padding: 3px 9px; font-size: 16px; line-height: 17px; margin: 0 8px; border-width: 2px; }
    .header-user-profile .points span img { max-width: 19px;}
    .header-user-bottom-detail .convert p { font-size: 15px; line-height: 20px; margin: 0 0 7px; }
    .header-user-bottom-detail .convert h6 { font-size: 16px; line-height: 16px; }
    .header-user-bottom-detail .convert { padding: 10px 0 15px; }
    .header-user-profile .btn { padding: 5px 14px; font-size: 16px; }
    .header-user-bottom-detail-menu h5 { font-size: 22px; line-height: 25px; margin: 0 0 10px 0; }
    .header-user-profile { width: 350px; left: 0px !important; overflow: auto; max-height: 600px; }
    .header-funds { width: 250px; left: -80px !important; }
    .header-sign .funds-menu .link-nav { padding: 6px 19px;}
    .header-sign .funds-menu .link-nav { font-size: 18px; line-height: 18px; }
    .header-sign .funds-menu { margin: 0 0 0 15px; }
    .header-sign .funds-menu .dropdown-toggle::after {margin: 0 0 0 12px;}
    .header-funds ul .dropdown-item, .header-user-bottom-detail-menu ul .dropdown-item { padding: 15px 15px; font-size: 15px; line-height: 20px; }
    .header-funds ul li:not(:last-child),.header-user-bottom-detail-menu ul li:not(:last-child) { margin-bottom: 10px; }
    .header-user-bottom-detail-menu .btn-yellow { padding: 5px 10px; max-width: 160px; margin: 20px auto 0; font-size: 18px; line-height: 23px; }
    .header-user-profile .common-detail { font-size: 22px; line-height: 23px; padding: 0 0 13px; }
    .header-sign { padding: 0 50px 0 0; }
    .user-menu .link-nav { width: 35px; height: 35px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .user-menu .link-nav svg {width: 22px;}

    /* banner */
    .banner-wrp .main-title {margin: 0 0 10px 0; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.16);}
    .banner-wrp .btn { padding: 8px 28px; font-size: 17px; list-style: 20px; }
    .banner-wrp .banner-detail { max-width: 600px; padding: 20px 10px 25px 20px; }
    .banner-wrp .row {flex-direction: column-reverse;}
    /* banner */
    
    /* contests */
    .time-block .common-detail { font-size: 20px; line-height: 25px; }
    .contests-block .time-block { padding: 10px 22px; }
    .contests-detail .section-title { padding: 5px 0 0 0; font-size: 18px; line-height: 18px; }
    .contests-detail .detail { font-size: 17px; line-height: 20px; }
    .contests-detail .section-title h4 { font-size: 14px; line-height: 16px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail .detail { font-size: 14px; }
    .contests-detail { height: calc(100% - 260px); padding: 10px 15px 10px; min-height: 200px; }
    .contests-block .contests-img { height: 150px; }
    .contests-block { margin: 0 30px 0 0; }
    .contests-block .time-block img {width: 24px; margin: 0 10px 0 0;}
    .contests-section .slick-list {padding: 0 115px 10px 0 !important;; }
    .slider-arrows .slick-arrow {max-width: 30px;}
    .contests-detail .btn { padding: 5px 8px; font-size: 12px; }
    .contests-btn .btn { 	width: 100%; }
    .contests-wrp { padding: 40px 0 20px; }
    .contests-title .detail { font-size: 16px; line-height: 20px; }    
    .slider-arrows .slick-prev { margin: 0 15px 0 0; }
    .contests-left .section-title { margin: 0 25px 0 0; font-size: 30px; line-height: 35px; }
    /* contests */
    
    /* play-win */
    .play-win-wrp { padding: 20px 0 10px; }
    .play-win-wrp .instant-win-games-section { gap: 11px; margin: 0 -11px; }
    .play-win-wrp .instant-win-games-section { gap: 8px; margin: 0 -11px; }
    .play-win-wrp .instant-win-block { max-width: 150px;}
    /* play-win */
    
    /* thanks */
    .thanks-number .main-title { font-size: 35px; line-height: 50px; }
    .thanks-number { padding: 50px 0 0 0; max-width: 280px; margin: 0 auto; }
    .thanks-players-wrp .btn { padding: 13px 20px; font-size: 17px; line-height: 20px; margin: 20px 0 0 0; }
    .thanks-detail { max-width: 670px; }
    .thanks-players-wrp { padding: 20px 0 30px; }
    .thanks-detail-left .section-title { font-size: 38px; line-height: 50px; }
    .thanks-img { max-width: 115px; width: 100%; transform: rotate(295deg) scaleX(-1); -webkit-transform: rotate(295deg) scaleX(-1); -moz-transform: rotate(295deg) scaleX(-1); -ms-transform: rotate(295deg) scaleX(-1); -o-transform: rotate(295deg) scaleX(-1); }
    .thanks-players-wrp {flex-direction: column; align-items: flex-start;}

    .thanks-players-inner .thanks-players-wrp {padding: 10px 0 25px;}
    /* thanks */

    /* reset title */
    .reset-title { font-size: 28px; line-height: 32px; margin: 0 0 24px 0; }
    .reset-label { font-size: 18px; line-height: 20px; margin: 0 0 10px 0; }
    .reset-form .form-group .input-group-text { padding: 16px 14px 16px 14px; font-size: 16px; line-height: 20px;}
    .reset-form .input-group .form-control  { padding: 16px 30px 16px 20px; font-size: 16px; line-height: 20px;}
    .reset-form .hide-pass .input-group .form-control  { padding-right: 70px;}
    .reset-form .form-control::placeholder {font-size: 16px; line-height: 20px;}
    .reset-form .form-group { margin: 0 0 16px 0; }
    /* .reset-form .btn { padding: 16px 48px;font-size: 18px; line-height: 22px; } */
    .reset-form .btn { padding: 10px 35px; font-size: 17px; line-height: 22px; }
    .reset-form .reset-link { margin: 24px 0 0 0; }
    .reset-main .common-table { padding: 20px 20px 42px;}
    .reset-form p { font-size: 20px; line-height: 22px;}
    .reset-subline { margin: 24px 0;font-size: 16px;line-height: 20px; }
    .reset-form .input-group .input-span {right: 24px; font-size: 16px;line-height: 18px;}
    /* reset title */



    /* blank page */
    .blank-title {font-size: 24px;line-height: 32px;}
    .blank-main .blank-text {font-size: 18px; line-height: 32px;margin: 28px 0 0 0 ;}
    .common-table {padding: 31px 23px;margin: 27px 0;}
    /* blank page */


    /* help page */
    .accordion-main .help-text { font-size: 18px; line-height: 22px;}
    .accordion-body { padding: 12px 16px 25px 16px; }
    /* help page */

    /* contact page */
    /* accordion  */
    .accordion-main .accordion-button { padding: 16px ; }
    .help-main .accordion-body { padding: 12px 16px 25px 16px; }
    .common-table { padding: 20px 15px;}
    .accordion-button:not(.collapsed)::after { width: 18px; height: 13px; object-fit: cover; background-size: 100% 100%; }
    .accordion-button::after { width: 18px; height: 13px; object-fit: cover; background-size: 100% 100%; }
    .accordion-main .accordion-button { font-size: 18px; line-height: 22px;}
    .chat-btn button { gap: 10px; padding: 12px 16px; font-size: 14px; line-height: 16px; }
    /* accordion  */
    /* contact page */

    /* instant-win */
    .win-up-main .container { max-width: 922px; width: 100%; }
    .instant-win-games { max-width: 550px; padding: 30px 27px 102px; }
    .instant-win-games .block-detail::before { width: 100%; max-width: 280px; left: 220px; top: 10px; }
    .instant-win-block { max-width: 155px; margin: 0 11px 30px ;}
    .instant-content-bottom .detail {min-height: 43px;}
    .instant-win-block .block-detail {font-size: 20px;}
    .instant-btn { padding: 7px 0 0 ; }
    .instant-win-block .btn-black { font-size: 16px; line-height: 20px; }  
    .instant-win-block .block-detail { min-height: 75px; }  
    .win-up-wrp { margin: -85px 0 0 0; padding: 0 0 30px; }
    .instant-win-games-section {flex-wrap: wrap; justify-content: center; padding: 0;}
    .instant-content-bottom .order h6 { padding: 20px 0 25px; }
    .win-up-main {padding: 10px 0 0 ;}
    .instant-win-games .block-detail { font-size: 22px; line-height: 25px; padding: 0 0 9px;}
    .instant-btn .btn { padding: 14px 47px; font-size: 17px; line-height: 19px; }
    /* instant-win */

    /* footer */
    /* .client-main { flex-direction: column; gap: 28px;  padding: 28px 0 28px 0;} */
    .client-main .social-img {justify-content: center; margin-bottom: 0;}
    .client-main .client-img {justify-content: center; margin-bottom: 8px;}
    /* .footer-main { padding: 41px 0 60px 0; } */
    .f-logo { flex-direction: column; width: 100%; text-align: center; margin-bottom: 0.5rem; }
    .f-logo .detail {font-size: 0.6rem;}
    .img-fluid-figure { width: 100%; justify-content: center; }
    .footer-link { text-align: center; }
    .footer-link .link-heading { text-align: center; font-size: 0.7rem; margin: 0; }
    .links-div { flex-direction: column; }
    .links-div ul li a { font-size: 0.7rem; }
    .img-fluid-footer { width: 5rem; }
    /* .footer-link .link-heading {margin: 0 0 20px 0;} */
    /* .footer-link ul li { margin: 0 0 12px 0; } */
    .footer-link {gap: 0; justify-content: space-between;}
    /* footer */

    /* contests-page */
    .contests-page-wrp { padding: 30px 0 20px; }
    .contests-page-wrp .common-detail { padding: 10px 0 0 0; font-size: 20px; line-height: 25px; }
    .contests-inner .contests-section .row >* { margin-bottom: 50px; }
    .contests-detail h6 { font-size: 12px; line-height: normal; }   
    .contests-inner .contests-wrp { padding: 30px 0 20px; } 
    .contests-inner .contests-section .row >* { margin-bottom: 30px; }
    .contests-inner .contests-block { margin: 0; }
    /* contests-page */

    /* featured-game */
    .contests-page-wrp .common-detail { padding: 10px 0 0 0; font-size: 25px; line-height: 33px; }
    .font-34 { font-size: 27px; line-height: 27px; }
    .featured-game-detail .common-detail { font-size: 21px; line-height: 26px; }
    .featured-game-section { margin: 20px 0 0 0; padding: 30px 30px; flex-direction: column; }
    .featured-game-detail { padding: 20px 0 0 0; }
    .font-34 { font-size: 20px; line-height: 22px; }
    .featured-game-main { padding-bottom: 20px; }
    .featured-game-wrp {padding: 10px 0 0;}
    .featured-game-detail .section-title { padding: 0 0 10px 0; font-size: 22px; line-height: 23px; }
    .featured-game-detail .btn { margin: 82px 0 0 0; padding: 12px 20px; max-width: 230px; }
    .featured-game-detail .btn { margin: 22px 0 0 0; padding: 11px 20px; max-width: 180px; font-size: 17px; line-height: 17px; }
    /* featured-game */

    /* results */
    .container-1600 .container,.same-container .container { max-width: 540px; }

    .results-title { padding: 0 0 0.6rem; }
    .common-results-detail .result-inner-box-section { padding: 10px 0 10px 0; }
    .results-title .section-title { font-size: 22px; line-height: 25px; }
    .common-tab .nav-tabs .nav-item { padding: 0 15px 0 0; }
    .common-results-detail .common-title { font-size: 23px; line-height: 25px; padding: 0 0 5px; }
    .py-60 { padding-top: 30px; padding-bottom: 20px; }
    .result-inner-box-block .property-detail * { font-size: 20px; line-height: 26px; }
    .result-inner-box-section .block-detail { padding: 0 0 14px; font-size: 18px; line-height: 20px; }
    .result-inner-box-block .result-box-right { padding: 20px 0 0 0; text-align: center; }
    .result-inner-box-block .btn { padding: 10px 23px; margin: 20px 0 5px 0; }    
    .result-inner-box-block .property-number * { font-size: 17px; line-height: 22px; padding: 10px 0 0 0;}
    .common-tab .nav-tabs .nav-item .nav-link { padding: 11px 12px 15px; font-size: 20px; line-height: 20px; }
    .common-results { padding: 20px 0 0; }
    .result-inner-box-block .result-box { align-items: center; flex-direction: column; }
    .result-inner-box-block .row >* { margin: 0 0 20px; }
    /* results */

    /* draw-details */
    .draw-details .section-title { font-size: 30px; line-height: 30px; }
    .draw-details .section-title svg { margin: 0 20px 0 0; max-width: 25px; width: 100%; }
    .draw-details-detail ul { padding: 20px 0 0 0; }
    .draw-details-detail ul li { margin: 0 0 15px; font-size: 15px; line-height: 20px; }
    .draw-details-list { padding: 40px 0 0 0; }
    .draw-details-list ul li { padding: 20px; font-size: 20px; line-height: 20px; }
    .draw-details-list-title { padding: 0 0 25px 0; }
    .draw-details-img * { max-width: 270px; height: 215px; }
    .draw-details-section .draw-details-detail { padding: 0 0 0 25px; }
    .draw-details-list ul li:not(:last-child) { margin-bottom: 20px; }
    .draw-details-list ul { padding: 0 0 30px 0; }
    .draw-details-list-title .common-detail { font-size: 23px; line-height: 25px; }
    .draw-details-list-title .draw-details-list-img { max-width: 27px; margin: 0 15px 0 0; }
    .draw-details-detail .common-detail { font-size: 25px; line-height: 30px; }
    .draw-details-detail ul li img { margin: 0 17px 0 0; max-width: 20px; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title .main-title { padding: 10px 25px; font-size: 45px; line-height: 45px; }
    .total-donated-charity-block {max-width: 100%; padding: 20px 20px 30px; flex-direction: column;}
    .total-donated-charity-section .row >* { margin-bottom: 30px; }
    .total-donated-charity-detail { padding: 20px 0 0 0; }
    .total-donated-charity-section { padding: 0 0 30px; }
    .total-donated-charity-title { padding: 15px 0 40px; }
    .total-donated-charity-detail .same-detail { padding: 20px 0 30px; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 90px; height: 90px; flex: 0 0 90px; }
    .total-donated-charity-img * { max-width: 60px; height: 60px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 24px; line-height: 27px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 25px; line-height: 35px; }
    .total-donated-charity-detail .see-more { font-size: 20px; line-height: 20px; }
    .total-donated-charity-detail .detail { font-size: 24px; line-height: 30px; }    
    .total-donated-charity-title .common-title { font-size: 25px; line-height: 30px; padding: 0 0 10px 0; }
    /* charity */

    /* responsible-play */
    .responsible-play-content .common-detail { font-size: 0.7rem; line-height: 15px; }
    .responsible-play-content .common-detail *:not(:last-child ) { margin-bottom: 15px; }
    /* .contact-us-assistance-wrp ul li:not(:last-child) { margin-bottom: 0.5rem; } */
    .contact-us-assistance-wrp ul li { font-size: 0.7rem; line-height: 25px; }
    .contact-us-assistance-wrp ul { padding: 0.5rem 0 0 0; }
    .contact-us-assistance-wrp { padding: 1rem 0; }
    .responsible-play-main .row {flex-direction: column-reverse;}
    .responsible-play-content { padding: 30px 0 50px 0; }
    /* responsible-play */

    /* player-all */
    .player-all .reset-form .input-group .form-control { padding: 18px 45px 18px 15px; }
    .common-table { padding: 25px 19px; margin: 30px 0 40px; }
    .player-all .common-tab .nav-tabs .nav-item .nav-link { font-size: 16px; line-height: 18px; padding: 11px 9px 12px; }
    .reset-form .form-control::placeholder { font-size: 18px; line-height: 25px; }
    .reset-form .form-group .input-group-text { font-size: 18px; line-height: 20px; }
    .player-all .reset-form .form-group .input-group-text { padding: 10px 20px 10px 15px; }
    .calendar {max-width: 21px; width: 100%;}
    .player-all .common-tab { padding: 0 15px; }
    .player-all .reset-label { margin: 0 0 13px 0; }
    .common-table .player-all .common-results { padding: 30px 10px 0; }
    .player-all .common-tab .nav-tabs .nav-item { padding: 0 7px 0 0; }
    .input-group.date .form-control::placeholder {font-size: 17px; line-height: 22px;}
    .player-all .reset-form .input-group .form-control { font-size: 17px; line-height: 20px; }
    .player-all .player-btn .btn {padding: 14px 35px; font-size: 17px; line-height: 21px;}
    .player-all .player-btn { margin: 15px 0 0; }
    /* player-all */

    /* Tabel */
    #no-more-tables td {font-size: 14px; line-height: 18px;}
    .history-top form { column-gap: 20px; }
    .history-top { padding: 20px 17px 10px; }
    .player-all .reset-form .history-top .form-group.small-input .input-group .form-control { padding: 13.5px 40px 12.5px 18px; }

    .no-transactions img {max-width: 50px; width: 100%;}
    .history-table table { height: 500px; }
    .history-table table .blank-table p { font-size: 18px; line-height: 22px; }
    /* Tabel */

    /* funds-form */
    .funds-form .form-check { margin: 0 0 20px; }
    .payment-stap { margin: 30px 0 0 0; padding: 20px 20px; }
    /* funds-form */

    /* bankaccnew */
    .reset-form .bankaccnew .input-group .form-control::placeholder {font-size: 16px; line-height: 18px;}
    .reset-form .bankaccnew .input-group .form-control option {font-size: 16px; line-height: 18px;}
    .new-add { padding: 15px 0 0 17px; margin: 0 0 0 -15px !important; }
    .funds-form .form-check { margin: 0 0 20px; }
    .funds-form.withdraw-form .form-check .form-check-label { font-size: 18px; line-height: 22px; }
    .bankaccnew .account-new { font-size: 18px; line-height: 20px; }
    .bankaccnew { padding: 20px 0 0 40px; }
    .player-all .reset-form .bankaccnew .input-group .form-control { padding: 18px 15px 18px 15px; }
    .bankaccnew .form-group .account-number { margin: 0 0 0 15px; }
    /* bankaccnew */

    /* coin-lins */
    .coin-lins { margin: 18px 0 20px; }
    .trc-coin { padding: 12px 0; margin: 20px 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .coin-lins .coin-same:not(:last-child) { padding: 0 0 30px 0; }
    .coin-price-in.to-number .input-group .form-control { padding: 18px 100px 18px 60px !important; }
    .trc-coin p span { padding: 5px 17px; margin: 0 15px; font-size: 18px; }
    .reset-form .trc-coin p { font-size: 21px; line-height: 25px; }
    .trc-coin p span img { width: 23px; height: 23px; margin: 0 10px 0 0; }
    .reset-form .coin-tag p { font-size: 17px; line-height: 20px; }
    .coin-tag img { max-width: 24px; }
    .player-all .reset-form .converting .input-group .form-control { padding-right: 130px; }
    /* coin-lins */

    /* friends-form */
    .friends-form .section-title { font-size: 25px; line-height: 30px; }
    .friends-form-receive .receive-left { max-width: 100%; margin: 0 0 20px;}
    .friends-form-receive { padding: 20px 0 0 0; flex-direction: column;}
    .friends-form-receive .referral-link { max-width: 100%; }
    .how-it-works-main .how-it-works-section .row >* { padding: 0 15px; }
    .how-it-works-main .how-it-works-section .row { margin: 0 -15px;}
    .how-it-works-section .how-it-works-block { padding: 30px 15px  ;}
    .how-it-works-main { padding: 40px 0 0 0; }
    .referrals-inner { margin: -20px -10px 0; }
    .reset-form .receive-left p { font-size: 19px; line-height: 20px; margin: 0 0 20px; }
    .reset-form .receive-left span { padding: 8px 30px 8px 10px; font-size: 23px; line-height: 30px; }
    .how-it-works-section .row >* {margin: 0 0 30px;}

    .referral-landing-detail .reset-form .form-group .input-group-text { padding: 16px 30px 16px 22px; }
    .referral-landing-detail .reset-form .input-group .form-control { padding: 18px 70px 18px 15px; }
    .referral-landing-detail .reset-form .input-group .form-control::placeholder {font-size: 18px; line-height: 20px;}
    .referral-landing-detail .section-title { font-size: 30px; line-height: 40px;}
    .referral-landing-wrp { padding: 50px 0 0; flex-direction: column; align-items:center; }
    .referral-landing-wrp .btn { font-size: 17px; line-height: 20px; padding: 14px 30px; }
    .get-free-wrp { padding: 45px 0 35px;}
    .get-free-wrp .common-detail span { margin: 0 10px; }
    .get-free-wrp .detail { padding: 25px 0 0 0; }
    .referral-landing-img {max-width: 350px; width: 100%; margin: 0 auto;}
    /* friends-form */

    /* Typography */
    .typography-detail h1 { font-size: 40px; line-height: 45px; }
    .typography-detail h2 { font-size: 35px; line-height: 40px; }
    .typography-detail h3 { font-size: 30px; line-height: 35px; }
    .typography-detail h4 { font-size: 28px; line-height: 35px; }
    /* Typography */

    .register-list h6 { padding: 0 0 30px 0;    font-size: 20px; line-height: 25px; }
    .register-page .reset-form .btn { max-width: 225px; padding: 15px 7px; font-size: 16px; line-height: 18px; }
    .register-list ul li { font-size: 20px; line-height: 23px; }

    .reset-wrapper .reset-form .input-group .form-control { padding: 13px 25px 13px; font-size: 21px; line-height: 23px;}
    .friends-form-receive .referral-link .player-btn p { font-size: 17px; line-height: 21px; bottom: -30px; }
    .age-line { justify-content: center;}
    .age-line .icon-box { font-size: 0.8rem;  padding: 0.3rem; }
    .converting-section .form-group .input-group .text-danger { font-size: 13px; line-height: 14px; bottom: -15px; }
    .history-top .form-group.period { max-width: 100%; }

    /* Enter Draw */
    .draw-details{padding: 15px;margin-top: 30px;}
    .draw-details h2{font-size: 22px;line-height: 40px;}
    .draw-details h3,.play-with h4{font-size: 18px;}
    .entrycost{padding: 15px 23px;font-size: 15px;}
    .quantity-box{display: block;}
    .quantity-box h6{font-size: 17px;margin: 0 0 20px;}
    .quantity button,.quantity button.minus{width: 40px;min-width: 40px;height: 40px;font-size: 16px;}
    .inner-head p, .price-databox p,.total-block h5,.price-databox p,.price-databox ul li,.play-with ul li{font-size: 17px;}
    .total-block h5 span{font-size: 23px;}
    .current-balbx{max-width: 100%;padding: 12px;margin: 0 0 20px;}
    .current-balbx p{font-size: 18px;}
    .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 19px;}
    .balance-row{display: block;}
    .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 17px;padding: 12px;}
    .draw-details .btn-group .btn-entry span{font-size: 21px;}
    .price-details .accordion .accordion-item .accordion-button:before{width: 15px;height: 15px;}
    .draw-wrp .contests-block{margin: 0;}
    /* Enter Draw */
    .common-detail { font-size: 14px; }












    #no-more-tables .toggle-btn {
    display: inline-block;
    border: none;
    background: transparent;
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.15rem;
    transform-origin: center;
  }

  /* hide the header */
  #no-more-tables table thead { display: none !important; }

  /* stack rows */
  #no-more-tables table,
  #no-more-tables tbody,
  #no-more-tables tr { display: block !important; width: 100% !important; }

  /* each cell becomes block */
  #no-more-tables td {
    display: block !important;
    width: 100% !important;
    padding: 0 0.75rem ;
    border: none !important;
    box-sizing: border-box;
    background: transparent;
  }

  /* date + toggle inline */
  #no-more-tables td .summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }

  #no-more-tables td .date {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* hide other columns until expanded */
  #no-more-tables td[data-title]:not(:first-child) {
    display: none !important;
    padding-left: 0.5rem !important;
    color: #333;
    border-top: 1px solid #f0f0f0;
  }

  /* show when row has .expanded */
  #no-more-tables tr.expanded td[data-title]:not(:first-child) {
    display: block !important;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 18px;
  }

  /* label before each detail cell */
  #no-more-tables td[data-title]:not(:first-child)::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    display: inline-block;
    width: 110px;
  }

  /* chevron rotate using aria-expanded state */
  #no-more-tables .toggle-btn[aria-expanded="false"] { transform: rotate(0deg); }
  #no-more-tables .toggle-btn[aria-expanded="true"]  { transform: rotate(90deg); }

  /* focus ring */
  #no-more-tables .toggle-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(0,123,255,0.14); }

  .history-table .table-bordered tr, .history-table .table-bordered td, .history-table .table-bordered th { height: auto; }
  #no-more-tables td:before { position: relative; top: 0; left: -7px;}

  #no-more-tables td[data-title]:not(:first-child) {
    position: relative;        /* for absolutely positioned ::before */
    padding-left: calc(110px + 0.5rem); /* leave room for label (width + gap) */
  }

  #no-more-tables td[data-title]:not(:first-child)::before {
    content: attr(data-title) ": ";
    position: absolute;
    left: 4px;
    top: 0;
    width: 140px;              /* label column width */
    display: inline-block;
    font-weight: 700;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 15px;
    font-size: small;
  }

  /* hide pseudo-label for the summary / first cell */
  #no-more-tables td:first-child[data-title]::before { content: ""; }
  .line-main img { width: 100%; max-width: 65px; height: 80px; }
  .line-main .line { font-size: 1.5rem; line-height: 24px; }
  .container{ max-width: 600px }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
    .img-time-block { font-size: 18px; width: 17px; }
    .rows { grid-template-columns: repeat(auto-fit, minmax(180px, 235px));}
    .time-block-custom { width: 10rem; }
    /* footer */
    .tagline { padding: 30px 0 16px 0; }
    .line-main { gap: 24px;}
    .getit-image .apple-store {margin: 0 24px 0px 0;}
    /* footer */
    .common-detail { font-size: 16px; }
    .common-detail.date-active { font-size: 14px;}
    .common-detail.timer-active { font-size: 14px;}
    .img-time-block { font-size: 14px; width: 17px; }
    .img-time-block { font-size: 21px; width: 28px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h4 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail .detail { font-size: 12px;}
}

@media (min-width: 240px) and (max-width: 575px){
    .img-time-block { font-size: 18px; width: 16px; }
    .rows { grid-template-columns: repeat(auto-fit, minmax(160px, 200px));}
    .time-block-custom { width: 8rem; }
    .header-sign-top { top: 43px !important; left: 0 !important; }
    .header-two .navbar-toggler { position: relative; top: unset; transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .header-sign { padding: 10px 0 0 0; width: 100%; justify-content: space-between; flex-direction: row-reverse; }
    .header-sign .funds-menu {margin: 0;}
    .header-user-profile { width: 350px; left: -315px !important; overflow: auto; max-height: 530px;}
    .contests-section .slick-list { padding: 0 35px 10px 0 !important; }
    .contests-block { margin: 0 10px; }
    .contests-title { align-items: flex-start; padding: 0 0 26px; }
    .contests-left { display: flex; flex-direction: column; align-items: flex-start;}
    .slider-arrows {padding: 10px 0 0 0;}
    .contests-wrp { padding: 30px 0 20px; }
    .contests-title .detail {position: relative; top: 2px;}
    .contests-left .section-title { margin: 0 25px 0 0; font-size: 25px; line-height: 30px; }

    /* Thanks */
    .thanks-detail-left {width: 100%; position: relative;}
    .thanks-img {position: absolute; right: 0; max-width: 80px;}
    .thanks-detail-left .section-title * br { display: none; }
    .thanks-detail-left .section-title { font-size: 30px; line-height: 37px; }
    .thanks-number .main-title { font-size: 30px; line-height: 40px; }
    .thanks-number { padding: 40px 0 0 0; }
    /* Thanks */

    /* instant-win */
    .instant-win-games .block-detail::before { width: 100%; max-width: 90px; left: 220px; top: 10px; }
    .instant-win-games { max-width: 100%; padding: 25px 20px 102px; }
    .instant-win-games .block-detail { font-size: 18px; line-height: 21px; padding: 0 0 10px 0; }
    .instant-win-games .block-detail::before { width: 100%; max-width: 100px; left: 185px; top: 10px; }
    .instant-win-games .main-title { font-size: 28px; line-height: 33px; }
    .instant-win-block { max-width: 140px; margin: 0 5px 30px; }
    .instant-win-games-section { padding: 0; justify-content: space-between; }
    .win-up-main { padding: 10px 15px 0; }
    /* instant-win */

    /* footer */
    .tagline { padding: 20px 0 18px; }
    .line-main { gap: 5px;}
    .line-main img { width: 100%; max-width: 40px; height: 55px; }
    .line-main .line { font-size: 1rem; line-height: 15px; }
    .getit-image .apple-store {margin: 0 24px 0px 0;}
    /* .footer-link { flex-direction: column; align-items: flex-start; gap: 12px;} */
    /* footer */

    /* contests-page */
    .contests-page-wrp .common-detail { padding: 10px 0 0 0; font-size: 18px; line-height: 23px; }
    .contests-inner .contests-wrp { padding: 10px 0 20px; }
    .featured-game-section { margin: 20px 0 0 0; padding: 25px 20px;}
    .game-img {max-width: 190px; margin: 0 auto; width: 100%;}
    /* contests-page */

    /* play-win */
    .play-win-wrp { padding: 10px 0 10px; }
    .play-win-wrp .instant-win-games-section { padding: 15px 0 0 0; }
    .play-win-wrp .instant-win-block { max-width: 45%; }
    /* play-win */

    /* results */
    .common-tab { border-bottom: 1px solid #060B19; padding: 0 10px; }
    .common-tab .nav-tabs .nav-item .nav-link { padding: 10px 11px 13px; font-size: 17px; line-height: 17px; }
    .common-tab .nav-tabs .nav-item { padding: 0 4px 0 0; }
    /* results */

    /* draw-details */
    .draw-details-section {flex-direction: column;}
    .draw-details .section-title { font-size: 20px; line-height: 23px; }
    .draw-details .section-title svg { margin: 0 13px 0 0; max-width: 17px; width: 100%; }
    .draw-details-img * { max-width: 100%;}
    .draw-details-section .draw-details-detail { padding: 20px 0 0; }
    .draw-details-list { padding: 30px 0 0 0; }
    .draw-details-list ul li span { padding: 0 30px 0 0; }
    .draw-details-list ul li { padding: 17px; font-size: 17px; line-height: 18px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    /* draw-details */

    /* charity */
    .total-donated-charity-title { padding: 0 0 40px; }
    .total-donated-charity-title .main-title { padding: 7px 19px; font-size: 36px; line-height: 39px; }
    .total-donated-charity-title .common-title { font-size: 21px; line-height: 24px; padding: 0 0 7px 0; }
    .total-donated-charity-block .total-donated-charity-img { max-width: 80px; height: auto; flex: 0 0 80px; }
    .total-donated-charity-detail .see-more { font-size: 18px; line-height: 20px; }
    .total-donated-charity-detail .same-detail { padding: 15px 0 20px; }
    .total-donated-charity-detail .same-detail h5 { font-size: 21px; line-height: 24px; }
    .total-donated-charity-detail .same-detail h6 { font-size: 22px; line-height: 35px; }
    .total-donated-charity-section { padding: 0 0 10px; }
    /* charity */

    .contact-us-assistance-wrp ul li { font-size: 0.7rem; line-height: 15px; }
    .contact-us-assistance-wrp { padding: 1rem 0; }
    .responsible-play-content { padding: 20px 0 30px 0; }
    .responsible-play-content .common-detail { font-size: 0.7rem; line-height: 15px; }

    .player-profile-wrp.common-table { padding: 18px 10px; margin: 30px 0 40px; }
    .player-all .common-tab { padding: 0 5px; }
    .player-all .common-tab .nav-tabs .nav-item .nav-link { font-size: 15px; line-height: 16px; padding: 9px 10px 9px; }
    .player-all .reset-form .input-group .form-control { padding: 15px 25px 15px 10px; }
    .player-all .reset-form .input-group.date .form-control { padding: 15px 45px 15px 10px; }
    .reset-form .form-group .input-group-text { font-size: 16px; line-height: 16px; }
    .player-all .reset-form .form-group .input-group-text { padding: 8px 12px 7px 12px; }
    .reset-form .form-control::placeholder { font-size: 16px; line-height: 20px; }
    .input-group.date .form-control::placeholder {font-size: 16px; line-height: 20px;}
    .player-all .player-btn .btn { padding: 11px 26px; font-size: 16px; line-height: 20px; }
    .player-all .reset-form .input-group .form-control { font-size: 16px; line-height: 18px; }
    .form-select option { font-size: 15px; line-height: 20px; }

    /* Tabel */
    #no-more-tables td {font-size: 14px; line-height: 18px;}
    .history-top form { column-gap: 20px; flex-direction: column; }
    .history-top { padding: 20px 17px 10px; }
    .player-all .reset-form .history-top .form-group.small-input .input-group .form-control { padding: 11.5px 30px 10.5px 15px; }
    .player-all .history-top .reset-label { margin: 0 0 9px 0; font-size: 14px; }
    /* Tabel */

    /* payment-lable */
    .payment-lable { margin: 20px 0 20px !important; }
    .player-all .form-check-input:checked + .form-check-label::after { left: 7px; top: 7px; width: 8px; height: 8px; }
    .player-all .form-check-label::before { width: 22px; height: 22px; }
    .funds-form .form-check .form-check-label { font-size: 16px; line-height: 20px; }
    .player-all .form-check-label { padding: 1px 0 0 33px; }
    .funds-form .form-check { margin: 0 0 11px; }
    .payment-stap { margin: 30px 0 0 0; padding: 15px 10px; }

    .player-all .reset-form .input-group .form-control::placeholder {font-size: 15px;}
    .funds-form.withdraw-form .form-check .form-check-label { font-size: 16px; line-height: 20px; }
    .bankaccnew { padding: 20px 0 0 30px; }
    .bankaccnew .account-new { font-size: 16px; line-height: 18px; }
    .bankaccnew .form-group {flex-direction: column;}
    .bankaccnew .form-group .account-number { margin: 14px 0 0; }
    .reset-form .bankaccnew .input-group .form-control::placeholder {font-size: 15px; line-height: 18px;}
    .reset-form .bankaccnew .input-group .form-control option {font-size: 15px; line-height: 18px;}
    .close-icon .form-group .form-check svg { font-size: 17px;}
    .new-add { padding: 15px 0 20px 12px; margin: 0 0 0 -12px !important; }
    /* payment-lable */

    .reset-form .trc-coin p { font-size: 17px; line-height: 20px; }
    .coin-price-in .reset-label { font-size: 18px; line-height: 20px; }
    .coin-lins .coin-img { max-width: 50px; padding: 12px }
    .coin-price-in.to-number .input-group .form-control { padding: 15px 60px 15px 50px !important; }
    .coin-price-in .input-group span { font-size: 21px; line-height: 25px; top: 50%; left: 19px; }
    .player-all .redeem-points .player-btn { margin: 25px 0 0; }

    .friends-form-receive .referral-link .input-group .form-control { border-radius:10px !important ; -webkit-border-radius:10px !important ; -moz-border-radius:10px !important ; -ms-border-radius:10px !important ; -o-border-radius:10px !important ; }
    .friends-form-receive .referral-link .input-group .form-control::placeholder { font-size: 16px; line-height: 18px; }
    .friends-form-receive .referral-link .input-group span img { max-width: 22px; }
    .friends-form-receive .referral-link .input-group span { right: 30px; }
    .how-it-works-block .how-number { margin: 0 0 20px; max-width: 50px; height: 50px; }
    .friends-form .section-title { font-size: 20px; line-height: 27px; }
    .friends-form-receive .receive-left { padding: 25px 25px; }
    .reset-form .receive-left p { font-size: 18px; line-height: 20px; }

    .referral-landing-img { max-width: 250px;}
    .get-free-wrp { padding: 25px 0 20px; }
    .common-detail { font-size: 27px; line-height: 35px; }
    .get-free-wrp .common-detail span { padding: 7px 12px; margin: 0 6px; font-size: 23px; line-height: 26px; }
    .get-free-wrp .detail { padding: 15px 0 0 0; font-size: 17px; line-height: 20px; }

    .contests-section-home .slick-list {
        padding-right: 0 !important;
    }
    .common-detail { font-size: 10px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h4 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail .detail { font-size: 12px; }
    .contests-block .contests-img { height: 140px; }
    
}

@media (min-width: 441px) and (max-width: 488px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(160px, 180px)); justify-content: center; }
}

@media (min-width: 419px) and (max-width: 440px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(160px, 170px)); justify-content: center; }
}

@media (min-width: 363px) and (max-width: 419px){
    .rows { grid-template-columns: repeat(auto-fit, minmax(160px, 165px)); justify-content: center; }
}

@media (max-width: 374px){
    .img-time-block { font-size: 18px; width: 15px; }
    .rows { grid-template-columns: repeat(auto-fit, minmax(160px, 240px)); justify-content: center; }
    .time-block-custom { width: 10rem; }
    .main-title { font-size: 26px; line-height: 35px; }

    .header-user-profile { width: 290px; left: -250px !important; }
    .left-profile .detail { font-size: 15px; line-height: 16px; padding: 7px 0 0 0;}
    .left-profile .name { font-size: 20px; line-height: 21px; }
    .header-user-profile .common-detail { font-size: 20px; line-height: 20px; padding: 0 0 11px; }
    .header-user-bottom-detail-menu ul li span { font-size: 13px; right: 16px; }

    .banner-wrp .banner-detail { max-width: 600px; padding: 15px 10px ; }
    .banner-wrp .btn { padding: 7px 25px; font-size: 16px; list-style: 18px; }

    .instant-win-games .block-detail { font-size: 16px; line-height: 21px;}
    .instant-win-games .block-detail::before { width: 100%; max-width: 80px; left: 165px; top: 8px; }
    .instant-win-block { max-width: 100%;}
    .instant-win-block .block-detail { min-height: 45px; font-size: 18px; line-height: 22px; }
    .instant-content-bottom .detail { font-size: 16px; line-height: 21px; min-height: 25px; }

    .total-donated-charity-title .main-title { font-size: 30px; line-height: 34px; }

    /* contact */
    .common-table { padding: 18px 12px; }
    .accordion-body { padding: 12px 12px }
    /* contact */
    
    /* help */
    .help-main .accordion-body { padding: 12px 12px }
    /* help */

    /* footer */
    .line-main { gap: 5px;}
    .tagline { padding: 20px 0 15px 0; }
    .line-main img { width: 100%; max-width: 2rem; height: 3rem; }
    .line-main .line { font-size: 0.8rem; line-height: 24px; }
    .getit-image {flex-direction: column; justify-content: center;}
    .getit-image .apple-store {margin: 0 0 20px  0;}
   /* footer */

   .reset-form .trc-coin p { font-size: 15px; line-height: 20px; }
   .trc-coin p span { padding: 5px 11px; margin: 0 10px; font-size: 16px; }
   .trc-coin p span img { width: 20px; height: 20px; }

   .contests-title .detail { font-size: 14px; line-height: 20px; }

   /* Enter Draw */
   .draw-details h2{font-size: 18px;line-height: 35px;}
   .draw-details h3,.play-with h4{font-size: 16px;}
   .entrycost{padding: 12px 20px;font-size: 14px;}
   .quantity-box h6{font-size: 16px;}
   .total-block h5 span{font-size: 20px;}
   .current-balbx p{font-size: 16px;}
   .balance-row h6,.price-details .accordion .accordion-item .accordion-button{font-size: 17px;}
   .draw-details .btn-group .btn-entry,.draw-details .btn-group .btn-main{font-size: 16px;}
   .draw-details .btn-group .btn-entry span{font-size: 19px;}
   /* Enter Draw */
    .common-detail { font-size: 12px; }
    .contests-detail .section-title h5 { font-size: 14px; }
    .contests-detail .section-title h4 { font-size: 14px; }
    .contests-detail .section-title h2 { font-size: 18px; }
    .contests-detail .detail { font-size: 12px; }
    .contests-block .contests-img { height: 130px; }
}