/* Smartphones (portrait and landscape) ----------- */

@media (min-width: 320px) and (max-width: 345px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 12rem !important;
    }
    .imglogouttem {
        width: 75px !important;
        margin-top: 5px !important;
        margin-left: -10px !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 117px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 125% !important;
        height: 205px !important;
        padding: 45px 53px 103px 41px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -27px;
        margin-top: -60px;
    }
    .textmemwel {
        font-size: 18px !important;
    }
    .textmemzt {
        font-size: 12px !important;
    }
    .textmemb {
        font-size: 16px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 14px !important;
    }
    .textmemcd {
        font-size: 18px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 16px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 30px!important;
        margin-top: 45px !important;
        margin-bottom: 200px !important;
    }
    .block-mem {
        margin-top: 75px !important;
        margin-left: 15px !important;
    }
    .memmenui {
        width: 170% !important;
    }
    .memmenuii {
        width: 150% !important;
    }
    .memImgd {
        width: 140%;
        height: 35px !important;
        float: right !important;
    }
    .memImgw {
        width: 140%;
        height: 35px !important;
        float: left !important;
    }
    .deposit {
        width: 120% !important;
        height: 205px !important;
        padding: 91px 15px 15px 15px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -26px !important;
        margin-top: -35px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 13px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 13px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100px !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 135% !important;
        height: 245px !important;
        padding: 35px 35px 40px 30px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -41px!important
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 36px !important;
        margin-right: -108px !important;
        font-size: 12px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 36px !important;
        margin-right: -123px !important;
        font-size: 12px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 15px !important;
        margin-top: -15px !important;
        margin-left: 36px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 15px !important;
        margin-top: -40px !important;
        margin-left: 36px !important;
        margin-right: -98px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 161% !important;
        margin-bottom: -65px !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 8px !important;
    }
    .wdbtn {
        padding-top: 42px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 85px !important;
        margin-left: 5rem !important;
        margin-right: 5rem !important;
        ;
    }
    .wdrdt {
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 45px !important;
    }
    .inputwd {
        margin-top: 10px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 130% !important;
        height: 340px !important;
        padding: 50px 20px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -34px !important;
        margin-top: 134px !important;
    }
    .daychin {
        margin: -5px -59px 0 42px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -25px -14px 10px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 180% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -130px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: -22px !important;
    }
    .imgspg {
        margin-top: 100px !important;
        margin-left: 160px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 135px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .fsspg {
        font-size: 13px !important;
    }
    h2.fsspgi {
        font-size: 15px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.25rem !important;
    }
    .reward {
        width: 130% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 5px;
        margin-top: 46px !important;
        margin-bottom: 236px !important;
    }
    .exchname {
        font-size: 15px !important;
    }
    .btnsize {
        margin-left: -20px !important;
        border: none !important;
        color: white !important;
        padding: 15px 32px !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline-block !important;
        font-size: 16px !important;
    }
    .reportStateO {
        margin-top: -120px !important;
        padding: 0 37px !important
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 100px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 16px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 11px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 35px !important;
    }
    .otcprp {
        margin-top: 65px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 345px) and (max-width: 355px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 13rem !important;
    }
    .imglogouttem {
        width: 75px !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 117px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 125% !important;
        height: 235px !important;
        padding: 60px 53px 103px 41px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -30px;
        margin-top: -60px;
    }
    .textmemwel {
        font-size: 18px !important;
    }
    .textmemzt {
        font-size: 12px !important;
    }
    .textmemb {
        font-size: 16px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 14px !important;
    }
    .textmemcd {
        font-size: 18px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 16px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 32px!important;
        margin-top: 45px !important;
        margin-bottom: 200px !important;
    }
    .block-mem {
        margin-top: 75px !important;
        margin-left: 15px !important;
    }
    .memmenui {
        width: 170% !important;
    }
    .memmenuii {
        width: 150% !important;
    }
    .memImgd {
        width: 110px !important;
        /* height: 20px !important; */
        float: right !important;
    }
    .memImgw {
        width: 110px !important;
        /* height: 20px !important; */
        float: left !important;
    }
    .deposit {
        width: 110% !important;
        height: 210px !important;
        padding: 95px 0px 15px 0px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -17px !important;
        margin-top: -35px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 13px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 13px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100px !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 135% !important;
        height: 245px !important;
        padding: 35px 45px 40px 35px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -46px!important
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 60px !important;
        margin-right: -130px !important;
        font-size: 12px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 60px !important;
        margin-right: -135px !important;
        font-size: 12px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 15px !important;
        margin-top: -15px !important;
        margin-left: 60px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 15px !important;
        margin-top: -40px !important;
        margin-left: 60px !important;
        margin-right: -105px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 161% !important;
        margin-bottom: -65px !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 8px !important;
    }
    .wdbtn {
        padding-top: 42px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 85px !important;
        margin-left: 6rem !important;
        margin-right: 5rem !important;
    }
    .wdrdt {
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 60px !important;
    }
    .inputwd {
        margin-top: -10px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 130% !important;
        height: 350px !important;
        padding: 50px 20px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -38px !important;
        margin-top: 134px !important;
    }
    .daychin {
        margin: -8px -57px 0 50px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -50px -5px 10px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 180% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -140px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: -11px !important;
    }
    .imgspg {
        margin-top: 100px !important;
        margin-left: 174px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 150px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .fsspg {
        font-size: 13px !important;
    }
    h2.fsspgi {
        font-size: 15px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.25rem !important;
    }
    .reward {
        width: 130% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 5px;
        margin-top: 46px !important;
        margin-bottom: 236px !important;
    }
    .exchname {
        font-size: 15px !important;
    }
    .btnsize {
        margin-left: -20px !important;
        border: none !important;
        color: white !important;
        padding: 15px 32px !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline-block !important;
        font-size: 16px !important;
    }
    .reportStateO {
        margin-top: -120px !important;
        padding: 0 37px !important
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 100px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 16px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 11px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 35px !important;
    }
    .otcprp {
        margin-top: 65px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 355px) and (max-width: 375px) {
    /* Styles */
    /* .container{
        margin-top: -70px !important;
    } */
    #tap_contact {
        margin-top: -50px !important;
    }
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 10;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 12rem !important;
    }
    .imglogouttem {
        margin-top: 10px !important;
        margin-left: 15px !important;
        width: 75px !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 117px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 125% !important;
        height: 235px !important;
        padding: 60px 53px 103px 41px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -30px;
        margin-top: -60px;
    }
    .textmemwel {
        font-size: 18px !important;
    }
    .textmemzt {
        font-size: 12px !important;
    }
    .textmemb {
        font-size: 16px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 14px !important;
    }
    .textmemcd {
        font-size: 18px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 16px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 32px!important;
        margin-top: 45px !important;
        margin-bottom: 200px !important;
    }
    .block-mem {
        margin-top: 75px !important;
        margin-left: 15px !important;
    }
    .memmenui {
        width: 170% !important;
    }
    .memmenuii {
        width: 150% !important;
    }
    .memImgd {
        width: 120px !important;
        /* height: 20px !important; */
        float: right !important;
    }
    .memImgw {
        width: 120px !important;
        /* height: 20px !important; */
        float: left !important;
    }
    .deposit {
        width: 110% !important;
        height: 210px !important;
        padding: 95px 0px 15px 0px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -17px !important;
        margin-top: -35px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 13px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 13px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100px !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 135% !important;
        height: 260px !important;
        padding: 35px 45px 40px 35px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -46px!important
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 60px !important;
        margin-right: -130px !important;
        font-size: 12px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 60px !important;
        margin-right: -135px !important;
        font-size: 12px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 15px !important;
        margin-top: -15px !important;
        margin-left: 60px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 15px !important;
        margin-top: -40px !important;
        margin-left: 60px !important;
        margin-right: -105px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 161% !important;
        margin-bottom: -65px !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 8px !important;
    }
    .wdbtn {
        padding-top: 42px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 85px !important;
        margin-left: 6rem !important;
        margin-right: 5rem !important;
    }
    .wdrdt {
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 60px !important;
    }
    .inputwd {
        margin-top: -10px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 130% !important;
        height: 360px !important;
        padding: 50px 20px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -38px !important;
        margin-top: 134px !important;
    }
    .daychin {
        margin: -8px -57px 0 50px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -50px 5px 10px -10px !important; */
        width: 40% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 180% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -140px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: -11px !important;
    }
    .imgspg {
        margin-top: 100px !important;
        margin-left: 174px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 150px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .fsspg {
        font-size: 13px !important;
    }
    h2.fsspgi {
        font-size: 15px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.25rem !important;
    }
    .reward {
        width: 130% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 5px;
        margin-top: 46px !important;
        margin-bottom: 236px !important;
    }
    .exchname {
        font-size: 15px !important;
    }
    .btnsize {
        margin-left: -20px !important;
        border: none !important;
        color: white !important;
        padding: 15px 32px !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline-block !important;
        font-size: 16px !important;
    }
    .reportStateO {
        margin-top: -120px !important;
        padding: 0 37px !important
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 100px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 16px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 11px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 35px !important;
    }
    .otcprp {
        margin-top: 65px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 375px) and (max-width: 425px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 10;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 13rem !important;
    }
    .imglogouttem {
        margin-top: 10px !important;
        margin-left: 0px !important;
        width: 90px !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 117px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 121% !important;
        height: 240px !important;
        padding: 65px 53px 103px 50px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -27px;
        margin-top: -36px;
    }
    .textmemwel {
        font-size: 18px !important;
    }
    .textmemzt {
        font-size: 12px !important;
    }
    .textmemb {
        font-size: 16px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 14px !important;
    }
    .textmemcd {
        font-size: 18px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 16px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 35px !important;
        margin-top: 45px !important;
        margin-bottom: 200px !important;
    }
    .block-mem {
        margin-top: 75px !important;
        margin-left: 15px !important;
    }
    .memmenui {
        width: 150% !important;
    }
    .memmenuii {
        width: 140% !important;
    }
    .memImgd {
        width: 130px !important;
        height: 35px !important;
        float: right !important;
    }
    .memImgw {
        width: 130px !important;
        height: 35px !important;
        float: left !important;
    }
    .deposit {
        width: 120% !important;
        height: 240px !important;
        padding: 115px 15px 15px 15px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -32px !important;
        margin-top: -35px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 18px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 16px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100px !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .imgBankDp {
        margin-right: 50px !important;
        margin-left: 0px !important;
    }
    .imgBankNum {
        padding-right: 0px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 135% !important;
        height: 290px !important;
        padding: 35px 35px 40px 43px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -50px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 55px !important;
        margin-right: -120px !important;
        font-size: 13px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 55px !important;
        margin-right: -140px !important;
        font-size: 13px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 15px !important;
        margin-top: -15px !important;
        margin-left: 55px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 15px !important;
        margin-top: -25px !important;
        margin-left: 55px !important;
        margin-right: -98px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 161% !important;
        margin-bottom: -95px !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 8px !important;
    }
    .wdbtn {
        padding-top: 42px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 85px !important;
        margin-left: 7rem !important;
        margin-right: 5rem !important;
    }
    .wdrdt {
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 70px !important;
    }
    .inputwd {
        margin-top: -10px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 130% !important;
        height: 390px !important;
        padding: 50px 20px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0px -40px !important;
        margin-top: 170px !important;
    }
    .daychin {
        margin: -2px -62px 0 53px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -25px -14px 10px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 180% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -130px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: -60px !important;
    }
    .imgspg {
        margin-top: 90px !important;
        margin-left: 168px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 135px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: -70px !important;
    }
    .fsspg {
        font-size: 13px !important;
    }
    h2.fsspgi {
        font-size: 15px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.5rem !important;
    }
    .reward {
        width: 130% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 5px;
        margin-top: 46px !important;
        margin-bottom: 236px !important;
    }
    .exchname {
        font-size: 30px !important;
        margin-top: 45px !important;
    }
    .btnsize {
        margin-left: -20px !important;
        border: none !important;
        color: white !important;
        padding: 15px 32px !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline-block !important;
        font-size: 20px !important;
    }
    .reportStateO {
        margin-top: -120px !important;
        padding: 0 37px !important
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 100px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 16px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 11px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 35px !important;
    }
    .otcprp {
        margin-top: 65px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 425px) and (max-width: 545px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 13rem !important;
    }
    .imglogouttem {
        margin-top: 15px !important;
        margin-left: 15px !important;
        width: 110px !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 117px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
        margin-left: 10px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 120% !important;
        height: 280px !important;
        padding: 85px 53px 80px 50px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -30px;
        margin-top: -36px;
    }
    .textmemwel {
        font-size: 18px !important;
    }
    .textmemzt {
        font-size: 12px !important;
    }
    .textmemb {
        font-size: 16px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 14px !important;
    }
    .textmemcd {
        font-size: 18px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 16px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 35px !important;
        margin-top: 45px !important;
        margin-bottom: 200px !important;
    }
    .block-mem {
        margin-top: 150px !important;
        margin-left: 15px !important;
    }
    .memmenui {
        width: 130% !important;
    }
    .memmenuii {
        width: 120% !important;
    }
    .memImgd {
        width: 100% !important;
        height: 36px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 36px !important;
        float: right !important;
    }
    .deposit {
        width: 120% !important;
        height: 280px !important;
        padding: 140px 0px 15px 14px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -35px !important;
        margin-top: 25px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 24px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 25px !important;
        margin-left: -125px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 35px !important;
        margin-left: -240px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 35px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 25px !important;
    }
    .copyBank {
        margin-top: -65px !important;
        margin-left: -70px !important;
        width: 151px !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 15px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 15px !important;
    }
    .imgBankDp {
        margin-right: 102px !important;
        margin-left: -25px !important;
        margin-top: 24px !important;
    }
    .imgBankNum {
        padding-right: 0px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -125px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -125px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -125px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 135% !important;
        height: 325px !important;
        padding: 60px 54px 60px 48px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -57px!important;
        margin-top: 50px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 75px !important;
        margin-right: -176px !important;
        font-size: 16px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 75px !important;
        margin-right: -180px !important;
        font-size: 16px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 16px !important;
        margin-top: -15px !important;
        margin-left: 74px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 18px !important;
        margin-top: -60px !important;
        margin-left: 74px !important;
        margin-right: -196px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 161% !important;
        margin-bottom: -65px !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 8px !important;
    }
    .wdbtn {
        padding-top: 42px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 145% !important;
        margin-left: 7rem !important;
        margin-right: 5rem !important;
        ;
    }
    .wdrdt {
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 12px !important;
        margin-top: 86px !important;
    }
    .inputwd {
        margin-top: -18px !important;
    }
    .txwd {
        margin-top: -25px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 129% !important;
        height: 435px !important;
        padding: 50px 20px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -43px !important;
        margin-top: 170px !important;
    }
    .daychin {
        margin: 10px -62px 0 60px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -25px -14px 10px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 180% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -145px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 28px !important;
        margin-top: 5px !important;
    }
    .imgspg {
        margin-top: 55px !important;
        margin-left: 187px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 135px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: -70px !important;
    }
    .fsspg {
        font-size: 13px !important;
    }
    h2.fsspgi {
        font-size: 15px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.5rem !important;
    }
    .reward {
        width: 130% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 5px;
        margin-top: 46px !important;
        margin-bottom: 500px !important;
    }
    .reportStateO {
        margin: 0 0px !important;
        margin-left: 10px !important;
    }
    .reportTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportpTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportnwTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportgiftTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .exchname {
        font-size: 30px !important;
        margin-top: 45px !important;
    }
    .btnsize {
        margin-left: -20px !important;
        border: none !important;
        color: white !important;
        padding: 15px 32px !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline-block !important;
        font-size: 20px !important;
    }
    .reportStateO {
        margin-top: -60px !important;
        padding: 0 37px !important;
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 150px !important;
        padding: 0 37px !important;
        margin-left: 10px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 16px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 11px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 60px !important;
    }
    .otcprp {
        margin-top: 115px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 525px) and (max-width: 640px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 13rem !important;
    }
    .imglogouttem {
        margin-left: 90px !important;
        width: 128px !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 117px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 120% !important;
        height: 340px !important;
        padding: 85px 53px 80px 50px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -37px;
        margin-top: 35px;
    }
    .textmemwel {
        font-size: 18px !important;
    }
    .textmemzt {
        font-size: 12px !important;
    }
    .textmemb {
        font-size: 16px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 14px !important;
    }
    .textmemcd {
        font-size: 18px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 16px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 35px !important;
        margin-top: 45px !important;
        margin-bottom: 200px !important;
    }
    .block-mem {
        margin-top: 150px !important;
        margin-left: 15px !important;
    }
    .memmenui {
        width: 130% !important;
    }
    .memmenuii {
        width: 120% !important;
    }
    .memImgd {
        width: 100% !important;
        height: 36px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 36px !important;
        float: right !important;
    }
    .deposit {
        width: 120% !important;
        height: 280px !important;
        padding: 140px 0px 15px 14px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -35px !important;
        margin-top: 25px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 24px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 25px !important;
        margin-left: -125px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 35px !important;
        margin-left: -240px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 35px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 25px !important;
    }
    .copyBank {
        margin-top: -65px !important;
        margin-left: -70px !important;
        width: 151px !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 15px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 15px !important;
    }
    .imgBankDp {
        margin-right: 102px !important;
        margin-left: -25px !important;
        margin-top: 24px !important;
    }
    .imgBankNum {
        padding-right: 0px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -125px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -125px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -125px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 135% !important;
        height: 325px !important;
        padding: 60px 54px 60px 48px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -57px!important;
        margin-top: 50px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 75px !important;
        margin-right: -176px !important;
        font-size: 16px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 75px !important;
        margin-right: -176px !important;
        font-size: 16px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 15px !important;
        margin-top: -15px !important;
        margin-left: 36px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 24px !important;
        margin-top: -60px !important;
        margin-left: 75px !important;
        margin-right: -175px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 161% !important;
        margin-bottom: -65px !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 8px !important;
    }
    .wdbtn {
        padding-top: 42px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 145% !important;
        margin-left: 7rem !important;
        margin-right: 5rem !important;
        ;
    }
    .wdrdt {
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 19px !important;
        margin-top: 85px !important;
    }
    .inputwd {
        margin-top: 15px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 124% !important;
        height: 505px !important;
        padding: 50px 20px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -45px !important;
        margin-top: 170px !important;
    }
    .daychin {
        margin: 10px -74px 0 74px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -25px -14px 10px 10px !important; */
        width: 40% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 180% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -145px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: -30px !important;
    }
    .imgspg {
        margin-top: 55px !important;
        margin-left: 170px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 135px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: -70px !important;
    }
    .fsspg {
        font-size: 13px !important;
    }
    h2.fsspgi {
        font-size: 15px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.5rem !important;
    }
    .reward {
        width: 130% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 5px;
        margin-top: 46px !important;
        margin-bottom: 500px !important;
    }
    .reportStateO {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportpTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportnwTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .reportgiftTable {
        margin: 0 0px !important;
        margin-left: -10px !important;
    }
    .exchname {
        font-size: 30px !important;
        margin-top: 45px !important;
    }
    .btnsize {
        margin-left: -20px !important;
        border: none !important;
        color: white !important;
        padding: 15px 32px !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline-block !important;
        font-size: 20px !important;
    }
    .reportStateO {
        margin-top: -60px !important;
        padding: 0 37px !important;
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 150px !important;
        padding: 0 37px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 16px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 11px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 60px !important;
    }
    .otcprp {
        margin-top: 115px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 640px) and (max-width: 670px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 24rem !important;
    }
    .imglogouttem {
        margin-top: 15px !important;
        margin-left: -5px !important;
        width: 135px !important;
    }
    .conlogin {
        margin-top: -70px !important;
        padding: 125px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        margin-top: -70px !important;
        padding: 125px !important;
    }
    .conotp {
        margin-top: -70px !important;
        padding: 125px !important;
    }
    .conbank {
        margin-top: -70px !important;
        padding: 125px !important;
    }
    .conrepsw {
        margin-top: -70px !important;
        padding: 125px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .membnbk {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 190px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 120% !important;
        height: 403px !important;
        padding: 130px 100px 115px 100px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -43px;
        margin-top: -5px;
    }
    .textmemwel {
        font-size: 30px !important;
    }
    .textmemzt {
        font-size: 15px !important;
    }
    .textmemb {
        font-size: 20px !important;
    }
    .textmembk {
        margin-top: -8px !important;
        font-size: 16px !important;
    }
    .textmemcd {
        font-size: 25px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 20px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 70px !important;
        margin-top: 45px !important;
        margin-bottom: 150px !important;
    }
    .memImgd {
        width: 100% !important;
        height: 40px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 40px !important;
        float: left !important;
    }
    .memmenui {
        width: 100% !important;
    }
    .memmenuii {
        width: 80% !important;
    }
    .deposit {
        width: 120% !important;
        height: 410px !important;
        padding: 220px 30px 15px 45px !important
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -50px !important;
        margin-top: -50px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -30px !important;
        margin-top: 30px !important;
        margin-bottom: 170px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 25px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 40px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 40px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 20px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100% !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 18px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 13px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 126% !important;
        height: 480px !important;
        padding: 100px 70px 81px 61px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -61px!important;
        margin-top: 59px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -108px !important;
        font-size: 16px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -123px !important;
        font-size: 16px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 20px !important;
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 20px !important;
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -98px !important;
    }
    .rowwd {
        margin-top: 10px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 130% !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 2px !important;
    }
    .wdbtn {
        padding-top: 35px !important;
        margin-top: -30px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 100% !important;
        margin-left: 7rem !important;
        margin-right: 5rem !important;
    }
    .wdrdt {
        margin-top: -10px !important;
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 45px !important;
    }
    .inputwd {
        margin-top: -10px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 133% !important;
        height: 663px !important;
        padding: 50px 0px 20px 53px !important
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -77px !important;
        margin-top: 245px !important;
    }
    .daychin {
        margin: 30px -59px 0 42px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -27px 66px 10px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: 21px 14px 10px 2px !important;
        width: 88% !important;
    }
    .spin {
        width: 125% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 80px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -92px !important;
        margin-top: 60px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 35px !important;
        margin-top: -9px !important;
    }
    .imgspg {
        margin-top: -25px !important;
        margin-left: 209px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 160px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 40px !important;
    }
    .fsspg {
        font-size: 25px !important;
    }
    h2.fsspgi {
        font-size: 25px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .block-mem {
        margin-top: 175px !important;
    }
    .reward {
        width: 133% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .exchannt {
        margin-top: 0.55rem !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0px;
        margin-top: 135px !important;
    }
    .reportStateO {
        margin-top: -20px !important;
        padding: 0 37px !important
    }
    .reportTable {
        margin: 0 13px !important;
        margin-left: 10px !important;
    }
    .reportpTable {
        margin: 0 13px !important;
        margin-left: 10px !important;
    }
    .reportnwTable {
        margin: 0 13px !important;
        margin-left: 10px !important;
    }
    .reportgiftTable {
        margin: 0 13px !important;
        margin-left: 10px !important;
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 200px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 20px320 !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 140px !important;
    }
    .otcprp {
        margin-top: 140px !important;
        margin-left: 15px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 800px) and (max-width: 870px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url("../img/home/bg-login-mb.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url("../img/member/mem-bgmobile.jpg") 0% 0% / cover no-repeat;
        /* background: linear-gradient(105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
/*        background-size: 100% 100% !important;*/
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 33rem !important;
    }
    .imglogouttem {
        width: 170px !important;
        margin-top: 22px !important;
        margin-left: -45px !important;
    }
    .conlogin {
        margin-top: -140px !important;
        padding: 216px !important;
    }
    .hhome {
        padding-top: 0 !important;
    }
    .imghlogo {
        width: 60% !important;
    }
    h3.txth {
        font-size: 16px !important;
    }
    p.txtw {
        font-size: 14px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: -12px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 45%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .othernew {
        display: none !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 190px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 120% !important;
        height: 535px !important;
        padding: 145px 100px 115px 100px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -56px;
        margin-top: 60px;
    }
    .textmemwel {
        font-size: 60px !important;
    }
    .textmemzt {
        font-size: 30px !important;
    }
    .textmemb {
        font-size: 30px !important;
    }
    .textmembk {
        margin-top: -10px !important;
        font-size: 25px !important;
    }
    .textmemcd {
        font-size: 30px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 25px !important;
    }
    .membnbk {
        margin-top: 0px !important;
    }
    .box-menu {
        width: 100% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -8px !important;
        margin-top: 10px !important;
        margin-bottom: 250px !important;
    }
    .memImgd {
        width: 100% !important;
        height: 40px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 40px !important;
        float: left !important;
    }
    .memmenui {
        width: 100% !important;
    }
    .memmenuii {
        width: 80% !important;
    }
    .deposit {
        width: 114% !important;
        height: 487px !important;
        padding: 260px 77px 15px 0px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -45px !important;
        margin-top: -40px !important;
    }
    .deposit-bank {
        width: 120% !important;
        height: 329px !important;
        margin-top: -160px !important;
        padding: 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -60px !important;
        margin-top: 30px !important;
        margin-bottom: 170px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 25px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 40px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 40px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 20px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100% !important;
    }
    .txtdp {
        margin-top: 0px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 25px !important;
    }
    .txtdpb {
        margin-top: -15px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 25px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 105% !important;
        height: 480px !important;
        padding: 100px 70px 81px 61px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -15px!important;
        margin-top: 80px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -108px !important;
        font-size: 16px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -123px !important;
        font-size: 16px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 20px !important;
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -121px !important;
    }
    .myacc {
        color: black;
        font-size: 20px !important;
        margin-top: -10px !important;
        margin-left: 27px !important;
        margin-right: -98px !important;
    }
    .rowwd {
        margin-top: -5px !important;
        margin-left: -60px !important;
        margin-right: 0px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 130% !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 50% !important;
        height: 30px !important;
        margin-top: 24px !important;
    }
    .wdbtn {
        padding-top: 35px !important;
        margin-top: -12px !important;
        padding-left: 0px !important;
    }
    .wdbtnimg {
        width: 100% !important;
        margin-left: 9rem !important;
        margin-right: 5rem !important;
    }
    .wdrdt {
        font-size: 13px !important;
        margin-top: -26px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 45px !important;
    }
    .inputwd {
        margin-top: -10px !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 133% !important;
        height: 833px !important;
        padding: 90px 95px 21px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -95px !important;
        margin-top: 300px !important;
    }
    .daychin {
        margin: 50px -59px 0 42px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: 5px -84px 10px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: -25px -32px 10px 2px !important;
        width: 81% !important;
    }
    .spin {
        width: 125% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 80px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -92px !important;
        margin-top: 120px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 15px !important;
        margin-top: -9px !important;
    }
    .imgspg {
        margin-top: -25px !important;
        margin-left: 38px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 35px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .res {
        margin-top: -2px;
        margin-bottom: -150px !important;
    }
    .fsspg {
        font-size: 25px !important;
    }
    h2.fsspgi {
        font-size: 25px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .exchannt {
        margin-top: 0.8rem !important;
    }
    .block-mem {
        margin-top: 250px !important;
    }
    .reward {
        width: 133% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 -100px;
        margin-top: 200px !important;
    }
    .reportStateO {
        margin-top: 20px !important;
        padding: 0 37px !important
    }
    .reportStateP {
        display: none !important;
    }
    .reportTable {
        margin: 0 -165px !important;
        margin-left: -170px !important;
    }
    .reportnwTable {
        margin: 0 -165px !important;
        margin-left: -170px !important;
    }
    .reportpTable {
        margin: 0 -165px !important;
        margin-left: -170px !important;
    }
    .reportgiftTable {
        margin: 0 -165px !important;
        margin-left: -170px !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 200px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 20px320 !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 160px !important;
    }
    .otcprp {
        margin-top: 200px !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
}

@media (min-width: 1024px) and (max-width: 1248px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url(../img/home/bg-login.jpg) 0% 0% / cover no-repeat;
        /* background: linear-gradient( 105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url(../img/member/bg-member.jpg) 0% 0% / cover no-repeat;
        /* background: linear-gradient(
    105deg
    , #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 20rem !important;
    }
    .conlogin {
        padding: 50px !important;
    }
    .conregister {
        padding: 50px !important;
    }
    .conotp {
        padding: 50px !important;
    }
    .conbank {
        padding: 50px !important;
    }
    .conrepsw {
        padding: 50px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: 0px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 25%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: block !important;
    }
    .gift-excho {
        display: none !important;
    }
    .otcprp {
        display: none !important;
        margin-top: 200px !important;
    }
    .othernew {
        display: block !important;
        margin-top: 200px !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 160px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 56% !important;
        height: 300px !important;
        padding: 60px 70px 55px 60px !important
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 166px;
        margin-top: 25px;
    }
    .textmemwel {
        font-size: 25px !important;
    }
    .textmemzt {
        font-size: 20px !important;
    }
    .textmemb {
        font-size: 20px !important;
    }
    .textmembk {
        margin-top: -10px !important;
        font-size: 18px !important;
    }
    .textmemcd {
        font-size: 25px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 20px !important;
    }
    .membnbk {
        margin-top: 0px !important;
    }
    .box-menu {
        width: 55% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        color: white;
        margin: 0 165px !important;
        margin-top: 35px !important;
        margin-bottom: 250px !important
    }
    .memImgd {
        width: 100% !important;
        height: 40px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 40px !important;
        float: left !important;
    }
    .memmenui {
        width: 100% !important;
    }
    .memmenuii {
        width: 80% !important;
    }
    .deposit {
        width: 50% !important;
        height: 2px !important;
        padding: 260px 77px 15px 0px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 180px !important;
        margin-top: -65px !important;
    }
    .deposit-bank {
        margin: 0 135px !important;
        margin-top: 30px !important;
        margin-bottom: 170px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 135px !important;
        margin-top: 30px !important;
        margin-bottom: 170px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 15px !important;
    }
    .numbdp {
        margin-top: -10px !important;
        font-size: 20px !important;
        margin-left: -70px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 30px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 30px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 20px !important;
    }
    .copyBank {
        margin-top: -75px !important;
        width: 100% !important;
    }
    .txtdp {
        margin-top: -125px;
        margin-left: -2px;
        margin-right: -78px;
        text-align: center;
        font-size: 15px !important;
    }
    .txtdpb {
        margin-top: -5px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 18px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 56% !important;
        height: 347px !important;
        padding: 100px 70px 81px 61px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 158px!important;
        margin-top: 80px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: 81px !important;
        margin-right: -155px !important;
        font-size: 16px;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: 80px !important;
        margin-right: -180px !important;
        font-size: 16px;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 20px !important;
        margin-top: -10px !important;
        margin-left: 80px !important;
        margin-right: -150px !important;
    }
    .myacc {
        color: black;
        font-size: 20px !important;
        margin-top: -140px !important;
        margin-left: 80px !important;
        margin-right: -130px !important;
    }
    .rowwd {
        margin-top: -5px !important;
        margin-left: -60px !important;
        margin-right: 0px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 130% !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        width: 45% !important;
        height: 30px !important;
        margin-top: 24px !important;
    }
    .wdbtn {
        padding-top: 40px !important;
        margin-top: -12px !important;
        padding-left: 0px !important;
        margin-left: 20px !important;
    }
    .wdbtnimg {
        width: 140% !important;
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .wdrdt {
        font-size: 13px !important;
        margin-top: 28px !important;
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 70px !important;
    }
    .inputwd {
        margin-top: -30px !important;
    }
    .txwd {
        margin-top: -10px;
        font-size: 15px !important;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        font-size: 15px !important;
        color: black;
    }
    .checkin {
        width: 65% !important;
        height: 520px !important;
        padding: 160px 95px 21px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 130px !important;
        margin-top: 200px !important;
    }
    .daychin {
        margin: -23px -81px 0 16px !important;
    }
    .imgLogoch {
        margin-top: -80px !important;
        margin-left: 60px !important;
    }
    .myimg {
        /* margin: -105px -84px 8px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: -82px -50px 10px 2px !important;
        width: 90% !important;
    }
    .spin {
        width: 75% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 80px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 72px !important;
        margin-top: 65px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: 90px !important;
    }
    .imgspg {
        margin-top: -25px !important;
        margin-left: 38px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 35px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .res {
        margin-top: -2px;
        margin-bottom: -150px !important;
    }
    .fsspg {
        font-size: 25px !important;
    }
    h2.fsspgi {
        font-size: 25px !important;
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 215px;
        margin-top: 160px !important;
    }
    .mgTop {
        margin-top: 0.5rem !important;
    }
    .block-mem {
        margin-top: 175px !important;
    }
    .reward {
        width: 75% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 93px;
        margin-top: 140px !important;
    }
    .textexch {
        font-size: 16px !important;
    }
    .reportStateO {
        margin-top: 20px !important;
        padding: 0 37px !important
    }
    .reportTable {
        margin: 0 60px !important;
        margin-left: 40px !important;
    }
    .reportpTable {
        margin: 0 60px !important;
        margin-left: 40px !important;
    }
    .reportnwTable {
        margin: 0 60px !important;
        margin-left: 40px !important;
    }
    .reportgiftTable {
        margin: 0 60px !important;
        margin-left: 40px !important;
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 200px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 20px320 !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 120px !important;
    }
    .imageContact {
        width: 50% !important;
    }
    .imageOthert {
        width: 50% !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 215px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1360px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url(../img/home/bg-login.jpg) 0% 0% / cover no-repeat;
        /* background: linear-gradient( 105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url(../img/member/bg-member.jpg) 0% 0% / cover no-repeat;
        /* background: linear-gradient(
    105deg
    , #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 20rem !important;
    }
    .imglogouttem {
        width: 45% !important;
    }
    .conlogin {
        margin-top: 90px !important;
        padding: -1px !important;
    }
    .conregister {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .conotp {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .conbank {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .conrepsw {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: 0px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 25%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .gift-excho {
        margin: 0 315px !important;
        margin-top: 80px !important;
        width: 50% !important;
        display: block !important;
    }
    .otcprp {
        display: none !important;
        margin-top: 200px !important;
    }
    .othernew {
        display: block !important;
        margin-top: 320px !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 255px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 60% !important;
        height: 417px !important;
        padding: 100px 101px 103px 90px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 187px;
        margin-top: 50px;
    }
    .modal-dialog {
        max-width: 530px !important;
        margin: 30px auto !important;
    }
    .modalTitle {
        font-size: 30px !important;
        margin: 0px auto;
        margin-bottom: -22px !important;
    }
    .txtlink {
        font-size: 1rem !important;
    }
    .txtlinkm {
        font-size: 22px !important;
    }
    select.form-control:not([size]):not([multiple]) {
        height: calc(3rem + 2px) !important;
    }
    .textmemwel {
        font-size: 30px !important;
    }
    .textmemzt {
        font-size: 25px !important;
    }
    .textmemb {
        font-size: 30px !important;
    }
    .textmembk {
        margin-top: -10px !important;
        font-size: 25px !important;
    }
    .textmemcd {
        font-size: 30px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 25px !important;
    }
    .membnbk {
        margin-top: 0px !important;
    }
    .box-menu {
        width: 55% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        color: white;
        margin: 0 205px !important;
        margin-top: 35px !important;
        margin-bottom: 250px !important
    }
    .memImgd {
        width: 100% !important;
        height: 40px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 40px !important;
        float: left !important;
    }
    .memmenui {
        width: 100% !important;
    }
    .memmenuii {
        width: 80% !important;
    }
    .deposit {
        width: 55% !important;
        height: 400px !important;
        padding: 310px 77px 15px 0px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 202px !important;
        margin-top: -40px !important;
    }
    .deposit-bank {
        width: 55% !important;
        height: 400px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0px 190px !important;
        margin-top: 30px !important;
        margin-bottom: 170px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 25px !important;
    }
    .numbdp {
        margin-top: 0px !important;
        font-size: 28px !important;
        margin-left: -25px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 45px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 45px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 30px !important;
    }
    .copyBank {
        margin-top: -35px !important;
        margin-bottom: 50px !important;
        width: 140% !important;
        margin-left: 30px !important;
    }
    .txtdp {
        margin-top: -125px;
        margin-left: -2px;
        margin-right: -78px;
        text-align: center;
        font-size: 23px !important;
    }
    .txtdpb {
        margin-top: -5px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 25px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
        margin-top: 30px !important;
    }
    .imgBankNum {
        padding-right: 100px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -155px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
        margin-right: -35px !important;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -155px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
        margin-right: -35px !important;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -155px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
        margin-right: -35px !important;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 60% !important;
        height: 460px !important;
        padding: 100px 70px 81px 61px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0px 178px !important;
        margin-top: 120px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: -5px !important;
        margin-right: -155px !important;
        font-size: 20px !important;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: -5px !important;
        margin-right: -180px !important;
        font-size: 20px !important;
        color: black;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 20px !important;
        margin-top: -10px !important;
        margin-left: -5px !important;
        margin-right: -150px !important;
    }
    .myacc {
        color: black;
        font-size: 22px !important;
        margin-top: -20px !important;
        margin-left: -5px !important;
        margin-right: -130px !important;
    }
    .rowwd {
        margin-top: -5px !important;
        margin-left: -60px !important;
        margin-right: 0px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 130% !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        font-size: 20px !important;
        width: 160% !important;
        height: 50px !important;
        margin-top: 40px !important;
    }
    .wdbtn {
        padding-top: 40px !important;
        margin-top: -12px !important;
        padding-left: 0px !important;
        margin-left: 20px !important;
    }
    .wdbtnimg {
        width: 120% !important;
        margin-left: 7rem !important;
        margin-right: 5rem !important;
        margin-top: 20px !important;
    }
    .wdrdt {
        font-size: 13px !important;
        margin-top: 40px !important;
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 70px !important;
    }
    .inputwd {
        margin-top: -20px !important;
    }
    .txwd {
        margin-top: -10px;
        font-size: 20px !important;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        font-size: 20px !important;
        color: black;
    }
    .checkin {
        width: 60% !important;
        height: 600px !important;
        padding: 160px 95px 21px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 185px !important;
        margin-top: 270px !important;
    }
    .daychin {
        margin: 25px -70px 0 30px !important;
    }
    .imgLogoch {
        margin-top: -75px !important;
        margin-left: 70px !important;
    }
    .myimg {
        /* margin: -60px -85px 8px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: -82px -50px 10px 2px !important;
        width: 90% !important;
    }
    .spin {
        width: 75% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 80px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 72px !important;
        margin-top: 150px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 30px !important;
        margin-top: -9px !important;
    }
    .imgspg {
        margin-top: -25px !important;
        margin-left: 62px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 45px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .res {
        margin-top: -2px;
        margin-bottom: -150px !important;
    }
    .fsspg {
        font-size: 30px !important
    }
    h2.fsspgi {
        font-size: 30px !important
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 215px;
        margin-top: 160px !important;
    }
    .exchannt {
        margin-top: 0.8rem !important;
    }
    .mgTop {
        margin-top: 0.5rem !important;
    }
    .block-mem {
        margin-top: 175px !important;
    }
    .reward {
        width: 70% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 140px;
        margin-top: 215px !important
    }
    .exchname {
        font-size: 45px !important;
    }
    .btnsize {
        font-size: 35px !important;
    }
    .textexch {
        font-size: 25px !important;
    }
    .btn {
        font-size: 1.7rem !important;
    }
    .reportStateO {
        margin-top: 20px !important;
        padding: 0 37px !important
    }
    .reportTable {
        margin: 0px 120px !important;
        margin-left: 100px !important;
    }
    .reportpTable {
        margin: 0px 120px !important;
        margin-left: 100px !important;
    }
    .reportnwTable {
        margin: 0px 120px !important;
        margin-left: 100px !important;
    }
    .reportgiftTable {
        margin: 0px 120px !important;
        margin-left: 100px !important;
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 200px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 20px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 20px !important;
    }
    .txtpoint {
        font-size: 25px !important;
    }
    .txtspin {
        font-size: 25px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 170px !important;
    }
    .imageContact {
        width: 50% !important;
    }
    .imageOthert {
        width: 50% !important;
    }
    .other {
        width: 43% !important;
        height: 569px !important;
        padding: 79px 0px 99px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 240px !important;
        margin-bottom: -100px !important;
    }
    .mlOther {
        margin-left: 50px !important;
    }
}

@media (min-width: 1440px) and (max-width: 1824px) {
    /* Styles */
    body.bglogin {
        margin: 0;
        padding: 0;
        background: url(../img/home/bg-login.jpg) 0% 0% / cover no-repeat;
        /* background: linear-gradient( 105deg, #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    body.bgregister {
        margin: 0;
        padding: 0;
        background: url(../img/member/bg-member.jpg) 0% 0% / cover no-repeat;
        /* background: linear-gradient(
    105deg
    , #0e131f 0, #527ef5 50%, #2567fd 0); */
        font-family: sukhumvit_setmedium, sans-serif;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        font-size: 15px;
        min-height: 100%;
        max-width: 100%;
        height: 100vh;
    }
    .imglogout {
        margin-left: 18rem !important;
    }
    .imglogouttem {
        width: 12% !important;
    }
    .conlogin {
        margin-top: 0px !important;
        padding: 0px 75px !important;
    }
    .conregister {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .conotp {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .conbank {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .conrepsw {
        margin-top: 170px !important;
        padding: 0px !important;
    }
    .mdcd {
        margin: 0 -90px !important;
    }
    .memnbu {
        margin-top: -12px !important;
    }
    .mempcd {
        margin-top: 0px !important;
    }
    .mempcdf {
        font-size: 20px !important;
    }
    .imglogotem {
        width: 15%;
    }
    .gitvo {
        display: none !important;
    }
    .reportStateP {
        display: none !important;
    }
    .reportGpn {
        display: none !important;
    }
    .gift-exchn {
        display: none !important;
    }
    .gift-excho {
        margin: 0 315px !important;
        margin-top: 80px !important;
        width: 50% !important;
        display: block !important;
    }
    .otcprp {
        display: none !important;
        margin-top: 200px !important;
    }
    .othernew {
        display: block !important;
        margin-top: 320px !important;
    }
    .contnew {
        display: none !important;
    }
    .reportGpo {
        margin-top: 255px !important;
        padding: 0 37px !important;
        padding-bottom: 120px !important;
    }
    .mg-kom {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .mg-komsg {
        margin: 0 auto !important;
        margin-top: 150px !important;
    }
    .mg-kommb {
        margin: 0 auto !important;
        margin-top: 180px !important;
    }
    .mg-komwd {
        margin: 0 auto !important;
        margin-top: 135px !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 186px !important;
    }
    .mg-kommenu {
        margin: 0 auto !important;
        margin-top: -50px !important;
    }
    .circle {
        width: 35% !important;
        height: 290px !important;
        padding: 72px 65px 70px 60px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 370px;
        margin-top: -10px;
    }
    .modal-dialog {
        max-width: 650px !important;
        margin: 30px auto !important;
    }
    .modalTitle {
        font-size: 30px !important;
        margin: 0px auto;
        margin-bottom: -22px !important;
    }
    .txtlink {
        font-size: 1.3rem !important;
    }
    .txtlinkm {
        font-size: 22px !important;
    }
    select.form-control:not([size]):not([multiple]) {
        height: calc(3rem + 2px) !important;
    }
    .textmemwel {
        font-size: 20px !important;
    }
    .textmemzt {
        font-size: 15px !important;
    }
    .textmemb {
        font-size: 20px !important;
    }
    .textmembk {
        margin-top: -10px !important;
        font-size: 15px !important;
    }
    .textmemcd {
        font-size: 20px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 15px !important;
    }
    .membnbk {
        margin-top: 0px !important;
    }
    .box-menu {
        width: 40% !important;
        height: 330px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        color: white;
        margin: 0 338px !important;
        margin-top: 50px !important;
        margin-bottom: 250px !important;
    }
    .memImgd {
        width: 100% !important;
        height: 40px !important;
        float: right !important;
    }
    .memImgw {
        width: 100% !important;
        height: 40px !important;
        float: left !important;
    }
    .memmenui {
        width: 100% !important;
    }
    .memmenuii {
        width: 80% !important;
    }
    .deposit {
        width: 35% !important;
        height: 220px !important;
        padding: 290px 74px 15px 0px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 360px !important;
        margin-top: 0px !important;
    }
    .deposit-bank {
        width: 55% !important;
        height: 400px !important;
        padding: 0px 0px 0px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 215px !important;
        margin-top: 30px !important;
        margin-bottom: 170px !important;
    }
    .imgdp {
        width: 50% !important;
    }
    .nbankdp {
        margin-top: 5px !important;
        font-size: 25px !important;
    }
    .numbdp {
        margin-top: 0px !important;
        font-size: 35px !important;
        margin-left: -30px !important;
    }
    .numdp {
        margin-top: -10px !important;
        font-size: 45px !important;
        margin-left: -180px !important;
    }
    .numdpaf {
        margin-top: -10px !important;
        font-size: 45px !important;
        margin-left: 4px !important;
    }
    .namedp {
        margin-top: -18px !important;
        font-size: 30px !important;
    }
    .copyBank {
        margin-top: -35px !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        margin-left: 20px !important;
    }
    .txtdp {
        margin-top: -125px;
        margin-left: -2px;
        margin-right: -78px;
        text-align: center;
        font-size: 12px !important;
    }
    .txtdpb {
        margin-top: -5px;
        margin-left: 36px;
        margin-right: -40px;
        text-align: center;
        font-size: 15px !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
        margin-top: 35px !important;
    }
    .imgBankNum {
        padding-right: 100px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -140px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -50px;
        margin-right: -20px !important;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -140px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -50px;
        margin-right: -20px !important;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -140px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -50px;
        margin-right: -20px !important;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 82% !important;
        height: 645px !important;
        padding: 100px 70px 81px 61px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0px 75px !important;
        margin-top: 120px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px !important;
        margin-left: -5px !important;
        margin-right: -155px !important;
        font-size: 25px !important;
        color: black;
    }
    .wdcreditn {
        margin-top: -10px !important;
        margin-left: -5px !important;
        margin-right: -180px !important;
        font-size: 25px !important;
        color: black;
    }
    .myacc {
        font-size: 10px !important;
    }
    .mynumacc {
        color: #128f2d;
        font-size: 30px !important;
        margin-top: -10px !important;
        margin-left: -5px !important;
        margin-right: -150px !important;
    }
    .myacc {
        color: black;
        font-size: 35px !important;
        margin-top: -20px !important;
        margin-left: -5px !important;
        margin-right: -130px !important;
    }
    .rowwd {
        margin-top: -5px !important;
        margin-left: -60px !important;
        margin-right: 0px !important;
    }
    .imagebwd {
        margin-left: 10px !important;
        margin-bottom: -10px !important;
    }
    .imibwd {
        width: 130% !important;
    }
    .cbwd {
        margin-left: -60px !important;
        padding-left: 10px !important;
    }
    input#amount {
        font-size: 20px !important;
        width: 160% !important;
        height: 50px !important;
        margin-top: 40px !important;
    }
    .wdbtn {
        padding-top: 40px !important;
        margin-top: -12px !important;
        padding-left: 0px !important;
        margin-left: 20px !important;
    }
    .wdbtnimg {
        width: 120% !important;
        margin-left: 7rem !important;
        margin-right: 5rem !important;
        margin-top: 17px !important;
    }
    .wdrdt {
        font-size: 13px !important;
        margin-top: -50px !important;
        margin-right: -130px !important;
    }
    .wdcdt {
        font-size: 13px !important;
        margin-top: 70px !important;
    }
    .inputwd {
        margin-top: -30px !important;
    }
    .txwd {
        margin-top: -10px;
        font-size: 20px !important;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        font-size: 20px !important;
        color: black;
    }
    .checkin {
        width: 60% !important;
        height: 685px !important;
        padding: 160px 95px 21px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 210px !important;
        margin-top: 300px !important;
    }
    .daychin {
        margin: 30px -81px 0 16px !important;
    }
    .imgLogoch {
        margin-top: -90px !important;
        margin-left: 65px !important;
    }
    .myimg {
        /* margin: -23px -84px 8px 10px !important; */
        width: 65% !important;
    }
    .myimgck {
        margin: -82px -50px 10px 2px !important;
        width: 90% !important;
    }
    .spin {
        width: 75% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 80px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 72px !important;
        margin-top: 150px !important;
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 50px !important;
        margin-top: -22px !important;
    }
    .imgspg {
        margin-top: -45px !important;
        margin-left: 100px !important;
    }
    .spngp {
        margin-top: 60px !important;
        margin-left: 105px !important;
        font-size: 15px !important;
    }
    .sp {
        margin-top: 15px !important;
    }
    .res {
        margin-top: -2px;
        margin-bottom: -150px !important;
    }
    .fsspg {
        font-size: 30px !important
    }
    h2.fsspgi {
        font-size: 30px !important
    }
    .spmt {
        margin: 0 auto !important;
        margin-top: -130px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 215px;
        margin-top: 160px !important;
    }
    .mgTop {
        margin-top: 0.5rem !important;
    }
    .block-mem {
        margin-top: 175px !important;
    }
    .reward {
        width: 80% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 93px;
        margin-top: 215px !important;
    }
    .exchname {
        font-size: 45px !important;
    }
    .btnsize {
        font-size: 35px !important;
    }
    .textexch {
        font-size: 25px !important;
    }
    .btn {
        font-size: 1.5rem !important;
    }
    .reportStateO {
        margin-top: 20px !important;
        padding: 0 37px !important
    }
    .reportTable {
        margin: 0 100px !important;
        margin-left: 77px !important;
        margin-top: 40px !important;
    }
    .reportpTable {
        margin: 0 100px !important;
        margin-left: 77px !important;
        margin-top: 40px !important;
    }
    .reportnwTable {
        margin: 0 100px !important;
        margin-left: 77px !important;
        margin-top: 40px !important;
    }
    .reportgiftTable {
        margin: 0 100px !important;
        margin-left: 77px !important;
        margin-top: 40px !important;
    }
    .reportStateP {
        display: none !important;
    }
    .rpnewn {
        display: none !important;
    }
    .rpnewo {
        margin-top: 200px !important;
        padding: 0 37px !important
    }
    .mg-kompt {
        margin: 0 auto !important;
        margin-top: -400px !important;
    }
    .textbrp {
        font-size: 25px !important;
        color: #000000 !important;
        text-align: center !important;
    }
    .nowrap {
        font-size: 20px !important;
    }
    .txtpoint {
        font-size: 25px !important;
    }
    .txtspin {
        font-size: 25px !important;
    }
    .section-1 {
        background: linear-gradient(to right, #d5b87e 0%, #d5b87e 100%) !important;
        box-shadow: none !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 0 330px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .ctmt {
        margin-top: 170px !important;
    }
    .imageContact {
        width: 50% !important;
    }
    .imageOthert {
        width: 50% !important;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 240px !important;
    }
    .mlOther {
        margin-left: 50px !important;
    }
}

@media (min-width: 1824px) and (max-width: 1920px) {
    /* Styles */
    .circle {
        width: 30% !important;
        height: 303px !important;
        padding: 70px 67px 55px 65px !important;
    }
    .circle.kitten {
        background-image: url('../img/member/mem-kom.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 auto;
    }
    .modal-dialog {
        max-width: 530px !important;
        margin: 30px auto !important;
    }
    .modalTitle {
        font-size: 30px !important;
        margin: 0px auto;
        margin-bottom: -22px !important;
    }
    .txtlink {
        font-size: 1rem !important;
    }
    .txtlinkm {
        font-size: 22px !important;
    }
    select.form-control:not([size]):not([multiple]) {
        height: calc(3rem + 2px) !important;
    }
    .textmemwel {
        font-size: 20px !important;
    }
    .textmemzt {
        font-size: 18px !important;
    }
    .textmemb {
        font-size: 20px !important;
    }
    .textmembk {
        margin-top: -10px !important;
        font-size: 18px !important;
    }
    .textmemcd {
        font-size: 20px !important;
    }
    .textmemcrd {
        margin-top: 2px !important;
        font-size: 18px !important;
    }
    .membnbk {
        margin-top: 0px !important;
    }
    .box-menu {
        width: 32% !important;
        height: 329px !important;
        padding: 70px 0 55px 0!important;
    }
    .box-menu.kitten {
        /* background-image: url('../img/member/mem-kom.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 auto;
        margin-bottom: 200px !important;
    }
    .deposit {
        width: 29% !important;
        height: 308px !important;
        padding: 170px 0px 20px 10px !important;
    }
    .deposit.kitten {
        background-image: url('../img/deposit/de-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 495px !important;
    }
    .deposit-bank {
        width: 32% !important;
        height: 329px !important;
        padding: 30px 0px 20px 0px !important;
    }
    .deposit-bank.kitten {
        /* background-image: url('../img/deposit/de-krop.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 auto;
    }
    .imglogout {
        margin-left: 25rem !important;
    }
    .imglogouttem {
        margin-top: 15px !important;
        margin-left: -50px !important;
        width: 13% !important;
    }
    .imgBankDp {
        margin-right: 70px !important;
    }
    .imgBankNum {
        padding-right: 60px !important;
    }
    .numdpth_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_ktb {
        font-size: 30px;
        color: #1aa5e1 !important;
    }
    .nameb_ktb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #1aa5e1 !important;
        margin-left: -60px;
    }
    .numdpth_kbank {
        font-size: 30px;
        color: #128f2d !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_kbank {
        font-size: 30px;
        color: #128f2d !important;
    }
    .nameb_kbank {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #128f2d !important;
        margin-left: -60px;
    }
    .numdpth_scb {
        font-size: 30px;
        color: #4e2e7f !important;
        margin-left: -170px;
        margin-right: -110px;
        margin-top: -15px;
    }
    .numdpaf_scb {
        font-size: 30px;
        color: #4e2e7f !important;
    }
    .nameb_scb {
        font-size: 1.25rem;
        margin-top: -25px;
        color: #4e2e7f !important;
        margin-left: -60px;
    }
    .copyBank {
        margin-top: -60px;
    }
    .withdraw {
        width: 42% !important;
        height: 480px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .withdraw.kitten {
        background-image: url('../img/withdraw/wd-krop.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 404px !important;
    }
    .wdBankU {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 28px;
    }
    .wdcredit {
        margin-top: -10px;
        margin-right: -50px;
        font-size: 16px;
        color: black;
    }
    .wdcreditn {
        margin-top: -20px;
        margin-right: -50px;
        font-size: 16px;
        color: black;
    }
    .wdrdt {
        margin-top: 1.25rem !important;
    }
    .txwd {
        margin-top: -10px;
        color: black;
    }
    .txwdt {
        margin-top: -15px;
        margin-right: -50px;
        color: black;
    }
    .checkin {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .checkin.kitten {
        background-image: url('../img/checkin/chin-frame.png');
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 402px !important;
        margin-top: 60px !important;
    }
    .daychin {
        margin: 25px 0px 0 8px !important;
    }
    .imgLogoch {
        margin-top: -100px;
        margin-left: 21px;
    }
    .spin {
        width: 43% !important;
        height: 650px !important;
        border-radius: 1000px;
        padding: 79px 0px 20px 0px !important;
    }
    .spin.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 395px;
    }
    .res {
        margin-top: -2px;
        margin-left: 2px !important;
    }
    .gift {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gift.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .reward {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .reward.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 400px;
    }
    .reportStateO {
        display: none !important;
    }
    .reportStateP {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .rpnewn {
        /* display: none !important; */
    }
    .rpnewo {
        display: none !important;
    }
    .reportGpn {
        /* display: none !important; */
    }
    .reportGpo {
        display: none !important;
    }
    .gift-excho {
        display: none !important;
    }
    .contold {
        display: none !important;
    }
    .otherold {
        display: none !important;
    }
    .mg-komt {
        margin: 0 auto !important;
        margin-top: 200px !important;
    }
    .reportState.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 610px !important;
    }
    .reportStategp.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 65px 393px !important;
    }
    .gamePoint {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .gamePoint.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 388px
    }
    .canvas-pd {
        margin-top: -59px !important;
        margin: 0 0px !important;
        margin-top: -85px !important;
    }
    .network {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .network.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .goft_vc {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .goft_vc.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 340px;
    }
    .contact_w {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .contact_w.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 420px;
    }
    .other {
        width: 43% !important;
        height: 650px !important;
        padding: 79px 0px 20px 0px !important;
    }
    .other.kitten {
        /* background-image: url('../img/checkin/chin-frame.png'); */
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        color: white;
        margin: 0 405px;
    }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}

/**********
    iPad 3
    **********/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {}

/* iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 6, 7, 8 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 6+, 7+, 8+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone X ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

/* iPhone XS Max, XR ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

/* Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}