@media screen and (max-width: 2000px) {
    /* == Container == */
    .container {
        max-width: 1735px;
    }
}

@media screen and (max-width: 1790px) {
    /* == Round list == */
    .round-list {
        padding: 9.5px 105px 9.5px 35px;
    }

    .round-menu.scroll {
        min-height: 424px;
        height: 424px;
    }

    .box-checklist.small {
        min-height: 100px;
        max-height: 162px;
    }
    /* == Dropdown == */
    .dropdown-menu.member-menu {
        right: -10px !important;
    }

        .dropdown-menu.member-menu::after {
            right: 24px;
        }

    .member-picture {
        right: 40px;
    }

    .icon-arrow {
        right: 10px;
    }

    .dropdown-toggle.member-toggle::after {
        right: 13px;
    }

    .full-box.bg-lightred {
        padding: 70px 3%;
    }

    .icon-menu {
        padding: 0 10px 0 0;
    }
    /* == Box example == */
    .box-example.padding {
        padding: 30px 35px 30px 10px;
    }

    .box-number {
        width: 98%;
    }
    /* == tabs horizontal == */
    .tabs-horizontal > .box-header-tabs > li > a {
        font-size: 0.8rem;
        font-size: 0.8125rem;
    }

    .slider-head > .slider-head-list {
        font-size: 0.8125rem;
    }
    /* == social == */
    .sitemap-link,
    .box-bottom .text-info,
    .social-title,
    .social-link > .icon,
    .box-bottom .text-info,
    .widgets-icon {
        font-size: 0.9rem;
        margin: 0;
        justify-content: center;
        border: 0;
    }

    .social-list {
        border: 0;
    }

    .social {
        line-height: 50px;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 15px 0;
        align-items: center;
    }

    .footer-widgets {
        padding: 0;
    }
    /* == sitemap == */
    .sitemap-wrapper {
        padding: 15px 0;
        height: auto;
        width: 100%;
    }

    .box-checklist > .box-checklist-row > .box-checklist-list:nth-of-type(1),
    .box-checklist > .box-checklist-row > .box-checklist-list:nth-of-type(2),
    .box-checklist > .box-checklist-row > .box-checklist-list > .box-checklist-money,
    .box-checklist > .box-checklist-row > .box-checklist-list > .box-field-money {
        width: 50%;
    }

        .box-checklist > .box-checklist-row > .box-checklist-list > .box-checklist-money > .icon {
            font-size: 1.25rem;
        }

    input[type='checkbox'] + label > span {
        width: 17px;
        height: 17px;
    }
    /* == Flex box == */
    .flex-body > .flex-body-row > .flex-body-list,
    .box-checklist > .box-checklist-row > .box-checklist-list,
    .detail-text {
        font-size: 13px;
    }
    /* == Tab detail == */
    .tab-detail-iconleft > ._i {
        font-size: 20px;
    }

    .tab-detail-iconleft.fail {
        font-size: 15px;
    }

    .tab-detail-icon > .icon > ._i {
        font-size: 15px;
    }
    /* == Tab middle == */
    .tab-middle-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
        font-size: 13px;
    }

    .tab-middle-icon > .icon {
        width: 15px;
        height: 15px;
    }

        .tab-middle-icon > .icon.icon-edit > i {
            padding: 0 3.5px;
            top: 7px;
            font-size: 0.5rem;
        }

        .tab-middle-icon > .icon.icon-clear > i {
            padding: 0 4.5px;
            top: 7px;
            font-size: 0.65rem;
        }
    /* == Arrow == */
    .tab-arrow-list:nth-child(even)::after {
        border-top: 25px solid #0a1a1a;
        border-bottom: 25px solid #0a1a1a;
        border-left: 25px solid #2d2d2d;
        top: 0;
    }

    .tab-arrow-list:nth-child(odd)::after {
        border-top: 25px solid #2a2a2a;
        border-bottom: 25px solid #2d2d2d;
        border-left: 26px solid #0a1a1a;
        top: 0px;
    }
    /* == Widgets == */
    .widgets-icon > .icon {
        height: 40px;
        width: 40px;
        margin-right: 15px;
        top: -5px;
        position: relative;
    }

        .widgets-icon > .icon > img {
            max-width: 100%;
        }

        .widgets-icon > .icon > ._icon {
            font-size: 1.0rem;
        }

    .widgets-icon {
        line-height: 40px;
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 15px 0;
    }

        .widgets-icon > span.bold {
            margin-right: 5px;
            margin-left: 5px;
        }
    /* == Box footer == */
    .btn-icon {
        width: auto;
        margin: 0 2.5px;
        font-size: 0.9rem;
    }

    .box-footer {
        padding: 0 5px;
    }

    .btn-icon > .icon {
        font-size: 1.0rem;
    }

    .icon-info {
        right: -25px !important;
        padding: 0 5px;
        font-size: 1.0rem;
    }

        .icon-info > .icon {
            font-size: 1.0rem;
            top: 4px !important;
        }
    /* == Tab bottom == */
    .tab-bottom-list:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }
    /* == Time stamp == */
    .time-stamp .hide-xs {
        display: none;
    }

    .card .description.label-text {
        display: flex;
    }

    .btn.btn-popover-head i {
        font-size: 18px;
    }

    .card .description.label-text {
        display: flex !important;
    }
}

@media screen and (max-width: 1600px) {
    /* == placeholder == */
    .keypad-input::-webkit-input-placeholder {
        font-size: 15px !important;
    }

    .keypad-input::-moz-input-placeholder {
        font-size: 15px !important;
    }

    .keypad-input::-ms-input-placeholder {
        font-size: 15px !important;
    }
    /* == Container == */
    .container {
        max-width: 100%;
        max-width: 1440px;
    }
    /* == Prize == */
    .box-center-body {
        /* padding: 30px 14% 15px 14%; */
    }

    .box-fourth.box-header-hilight {
        padding: 0 7.5px;
    }

    .box-center-body.box-no-padding {
        padding: 50px 7.5px 15px 7.5px;
    }

    .fourth-head-title {
        font-size: 14px;
    }
    /* == Register == */
    .card.card-fluid.card-danger > .card-body {
        padding: 30px 7.5% 15px 7.5% !important;
    }

    .card.card-fluid.card-danger .thumbnail {
        height: 150px;
    }
    /* == Box title == */
    .box-title {
        font-size: 0.75rem;
    }
    /* == Menu right == */
    .menu-right {
        width: 76%;
    }

    .dropdown-menu.language-menu::after {
        right: initial;
        left: 20px;
    }

    .btn-lang {
        width: 100px;
    }
    /* == Article == */
    .article-entry > li {
        font-size: 0.75rem;
        padding: 0 10px 0 0;
    }

    .full-box.full-box-width.bg-lightred {
        min-height: 450px;
    }

    .full-box.small-box-width.bg-black {
        min-height: 450px;
    }
    /*.full-box.full-box-width.bg-lightred.mb-0 {
        min-height:100px;
    }*/
    /* == Logo == */
    .logo {
        width: 350px;
    }
    /* == Member info == */
    .member-picture {
        width: 75px;
        height: 75px;
    }
    /* == Navbar == */
    .navbar-menu-link {
        font-size: 0.92rem;
    }

    .btn-head-text {
        font-size: 0.85rem;
    }

    .btn-head-icon .icon {
        font-size: 1.2rem;
        top: 4px;
    }

    .text-lang {
        font-size: 0.85rem;
    }

    .logo {
        width: 240px;
    }

    .user-menu-list > p {
        font-size: 0.85rem;
    }

    .user-menu-list > strong {
        font-size: 0.85rem;
    }
    /* == Text header == */
    .text-header {
        font-size: 0.85rem;
    }
    /* == Full box == */
    .full-box {
        min-height: 690px;
    }

    .box-center-body.bg-lightred .text-big-boney {
        font-size: 3.2rem;
    }

    .box-center-body.bg-lightred .text-last-two {
        font-size: 3.2rem;
    }

    .btn-info {
        font-size: 13px;
        line-height: 15px;
    }
}

@media screen and (max-width: 1470px) {
}

@media screen and (max-width: 1440px) {
    /* == text == */
    .panelflex-display > .text-center {
        font-size: 14px;
    }

    .panelflex-display {
        padding: 9px 0 15px 0;
    }
    /* == register == */
    .card.card-fluid.card-danger .regis-description.scroll {
        min-height: 600px;
        max-height: 600px;
    }
    /* == Finance == */
    .icon-outer:nth-of-type(1) {
        padding: 0 15px 0 0;
    }

    .icon-outer:nth-of-type(2) .icon-wrap {
        float: left;
        right: inherit;
        left: inherit;
        transform: translateX(0);
    }

    .icon-outer:nth-of-type(1) .icon-wrap {
        float: right;
        left: inherit;
        transform: translateX(0);
    }

    .icon-outer:nth-of-type(2) {
        padding: 0 0 0 15px;
    }
    /* == Lotto list page == */
    .table.table-layout thead th {
        font-size: 12px;
    }

    .table.table-layout tbody > tr > td {
        font-size: 13px;
    }
    /* == News page == */
    .sort-button {
        width: 240px;
    }

    .search-form {
        width: 240px;
    }

    .date-button {
        width: 240px;
    }

    .box-card-body {
        padding: 15px;
    }

    .box-card-footer {
        padding: 0 15px 15px 15px;
    }

    .entry {
        height: auto;
    }

        .entry > li {
            font-size: 13px;
            padding: 0 10px 0 0;
        }

            .entry > li::after {
                margin: 0 0 0 5px;
            }

    .btn.btn-read.btn-icon {
        height: 45px;
    }
    /* == Icons == */
    .icon-menu.icon-timeout {
        width: 48%;
    }

    .icon-menu.icon-download {
        width: 26%;
    }

    .icon-menu.icon-share {
        width: 26%;
    }

    .icon-element {
        width: 45px;
        height: 45px;
    }

        .icon-element > img {
            max-height: 100%;
        }

    .icon-desc {
        font-size: 14px;
    }
    /* ==  Slider  == */
    .image-slider.sliders {
        height: 200px;
    }
    /* ==  Box scroll  == */
    .tab-middle.scroll {
        max-height: 600px;
        min-height: 600px;
    }

    .box-checklist.scroll {
        min-height: 515px;
        max-height: 515px;
    }

    .tab-forecast.scroll {
        min-height: 383px;
        height: 383px;
    }
    /* ==  Tab detail scroll  == */
    .tab-detail.scroll {
        height: 808px;
    }
    /* ==  Panel display  == */
    .panel-display {
        padding: 11px 0 0 0;
    }

    .check-fail > ._i {
        font-size: 2.5rem;
    }

    .check-success > ._i {
        font-size: 2.5rem;
    }
    /* ==  Box scroll  == */
    .box-checklist.small {
        min-height: 100px;
        max-height: 141px;
    }

    .tab-forecast.small {
        min-height: 209px;
        height: 209px;
    }

    .box-example.border-bottom {
        padding: 5px 0;
    }

    .box-example.padding {
        padding: 19.5px 35px 19.5px 10px;
    }

    .flex-streaked.scroll {
        min-height: 415px;
        height: 415px;
    }

    .round-menu.scroll {
        min-height: 425px;
        height: 425px;
    }

    .flex-body.swipper-body.scroll {
        max-height: 160px;
        min-height: 160px;
        overflow-y: auto;
    }
    /* == Round wrapper == */
    .round-wrapper .box-header {
        text-align: left;
        justify-content: flex-start;
        padding: 0 0 0 15px;
    }
    /* == Box circle == */
    .box-circle {
        width: 15px;
        height: 15px;
        line-height: 15px;
    }
    /* == Header == */
    .logo {
        width: 300px;
    }
    /* == Round list == */
    .round-list {
        padding: 10px 80px 10px 10px;
        height: 85px;
    }

    .round-btn {
        font-size: 0.8rem;
        width: auto;
        min-width: 80px;
        padding: 0 7.5px;
        right: 5px;
    }

    .text-subtitle {
        font-size: 0.75rem;
    }

    .label-red {
        font-size: 0.75rem;
        line-height: 10px;
        float: left;
        margin: 0;
        width: 100%;
    }

    .label-white {
        font-size: 0.75rem;
        line-height: 10px;
        float: left;
        margin: 0;
        width: 100%;
    }

    .round-subtitle {
        line-height: 17px;
    }
}

