.mDev, .mdev_1350, .mdev_clear_920, .mdev_clear_780, .mdev_clear_1120, .mdev_clear_1080{
    display: none !important;
}

/********************************MAX WIDTH SECTION********************************************/
@media screen and (max-width: 1600px) {
    :root {
        --main-font-size: 13px;
        --btn-font-size: 14px;
        --game-grid: 6;
    }

    .nu-link .nu-txt-1, .game-box-title {
        font-size: 14px;
    }

    .btn-gold, .btn-gold:hover, .btn-gold:active, .btn-gold:focus, .navbar-expand-md .navbar-nav .nav-link.btn-gold, .navbar-expand-md .navbar-nav .nav-link.btn-gold:active, .navbar-expand-md .navbar-nav .nav-link.btn-gold:focus, .navbar-expand-md .navbar-nav .nav-link.btn-gold:hover{
        padding: 6px 0 2px 0;
    }

    .btn-s1 {
        min-width: 140px;
    }

    .btn-flag, .btn-flag:hover, .btn-flag:active, .btn-flag:focus {
        max-height: none;
        min-width: auto;
        width: 50px;
        height: 35px !important;
        padding: 8px 6px !important;
    }

    .btn-flag img{
        width: 100%;
        min-width: auto;
        position: relative;
        max-width: none;
        top: -4px;
    }

    .ref-bar-code {
        padding: 8px 16px;
        margin-right: 30px;
    }

    .ref-bar-code span, .ref-bar-desc p, .ubfc1-2 p:last-child {
        font-size: 16px;
    }

    .ref-bar-desc p:last-child, .ubfc2-2 p, .ubfc4 p, .ubfc5 p{
        font-size: 15px;
    }

    .ref-bar-img img {
        max-width: 60px;
    }

    .ubf-col-1 {
        min-width: auto;
    }

    .ubf-col-3{
        margin-right: 0;
    }

    .ubfc4 img {
        margin-right: 5px;
        width: 100%;
        max-width: 35px;
    }

    .ubfc4 img.verify_tick {
        width: 15px;
    }

    .ubfc1-1 img {
        max-width: none;
        width: 50px
    }

    .ubfc1-2 p {
        font-size: 18px;
    }

    .ubfc2-1 img {
        width: 55px;
        max-width: none;
    }

    .ubfc3-1 p:first-child img {
        width: 40px;
        max-width: none;
    }

    .ubfc5 {
        padding: 0;
        margin-right: 0;
    }

    .user-sidebar .usb-tile {
        font-size: 18px;
        padding-left: 15px;
    }

    .user-sidebar ul li {
        padding: 15px 5px;
    }

    .user-sidebar ul li a:active, .user-sidebar ul li a:focus, .user-sidebar ul li a:active, .user-sidebar ul li a {
        font-size: 16px;
    }

    .user-sidebar ul li img {
        width: 100%;
        max-width: 25px;
    }

    .user-sidebar {
        width: 280px;
    }

    .user-panel-content {
        width: calc(100% - 280px - 15px);
        padding: 20px;
    }

    .u-title-s1 {
        font-size: 22px;
    }

    .u-reminder-box {
        padding: 15px 15px;
        margin: 15px 0 20px 0;
    }

    .urb-1 {
        font-size: 18px;
    }

    .urb-2 {
        font-size: 16px;
    }

    .u-title-s2 {
        font-size: 16px;
    }

    .dop-box {
        width: auto;
    }

    .dop-1 img {
        max-width: none;
        width: auto;
        height: 60px;
    }

    .dop-1 .yellow-mark{
        width: 30px;
        height: auto;
    }

    .dop-1 {
        width: 100px;
        height: 90px;
    }

    .dop-2 {
        font-size: 14px;
        width: 100px;
        margin: 8px 0;
    }

    .dsb-box {
        min-width: 290px;
        margin-bottom: 25px;
    }

    .dsb-box-1 {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }

    .dsb-box-2 {
        font-size: 15px;
        margin-left: 10px;
    }

    .fh-label {
        font-size: 16px;
        width: 100%;
        margin-right: 0;
    }

    .fh-input {
        width: 100%;
    }

    .user-form .form-control.disabled {
        font-size: 16px;
        height: 42px;
        min-height: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-form .input-group .btn-gold-grad:hover, .user-form .input-group .btn-gold-grad:active, .user-form .input-group .btn-gold-grad:focus, .user-form .input-group .btn-gold-grad {
        font-size: 16px;
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
    }

    .user-form .form-control {
        min-height: 42px;
        font-size: 16px;
    }

    .tabs-s2 .nav-pills .nav-link:hover, .tabs-s2 .nav-pills .nav-link:active, .tabs-s2 .nav-pills .nav-link:focus, .tabs-s2 .nav-pills .nav-link {
        font-size: 16px;
        width: 90px;
        margin-right: 15px;
        height: 42px;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .custom-file {
        font-size: 16px !important;
        height: 42px !important;
    }

    .custom-file-label {
        height: 42px !important;
        line-height: 32px !important;
        font-size: 16px !important;
    }

    .custom-file-label:after {
        font-size: 16px !important;
        font-weight: 600 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 10px !important;
        height: 40px !important;
    }

    .btn-s3:hover, .btn-s3:focus, .btn-s3:active, .btn-s3 {
        height: auto;
        font-size: 18px;
        padding: 8px 40px;
    }

    .user-form .select2-container .select2-selection--single {
        height: 42px;
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    .qrBox-name a:active, .qrBox-name a:focus, .qrBox-name a:hover, .qrBox-name a {
        font-size: 14px;
    }

    .wallet-to-txt{
        font-size: 16px;
        text-align: left;
    }

    .utoolb-1, .utoolb-3 {
        font-size: 16px;
    }

    .utoolb-2 .select2-container .select2-selection--single {
        height: 34px;
        font-size: 16px;
    }

    .utoolb-4 .form-control {
        font-size: 16px;
        height: 34px;
    }

    .utoolb-4 .input-group-append {
        height: 34px;
        padding: 6px 10px 0 10px;
    }

    .utoolb-5 a img {
        width: 30px;
    }

    .wfb-panel {
        padding: 10px 15px;
        width: 200px;
    }

    .wfbp-1 img {
        max-width: 50px;
    }

    .wfbp2-1 {
        width: 50px;
        height: 50px;
    }

    .wfbp2-2 {
        font-size: 16px;
    }

    .wfbp-3 {
        font-size: 16px;
    }

    .btn-s4 {
        width: 80px;
        padding: 5px 0;
        font-size: 13px;
    }

    .wfbp-5 p:last-child {
        font-size: 14px;
    }

    .fth-1 {
        font-size: 18px;
    }

    .user-select-button, .user-select-button:hover, .user-select-button:active, .user-select-button:focus {
        height: 42px;
        font-size: 16px;
        width: 110px;
        margin-left: 5px;
    }

    .f-date img {
        width: 100%;
        max-width: none;
        width: 25px;
        margin: 0 5px 0 2px;
    }

    .btn-search-history, .btn-search-history:hover, .btn-search-history:active, .btn-search-history:focus {
        height: 42px;
        font-size: 16px;
    }

    .u-user-box-details {
        font-size: 16px;
    }

    .u-user-box img{
        width: 90px;
        margin: 10px 0 -15px 0;
    }

    .table-s1 {
        background: #F9BB1F;
        padding: 5px 10px 0px 10px;
    }

    .table-s1 .table thead th{
        font-size: 16px;
    }
    .table-s1 .table tbody td {
        font-size: 15px;
    }

    .btn-ref, .btn-ref:active, .btn-ref:focus, .btn-ref:hover {
        min-width: auto;
        height: 42px;
        font-size: 16px;
        padding: 10px 15px;
    }

    .ref-option-panel {
        font-size: 16px;
    }

    .ref-option-panel input[type="radio"] {
        margin: 4px 0px 0 -8px;
    }

    .ref-box-price {
        font-size: 18px;
    }

    .ref-box-details {
        font-size: 16px;
        padding: 0;
    }

    .ref-box-details .float-left, .ref-box-details .float-right {
        padding: 5px 0;
    }

    .ref-box-content {
        width: 200px;
        margin-left: 125px;
    }

    .ref-box-img img {
        width: 130px;
        top: -33px;
    }

    .form-check {
        position: relative;
        display: inline-block;
        padding-left: 1.25rem;
        width: 380px;
    }

    .ref-option-box{
        margin-top: 25px;
    }

    .menuFc {
        height: 45px;
        width: 100%;
        min-width: auto;
        width: 230px;
    }

    .menuFc .form-control {
        font-size: 14px;
    }

    .nav-link.btn.btn-gold.btn-s1:hover,
    .nav-link.btn.btn-gold.btn-s1:focus,
    .nav-link.btn.btn-gold.btn-s1:active,
    .nav-link.btn.btn-gold.btn-s1,
    .nav-link.btn.btn-gold-line.btn-s1:hover,
    .nav-link.btn.btn-gold-line.btn-s1:focus,
    .nav-link.btn.btn-gold-line.btn-s1:active,
    .nav-link.btn.btn-gold-line.btn-s1{
        min-width: 100px;
        width: auto;
        padding: 5px 15px;
    }

    .menuFc {
        height: 35px;
        width: 200px;
    }

    .modal-form .input-group-append img,
    .menuFc .input-group-append img{
        width: 18px;
    }

    .btn-s6, .btn-s6:focus, .btn-s6:active, .btn-s6:hover {
        height: 42px;
        font-size: 16px;
    }

    .qtc-b2{

    }



}

@media screen and (max-width: 1350px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100% !important;
    }

    .cDev{
        display: none !important;
    }

    .navbar-nav {
        min-height: 100px;
    }

    .navbar-brand img{
        width: 100%;
        max-width: 220px;
    }

    .subMenuTop a, .subMenuTop a:active, .subMenuTop a:focus, .subMenuTop a:hover {
        font-size: 14px;
       /* height: 50px;*/
    }

    .content-header {
        height: 80px;
    }

    .dt-col-1 a img {
        margin: -1px 5px 0 0px;
    }

    .dt-col-1 a:hover, .dt-col-1 a:active, .dt-col-1 a:focus, .dt-col-1 a {
        font-size: 14px;
    }

    .menuFc-3 {
        min-width: 210px;
    }

    .wallet-tra {
        width: 150px;
        max-width: none;
    }



}

@media screen and (max-width: 1120px) {
    .mdev_clear_1120{
        clear: both;
        display: block !important;
    }

    .btn-search-history, .btn-search-history:hover, .btn-search-history:active, .btn-search-history:focus {
        margin-left: 0;
        margin-top: 18px;
    }
}

@media screen and (max-width: 1080px) {
    .subMenuTop a, .subMenuTop a:active, .subMenuTop a:focus, .subMenuTop a:hover {
        padding: 0 12px;
    }

    .subMenuTop li:first-child a img {
        width: 100%;
        max-width: 20px;
    }

    .ft-col-1-logo img {
        width: 100%;
        max-width: 210px;
    }

    .ft-col-1-sub-txt {
        font-size: 14px;
        font-weight: 500;
    }

    .ft-col-1-support {
        font-size: 16px;
        margin-top: 30px;
    }

    .sub-footer-1 {
        padding: 30px 15px;
    }

    .ft-col-1-info {
        margin-top: 10px;
    }

    .sub-footer-2 {
        font-size: 13px;
        height: 40px;
    }

    .cDev_1080{
        display: none !important;
    }

    .mdev_clear_1080{
        clear: both;
        display: block !important;
    }

    .game-box-content {
        width: calc(100% / 3);
    }

    .qr-warn {
        margin: 20px 0 0 0;
        width: 100%;
        position: relative;
        max-width: none;
    }

    .mDev_mt {
        margin-top: -8px !important;
    }

    .ft-col-1-logo img {
        max-width: 180px;
    }

    .ft-col-1-sub-txt {
        font-size: 13px;
    }

    .ft-col-1-support {
        font-size: 14px;
        margin-top: 20px;
    }

    .ft-col-1-info img {
        top: 0px;
        margin-right: 1px;
    }

    .ft-col-4-partners img {
        width: 100%;
        /*max-width: 220px;*/
    }

    .ft-col-4-social a img {
        width: 30px;
    }













}

@media screen and (max-width: 990px) {
    #ref_code_copy{
        display: block;
        text-align: center;
    }

    .ref-bar-code{
        text-align: center;
    }

    .ref-bar-code a:active, .ref-bar-code a:focus, .ref-bar-code a:hover, .ref-bar-code a{
        margin: 5px 0 0 0;
        padding: 2px 15px;
        font-size: 14px;
        min-width: 70px;
        text-align: center;
        display: inline-block;
    }

    .ref-bar-img img {
        min-width: 60px;
    }

}

@media screen and (max-width: 930px) {
    .wallet-tra {
        width: 100%;
        max-width: none;
    }

    .wallet-to-txt {
        font-size: 16px;
        width: 100%;
        padding: 0;
        margin: 10px 0;
    }
    .mdev_clear_920{
        clear: both;
        display: block !important;
    }

    .user-bar-panel{
        display: block;
    }
    .ubf-col-1, .ubf-col-2 {
        width: auto;
        display: inline-flex;
        margin-bottom: 28px;
        border: none;
        padding: 0;
    }

    .ubf-col-1{
        margin-right: 30px;
    }

    .ubf-col-3, .ubf-col-4, .ubfc4{
        border: none;
    }

    .ubf-col-3 {
        padding-left: 0;
    }

    .u-user-box .float-left{
        width: 100%;
        text-align: center;
    }

    .u-user-box-details{
        margin-left: 0;
        margin-top: 30px;
    }

    .u-user-box-details .uubd-box:last-child{
        border: none;
    }

    .qtc-wallet {
        font-size: 16px;
        margin: 30px 0 52px 0;
        padding-bottom: 15px;
    }

    .qtc-wallet a img{
        width: 15px;
    }

    .qtc-b1, .qtc-b3 {
        width: 215px;
        height: 100px;
        padding-top: 18px;
        padding-left: 18px;
        height: 86px;
        font-size: 16px;
    }

    .dt_qtc_wallet span {
        display: inline-block;
        width: 130px;
        height: auto;
        position: relative;
    }

    .qtc-b3 img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }


}

@media screen and (max-width: 860px) {
    .user-select-button, .user-select-button:hover, .user-select-button:active, .user-select-button:focus {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        margin-right: 5px;
        width: auto;
        margin-bottom: 10px;
    }

    #transaction_type a:first-child,
    transaction_date a:first-child{
        margin-right: 0;
    }

    html, body {
        min-width: 783px;
    }
}

@media screen and (max-width: 860px){
    #navbarCollapse{
        flex-basis: auto;
    }

    .mDev_collase{
        flex-direction: row;
    }

}

@media screen and (max-width: 581px){
    .qtc-b2 {
        width: 100%;
        text-align: left;
        padding-left: 10px;
        height: auto;
        padding: 5px 0 5px 8px;
    }
}
/*
@media screen and (max-width: 780px) {
    .mdev_clear_780{
        clear: both;
        display: block !important;
    }

    .ubf-col-5{
        margin-top: 30px;
    }

    .reg_itsTxt,
    .reg_createTxt {
        font-size: 16px;
    }
}

@media screen and (max-width: 580px){
    .game-box-content {
        width: calc(100% / 3);
    }

}

@media screen and (max-width: 580px){
    .game-box-content {
        width: calc(100% / 2);
    }

}

*/