@media screen and (max-width:1280px) {
    /* == Prize == */
    .box-card-header.card-header-fluid {
        /*width: 100%;*/
        /*position: relative;*/
        /*top: 0;*/
        /*margin-bottom: 0;*/
    }

    .box-card-header.card-header-fluid {
        /*margin-left: 0;*/
        /*margin-right: 0;*/
        /*margin-bottom: 15px;*/
    }

    .button-event {
        float: right;
    }
    /* == Regis page == */
    .card.card-fluid.card-danger .card-subheader {
        font-size: 14px;
    }
    /* == Contact page == */
    .form-contact {
        padding: 30px 7.5%;
    }
    /* ==  Tab detail scroll  == */
    .tab-detail.scroll {
        height: 699px;
    }
    /* ==  Box scroll  == */
    .image-slider.sliders {
        height: 126px;
    }

    .box-checklist.scroll {
        min-height: 423px;
        max-height: 423px;
    }

    .tab-middle.scroll {
        max-height: 491px;
        min-height: 491px;
    }
    /* ==  Box scroll  == */
    .box-checklist.small {
        min-height: 135px;
        max-height: 135px;
    }

    .tab-forecast.small {
        min-height: 152px;
        height: 152px;
    }

    .icons-add-wrapper {
        padding: 2.5px 0;
    }

    .icons-add {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

        .icons-add > ._i {
            line-height: 30px;
            width: 30px;
            font-size: 1.0rem;
        }

    .box-example.border-bottom {
        height: 110px;
        padding: 10px 0;
    }

    .flex-streaked.scroll {
        min-height: 312px;
        height: 312px;
    }

    .round-menu.scroll {
        min-height: 335px;
        height: 335px;
    }

    .flex-body.swipper-body.scroll {
        max-height: 140px;
        min-height: 140px;
    }

    .round-list {
        padding: 2.5px 80px 2.5px 10px;
        height: 67px;
    }

    .box-example.padding {
        padding: 15px 35px 15px 10px;
    }

    .box-input-number {
        height: 65px;
    }

    .icon-keyboard {
        width: 120px;
    }

    .box-input-number {
        padding: 0 120px 0 0;
    }
    /* == Box forcast == */
    .border-dashed {
        padding: 8px 0;
        font-size: 1.0rem;
    }

    .border-dashed {
        font-size: 1.0rem;
        margin-bottom: 0;
    }

    .check-title {
        font-size: 1.15rem;
    }

    .tab-forecast.scroll {
        min-height: 320px;
        height: 320px;
    }

    .tabs-body > .tab-body-row > .tab-heading-list {
        height: 45px;
    }

    .numbers-row.scroll {
        max-height: 145px;
        min-height: 145px;
    }

    .flex-body > .flex-body-row > .flex-body-list {
        height: 45px;
    }

    .tab-event-banner {
        height: 88px;
    }
    /* == Font-size == */
    .box-circle {
        width: 15px;
        height: 15px;
        line-height: 15px;
    }

    .tab-arrow-inner {
        font-size: 13px;
    }

    .box-body-bottom {
        font-size: 13px;
    }

    .round-title {
        font-size: 14px;
    }

    .flex-striped-list {
        font-size: 13px;
    }

    .tab-event-list {
        font-size: 13px;
    }

    .tab-bottom-list {
        font-size: 13px;
    }

    .flex-header .flex-header-list {
        font-size: 13px;
    }

    input[type='checkbox'] + label {
        font-size: 13px;
    }

    .flex-streaked-list {
        font-size: 13px;
    }

    .btn.btn-white {
        font-size: 13px;
    }
    /* == Box detail == */
    .box-detail-wrapper {
        padding: 15px;
    }

    .box-detail-inner {
        padding: 0 0 0 15px;
    }
}

@media screen and (max-width: 1279px) {
    /* == == */
    .box-center-body {
        /* padding: 30px 5% 15px 5%; */
    }
    /* == Inner cover == */
    .inner.cover {
        padding: 50px;
    }
    /* == Full box == */
    .full-box.full-box-width.bg-lightred {
        width: 100%;
    }

    .full-box.small-box-width.bg-black {
        width: 100%;
    }

    .review-box {
        float: left;
    }

    .review-title {
        text-align: center;
    }

    .lead {
        text-align: center;
    }

    .sub-lead {
        text-align: center;
    }

    .review-subtitle {
        text-align: center;
    }
    /* == Box input number == */
    .field-input-number {
        padding: 0 0 0 15px;
    }

    .box-input-number {
        padding: 0 80px 0 0;
    }

    .icon-keyboard {
        width: 80px;
    }
    /* == Full box == */
    .full-box {
        width: 100%;
        min-height: auto;
    }

    .text-header {
        line-height: 35px;
    }
    /* == Logo == */
    .logo-wrapper {
        height: 110px;
        position: relative;
        padding-top: 35px;
    }

    .logo {
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .logo > .logo-img {
            left: 50%;
            top: 0;
            transform: translate(-50%, 0);
            max-width: 56%;
        }

    .info-box {
        display: none;
    }

    .member-info {
        background-color: transparent;
    }
    /* == Form == */
    .form-normal-list {
        width: 115px;
    }

    .btn-login {
        width: 60px;
        font-size: 0.75rem;
        padding: 0 5px;
    }

    .normal-group {
        padding: 0 100px 0 10px;
    }

    .input-default {
        padding: 0 5px;
    }

    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-heading > .tab-heading-list {
        font-size: 0.75rem;
    }

    .tab-arrow-list {
        font-size: 0.75rem;
        padding: 0;
    }

    .tab-event-list {
        font-size: 0.75rem;
    }

    .box-title {
        font-size: 0.75rem;
    }
    /* == Flex striped == */
    .flex-striped-list {
        font-size: 0.75rem;
        padding: 0 15px;
    }

    .flex-header .flex-header-list {
        font-size: 13px;
    }

    .flex-streaked-list {
        font-size: 13px;
    }

    .tab-middle-list {
        font-size: 0.75rem;
    }

    .title-sm {
        font-size: 0.95rem;
    }

    .title-lead {
        font-size: 2.7rem;
    }

    .tab-arrow-inner {
        top: 0;
    }

    .box-circle {
        left: 50%;
        top: 5px;
        transform: translate(-50%, 0);
        float: left;
        margin: 0;
        width: 15px;
        height: 15px;
        font-size: 0.6rem;
        line-height: 15px;
        position: absolute;
        margin-bottom: 5px;
    }

    .box-title {
        line-height: 13px;
        margin-top: 7px;
    }
    /* == Form == */
    .btn.btn-white:hover {
        color: #ffffff;
        border: 1px solid #ad060e;
        background-color: #ad060e;
    }

        .btn.btn-white:hover .icon {
            color: #ffffff;
        }

    .btn.btn-white {
        font-size: 0.75rem;
    }

        .btn.btn-white .icon {
            font-size: 1.5rem;
        }

    .input-num {
        padding: 0 65px 0 15px;
    }

    .icon-play-now {
        width: 55px;
        font-size: 2rem;
    }

        .icon-play-now > ._i {
            font-size: 2rem;
        }

    .input-num::-webkit-input-placeholder {
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num:-moz-placeholder {
        /* Firefox 18- */
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num:-ms-input-placeholder {
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .form-normal-input.select-normal {
        width: 125px;
    }
}

@media screen and (max-width: 1170px) {
    /* == Tabs horizontal == */
    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-body > .tab-body-row > .tab-heading-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .flex-body > .flex-body-row > .flex-body-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .box-title {
        padding: 0;
        margin: 0;
    }

    .box-checklist > .box-checklist-row > .box-checklist-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

        .box-checklist > .box-checklist-row > .box-checklist-list > .box-checklist-money > .icon {
            font-size: 1.1rem;
        }

        .box-checklist > .box-checklist-row > .box-checklist-list > .box-field-money > .field-input-money {
            font-size: 0.75rem;
            font-size: 0.8125rem;
        }

    input[type='checkbox'] + label > span {
        width: 15px;
        height: 15px;
    }

    .field-input-money::-webkit-input-placeholder {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money:-moz-placeholder {
        /* Firefox 18- */
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money:-ms-input-placeholder {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money:focus::-webkit-input-placeholder {
        color: transparent;
    }
}

@media screen and (max-width: 991px) {
    /* == == */
    .full-box.small-box-width.bg-black {
        min-height: 300px;
    }
    /* == == */
    .box-card-header > .card-content {
        width: 33.3333%;
    }
    /* == News page == */
    .box-card-header {
        width: 100%;
        height: auto;
        float: left;
        padding: 0;
    }

    .sort-wrapper {
        width: 50%;
        margin: 0 0 15px 0;
        padding: 0 7.5px;
        min-width: 100%;
        max-width: 100%;
    }

    .search-wrapper {
        width: 50%;
        margin: 0 0 15px 0;
        padding: 0 7.5px;
        overflow: hidden;
        min-width: 100%;
        max-width: 100%;
    }

    .sort-button {
        width: 100%;
        height: 35px;
        padding: 0 40px 0 40px;
    }

    .search-form {
        width: 100%;
        height: 35px;
        padding: 0 10px 0 40px;
    }

    .box-card-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* == == */
    body {
        background-color: #fff;
    }

    .section-wrapper {
        background-color: #ffffff;
    }

    .box-card-iteminner {
        border: 1px solid #eeeeee;
    }

    .flex-body {
        padding: 0;
    }

    .hide-xs {
        display: none;
    }
    /* == index == */
    .banner-containner {
        /* padding: 0; */
    }

    .full-box {
        padding: 15px;
    }

    .lead {
        font-size: 18px;
    }

    .sub-lead {
        font-size: 14px;
        line-height: 22px;
    }

    .full-box p {
        font-size: 14px;
    }

    .full-box.bg-lightred {
        padding: 15px;
        margin-bottom: 15px;
    }

    .icon-element {
        width: 40px;
        height: 40px;
    }

    .review-title {
        font-size: 16px;
        height: 27px;
    }

    .review-author {
        font-size: 12px;
    }

    .review-date {
        font-size: 12px;
    }

    .review-box-title {
        font-size: 13px;
    }

    .review-box-subtitle {
        font-size: 13px;
    }

    .review-box-after {
        height: 12px;
        right: 15px;
    }

    .review-box-before {
        height: 12px;
        left: 15px;
    }

    .review-box {
        padding: 39px 43px;
    }

    .btn-flat {
        font-size: 14px;
        text-align: left;
        width: auto;
        min-width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0 50px;
    }

        .btn-flat > .icon {
            margin-right: 15px;
            margin: 0;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

            .btn-flat > .icon > ._i {
                font-size: 20px;
                width: 50px;
                text-align: center;
            }

    .article-bottom > .btn.btn-readmore.btn-icon {
        margin: 0 !important;
    }
    /* == article == */
    .article-text {
        font-size: 14px;
    }

    .article-description > p {
        font-size: 14px;
        line-height: 23px;
    }

    .article-label {
        font-size: 14px !important;
    }

    .review-subtitle {
        font-size: 14px;
    }

    .review-title {
        font-size: 18px;
    }

    .lead {
        font-size: 22px;
    }

    .sub-lead {
        font-size: 16px;
    }

    .article-description {
        height: 72px;
        color: #fff;
    }

    .full-box p {
        font-size: 16px;
        line-height: 25px;
    }
    /* == card == */
    .card.card-fluid.card-danger > .card-header {
        font-size: 15px;
    }

    .card.card-fluid.card-danger > .card-body {
        padding: 15px !important;
    }

    .card.card-fluid.card-danger .regis-description.scroll {
        min-height: auto;
        max-height: initial;
        padding: 0;
    }

    .regis-description.scroll.dark::-webkit-scrollbar {
        width: 6px;
        background-color: #ffffff;
        border-radius: 4px;
    }

    .regis-description.scroll.dark::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 3px rgb(255, 255, 255);
        background-color: #ffffff;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgb(255, 255, 255)), color-stop(.5, #ffffff), to(#ffffff));
    }

    .btn-regis-lg {
        font-size: 16px !important;
    }
    /* == Container == */
    .container {
        max-width: 100%;
        max-width: 1440px;
        /*max-width: 540px;*/
    }
    /* == Prize == */
    .box-center-body {
        padding: 0;
        margin: 0 0 !important;
    }

    .text-with-icon {
        margin-top: 15px;
    }

    .box-center-body.box-no-padding {
        padding: 30px 5% 15px 5%;
    }

    .box-fourth.box-header-hilight {
        width: 100%;
        padding: 0;
    }

    .box-fourth.box-header-hilight {
        padding: 0;
    }

    .box-hilight-inner {
        width: 100%;
        border-radius: 15px;
        overflow: hidden;
        padding: 1px;
        box-shadow: none;
        border: 0;
    }

    .box-fourth.box-header-hilight.box-header-st {
        margin: 0;
    }

    .box-fourth.box-header-hilight.box-header-nd {
        margin: 0;
    }

    .box-fourth.box-header-hilight.box-header-rd {
        margin: 0;
    }

    .box-fourth.box-header-hilight.box-header-st > .fourth-fourth-body {
        border-radius: 0;
        overflow: visible;
    }

        .box-fourth.box-header-hilight.box-header-st > .fourth-fourth-body .fourth-body-row:last-child {
            border-radius: 0;
        }

    .box-fourth.box-header-hilight.box-header-nd .fourth-fourth-body .fourth-body-row:last-child {
        border-radius: 0;
    }

    .box-fourth.box-header-hilight.box-header-nd > .fourth-head-row {
        display: none;
    }

    .box-fourth.box-header-hilight.box-header-nd .fourth-fourth-body {
        border-radius: 0;
        overflow: visible;
    }

    .box-fourth.box-header-hilight.box-header-rd .fourth-head-row {
        display: none;
    }
    /* == Faq page == */
    .card-collapse-wrapper {
        width: 100%;
        float: left;
    }

    .card-collapse-inner {
        padding: 25px 45px 15px 15px;
    }

    .btn.icon-bgcircle {
        width: 25px;
        height: 25px;
    }

        .btn.icon-bgcircle ._i {
            font-size: 17px;
        }

    .card-collapse-button {
        right: -10px;
    }

    .box-collapse.box-ask {
        padding: 0 0 0 110px;
        min-height: 30px;
    }

    .label-ask {
        width: 100px;
        height: 35px;
        padding: 0 0 0 25px;
    }

    .label-number {
        width: 20px;
        height: 20px;
        margin: 0;
        left: 7px;
        font-size: 12px;
    }

    .label-ask-text {
        font-size: 13px;
    }

    .box-collapse-text {
        height: auto;
        min-height: 35px;
        font-size: 14px;
    }

    .label-ans {
        width: 100px;
        height: 35px;
        font-size: 13px;
    }

    .box-collapse {
        padding: 0 0 0 105px;
    }
    /* == Slider == */
    .review-head {
        float: left;
        text-align: left;
    }
    /* == Head title == */
    .box-header {
        height: 35px;
        height: auto;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        min-height: 50px;
    }

    .flex-header .flex-header-list {
        font-size: 12px;
    }

    .header-title {
        font-size: 14px !important;
        font-weight: 100;
        font-family: var(--fontWeightMedium) !important;
    }

    .box-center-body.box-no-padding.full-xs {
        padding: 0;
        border: 0;
        box-shadow: none !important;
    }

        .box-center-body.box-no-padding.full-xs .fourth-head-row {
            border-radius: 0;
        }

        .box-center-body.box-no-padding.full-xs .box-hilight-inner {
            border-radius: 0;
            padding: 0;
        }

        .box-center-body.box-no-padding.full-xs .fourth-head-row .fourth-head-title:nth-child(odd) {
            background-color: #000 !important;
        }

        .box-center-body.box-no-padding.full-xs .fourth-head-row .fourth-head-title:nth-child(even) {
            background-color: #353535 !important;
        }
    /* == Contact page == */
    .form-contact {
        padding: 30px 10%;
        border: 1px solid #eeeeee;
        border-radius: 0 0 15px 15px;
    }

    .box-contact-wrapper {
        box-shadow: none;
    }
    /* == News page == */
    .news-cards {
        width: -webkit-fill-available !important;
        width: -moz-available;
    }

    .box-card-header {
        top: 0;
        position: relative;
        width: 50%;
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 0;
        min-width: auto;
    }

        .box-card-header.card-right {
            float: left;
            left: 50%;
            transform: translateX(-50%);
            margin-bottom: 0;
            margin-top: 15px;
        }

    .sort-button {
        height: 45px;
        padding: 0 50px 0 50px;
    }

    .sort-icon {
        height: 43px;
        width: 43px;
    }

    .sort-text {
        height: 45px;
        font-size: 14px;
    }

    .arrow-icon ._i {
        line-height: 32px;
    }

    .arrow-icon {
        height: 43px;
        width: 43px;
    }

    .search-form {
        height: 45px;
        padding: 0 20px 0 50px;
    }

    .search-field {
        height: 45px;
    }

    .search-button {
        width: 43px;
        height: 43px;
    }

        .search-button ._i {
            font-size: 20px;
        }

    .button-event {
        height: 45px;
        margin-bottom: 15px;
    }

    .event-prev {
        height: 45px;
        width: 45px;
        margin: 0 0 0 5px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
        border: 4px solid #fff;
        opacity: 0.5;
        transition: 0.3s;
    }

    .event-next {
        height: 45px;
        width: 45px;
        margin: 0 0 0 5px;
        border: 4px solid #ccc;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
        border: 4px solid #fff;
        opacity: 0.5;
        transition: 0.3s;
    }

        .event-prev:hover,
        .event-prev:focus,
        .event-next:hover,
        .event-next:focus {
            background-color: #060606 !important;
            opacity: 0.75;
            transition: 0.3s;
        }

    .box-card-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .card-heading {
        font-size: 14px;
        max-width: 100%;
    }

    .card-label {
        font-size: 8px;
    }

    .card-title {
        font-size: 15px;
        line-height: 25px;
        margin: 0;
    }

    .card-subtitle {
        font-size: 13px;
    }

    .box-card-desc > p {
        font-size: 13px;
    }

    .entry > li {
        font-size: 11px;
    }

    .btn.btn-read.btn-icon {
        font-size: 10px;
        height: 35px;
        min-width: 100px;
    }

    .box-card-label {
        height: 40px;
    }

    .box-card-thumbnail {
        height: 150px;
    }

    .box-card-desc {
        height: 65px;
    }

        .box-card-desc > p {
            line-height: 17px;
        }

    .thumb-detail-wrapper {
        width: 100%;
        height: auto;
        float: left;
    }

    .box-detail-thumbnail {
        height: auto;
    }

    .thumb-detail-image {
        left: 0;
        top: 0;
        transform: translate(0, 0);
        height: auto;
        width: 100%;
    }

    .box-center {
        box-shadow: none;
        padding: 0 !important;
    }
    /* == Prize == */
    .date-button {
        height: 45px;
        /* padding: 0 45px 0 45px; */
        border: 1px solid #eeeeee;
    }

    .date .date-text {
        height: 43px !important;
    }

    .date-icon {
        width: 43px;
        height: 43px;
    }

        .date-icon ._i {
            font-size: 18px;
        }

    .date-text {
        font-size: 14px;
        height: 45px;
    }

    .box-card-header.card-header-fluid .date-wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
        min-width: 100%;
    }

    .card-date-margin {
        margin-bottom: 15px;
    }

    .box-card-header.card-header-fluid .sort-wrapper {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
    }

    .box-card-header.card-header-fluid .search-wrapper {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
    }

    .search-form {
        width: 100%;
        border: 1px solid #eeeeee;
    }

    .sort-button {
        width: 100%;
        border: 1px solid #eeeeee;
    }

    .datepicker.datepicker-dropdown {
        width: 343px;
    }

    .date-button {
        width: 100%;
    }

    .box-card-header.card-header-fluid {
        margin: 0;
    }

    .input-group.date {
        height: 45px;
        width: 100%;
        border: 1px solid #eeeeee;
        border-radius: 30px;
    }
    /* == News detail == */
    .box-detail-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-detail-inner {
        padding: 0;
    }

    .box-detail-wrapper {
        margin-bottom: 15px;
    }
    /* == Slider package == */
    .slider.package {
        padding-top: 50px;
    }

        .slider.package .slick-prev {
            top: 17.5px;
            right: 40px;
            width: 35px;
            height: 35px !important;
            border: 4px solid #fff;
        }

        .slider.package .slick-next {
            top: 17.5px !important;
            width: 35px;
            height: 35px;
            right: 0 !important;
            border: 4px solid #fff;
        }

        .slider.package .grid-content {
            padding-right: 0;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

        .slider.package .slick-next:hover,
        .slider.package .slick-next:focus {
            right: 0 !important;
        }
    /* == News card == */
    .news-cards .slick-prev {
        height: 45px;
        width: 45px;
        top: -37px;
    }

    .news-cards .slick-next {
        height: 45px;
        width: 45px;
        top: -37px;
    }
    /* == Social == */
    .social.social-detail .social-title {
        width: 100%;
    }

    .social.social-detail {
        display: block;
    }

        .social.social-detail > .social-list {
            margin: 0 7.5px 0 0;
        }
    /* == Regis == */
    .col-6.card-half-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* ==  Box scroll  == */
    .image-slider.sliders {
        height: 200px;
    }
    /* == Section ==*/
    .section-wrapper {
        padding: 15px 0 0px 0;
    }
    /* == Breadcrumbs == */
    .breadcrumb > li > a {
        padding: 0 10px 0 0;
        font-size: 12px !important;
        color: #000;
    }

    .breadcrumb,
    .breadcrumb > li {
        font-size: 12px;
    }

        .breadcrumb > li > a > .icons {
            margin-left: 10px;
            font-size: 10px;
            color: #060606 !important;
        }

    .section-breadcrumb.bg-white li a {
        color: #060606 !important;
    }

    .section-breadcrumb.bg-white li {
        color: #060606 !important;
    }
    /* == Flex body == */
    .flex-body.swipper-body.scroll {
        max-height: 200px;
        min-height: 200px;
    }

    .numbers-row.scroll {
        max-height: 200px;
        min-height: 145px;
    }

    .box-checklist.scroll {
        min-height: 401px;
        max-height: 401px;
    }

    .tab-detail.scroll {
        height: 677px;
    }

    .tab-middle.scroll {
        max-height: 469px;
        min-height: 469px;
    }
    /* == Navbar == */
    .navbar-menu-link {
        padding: 0 10px;
        font-size: 0.75rem;
    }

    .navbar-menu-icon > .icon {
        font-size: 0.95rem;
    }

    .member-picture {
    }

    .navbar-menu-list:first-child .navbar-menu-link {
        width: 35px;
        text-align: center;
    }

    .text-lang {
        font-size: 0.75rem;
    }

    .btn-head-icon .icon {
        position: relative;
        top: 5px;
    }

    .text-header {
        font-size: 0.75rem;
    }
    /* == Menu-toggle == */
    .menu-toggle,
    .menu-ellipsis {
        display: block
    }

    .text-header {
        display: none;
    }

    .head-left {
        width: 260px;
        background: #111111;
        height: 100%;
        max-height: 100%;
        position: fixed;
        top: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 5;
        left: -100%;
        display: block;
        overflow-y: auto;
    }

    .head-right {
        width: 260px;
        background: #1d1d1d;
        height: 100%;
        max-height: 100%;
        position: fixed;
        top: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 5;
        right: -300px;
        overflow-y: auto;
    }

    .ribbon-footer {
        display: none;
    }

    .header-outer {
        height: auto;
        z-index: 5;
    }

    .logo-wrapper {
        padding: 0;
        height: 50px;
    }

    .header {
        height: 50px;
    }

    .logo {
        width: 50%;
        height: 50px;
    }

        .logo > .logo-img {
            max-width: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .navbar-menu-list {
        width: 100%;
        border-bottom: 1px solid #252525;
    }
    /* == Navbar == */
    .navbar-menu-link {
        width: 100%;
        font-size: 0.95rem;
    }

    .navbar-menu-icon {
        display: none;
    }

    .navbar-menu-text {
        display: block;
    }

    .navbar-menu-list:first-child .navbar-menu-link {
        width: 100%;
        text-align: left;
    }

    .right-menu {
        position: relative;
        width: 100%;
        padding: 0 15px;
    }

    .member-wrapper {
        position: relative;
        width: 100%;
    }
    /* == Btn head == */
    #button_logout {
        display: flex;
    }
    /* == Member == */
    .member-wrapper {
        padding: 15px;
        margin-top: 40px;
    }

    .member-inner {
        background-color: #fff;
        background-color: transparent;
        width: 100%;
        float: left;
        padding: 15px;
        border: 1px solid var(--red);
        border-radius: 6px;
    }

    .member-info {
        left: 50%;
        float: none;
        transform: translateX(-50%);
        margin: 0;
        top: -30px;
    }

    .info-box {
        display: block;
        background-color: transparent;
        padding: 0;
        height: auto;
    }

    .info-box-content:first-child {
        border: 0;
    }

    .info-box-content {
        width: 100%;
        top: 0;
        transform: translateY(0);
    }
    /* == Login form == */
    .normal-group {
        padding: 0;
    }

    .form-normal.login-form {
        height: auto;
    }

    .form-normal-list {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .input-default {
        margin: 0;
        height: 50px;
    }

    .btn-login {
        width: 100%;
        top: 0;
        transform: translateY(0);
        height: 50px;
        font-size: 0.9rem;
        margin-bottom: 15px;
    }

    .link {
        width: 100%;
        text-align: center;
    }
    /* == Footer == */
    .sitemap-list {
        display: block;
        margin-bottom: 7.5px;
        width: auto;
        padding: 0 15px 0 0;
        min-width: 25%;
        justify-content: flex-start;
        text-align: left;
    }

    .sitemap-wrapper {
        display: block;
        padding-bottom: 0;
    }

    .sitemap-link {
        border: 0;
    }

    .box-bottom .text-info {
        line-height: 20px;
    }

    .box-bottom {
        padding: 10px 0;
    }
    /* == Contain == */
    .grid-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .icon-keyboard {
        width: 60px;
    }

    input.field-input-number {
        padding: 0 0 0 10px;
    }

    .box-input-number {
        padding: 0 60px 0 0;
    }

    .icon-keyboard > .icon {
        font-size: 2.3rem;
    }

    .field-input-number::-webkit-input-placeholder {
        color: #ccc;
        font-size: 0.95rem;
    }

    .field-input-number:-moz-placeholder {
        /* Firefox 18- */
        color: #ccc;
        font-size: 0.95rem;
    }

    .field-input-number::-moz-placeholder {
        /* Firefox 19+ */
        color: #ccc;
        font-size: 0.95rem;
    }

    .field-input-number:-ms-input-placeholder {
        color: #ccc;
        font-size: 0.95rem;
    }

    .field-input-number:focus::-webkit-input-placeholder {
        color: transparent;
    }
    /* == Text == */
    .text-big-boney {
        font-size: 35px !important;
    }

    .text-last-two {
        font-size: 35px !important;
    }

    .text-front-three {
        font-size: 1.3rem;
    }

    .text-last-three {
        font-size: 1.3rem;
    }
    /* == Text == */
    .text-subtitle,
    .label-white {
        width: 100%;
    }
    /* == Inner cover == */
    .inner.cover {
        padding: 15px;
    }
    /* == Lotto list == */
    .table.table-layout {
        width: auto;
        margin-bottom: 20px;
    }

        .table.table-layout thead {
            width: auto;
        }

            .table.table-layout thead th.tb-status {
                width: 100px;
            }

            .table.table-layout thead th.track-number {
                width: 200px;
            }

            .table.table-layout thead th.tb-date {
                width: 200px;
            }

            .table.table-layout thead th.tb-time {
                width: 200px;
            }

            .table.table-layout thead th.tb-cat {
                width: 200px;
            }

            .table.table-layout thead th.tb-view {
                width: 75px;
            }

            .table.table-layout thead th.tb-del {
                width: 75px;
            }

            .table.table-layout thead > tr,
            .table.table-layout tbody > tr {
                width: 1050px;
            }

    .tb-box .tb-box-responsive.table-responsive-xl .button-event {
        transform: translateX(0);
        float: left;
        left: 15px;
    }

    .table.table-layout tbody > tr > td.text-status {
        width: 100px;
    }

    .table.table-layout tbody > tr > td.text-number {
        width: 200px;
    }

    .table.table-layout tbody > tr > td.text-date {
        width: 200px;
    }

    .table.table-layout tbody > tr > td.text-time {
        width: 200px;
    }

    .table.table-layout tbody > tr > td.text-cat {
        width: 200px;
    }

    .table.table-layout tbody > tr > td.text-view {
        width: 75px;
    }

    .table.table-layout tbody {
        border: 0;
    }

        .table.table-layout tbody > tr > td.text-del {
            width: 75px;
        }

    #get_langage {
        width: 15px !important;
    }
    /* == back to top == */
    #top-link-block a {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }

        #top-link-block a i,
        #top-link-block a svg {
            font-size: 16px;
            top: -2px;
        }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 767px) {
    /* == flex == */
    .flex-col.big-boney {
        width: 50%;
        margin-bottom: 15px;
    }

    .flex-col.last-two {
        width: 50%;
        margin-bottom: 15px;
    }

    .flex-col.other-prize {
        width: 100%;
    }

    .box-center-body.bg-lightred .flex-col.front-three .box-body {
        border-width: 0 1px 1px 1px;
    }
    /* == prize == */
    .flex-rows.flex-otherprize > .flex-col.big-boney {
        width: 50%;
        margin-bottom: 15px;
    }

    .flex-col.before-three > .box-body {
        border-radius: 0;
    }

    .flex-col.before-three {
        width: 50%;
        margin-bottom: 15px;
    }

    .flex-rows.flex-otherprize > .flex-col.other-prize {
        width: 100%;
    }

    .flex-rows.flex-otherprize .flex-col.last-two > .box-header {
        border-radius: 0;
    }

    .flex-col.last-two .box-body {
        border: 1px solid #e40311;
        border-left: 1px solid #e40311;
        border-radius: 0;
    }

    .flex-col.before-three > .box-header {
        border-radius: 0;
    }

    .flex-col.last-two > .box-header {
        border-radius: 0;
    }

    .text-big-boney {
        font-size: 50px !important;
    }

    .text-last-two {
        font-size: 50px !important;
    }
    /* == Lotto list page == */
    .table.table-layout thead th {
        height: 42px;
    }

    .table.table-layout tbody > tr > td {
        height: 40px;
    }

        .table.table-layout tbody > tr > td .text.tb-text {
            font-size: 12px;
        }

    .text.tb-icon.icon-success > ._i {
        font-size: 17px;
    }

    .text.tb-icon.icon-fail > ._i {
        font-size: 17px;
    }

    .text.tb-icon > ._i {
        font-size: 17px;
    }
    /* == Register page == */
    .card-body.card-padding {
        padding: 15px !important;
    }

    .card.card-fluid.card-danger .card-subheader {
        font-size: 14px;
    }

    .card.card-fluid.card-danger .regis-description,
    .regis-description > p {
        font-size: 14px;
    }

    .btn-regis-lg {
        font-size: 16px;
    }

    .error-msg ._i {
        font-size: 20px;
        top: 5px;
    }

    .error-msg {
        font-size: 14px;
        line-height: initial;
    }

    .btn.custom-checkbox-center .custom-control-label.check-siver {
        font-size: 13px;
    }

    .regis-half-success {
        display: none;
    }
    /* == Faq page == */
    .card-collapse-inner {
        padding: 15px 35px 0 10px;
    }

    .box-collapse.box-ask {
        padding: 0;
    }

    .label-ask {
        position: relative;
        margin-bottom: 5px;
    }

    .box-collapse.box-ans {
        padding: 0;
    }

    .label-ans {
        position: relative;
        margin-bottom: 5px;
    }
    /* == Article == */
    .article-detail {
        width: 100%;
        padding: 0;
    }

    .article-img {
        width: 100%;
        margin-bottom: 15px;
        height: 350px;
    }
    /* == Head title == */
    .header-title {
        font-size: 16px !important;
    }
    /* == Prize page == */
    .fourth-head-title {
        font-size: 13px;
    }

    .fourth-body-title {
        font-size: 13px !important;
        line-height: 13px;
    }
    /* == Box center == */
    .box-center-body.bg-lightred {
        margin: 20px 0 25px 0;
    }
    /* == Icons == */
    .icon-menu.icon-timeout {
        width: 100%;
    }

    .icon-menu.icon-download {
        width: 100%;
    }

    .icon-menu.icon-share {
        width: 100%;
    }
    /* == Btn send == */
    .btn.btn-send {
        min-width: 100%;
        font-size: 14px;
        height: 45px;
        margin-top: 0;
    }
    /* == Contact page == */
    .form-contact {
        padding: 15px 15px 0 15px;
    }
    /* == Box detail == */
    .box-detail-thumbnail {
        /* height: 165px; */
    }
    /* == News card == */
    .news-cards .slick-prev {
        height: 35px;
        width: 35px;
        right: 45px;
        top: 0;
    }

    .news-cards .slick-next {
        height: 35px;
        width: 35px;
        top: 0;
        right: 0;
    }
    /* == Date button == */
    .date-icon ._i {
        font-size: 16px;
    }

    .date-text {
        font-size: 12px;
    }

    .date-button {
        /* width: 100%; */
        /* padding: 0 35px 0 25px; */
    }

    .date-wrapper {
        width: 50%;
        margin: 0 0 0 0;
        padding: 0;
        height: 45px !important;
    }

    .box-card-header > .card-content {
        width: 50%;
    }

    .sort-menu {
        /* margin: 2px 0 0 0; */
    }
    /* == Payout rate page == */
    .icon-radius {
        height: 25px;
        width: 25px;
        margin: 0 auto 0;
    }

        .icon-radius > .icon {
            font-size: 17px;
        }

    .btn-viewmore {
        padding: 0 15px;
    }

        .btn-viewmore > span {
            font-size: 12px;
        }
    /* == Panel display == */
    .panel-display {
        padding: 2.5px 0 0 0;
    }

    .check-success > ._i {
        font-size: 1.25rem;
        position: relative;
        top: 7px;
    }

    .check-title {
        font-size: 1.0rem;
        margin: 3px 0 5px 0;
    }

    .check-success {
        display: none;
    }

    .check-fail {
        display: none;
    }

    .panel-display > p {
        font-size: 0.8rem;
        margin-bottom: 5px;
        line-height: 16px;
    }

    .border-dashed {
        padding: 7.5px 0;
        margin-bottom: 7.5px;
        font-size: 0.9rem;
    }

    .tab-event-banner {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    /* == Container == */
    .container {
        max-width: 100%;
        width: 100%;
    }
    /* == Prize == */
    .box-card-header.card-header-fluid .date-wrapper {
        width: 100%;
        padding: 0;
    }

    .box-card-header.card-header-fluid .sort-wrapper {
        width: 100%;
        padding: 0;
    }

    .box-card-header.card-header-fluid .search-wrapper {
        width: auto;
        background-color: transparent;
    }
    /* == Article == */
    .article-img {
        height: 300px;
    }

    .article-entry {
        height: auto;
        margin-bottom: 5px;
    }

    .article-bottom > .btn.btn-readmore.btn-icon {
        width: 100% !important;
        margin: 0;
    }
    /* == Image slider == */
    .image-slider {
        height: 180px;
    }
    /* == Tab footer == */
    .tab-forecast.scroll {
        min-height: 300px;
        height: 300px;
    }
    /* == Logo == */
    .logo > .logo-img {
        max-width: 70%;
    }
    /* == Text == */
    .flex-col.big-boney > .box-header > .header-title,
    .flex-col.last-two > .box-header > .header-title,
    .flex-col.before-three > .box-header .header-title,
    .flex-col.three .box-header > .header-title,
    .first-head-title,
    .first-body-title:first-child,
    .fourth-head-title,
    .fourth-body-title:first-child {
        font-size: 0.8rem;
        text-align: center;
    }

    .slider-heading-title {
        font-size: 0.8rem;
    }

    .text-big-boney {
        font-size: 2.0rem;
    }

    .text-last-two {
        font-size: 2rem;
    }

    .text-front-three {
        font-size: 1.0rem;
    }

    .text-last-three {
        font-size: 1.0rem;
    }

    .box-center-body {
        padding: 0;
    }

    .box-slider-heading {
        height: auto;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .text-last-three {
        font-family: var(--fontWeightMedium);
    }
    /* == Box center == */
    .box-center-body.bg-lightred .text-big-boney {
        font-size: 2.4rem !important;
    }

    .box-center-body.bg-lightred .text-last-two {
        font-size: 2.4rem !important;
    }
    /* == Article image == */
    .article-img {
        height: auto;
    }

    .article-entry > li::after {
        margin: 0 0 0 5px;
    }

    .article-entry > li {
        padding: 0 10px 0 0;
        font-size: 10px;
    }
    /* == Index == */
    .article-img > .image {
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
}

@media screen and (max-width: 480px) {
    /* == btn flat == */
    .btn-flat {
        width: 100%;
    }
    /* == date ==  */
    .datepicker.datepicker-dropdown {
        width: 91.4%;
    }

    .box-card-header {
        width: 100%;
        margin-bottom: 15px !important;
    }
    /* == news page == */
    .box-card-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .full-box p {
        font-size: 14px;
    }

    .sub-lead {
        font-size: 14px;
    }
    /* == Regis == */
    .card.card-fluid.card-danger > .card-header {
        font-weight: 700;
        font-size: 14px;
    }

    .custom-control-label::after {
        width: 17px;
        height: 17px;
        top: 0;
    }

    .custom-control-label::before {
        width: 17px;
        height: 17px;
        top: 0;
    }

    .custom-regis .custom-control-label {
        padding: 0 0 0 4px;
    }

    .custom-regis .custom-control-label {
        font-size: 12px;
        line-height: 17px;
    }

    .error-msg {
        font-size: 13px;
    }

    .card.card-fluid.card-danger .regis-description,
    .regis-description > p {
        font-size: 12px;
        line-height: 18px;
    }

    .card.card-fluid.card-danger .thumbnail {
        height: 100px;
    }

    .card.card-fluid.card-danger .card-body.card-padding .card-title {
        height: auto;
        font-size: 16px;
    }

    .card.card-fluid.card-danger > .card-header {
        font-size: 15px;
        font-weight: 700;
    }

    .card-title.card-title-center {
        font-size: 15px;
        font-weight: 700;
    }

    .card.card-fluid.card-danger .card-subheader {
        font-size: 10px;
        line-height: 13px;
    }

    .card.card-fluid.card-danger > .card-body {
        padding: 15px 10px !important;
    }

    .card.card-fluid.card-danger .btn.btn-green {
        height: 50px;
        width: 100%;
    }

    .msg.msg-silver {
        font-size: 12px;
    }

    .card-center > ._i {
        font-size: 40px;
    }

    .card-alert {
        font-size: 20px;
    }

    .card-center > p {
        font-size: 12px;
    }
    /* == Separator == */
    .separator {
        width: 100%;
    }
    /* == Logo == */
    .logo > .logo-img {
        max-width: 80%;
    }

    .icon-desc {
        font-size: 14px;
    }

    .social-list {
        height: 40px;
        width: 40px;
        line-height: 40;
    }

    .social-link {
        height: 40px !important;
        width: 40px;
        line-height: 40px;
    }

    .box-bottom.red .text-info {
        font-size: 10px;
    }

    .text-info > .icon {
        font-size: 0.9rem;
        top: 3px;
    }

    .widgets-icon > .icon {
        margin: 0;
    }

    .widgets-icon {
        font-size: 0.85rem;
    }
    /* == Date == */
    .date-wrapper {
        width: 100% !important;
        padding: 0;
        /* margin-bottom: 0; */
        min-width: 100%;
        height: 45px !important;
    }

    .sort-wrapper {
        width: 100%;
        padding: 0;
    }

    .search-wrapper {
        width: 100%;
        padding: 0;
    }

    .search-form {
        padding: 0 15px 0 45px;
        border: 1px solid #ddd;
    }
    /* == Placeholder == */
    .search-field::-webkit-input-placeholder {
        font-size: 14px;
    }

    .search-field:-moz-placeholder {
        /* Firefox 18- */
        font-size: 14px;
    }

    .search-field::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 14px;
    }

    .search-field:-ms-input-placeholder {
        font-size: 14px;
    }

    .search-field:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .search-button {
        width: 43px;
        height: 43px;
        background-color: #cccccc;
    }

        .search-button ._i {
            font-size: 15px;
        }

    .search-field {
        height: 43px;
        font-size: 14px;
    }

    .sort-icon ._i {
        font-size: 16px;
    }

    .sort-text {
        font-size: 11px;
    }

    .arrow-icon ._i {
        font-size: 18px;
    }

    .sort-menu-item {
        height: 45px;
        font-size: 14px;
    }

    .event-prev {
        height: 35px;
        width: 35px;
    }

        .event-prev ._i {
            font-size: 24px;
        }

    .event-next {
        width: 35px;
        height: 35px;
    }

        .event-next ._i {
            font-size: 24px;
        }

    .news-sort-wrapper {
        display: none;
    }

    .card-header-column {
        padding: 0 90px 0 0;
    }

    .card-header-left .sort-button {
        right: inherit;
        left: 0;
    }

    .card-header-left .mobile-search {
        left: 45px;
    }

    .box-card-wrapper.box-card-padding {
        padding: 50px 0 0 0;
    }

        .box-card-wrapper.box-card-padding > .box-card-header {
            top: -50px;
        }
    /* == == */
    .box-detail-wrapper {
        padding: 0;
        background-color: #fff;
        box-shadow: none;
    }
    /* == Prize page ==  */
    .flex-rows.flex-otherprize > .flex-col.big-boney .text-big-boney {
        font-size: 36px !important;
        letter-spacing: -1px;
    }

    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.last-two .box-body .text-last-two {
        font-size: 36px !important;
    }

    .flex-rows.flex-otherprize > .flex-col.big-boney .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.before-three .box-header .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.last-two .box-header .header-title,
    .flex-col.before-three > .box-header .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.three .flex-col.front-three .box-header .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.three .flex-col.last-three .box-header .header-title {
        font-size: 12px !important;
    }

    .box-center-body.box-no-padding {
        padding: 5px 5px 5px 5px;
    }

    .fourth-body-title {
        font-size: 11px !important;
        line-height: 11px;
    }
    /* == index == */
    .full-box.small-box-width.bg-black {
        min-height: 200px;
    }
    /* == news == */
    .box-card-panel {
        padding-top: 55px;
        margin-bottom: 30px;
    }

    .mobile-search {
        display: block;
    }

    .box-card-header.card-header-fluid .search-wrapper {
        margin: 50px 0 0 0;
    }

    .sort-menu {
        margin: 50px 0 0 0;
    }

        .sort-menu::before {
            left: inherit;
            right: 59px;
        }

        .sort-menu::after {
            left: inherit;
            right: 59px;
        }

    .card-content.card-search {
        position: absolute;
        top: 0;
    }

    .news-search-wrapper {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }

        .news-search-wrapper.active {
            display: block;
            margin-top: 5px;
            border-radius: 25px;
        }

    .sort-icon {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        border: 0;
        height: 35px;
        width: 35px;
    }

    .sort-button {
        position: absolute;
        top: 5px;
        right: 45px;
        width: 35px;
        height: 35px;
        max-width: 35px;
        padding: 0;
        border: 0;
        z-index: 1;
    }

    #sort_icon {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        margin: 0;
        border: 0;
        width: 35px;
        height: 35px;
    }

    .sort-text {
        opacity: 0;
        height: 35px;
    }

    .sort-icon ._i {
        color: #ffffff;
        font-size: 20px;
    }

    .card-content.card-sort {
        position: absolute;
        top: 0;
    }
    /* == price == */
    .box-card-header > .card-content {
        width: 100%;
        padding: 0;
    }

    .box-card-header.card-header-fluid {
        margin: 0;
    }
}

@media screen and (max-width: 380px) {
    /* == Text == */
    .flex-col.big-boney > .box-header {
        padding: 0 5px;
    }

    .flex-col.last-two > .box-header {
        padding: 0 5px;
    }

    .flex-col.three > .flex-col.front-three > .box-header {
        padding: 0 5px;
    }

    .flex-col.three > .flex-col.last-three > .box-header {
        padding: 0 5px;
    }

    .text-big-boney {
        font-size: 1.6rem;
    }

    .text-last-two {
        font-size: 1.6rem;
    }
    /* == Box title == */
    .box-title {
        font-size: 0.7rem;
        margin: 0;
    }

    .box-checklist > .box-checklist-row > .box-checklist-list > .box-field-money > .field-input-money {
        font-size: 0.7rem;
    }

    .field-input-money::-webkit-input-placeholder {
        font-size: 12px;
    }

    .field-input-money:-moz-placeholder {
        /* Firefox 18- */
        font-size: 12px;
    }

    .field-input-money::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
    }

    .field-input-money:-ms-input-placeholder {
        font-size: 12px;
    }

    .field-input-money:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .tab-event-list {
        font-size: 12px;
    }

    .tab-middle-list {
        font-size: 12px;
    }

    .tab-bottom-list {
        font-size: 12px;
    }

    .btn-icon {
        font-size: 14px;
    }

    .round-btn {
        min-width: 70px;
    }

        .round-btn > .icon {
            font-size: 1.0rem;
            float: right;
            margin: 1px 0 0 5px;
        }

    .round-title {
        font-size: 0.9rem;
    }

    .round-list {
        padding: 5px 102px 20px 15px;
    }

    .box-body-bottom {
        font-size: 13px;
    }
    /* == Font == */
    .tab-event-list:nth-of-type(2) {
        width: 20%;
    }

    .tab-middle-list:nth-of-type(2) {
        width: 20%;
    }

    .border-dashed {
        font-size: 13px;
    }

    .flex-body > .flex-body-row > .flex-body-list,
    .box-checklist > .box-checklist-row > .box-checklist-list,
    .detail-text {
        font-size: 12px;
    }

    .tabs-horizontal > .box-header-tabs > li > a {
        font-size: 12px;
    }

    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-heading > .tab-heading-list {
        font-size: 12px;
    }

    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-body > .tab-body-row > .tab-heading-list {
        font-size: 12px;
    }

    .breadcrumb > li > a.active,
    .breadcrumb > li,
    .breadcrumb > li > a {
        font-size: 12px !important;
    }

    .header-title {
        font-size: 13px;
    }

    .box-righht > .icon > ._i {
        font-size: 20px;
        line-height: 45px;
    }

    .box-righht > .icon {
        width: 45px;
    }
    /* == == */
    .sitemap-list {
        min-width: 100%;
        justify-content: center;
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
    /* == Slider == */
    .image-slider {
        height: 160px;
    }
    /* == Font == */
    .box-title {
        font-size: 0.7rem;
    }

    input[type='checkbox'] + label {
        font-size: 12px;
        line-height: 15px;
    }

    .box-checklist > .box-checklist-row > .box-checklist-list > .box-field-money > .field-input-money {
        font-size: 0.7rem;
    }

    .field-input-money::-webkit-input-placeholder {
        font-size: 11px;
    }

    .field-input-money:-moz-placeholder {
        /* Firefox 18- */
        font-size: 11px;
    }

    .field-input-money::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 11px;
    }

    .field-input-money:-ms-input-placeholder {
        font-size: 11px;
    }

    .field-input-money:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .tab-event-list {
        font-size: 11px;
    }

    .tab-middle-list {
        font-size: 11px;
    }

    .tab-bottom-list {
        font-size: 11px;
    }

    .border-dashed {
        font-size: 12px;
    }

    .tabs-horizontal > .box-header-tabs > li > a {
        font-size: 11px;
    }

    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-heading > .tab-heading-list {
        font-size: 11px;
    }

    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-body > .tab-body-row > .tab-heading-list {
        font-size: 11px;
    }

    .breadcrumb > li > a.active,
    .breadcrumb > li,
    .breadcrumb > li > a {
        font-size: 11px !important;
    }
    /* == Article == */
    .article-img {
        height: 180px;
    }
    /* == Box center == */
    .box-center-body.bg-lightred .text-big-boney {
        font-size: 32px !important;
    }

    .box-center-body.bg-lightred .text-last-two {
        font-size: 32px !important;
    }
    /* == Logo == */
    .icon-desc {
        font-size: 14px;
    }
    /* == Prize == */
    .flex-rows.flex-otherprize > .flex-col.big-boney .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.before-three .box-header .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.last-two .box-header .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.three .flex-col.front-three .box-header .header-title,
    .flex-rows.flex-otherprize > .flex-col.other-prize .flex-col.three .flex-col.last-three .box-header .header-title {
        font-size: 12px !important;
    }

    .box-center-body {
        padding: 7.5px 0 0;
    }
}


/* == vip == */

.box-card-panel.box-card-panel-xs {
    padding: 0;
}

@media screen and (max-width: 1790px) {
    .userinfo-wrap {
        min-width: 75%;
    }
}

@media screen and (max-width: 1690px) {
    .pricing-details.pricing-detail-side {
        width: 30%;
    }

    .pricing-details.pricing-detail-web {
        width: 70%;
    }
}

@media screen and (max-width: 1670px) {
    .heading {
        left: 42%;
        font-size: 15px;
        max-width: unset;
    }

    .user-toggle {
        width: 70px;
        height: 70px;
    }

    .bubbly-button {
        padding: 0.65em 2.0em;
        min-width: 140px;
        font-size: 15px;
    }

    .bubbly-button-group {
        left: 60%;
    }
}

@media screen and (max-width: 1600px) {
    /* == == */
    .full-box.full-box-width.bg-lightred.mb-0 {
        min-height: 450px;
    }
    /* == modal == */
    .get-nicer {
        width: 70%;
    }
}

@media screen and (max-width: 1440px) {
    /* == lotto gov split == */
    .split {
        margin: 3px 5px 3px 0;
    }

    .box-body-flexitem.flexitem-lg {
        display: block;
    }

    .box-body-flexitem.flexitem-xl {
        display: block;
    }
    /* == nav == */
    .heading {
        font-size: 14px;
        left: 50%;
    }

    .bubbly-button {
        padding: 0.7em 2.59em;
    }

    .bubbly-button-group {
        left: 71%;
    }

    .navmenu-link {
        padding: 0 20px;
    }

    .user-toggle {
        width: 60px;
        height: 60px;
    }

    .bubbly-button {
        font-size: 14px;
    }

    .bubbly-button-group {
        top: 55%;
    }

    .userinfo-wrap {
        height: 45px;
    }

    .userinfo {
        height: 45px;
    }

    .lang-toggle {
        height: 45px;
    }

    .btnlang {
        height: 45px;
    }
    /* == text == */
    .panelflex-display > .text-center {
        font-size: 14px;
    }

    .panelflex-display {
        padding: 9px 0 15px 0;
    }
    /* == jConfirm == */
    .jconfirm .container {
        max-width: 1440px;
    }

        .jconfirm .container .jconfirm-box-container {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
    /* == login form == */
    .login-form {
        height: 45px;
    }

    .input-group {
        height: 45px;
    }

    .link {
        height: 45px;
        line-height: 45px;
    }
    /* == promotion == */
    .box-promo {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    /* == rank == */
    .box-promo {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    /* == VIP == */
    .pricing-card-head .title {
        font-size: 21px;
    }
    /* == modal == */
    .get-nicer {
        /* width: 65%; */
    }
}

@media screen and (max-width:1280px) {
    /* == nav == */
    .navmenu-link {
        padding: 15px 15px;
        font-size: 14px;
    }

    .navbar-icon > img {
        height: 14px;
    }
    /* == Prize == */
    .box-card-header.card-header-fluid {
        width: fit-content;
        position: absolute;
        top: -90px;
        margin-bottom: 0;
    }

    .box-card-header.card-header-fluid {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
        float: right;
    }
    /* == VIP == */
    .pricing-details.pricing-detail-side {
        width: 35%;
    }

    .pricing-details.pricing-detail-web {
        width: 65%;
    }

    .pricing-card-head {
        padding: 32.5px 5px !important;
    }
    /* == == */
    .rank-thumbnail {
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1279px) {
    /* == == */
    .profile-info {
        padding: 90px 0 0 0 !important;
    }
    /* == == */
    .userinfo-wrap {
        min-width: 100%;
    }
    /* == == */
    .box-center-body {
        /* padding: 30px 5% 15px 5%; */
    }
    /* == Form == */
    .btn.btn-white:hover {
        color: #ffffff;
        border: 1px solid #ad060e;
        background-color: #ad060e;
    }

        .btn.btn-white:hover .icon {
            color: #ffffff;
        }

    .btn.btn-white {
        font-size: 0.75rem;
    }

        .btn.btn-white .icon {
            font-size: 1.5rem;
        }

    .input-num {
        padding: 0 65px 0 15px;
    }

    .icon-play-now {
        width: 55px;
        font-size: 2rem;
    }

        .icon-play-now > ._i {
            font-size: 2rem;
        }

    .input-num::-webkit-input-placeholder {
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num:-moz-placeholder {
        /* Firefox 18- */
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num:-ms-input-placeholder {
        font-size: 0.8rem;
        color: #bcbcbc;
    }

    .input-num:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .form-normal-input.select-normal {
        width: 125px;
    }
}

@media screen and (max-width: 1170px) {
    /* == Tabs horizontal == */
    .tabs-horizontal > .box-body-tabs .tab-pane > .tabs-body > .tab-body-row > .tab-heading-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .flex-body > .flex-body-row > .flex-body-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .box-title {
        padding: 0;
        margin: 0;
    }

    .box-checklist > .box-checklist-row > .box-checklist-list {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

        .box-checklist > .box-checklist-row > .box-checklist-list > .box-checklist-money > .icon {
            font-size: 1.1rem;
        }

        .box-checklist > .box-checklist-row > .box-checklist-list > .box-field-money > .field-input-money {
            font-size: 0.75rem;
            font-size: 0.8125rem;
        }

    input[type='checkbox'] + label > span {
        width: 15px;
        height: 15px;
    }

    .field-input-money::-webkit-input-placeholder {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money:-moz-placeholder {
        /* Firefox 18- */
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money:-ms-input-placeholder {
        font-size: 0.75rem;
        font-size: 0.8125rem;
    }

    .field-input-money:focus::-webkit-input-placeholder {
        color: transparent;
    }
    /*  */
    .bubbly-button {
        padding: 0.55em 1.29em;
        min-width: 120px;
    }
}

@media screen and (max-width: 1100px) {
    /* == VIP == */
    .box-rank {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pricing-detail-head.hide-in {
        padding: 9px 0;
        /* background-color: #ae0106 !important; */
    }

        .pricing-detail-head.hide-in .icon {
            display: block;
        }

        .pricing-detail-head.hide-in h3 {
            display: block;
        }

    .pricing-details.pricing-detail-side {
        display: none;
    }

    .pricing-card-wrap {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pricing-details.pricing-detail-web {
        width: 100%;
        padding: 0;
    }

    .pricing-card-desc {
        padding: 20px 15px;
        text-align: left;
        color: #767679;
    }

    .pricing-card-desc {
        display: block;
    }

        .pricing-card-desc .title {
            font-size: 21px;
            color: #000;
        }

        .pricing-card-desc .sub-title {
            font-size: 16px;
            color: #000;
        }

    .pricing-card.pricing-card-light {
        border-left: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        background-color: #fff;
    }

    .pricing-card-content {
        display: none;
        width: 100%;
        float: left;
    }

    .pricing-card-footer {
        display: block;
        padding: 0 15px 15px 15px;
        text-align: left;
        color: #767679;
        width: 100%;
        float: left;
    }

    .pricing-card.pricing-card-light.active .pricing-card-content {
        display: block;
    }

    .pricing-detail-list {
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: inherit;
        padding: 10.25px 15px;
    }

    .pricing-detail-label {
        display: block;
        -ms-flex: 1;
        flex: 1;
        font-size: 15px;
        font-weight: 200;
        line-height: 1.85;
        color: #767679;
    }

    .pricing-detail.pricing-multi {
        border-left: 0;
        border-right: 0;
    }

    .pricing-detail-list .pricing-detail-label,
    .pricing-detail-list p {
        display: block;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }

    .pricing-detail-list .pricing-detail-label {
        text-align: left;
    }

    .pricing-detail-list p {
        text-align: right;
    }
    /* == == */
    .box-prize {
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
    }

    .box-prize-icon {
        width: 100%;
    }

    .box-prize-btn {
        width: 80%;
    }
}

@media screen and (max-width: 991px) {
    /* == heading == */
    .heading.heading-hide-xs {
        display: none;
    }

    .bubbly-button-group {
        display: none;
    }

    .logo-wrap .logo > .logo-img {
        top: 50%;
        height: auto;
    }
    /* == nav == */
    .nav-bottom {
        z-index: 2;
    }
    /* == == */
    .full-box.small-box-width.bg-black {
        min-height: 300px;
    }
    /* == == */
    .box-card-header > .card-content {
        width: 100%;
    }
    /* == Container == */
    .container {
        max-width: 720px;
    }
    /* == btn-group == */
    .btn-group.btn-group-xs {
        margin: 0;
        padding: 0 7%;
    }

    .btn.btn-primary.btn-md {
        width: 33.33333% !important;
        max-width: 33.333333% !important;
        min-width: 33.33333% !important;
        padding: 0 0 0 0;
    }

        .btn.btn-primary.btn-md > .icon-md {
            font-size: 16px;
            position: relative;
            top: 5px;
        }
    /* == card md == */
    .box-card-header > .card-content.card-md {
        width: 50%;
    }
    /* == box label image == */
    .box-label-item > .image {
        height: 20px;
    }
    /* == box label image == */
    .box-card-header.card-header-fluid {
        position: relative;
        top: 0;
        width: 100%;
    }
    /* == border-radius == */
    .instant-wrapper > li:first-child {
        border-radius: 15px 0 0 0;
    }

    .features-box {
        padding: 15px 15px 0 15px;
    }
    /* == nav == */
    .lang-toggle {
        height: 35px;
    }
    /* == == */
    .nav-top {
        height: 70px;
    }

        .nav-top > .container {
            height: 70px;
        }

    .logo-wrap {
        height: 70px;
    }

        .logo-wrap .logo {
            height: 70px;
        }

            .logo-wrap .logo > .logo-img {
                height: 80%;
            }

    .btn-signin {
        right: 40px;
    }

    .nav-bottom {
        display: block;
    }

    .login-form .btn.btn-danger {
        background-color: #7f0d12 !important;
        border-color: #7f0d12 !important;
        color: #fff;
    }
    /* == btn xs == */
    .hide-desktop {
        display: block;
    }

    .btn-group-xs {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        float: left;
        margin: 15px 0;
    }

        .btn-group-xs .bubbly-button {
            width: auto;
            min-width: 200px;
            margin-bottom: 5px;
            padding: 1.036em 1.29em;
        }
    /* == promotion == */
    .box-promo {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .promo-thumbnail {
        height: 145px;
    }
    /* == rank == */
    .box-rank {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .rank-thumbnail {
        height: 170px;
    }
    /* == sort == */
    .sort-menu-item {
        height: 45px;
    }
    /* == feature left == */
    .features-left {
        border-radius: 15px 15px 0 0;
    }
    /* == payout rate == */
    .slider.package .slick-prev {
        top: 0 !important;
    }

    .slider.package .slick-next {
        top: 0 !important;
    }
    /* == == */
    .full-box.full-box-width.bg-lightred.mb-0 {
        min-height: auto !important;
    }

    .full-box.bg-lightred {
        margin-bottom: 0;
    }
    /* == == */
    .get-nicer {
        width: 95%;
    }
    /* == pricing card == */
    /*     .pricing-card-wrap {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
 */
    /* == == */
    .icon-text {
        font-size: 12px;
    }

        .icon-text > .lg {
            font-size: 13px;
        }
    /* == promotion page looklike mobile applicstion == */
    .mobile-search.mobile-search-hide-xs {
        display: none;
    }

    .box-card-panel.box-none-padding {
        padding-top: 0;
    }

    .box-card-header.card-header-column {
        display: none;
    }

    .box-promo-in {
        padding: 0 0 0 165px;
        position: relative;
        min-height: 85px;
        border-radius: 0;
    }

    .promo-thumbnail {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        border-radius: 0;
        margin: 0;
    }

    .promo-desc {
        border: 0;
        border-radius: 15px 0 0 0;
        padding: 0 0 0 15px;
    }

    .separator.center {
        display: none;
    }

    .promo-desc .promo-text,
    .promo-desc .promo-text p {
        display: none;
    }

    .promo-label {
        display: none;
    }

    .btn.btn-promo-link {
        display: none;
    }

    .promo-thumbnail {
        height: auto;
    }

        .promo-thumbnail img {
            top: 0;
            left: 0;
            transform: translate(0, 0);
        }

    .promo-desc .promo-title {
        text-align: left;
        font-size: 16px;
        overflow: inherit;
        text-overflow: inherit;
        white-space: inherit;
        line-height: 20px;
    }

    .promo-desc .promo-text {
        /* height: 20px; */
        /* text-align: left; */
    }

    .box-promo-in {
        /* padding: 0 0 0 130px; */
        /* border-radius: 0; */
    }

    .promo-desc .promo-title {
        font-size: 14px;
        height: auto;
    }

    .box-promo-in {
        /* min-height: 75px; */
    }

    .section-wrapper {
        background-color: #fff;
    }

    .box-promo-in {
        box-shadow: none;
    }

    .box-promo {
        margin: 0;
        border-top: 3px solid #f1f1f1;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .box-promo:first-child {
            border: 0;
        }

    .promo-plain-label {
        margin: 0;
        font-size: 12px;
        width: auto;
        float: left;
        text-align: left;
        color: #999;
        display: block;
    }

    .label.label-show-xs {
        display: block;
    }

    .promo-date {
        margin: 0;
        font-size: 10px;
        width: auto;
        float: left;
        text-align: left;
        color: #999;
        display: block;
    }

    .promo-view {
        margin: 0;
        font-size: 10px;
        width: auto;
        float: right;
        text-align: left;
        color: #999;
        display: block;
    }

        .promo-view i {
            font-size: 10px;
            position: relative;
            top: 1px;
            margin: 0 5px 0 3px;
        }

    .box-promo {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .promo-desc a {
        float: left;
    }
    /* == promotion detail page looklike mobile applicstion == */
    .entry.text-black {
        border-top: 0;
        padding: 5px 0 0 0;
        margin: 0 0 15px 0;
    }

    .box-card-item {
        margin: 0;
        border-top: 2px solid #f1f1f1;
        padding-top: 15px;
        padding-bottom: 0;
    }

    .box-card-iteminner {
        padding: 0 0 0 165px;
        position: relative;
        min-height: 100px;
        border-radius: 0;
        box-shadow: none;
        border: 0;
    }

    .thumb-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        border-radius: 0;
        margin: 0;
        overflow: hidden;
        height: auto;
        height: 85px;
    }

    .box-card-body {
        padding: 0;
    }

    .separator.slim {
        display: none;
    }

    .entry {
        margin: 0;
        font-size: 10px;
        width: 100%;
        float: left;
        text-align: left;
        color: #999;
        display: block;
    }

    .box-card-item .entry {
        /* display: none; */
    }

        .box-card-item .entry > li:not(:first-child) {
            display: none;
        }

        .box-card-item .entry > li:first-child::after {
            /* content: " "; */
        }

        .box-card-item .entry > li:last-child {
            display: block;
        }

    .box-card-footer {
        display: none;
    }

    .box-card-desc {
        display: none;
    }

    .box-card-item:first-child {
        border: 0;
    }

    .box-detail-title {
        font-size: 20px;
    }

    .box-detail-item p,
    .box-detail-item span {
        font-size: 15px;
    }
    /* == news page looklike mobile applicstion == */
    .box-card-header > .card-content {
        display: none;
    }

    .box-card-header.card-header-left {
        display: none;
    }

    .card-subtitle {
        display: none;
    }

    .group-view {
        /* display: block; */
    }

    .box-detail-subtitle {
        display: none;
    }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 767px) {
    /* == jconfirm == */
    .jconfirm .container .jconfirm-box-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .panel-dashed {
        border-left: 0 !important;
        border-right: 0;
    }

    .jconfirm .jconfirm-content span.text-center {
        font-size: 12px !important;
    }

    .jconfirm .jconfirm-content span.bold {
        font-size: 12px;
    }
    /* == == */
    .box-card-header.card-header-fluid {
        /* width: inherit; */
    }
    /* == btn verify == */
    .btn-verify {
        margin: 0 0 15px 0;
    }
    /* == user credit == */
    .demos-post-closed {
        width: 38px;
        padding: 8px 4px 8px 5px;
    }

    .post-listing {
        bottom: 39%;
    }

    .post-listing {
        bottom: 30%;
    }

    .qode-demos-toolbar.open .post-listing {
        right: 10px;
        bottom: 30%;
    }
    /* == footable == */
    .footable > thead > tr > th {
        font-size: 12px;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        font-size: 12px;
    }

    .btn-outline.icon-row-custom i {
        font-size: 16px;
    }
    /* == tel == */
    .intl-tel-input.allow-dropdown {
        margin-bottom: 5px;
    }
    /* == btn info == */
    .btn-info {
        margin-top: 0;
    }
    /* == radio group ==*/
    .radio-title {
        font-size: 12px;
    }

    .text-small-xs {
        margin: 0;
        font-size: 14px;
    }

    .radio-control {
        margin-bottom: 5px;
        margin-top: 10px;
    }
    /* == == */
    .form-password ._icon {
        top: 0 !important;
    }
    /* == table prize modal == */
    .flex-col.front-three .box-body {
        border-width: 0 1px 1px 1px;
    }
    /* == == */
    .box-prize {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 575px) {
    /* == empty == */
    .empty-space-40 {
        margin: 0;
    }
    /* == profile info == */
    .profile-info {
        width: 100%;
        padding: 0 !important;
    }
    /* == promotion == */
    .box-promo {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .promo-thumbnail {
        height: 180px;
    }
    /* == rank == */
    .box-rank {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .rank-thumbnail {
        height: 180px;
        margin-top: 100px;
        margin-bottom: 0;
    }
    /* == card date == */
    .card-date.card-date-margin {
        margin-bottom: 15px;
    }
    /* == pricing card == */
    .pricing-card-wrap {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* == index == */
    .article-desc {
        display: none;
    }

    .review-title {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    /*

Create by : kankanit
Date : 21/02/2019
Description : 

*/
    .btn-group-xs .bubbly-button {
        width: 100%;
        margin: 0;
        margin-bottom: 5px;
    }

    .btn.btn-primary.btn-md {
        font-size: 10px;
    }
    /* == btn == */
    .sort-button {
        right: 45px;
    }

    .card-content.card-md {
        width: 100%;
        position: relative;
    }
    /* == box == */
    .box-body-flexitem {
        display: block;
        padding-top: 5px;
    }
    /* == promotion == */
    .promo-thumbnail {
        height: auto;
        width: 130px;
        top: 0;
    }

    .box-promo-in {
        padding: 0 0 0 130px;
        min-height: 70px;
        height: auto;
    }

    .promo-desc {
        padding-left: 10px;
    }
    /* == rank == */
    .rank-thumbnail {
        height: 80px;
    }

    .rank-desc .rank-title {
        font-size: 18px;
        margin: 0;
    }

    .rank-desc .rank-text,
    .rank-desc .rank-text p {
        font-size: 13px;
    }

    .rank-label {
        font-size: 15px;
    }
    /* == news == */
    .box-detail-content {
        padding: 0;
    }

    .social.social-detail {
        /* padding-left: 15px; */
        /* padding-right: 15px; */
        margin: 0;
    }

    .sort-menu {
        min-width: 300px;
    }

    .search-form {
        min-width: 300px;
    }

    .search-wrapper {
        overflow: visible;
    }
    /* == sort icon == */
    .arrow-icon ._i {
        width: 35px;
        height: 45px;
        right: 0;
    }
    /* == search == */
    .box-card-header.card-header-fluid .search-wrapper {
        margin: 50px 0 0 0;
    }
    /* == card header == */
    .card-header-column {
        padding: 0;
    }
    /* == card date == */
    .card-date.card-date-padding {
        padding-right: 50px;
    }
    /* promotion detail detail related == */
    .box-card-thumbnail {
        height: auto;
    }

        .box-card-thumbnail .thumb-image {
            top: 0;
            transform: translate(-50%, 0);
            width: 100%;
        }
    /* == font == */
    .box-modal .text-big-boney {
        font-size: 40px !important;
    }

    .box-modal .text-last-two {
        font-size: 40px !important;
    }
    /* == == */
    .box-prize {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* == == */
    .get-nicer .modal-title {
        font-size: 16px;
        font-weight: 600;
    }

    .get-nicer .modal-subtitle {
        font-size: 12px;
    }

    .get-nicer .header-title {
        font-size: 14px !important;
    }
    /* == pricing card == */
    /*     .pricing-card-wrap {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    } */
    .btn.btn-text-large {
        font-size: 14px;
    }

    .pricing-card-desc {
        padding: 15px 15px 10px 15px;
    }

    .pricing-card.pricing-card-light .icon-info-arrow {
        font-size: 18px;
        margin: 0 7px;
    }

    .pricing-card-head.box-rank-bg {
        height: 120px;
    }

    .pricing-card-desc .title {
        font-size: 19px;
    }

    .pricing-card-desc .sub-title {
        font-size: 14px;
    }

    .box-promo {
        border-top: 2px solid #f1f1f1;
    }
    /* == promotion page looklike mobile application == */
    /* == promotion detail page looklike mobile application == */
    .thumb-wrapper {
        width: 130px;
    }

    .box-card-iteminner {
        padding: 0 0 0 145px;
        min-height: 87.5px;
    }
    /* == room page looklike mobile application == */
    .box-card-panel {
        padding: 0;
    }

    .mobile-search {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .box-bottom .text-info {
        font-size: 13px;
        line-height: 13px !important;
    }

    .sitemap-link {
        text-align: left;
        justify-content: flex-start;
        font-size: 13px;
    }
    /* == == */
    .card-content.card-md {
        /*width: 127.5%;*/
    }
    /* == == */
    .btn-signin {
        right: 15px;
    }
    /* == footer == */
    .sitemap-list {
        min-width: 33.33333%;
    }
    /* == font == */
    .box-modal .text-big-boney {
        font-size: 32px !important;
    }

    .box-modal .text-last-two {
        font-size: 32px !important;
    }
    /* == box nicer == */
    .get-nicer {
        /* top: 7.5px; */
    }
}

@media screen and (max-width: 320px) {
    /* ==  == */
    .card-content.card-md {
        width: 135%;
    }
    /* == news page looklike mobile application == */
    .promo-date,
    .promo-view {
        width: 100%;
        float: left;
    }
}


/*==============================================*/

@media screen and (max-width: 1440px) {
    /* == box bodyitem == */
    .box-body-flexitem.flexitem-xl {
        display: flex;
    }

    .box-body-flexitem.flexitem-lg {
        display: flex;
    }

    .box-body-flexitem {
        font-size: 13px;
    }
    /* == input money placeholher */
    input.money-field::-webkit-input-placeholder {
        font-size: 13px;
    }

    input.money-field::-moz-input-placeholder {
        font-size: 13px;
    }

    input.money-field::-ms-input-placeholder {
        font-size: 13px;
    }

    .checklist-list input[type='checkbox'] + label > p {
        font-size: 13px;
    }

    .box-body-block.box-body-xxs .box-body-flexitem.flexitem-sm {
        padding: 0;
    }

    .btn-group > .btn.btn-radius {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    /* == Promotion page == */
    .promo-plain-label {
        display: block;
    }

    .label.label-show-xs {
        display: block;
    }

    .label.label-table {
        font-size: 8px;
    }

    .promo-date {
        display: block;
    }

    .promo-view {
        margin: 0;
        font-size: 10px;
        width: auto;
        float: right;
        text-align: left;
        color: #999;
        display: block;
    }
    /* == News page == */
    .box-card-label {
        display: none;
    }

    .btn.btn-read.btn-icon {
        margin-top: 5px;
    }

    .btn.btn-read.btn-icon {
        margin: 2px 0 2px 0;
    }

    .box-card-thumbnail {
        background-color: rgb(255, 255, 255);
    }

    .box-card-thumbnail {
        height: 85px;
    }

    .thumb-detail-image {
        transform: translate(0, 0);
    }
    /* == Lotto list page == */
    .box-card-wrapper.box-card-padding {
        padding: 0;
    }

    .box-card-header.card-header-fluid {
        display: none;
    }
    /* == error message == */
    .error-msg.small {
        font-size: 12px;
    }
    /* == date calenda == */
    .input-wrapper > .input-group.form-group .date-field {
        padding-left: 15px;
    }
    /* == lotto cat == */
    .list-normal > li > .list-text {
        text-align: right;
    }
    /* == box expand == */
    .box-expand-xs {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* == box detail == */
    .box-detail-wrapper {
        border: 0;
    }
}

@media screen and (max-width:767px) {
    /* == btn verify == */
    .btn-verify {
        font-size: 13px;
        margin-top: 10px;
    }
    /* == table history == */
    .table-bordered > tbody > tr > .footable-visible.footable-last-column {
        width: 100px;
    }

    .btn-outline.icon-row-custom {
        margin: 0 4px;
    }
}

@media screen and (max-width:480px) {
    /* == News page == */
    .box-card-thumbnail .thumb-image {
        width: auto;
    }

    .box-card-iteminner {
        min-height: 100px;
    }
    /* == login == */
    .card.card-fluid.card-danger .btn.btn-green {
        height: 40px;
        font-size: 14px !important;
    }
}

@media screen and (max-width:991px) {
    /* == lotto gov == */
    .box-expand {
        right: -100%;
        cursor: pointer;
    }

    .box-expand-item {
        background-color: #101010 !important;
        border-right: 1px solid #000000;
    }

    .checklist-list.checklist-lg {
        width: 60%;
    }
}

@media screen and (max-width:480px) {
    .box-body-flexitem {
        font-size: 11px;
    }

    .checklist-list input[type='checkbox'] + label > p {
        font-size: 11px;
    }

    .money-field {
        font-size: 11px;
    }
    /* == input money placeholher */
    input.money-field::-webkit-input-placeholder {
        font-size: 11px;
    }

    input.money-field::-moz-input-placeholder {
        font-size: 11px;
    }

    input.money-field::-ms-input-placeholder {
        font-size: 11px;
    }
}


/*==============================================*/

@media screen and (max-width:991px) {
    .regis-description.scroll {
        min-height: auto;
        max-height: initial;
    }
}

@media screen and (max-width: 991px) {
    .box-card-item {
        border: 0;
    }

    .box-card-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width:480px) {
    /* == News page == */
    .box-card-thumbnail .thumb-image {
        max-width: initial;
        width: auto;
        height: 100%;
    }

    .datepicker {
        left: 20px !important;
    }
}

@media screen and (max-width: 380px) {
    .box-bottom .text-info {
        font-size: 13px;
        line-height: 13px !important;
    }

    .sitemap-link {
        text-align: left;
        justify-content: flex-start;
        font-size: 13px;
    }
    /* == == */
    .btn-signin {
        right: 15px;
    }
    /* == footer == */
    .sitemap-list {
        min-width: 33.33333%;
    }
    /* == font == */
    .box-modal .text-big-boney {
        font-size: 32px !important;
    }

    .box-modal .text-last-two {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 320px) {
    .card-content.card-md {
        width: 135%;
    }

    .promo-date,
    .promo-view {
        width: 100%;
        float: left;
    }
}

.nav.nav-tabs.module-tabs .nav-link.active {
    /* color: #ad070f; */
}

.nav.nav-tabs.module-tabs .nav-link {
    /* color: #767679; */
    /* font-weight: 700; */
    padding: .65rem 1rem;
}

.tab-arrow-list::after {
    z-index: 0;
}

@media screen and (max-width: 991px) {
    .box-header-flexitem.flexitem-md {
        font-size: 11px;
    }

    .mobile-tabs {
        height: 35px;
    }

    .btn-heading {
        height: 40px;
        font-size: 17px;
    }

    .box-hilight {
        height: 35px;
    }

    .box-header-flexitem.flexitem-md {
        height: 35px;
    }

    .small-sliders .slick-prev {
        top: 20px;
    }

    .small-sliders .slick-next {
        top: 20px;
    }

    .btn-press {
        height: 35px;
    }

    .event-press-text {
        font-size: 17px;
    }

    .btn-split {
        height: 35px;
        font-size: 15px;
    }

    .split-mobile {
        height: 35px;
    }

    .btn.btn-tabs.btn-predict.btn-predict-xs {
        height: 35px;
        font-size: 15px;
    }

    .predict-list .box-header-center {
        height: 35px;
        font-size: 15px;
    }

    .header-title-center {
        font-size: 15px;
        line-height: 35px;
    }

    .box-header-flexitem {
        height: 35px;
    }

    .tab-arrow.tab-arrow-flex .tab-arrow-list:nth-child(odd)::after {
        display: none;
    }

    .tab-arrow.tab-arrow-flex .tab-arrow-list:nth-child(even)::after {
        display: none;
    }

    .tab-arrow.tab-arrow-flex .tab-arrow-list .tab-arrow-inner {
        height: 35px;
    }

    .tab-arrow.tab-arrow-flex .tab-arrow-list {
        height: 35px;
    }

    .tab-arrow.tab-arrow-flex {
        height: 35px;
    }

    .keypad-input {
        height: 55px;
    }

    .input-number {
        height: 55px;
    }

    .box-body-flexitem {
        display: flex;
    }
    /* == Deposit page == */
    .icon-wrap {
        width: 100%;
        border-radius: 0;
        border: 0;
        height: auto;
        margin-bottom: 0;
    }

    .icon-outer:nth-of-type(2) {
        padding: 0;
    }

    .icon-outer {
        width: 100%;
    }

    .icon-inner {
        padding: 0;
        border-radius: 0;
        padding: 10px 0;
        border: 0;
        background-color: #252525;
    }

    .icon-text {
        top: 0;
        transform: translateY(0);
        background-color: #252525;
    }

    .expand-xs-btn {
        border-radius: 0;
        height: 5px;
    }

    .expand-xs-wrapper {
        height: 20px;
    }

    #profile {
        height: 120px;
        width: 120px;
    }

        #profile label {
            padding: 0;
        }

    .btn.btn-primary.btn-upload-image {
        height: 40px;
    }

    .icon-outer:nth-of-type(1) {
        padding: 0;
    }

        .icon-outer:nth-of-type(1) .icon-inner {
            background-color: #fff;
            height: 120px;
            border-radius: 50%;
            width: 120px;
            margin: 5px auto;
            left: 50%;
            transform: translateX(-50%);
        }

        .icon-outer:nth-of-type(1) .icon-wrap {
            background-color: #fcfcfc;
        }

    .nav.nav-tabs.module-tabs .nav-link {
        font-size: 12px;
        padding: .65rem 0.2rem;
    }
}

@media screen and (max-width: 767px) {
    .box-bank-content {
        min-height: 50px;
        margin: 0;
    }

    .box-bank-btn {
        top: -2.5px;
    }
}

.text.center p,
.case-select-inner p {
    text-indent: 0;
    line-height: 15px;
}

.work-list-wrap {
    z-index: 2;
}

@media screen and (max-width: 991px) {
    .case-select-inner p {
        text-indent: 0;
    }
}

.disabled .badge-rounded--icon {
    background-color: #ccc;
}

.disabled .badge-rounded-inner--icon {
    background-color: #e2e3e7;
}

.predict-scroll {
    height: 214.20px;
    overflow-y: auto;
}

.predictlist-scroll {
    height: 203.45px;
    overflow-y: auto;
}

.mobile-wrap .btn-m-next--icon {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

@media screen and (max-width: 1440px) {
    .package-slider .slick-prev.slick-arrow,
    .package-slider .slick-next.slick-arrow {
        left: 15px;
    }

    .package-slider .slick-next.slick-arrow {
        right: 15px;
        left: initial;
    }

    .card-header-check {
        width: 65%;
    }

    .btn-group-footer [class^='btn'] {
        font-size: 14px;
    }

    .card-table-body-text .badge {
        min-width: 90px;
        height: 22px;
        font-size: 11px;
        line-height: 1.5;
    }

    .badge.badge-label {
        font-size: 12px;
        font-weight: 600;
        height: 42px;
        width: 97%;
    }

    .card-alter-row {
        height: 45px;
        margin-bottom: 2.5px !important;
    }

    .badge.badge-label .badge-outer--icon {
        height: 22px;
        width: 22px;
        left: 5px;
    }

    .badge.badge-label .badge-inner--icon {
        height: 16px;
        width: 16px;
    }

        .badge.badge-label .badge-inner--icon i {
            font-size: 8px;
        }

    .card-alter-row .card-alter-item:first-child {
        width: 50%;
    }

    .card-alter-body-text {
        font-size: 10px;
        padding: 0 5px;
    }

    .card-table-body-text {
        font-size: 13px;
    }

    .card-table-header-item {
        padding: 0.75rem 0;
    }

    .card-table-header-text {
        font-size: 15px;
    }

    .card-header-check .btn-inner--text {
        font-size: 15px;
    }

    .card-table-inner--text.card-table-inner--bold {
        font-size: 13px;
    }

    .card-table-body-setting .card-table-inner--icon i {
        font-size: 16px;
    }

    .card-bill-inner--icon i {
        font-size: 16px;
    }

    .card-alter-number .btn-alter--icon {
        width: 16px;
        height: 16px;
    }

        .card-alter-number .btn-alter--icon i {
            font-size: 6px;
        }

    .card-table-inner--icon.card-table-inner--first {
        width: 16px;
        height: 16px;
    }

        .card-table-inner--icon.card-table-inner--first i {
            font-size: 6px;
        }

    .btn-bill--icon {
        width: 16px;
        height: 16px;
    }

        .btn-bill--icon i {
            font-size: 6px;
        }

    .card-header-check .btn-inner--icon {
        width: 16px;
        height: 16px;
    }

        .card-header-check .btn-inner--icon i {
            font-size: 6px;
        }

    .card.shadow.card-default .card-footer {
        padding: 0.35rem 1rem;
    }

    .input-group-alternative .form-control {
        height: 65px;
        font-size: 1.7rem;
    }

        .input-group-alternative .form-control::-webkit-input-placeholder {
            font-size: 1.7rem;
        }

        .input-group-alternative .form-control::-moz-input-placeholder {
            font-size: 1.7rem;
        }

        .input-group-alternative .form-control::-ms-input-placeholder {
            font-size: 1.7rem;
        }

    .lotto-predict-wrapper.disbled .input-group-alternative .form-control::-webkit-input-placeholder {
        font-size: 1.7rem;
    }

    .lotto-predict-wrapper.disbled .input-group-alternative .form-control::-moz-input-placeholder {
        font-size: 1.7rem;
    }

    .lotto-predict-wrapper.disbled .input-group-alternative .form-control::-ms-input-placeholder {
        font-size: 1.7rem;
    }

    .card-alter-wrapper {
        height: 261.82px;
    }

    .card-alter-number .form-control {
        height: 42px;
    }

    .card-alter-number {
        height: 42px;
    }

    .card-bill-wrapper {
        height: 421px;
    }

    .card-table-body.card-table-outline {
        height: 246.82px;
    }

    .order-predict-list .edit-order-field::-webkit-input-placeholder {
        font-size: 11px;
    }

    .order-predict-list .edit-order-field::-moz-input-placeholder {
        font-size: 11px;
    }

    .order-predict-list .edit-order-field::-ms-input-placeholder {
        font-size: 11px;
    }

    .package-slider .card-table-body {
        height: 246.22px;
    }

    .package-slider .slick-prev.slick-arrow,
    .package-slider .slick-next.slick-arrow {
        width: 40px;
        height: 40px;
        top: 31px;
    }

        .package-slider .slick-prev.slick-arrow::before {
            right: 18px;
        }

        .package-slider .slick-prev.slick-arrow::after {
            left: 18px;
        }

        .package-slider .slick-next.slick-arrow::before {
            right: 18px;
        }

        .package-slider .slick-next.slick-arrow::after {
            left: 20px;
        }

    .card-header-check .btn-inner--text {
        font-size: 13px;
    }

    .card-header-check {
        height: 45px;
    }

    .fake-btn-left,
    .fake-btn-right {
        width: 30px;
        height: 30px;
        top: 19px;
    }

    .card-header-slider {
        padding: 0.5rem 1.0rem 0.35rem 1.0rem;
    }

    .card.card-default .package-slider .card-body {
        padding-top: 0.25rem !important;
    }

    .btn-popover-head {
        top: 18px;
    }
}

@media screen and (max-width: 1200px) {
    .btn-group-footer [class^='btn'] {
        min-width: 130px;
    }

    .card-table-body-text .badge {
        min-width: 55px;
        height: 19px;
        font-size: 10px;
    }

    .card-table-body-text {
        font-size: 12px;
    }

    .badge.badge-label .badge-outer--icon {
        display: none;
    }

    .badge.badge-label {
        padding: 0 5px;
        justify-content: center;
        font-size: 11px;
        height: 35px;
        font-weight: 300;
    }

    .text-muted.text-small {
        font-size: 12px;
    }

    .card-table-header-item {
        padding: 0.35rem 0;
    }

    .input-group-alternative .form-control {
        height: 50px;
        font-size: 1.2rem;
    }

        .lotto-predict-wrapper.disbled .input-group-alternative .form-control::-webkit-input-placeholder,
        .input-group-alternative .form-control::-webkit-input-placeholder {
            font-size: 1.2rem;
        }

        .lotto-predict-wrapper.disbled .input-group-alternative .form-control::-moz-input-placeholder,
        .input-group-alternative .form-control::-moz-input-placeholder {
            font-size: 1.2rem;
        }

        .lotto-predict-wrapper.disbled .input-group-alternative .form-control::-ms-input-placeholder,
        .input-group-alternative .form-control::-ms-input-placeholder {
            font-size: 1.2rem;
        }

    .card-alter-number .form-control {
        height: 35px;
        padding-right: 20px;
    }

    .card-alter-number {
        height: 35px;
    }

    .card-alter-row .card-alter-item:first-child {
        width: 43%;
    }

    .card-alter-row {
        height: 35px;
        margin-bottom: 5px !important;
    }

    .card-alter-body-text {
        font-size: 9px;
    }

    .card-alter-number .form-control::-webkit-input-placeholder {
        font-size: 12px;
    }

    .card-alter-number .form-control::-moz-input-placeholder {
        font-size: 12px;
    }

    .card-alter-number .form-control::-ms-input-placeholder {
        font-size: 12px;
    }

    .card-alter-number .btn-alter--icon {
        width: 15px;
        height: 15px;
        right: 6px;
    }

        .card-alter-number .btn-alter--icon i {
            font-size: 6px;
        }

    .card-table-header-text {
        font-size: 12px;
    }

    .card-table-inner--icon.card-table-inner--first {
        width: 15px;
        height: 15px;
    }

        .card-table-inner--icon.card-table-inner--first i {
            font-size: 6px;
        }

    .card-table-inner--text.card-table-inner--bold {
        font-size: 11px;
    }

    .card-table-body-setting .card-table-inner--icon i {
        font-size: 13px;
    }

    .card-alter-row .card-alter-item {
        height: 35px;
    }

    .card-alter-wrapper {
        height: 233.82px;
    }

    .card-table-body.card-table-outline {
        height: 229.45px;
    }

    .package-slider .card-table-body {
        height: 216.04px;
    }

    .card-bill-body-text {
        font-size: 12px;
    }

    .btn-bill--icon {
        width: 15px;
        height: 15px;
    }

        .btn-bill--icon i {
            font-size: 6px;
        }

    .card-bill-row {
        padding-right: 40px;
        height: 35px;
    }

    .card-bill-inner--icon {
        width: 20px;
        height: 20px;
    }

    .card-bill-item.setting {
        width: 40px;
    }

    .card-bill-item {
        height: 35px;
    }

    .card-bill-inner--icon i {
        font-size: 13px;
    }

    .btn-group-footer [class^='btn'] {
        height: 45px;
    }

    .btn-group-footer .btn.btn-cancel-package {
        min-width: 45px !important;
        max-width: 45px !important;
    }

    .card-bill-wrapper {
        height: 373px;
    }

    .heading.heading-hide-xs {
        font-size: 14px;
    }

    .card.shadow.card-default .card-header {
        padding: 0.75rem 1rem;
    }

    .btn.btn-cancel-head {
        height: 29px;
        font-size: 10px;
        min-width: 87px !important;
        width: auto !important;
    }

    .icon-cancel--i {
        width: 13px;
        height: 13px;
        margin-right: 3px;
    }

        .icon-cancel--i i {
            font-size: 8px;
        }

    .btn-popover-head {
        top: 13px;
    }

    .btn.btn-popover-head i {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    #desktop_wrapper {
        display: none;
    }

    #mobile_wrapper {
        display: block;
    }

    .section-collapse {
        display: none;
    }

    .m-package .card-table-body {
        height: 237px;
        overflow-y: scroll;
    }
}

@media screen and (max-width:1440px) {
    .icon-element .icon {
        font-size: 20px;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }

    .icon-share .icon-element,
    .icon-download .icon-element {
        width: auto;
        height: auto;
        margin-right: 2px;
    }

    .icon-menu.icon-download {
        width: auto !important;
    }

    .icon-menu.icon-share {
        width: auto !important;
    }
}

@media screen and (max-width:1200px) {
    .progressbar > li.current .btn-situation .text {
        font-size: 12px;
    }

    .progressbar > li .btn-situation .text {
        font-size: 12px;
    }
}

@media screen and (max-width:767px) {
    .date-wrapper.date.date-lotto {
        width: 100%;
    }

    .webcontent-outer .btn {
        margin: 0 15px 15px 0;
    }
}

@media screen and (max-width:1600px) {
    .card-header-check {
        width: 73%;
    }

    .check-package--icon {
        right: 15px;
    }

    .package-slider .slick-next.slick-arrow {
        right: 86px;
    }

    .package-slider .slick-prev.slick-arrow {
        left: 86px;
    }
}

@media screen and (max-width: 1440px) {
    .card-header-check {
        width: 70%;
    }

    .check-package--icon {
        right: 15px;
        top: 72px;
        width: 43px;
        height: 43px;
    }

    .package-slider .slick-next.slick-arrow {
        right: 85px;
    }

    .package-slider .slick-prev.slick-arrow {
        left: 85px;
    }

    .package-slider .slick-prev.slick-arrow,
    .package-slider .slick-next.slick-arrow {
        width: 30px;
        height: 30px;
    }

    .package-wrapper.checked .cancel-package--icon {
        right: 15px;
        top: 72px;
        width: 43px;
        height: 43px;
    }
}

@media screen and (max-width:1300px) {
    .card-header-check {
        width: 82%;
        margin: 0 100px 0 auto;
    }

    .package-slider .slick-prev.slick-arrow {
        left: 25px;
    }

    .package-slider .slick-next.slick-arrow {
        right: 88px;
    }
}

@media screen and (max-width:1200px) {
    .check-package--icon {
        top: 59px;
    }

    .package-wrapper.checked .cancel-package--icon {
        top: 59px;
    }

    .btn-group-footer [class^='btn'] {
        min-width: 120px;
    }

    .package-slider .slick-next.slick-arrow {
        right: 84px;
    }
}

@media screen and (max-width: 991) {
    .contact-inner > [class^='col'] {
        float: left;
    }
}

@media screen and (max-width:1440px) {
    #profile {
        /* width: inherit !important; */
    }

        #profile.box-profile-sm {
            width: 190px !important;
        }
}

@media screen and (max-width:1600px) {
    .icon-socials-rounded {
        bottom: 35px;
    }
}

@media screen and (max-width:1400px) {
    .icon-socials-rounded {
        bottom: 30px;
    }

        .icon-socials-rounded li {
            width: 45px;
            height: 45px;
        }
}

@media screen and (max-width:1200px) {
    .icon-socials-rounded {
        bottom: 20px;
    }
}

@media screen and (max-width:991px) {
    .icon-socials-rounded li {
        width: 35px;
        height: 35px;
        margin: 2px;
    }

        .icon-socials-rounded li i,
        .icon-socials-rounded li svg {
            font-size: 12px;
        }

    .icon-socials-rounded {
        bottom: 0px;
    }

    .btn-signin {
        border: 1px solid #b01d25;
        background-color: #b01d25;
    }
}

@media screen and (max-width:767px) {
    .icon-socials-rounded {
        bottom: 20px;
    }

    .custom-select-trigger {
        font-size: 13px;
        line-height: 38px;
    }

    .custom-option {
        font-size: 13px;
        line-height: 37px;
    }

    .custom-select-trigger:after {
        width: 6px;
        height: 6px;
        border-bottom: 1px solid #767679;
        border-right: 1px solid #767679;
    }
}

@media screen and (max-width:690px) {
    .icon-socials-rounded {
        bottom: 10px;
    }
}

@media screen and (max-width:480px) {
    .icon-socials-rounded {
        bottom: 25px;
    }
}

@media screen and (max-width:991px) {
    .logo-wrap .logo {
        top: 7px;
    }

    .nav-above {
        position: fixed;
        height: 50px;
        width: 100%;
    }

    .nav-top {
        height: 150px;
    }

    .logo-wrap {
        top: 50px;
    }

    .btn.btn-signin {
        border: 1px solid #b01d25;
        background-color: #9c191f;
        top: -120px;
    }

    .before-login .btn-wrap {
        top: -142px;
    }

    .after-login .btn-wrap {
        /* top: -118px; */
    }

    .mobile-tolggle {
        display: none;
    }

    .navbar-wrap {
        position: absolute;
        top: 120px;
    }

    .navmenu-list {
        float: left;
    }

    .navmenu-link {
        padding: 0;
        height: 100%;
        font-size: 13px;
        padding: 15px;
    }

        .navmenu-link.active,
        .navmenu-link {
            padding: 10px 15px !important;
            border-bottom-color: #9c191f !important;
            height: 45px;
        }

    .nav-menu {
        display: flex;
        width: auto;
    }

    .nav-menu {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 0;
        padding: 0 7.5px;
        height: initial;
        /* top: 50px; */
        margin-right: 0 !important;
        /* height: 45px; */
    }

    .navmenu-list {
        padding: 0;
        margin: 0;
        float: none;
        display: inline-flex;
        width: 100px;
        border-bottom: 0;
        width: auto !important;
        border: 0 !important;
        /* float: left; */
    }

    .navmenu-link {
        border-bottom: 0;
        padding: 15px;
        text-align: left;
        justify-content: flex-start;
        font-weight: 600;
        background-color: transparent;
        height: 45px;
    }

    .navmenu-list:first-child .navmenu-link.active {
        background-color: #da2c36;
        border-bottom: 0 !important;
        height: 45px;
    }

    .navmenu-list .navmenu-link.active {
        background-color: #da2c36;
        border-bottom: 3px solid #da2c36 !important;
        color: #f7f8fa !important;
    }

    .navbar-wrap {
        width: 100%;
        background: transparent;
        height: 45px;
        max-height: 45px;
        left: 0;
        top: 150px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        z-index: 9;
        /* position: inherit !important; */
    }

    .nav.navbar-menu {
        height: 45px;
        background-color: #9c191f;
    }

    .nav-bottom {
        z-index: 6;
        background-color: transparent;
        border: 0;
        display: block;
    }

    .dropdown-menu.usermenu .dropdown-item:last-child {
        border-bottom: 0;
        border-radius: 0 0 6px 6px;
    }

    .user-panel.show-xs {
        display: none;
    }

    .welcome-text {
        top: -118px;
        left: 0;
        margin-right: 80px;
    }

    .lang-toggle {
        /* top: -115px; */
        position: relative;
    }

    .navmenu-list.navmenu-list-important > .navmenu-link {
        background-color: transparent !important;
    }

    .btn-user.dropdown.dropdown-wrapper {
        display: block;
    }

    .welcome-text {
        display: none !important;
    }

    .user-toggle {
        border: 0px solid #9c191f;
        width: 35px;
        height: 35px;
        margin: 4.5px 21px 0 0;
    }

    .icon-arrows {
        right: 8px;
        background-color: transparent;
        width: 13px;
        height: 20px;
    }

        .icon-arrows > ._i {
            color: #ccc;
            color: #fff;
            font-size: 13px;
        }

    .dropdown-menu.usermenu {
        right: 0px !important;
        width: 195px !important;
        background: #9c191f !important;
        height: inherit !important;
        max-height: inherit;
        transition: none !important;
        left: inherit !important;
        top: inherit !important;
        margin: inherit !important;
        overflow-y: inherit !important;
        margin-top: 52px !important;
    }

        .dropdown-menu.usermenu .dropdown-item {
            background-color: #d2000d;
            border-bottom: 1px solid #ad060e;
        }

    .logo-wrap .logo > .logo-img {
        height: 125%;
    }

    .small-label-xs {
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 3;
        color: #fff;
        font-size: 12px;
        width: 100%;
        padding-right: 180px;
        text-align: right;
    }

        .small-label-xs > b {
            margin: 0 10px 0 0;
        }

    .small-label-xs {
        display: block;
    }

    .form-button-info.space-bottom {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        padding: 10px 5px 0 !important;
    }

    .group-btn-number {
        display: flex;
    }

    .mobile-wrap .card.shadow.card-default .card-header.active .card-profile-stats {
        background-color: #7bbb5d;
    }

        .mobile-wrap .card.shadow.card-default .card-header.active .card-profile-stats .d-block.description {
            color: #fff;
        }
}

@media screen and (max-width:480px) {
    .small-label-xs {
        text-align: left;
    }

    .form-button-info .btn {
        line-height: 13px;
        font-size: 12px;
        font-weight: 300;
    }
}

@media screen and (max-width: 991px) {
    #desktop_wrapper {
        display: none;
    }

    #mobile_wrapper {
        display: block;
    }

    .section-collapse {
        display: none;
    }

    .mobile-wrap .btn-show-package {
        height: 40px;
        width: 40px;
        /* 		display: none; */
        right: 5px;
        top: 93px;
    }

    .card-profile-stats {
        float: left;
    }

    .mobile-wrap .card.shadow.card-default .card-header {
        width: 100%;
        float: left;
        padding: 20px 50px 20px 3px;
        text-align: center;
    }

        .mobile-wrap .card.shadow.card-default .card-header small {
            text-align: center;
        }

        .mobile-wrap .card.shadow.card-default .card-header .card-profile-stats {
            padding: 5px 20px;
            border: 1px solid #e5e5e5;
            float: none;
            border-radius: 50px;
            height: 60px;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

    .mobile-wrap .m-package-slider .slick-next,
    .mobile-wrap .m-package-slider .slick-prev {
        top: 50px;
        z-index: 1;
        border: 5px solid #9c191f;
    }

    .mobile-wrap .m-package-slider .slick-prev {
        left: 12px;
    }

    .mobile-wrap .m-package-slider .slick-next {
        right: 59px;
    }

    .m-package--icon {
        float: left;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #e5e5e5;
        margin: 5px 7.5px 5px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #7bbb5d;
    }

        .m-package--icon i {
            font-size: 10px;
            color: #fefefe;
        }

    .btn-cancel-package {
        top: 93px;
        right: 5px;
        width: 40px;
        height: 40px;
    }

    .mobile-wrap .card-mobile .m-package .card-table-body {
        width: 100%;
        float: left;
    }

    .mobile-wrap .card-mobile .m-package .card-table-header {
        float: left;
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    #profile.box-profile-sm {
        width: 100% !important;
    }

    .profile-image .icon-cancel {
        right: -10px;
    }
}

@media screen and (max-width: 991px) {
    .box-detail-content img {
        max-width: 100%;
    }
}

@media screen and (max-width:1280px) {
    .btn.btn-note-head {
        height: 29px;
        font-size: 10px;
        min-width: 87px !important;
        width: auto !important;
        right: 100px;
    }

        .btn.btn-note-head i {
            font-size: 14px;
        }

    button.btn.justify-content-left.btn-popover-head {
        display: none;
    }

    .btn.btn-cancel-head {
        height: 29px;
        font-size: 10px;
        min-width: 87px !important;
        width: auto !important;
        right: 100px;
    }

        .btn.btn-cancel-head .icon-cancel--i {
            width: 14px;
            height: 14px;
        }

    .btn.btn-cancel-head {
        right: 10px;
    }

    .btn.btn-note-head-edit {
        height: 29px;
        font-size: 10px;
        min-width: 87px !important;
        width: auto !important;
        right: 10px;
    }

    .btn.btn-note-head-edit i {
        font-size: 14px;
    }
}