@media screen and (min-width: 1367px) and (max-width: 1399px) {
    .container-custom{
      max-width: 1160px !important;
    }
}

/* --------------------------SCREEN SIZE 1366px ------------------------------*/

@media screen and (max-width: 1366px) {
    .max-width-1320 {
        max-width: 1000px!important;
    }
    .container {
        max-width: 1000px!important;
    }
    .madeforu-details img {
        width: 35px!important;
    }
    .col-3.madeforu-box h3 {
        top: 15px!important;
        font-size: 18px!important;
    }
    .ticket {
        max-width: 160px!important;
    }
    .madeforu-text .highlight-text {
        font-size: 18px!important;
        font-weight: bold!important;
        margin-top: 0px!important;
        color: #cdaa59!important;
    }
    .our-services {
        background-size: cover!important;
    }
    .our-services-image img {
        min-width: 550px!important;
    }
    .services-image img {
        max-width: 95px!important;
    }
    .vendor-carousel {
        max-width: 950px!important;
    }
    .crs-vendor .vendor {
        box-shadow: 0px 3px 5px #000000b3!important;
    }
    .crs-vendor .owl-item img {
        max-width: 135px!important;
    }
    .flex-row-container {
        height: 65px!important;
        margin: 0!important;
    }
    .flex-row-container > .flex-country {
        font-size: 22px!important;
    }
    .vendor-box .provider-icon {
        width: 50px!important;
    }
    .button-all-in {
        min-width: 0!important;
    }
    .game-wallet p {
        font-size: 11px!important;
    }
    .madeforu-container .col-3.madeforu-box .madeforu-details {
        bottom: 13px!important;
    }
    .favorite-button {
        right: 17px!important;
        top: 4px!important;
        font-size: 0.8rem!important;
    }
    .prediction-section {
        max-width: 1250px!important;
        margin: 0 auto!important;
    }
    .prediction-section {
        min-height: 900px!important;
    }
    .step-to-win h5 {
        font-size: 30px!important;
        line-height: 30px!important;
    }
    .prediction-record h6 {
        font-size: 15px!important;
    }
    .prediction-record h5 {
        font-size: 50px!important;
    }
    .widget_links.ma-profile li a {
        padding: 0 15px 0!important;
    }
    .button-all-in {
        font-size: 12px!important;
        line-height: 13px!important;
    }
    .dark .tabs-alt .tab-nav li {
        min-width: auto!important;
    }
    .bankDetails-input p{
        max-width: 190px!important;
    }
    .welcome-box {
        margin: 3.5rem 0px 2rem!important;
    }
    .welcome-box h3 {
        font-size: 20px!important;
        line-height: 20px!important;
        white-space: nowrap!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        padding: 0 10px!important;
    }
    #mySidebar ul li a img{
        width: 35px!important;
    }
    li .balance h2 {
        margin-right: 10px!important;
        font-size: 35px!important;
        line-height: 35px!important;
    }
    .wallet-currency {
        margin-left: 10px!important;
    }
    li .balance {
        height: 70px!important;
        padding-top: 5px!important;
    }
    .sidebar:hover .welcome-box img {
        transform: scale(1.4)!important;
        margin-left: -30px!important;
    }
    .sidebar:hover li span {
        font-size: 12px!important;
    }
    #mySidebar ul li a{
        padding-left: 0!important;
    }
    .collapse-img {
        margin-left: 13px!important;
    }
    .sidebar li {
        padding: 15px 15px 15px!important;
    }
    .sidebar li:first-child{
        padding: 0!important;
        padding-bottom: 30px!important;
    }
    .active-rewards{
        font-size: 12px!important;
    }
    .bright-text{
        font-size: 40px !important;
        line-height: 40px!important;
    }
    .bright-text.total-prize{
        font-size: 75px !important;
    }
    .menu-animate {
        transform: translate(30%, 0)!important;
     }
    .game-password-btn {
        font-size: 11px;
    }
    .input-transfer .button-blue{
        width: 74px;
        font-size: 12px;
    }
    .subpage-slider{
        height: 303px;
        background-size: cover;
    }
    .slider-container {
        width: 280px;
        padding: 40px 0;
    }
    .slider-container .button-orange {
        font-size: 15px;
        height: 33px;
    }
    .slider-container .button-esport {
        font-size: 15px;
        height: 33px;
    }
    .slider-container .button-sport {
        font-size: 15px;
        height: 33px;
    }
    .slider-container .button-casino {
        font-size: 15px;
        height: 33px;
    }
    .slider-btn-download {
        height: 33px;
    }
    .slider-btn-download .download-title h4 {
        font-size: 15px;
    }
    .slider-btn-download .download-title-idn h4 {
        font-size: 15px;
    }
    .slider-btn-download .download-icon img {
        width: 15px;
    }
    .slider-btn-download .download-title {
        padding-right: 0px;
        padding-left: 0px;
    }
    .slider-btn-download .download-title-idn {
        padding-right: 0px;
        padding-left: 0px;
    }
    .gamedetails-text {
        font-size: 10px;
        line-height: 1.4!important;
        margin-bottom: 20px;
        max-height: 70px;
    }
    .slider-container img {
        height: 45px;
        margin-bottom: 15px;
    }
    .slider-container .button-grey {
        font-size: 15px;
        height: 33px;
    }
    .slots-game-app li{
        font-size: 12px!important;
        line-height: 15px!important;
    }
    .theme-livechat {
        max-width: 160px!important;
        right: 5%!important;
    }
    .slider-btn-download .download-title-idn {
        padding-right: 5px;
    }
    .slider-btn-download .download-title {
        padding-right: 5px;
    }
     .sidebar .ma-menu li:first-child{
        padding-bottom: 6px!important;
    }
    .sidebar .ma-menu li {
        padding: 6px 0px!important;
    }
    .ma-profile .ma-menu .ma-menulink img {
        width: 40px;
        margin-right: 15px;
    }
    .ma-menu a.ma-menulink {
        font-size: 12px;
        height: 65px;
        line-height: 65px;
    }
    .space-between li a {
        font-size: 12px!important;
        line-height: 45px!important;
    }
    .fancy-title h4, .fancy-title h6 {
        font-size: 18px!important;
        line-height: 18px!important;
    }
    label {
        font-size: 12px!important;
    }
    .status-icon {
        width: 13px!important;
    }
    .dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) {
        font-size: 12px!important;
        line-height: 23px!important;
    }
    .main-logo {
        width: 160px!important;
    }
    .input-copy span img {
        width: 18px!important;
    }
    .menu-item img {
        width: 25px!important;
    }
    .languages-selection img {
        width: 33px !important;
    }
    .languages-selection a {
        font-size: 12px!important;
    }
    .button-blue-outline {
        border: 1.5px solid #0066c9;
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .button-orange {
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .button-blue {
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .button-grey {
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .dark .tabs-alt .tab-nav li a {
        font-size: 12px;
    }
    .wallet-bar-amount p {
        font-size: 12px;
        line-height: normal;
    }
    .smart-transfer p {
        font-size: 12px;
    }
    .smart-transfer {
        padding: 5px;
    }
    svg.radial-progress {
        max-width: 250px;
    }
    .wallet-balance p {
        font-size: 12px;
    }
    .wallet-balance h3 {
        font-size: 20px;
    }
    .contact-content a img {
        width: 35px!important;
    }
    .contact-side-panel:hover .contact-content {
        transform: translate(4px, -123px)!important;
    }
    .contact-content {
        transform: translate(60px, -123px)!important;
      }
    .contact-side-panel p {
        font-size: 12px!important;
    }
    .contact-side-panel {
        height: 150px!important;
        width: 60px!important;
        padding: 10px!important;
    }
    .transfer-tab .mat-tab-label {
        font-size: 12px!important;
    }
    .ma-box {
        font-size: 12px;
    }
    .refresh-icon img {
        width: 20px!important;
        margin: 12px 5px!important;
    }
    .deposit p {
        font-size: 12px!important;
        line-height: 23px!important;
    }
    .dropdown-img img {
        height: 30px!important;
        margin-top: -3px!important;
    }
    .bank-dropdown .dropdown-menu {
        transform: translate3d(0px, 40px, 0px)!important;
    }
    .owl-stage {
        height: 55px!important;
    }
    .oc-item {
        height: 55px!important;
    }
    .vendor-tabs {
        min-height: 55px!important;
    }
    .vl {
        height: 45px!important;
    }
    .height-90 {
        height: 75px!important;
    }
    .position-absolute{
        top: 75px!important;
    }
    .category-description {
        font-size: 12px!important;
        min-height: 30px!important;
    }
    .active-tab-image img {
        min-width: 550px!important;
    }
    .active-tab-bg {
        height: 603px!important;
    }
    .our-services h3{
        font-size: 18px!important;
    }
    .our-services p{
        font-size: 12px!important;
    }
    #footer p {
        font-size: 12px!important;
    }
    .footer-style a {
        font-size: 11px!important;
    }
    .certification img {
        width: 65px!important;
    }
    .certification {
        max-width: 85px!important;
    }
    .payment-method img {
        width: 65px!important;
    }
    .payment-method {
        max-width: 85px!important;
    }
    .subpage-slider {
        margin-top: 118px;
    }
    .filter-item {
        height: 33px!important;
        font-size: 12px!important;
    }
    .filter-item-active {
        height: 33px!important;
        font-size: 12px!important;
    }
    .search-field {
        height: 33px!important;
        min-width: 230px!important;
    }
    .icon-search {
        height: 33px!important;
        font-size: 13px!important;
    }
    .search-form-control{
        font-size: 12px!important;
    }
    .demomode-bar .pre-text {
        font-size: 12px!important;
    }
    .demomode-bar .pre-text .info {
        height: 24px!important;
        width: 24px!important;
        font-size: 12px!important;
        top: 10px!important;
    }
    .game-name {
        font-size: 12px!important;
        font-weight: 500!important;
    }
    .bg-overlay-content img {
        width: 65px !important;
    }
    .bg-overlay-content img:hover {
        width: 80px !important;
    }
    .bottom-follow-us img {
        width: 30px!important;
    }
    .border-page-title {
        font-size: 18px;
    }
    .height-50 {
        height: 45px!important;
    }
    .section.p-t-65 {
        padding-top: 45px!important;
    }
    .promotion-filter .activeFilter a {
        height: 33px!important;
    }
    .promotion-filter li a {
        font-size: 12px!important;
        line-height: 33px!important;
    }
    .grid-filter li a {
        padding: 0px 20px!important;
    }
    .promo-watch {
        font-size: 12px!important;
    }
    .promotion-box h4 {
        line-height: 18px!important;
        font-size: 18px!important;
    }
    .promotion-box p {
        font-size: 12px!important;
    }
    #vip-carousel-wrapper {
        max-width: 1000px!important;
    }
    #carousel1 li .vip-card-info p.guest {
        font-size: 14px!important;
    }
    .vip-benefits-box {
        font-size: 12px!important;
    }
    .vip-benefits-box p {
        font-size: 20px!important;
    }
    .vip-tabs-item p {
        font-size: 12px!important;
        line-height: 18px!important;
    }
    .vip-tabs mat-tab-group .mat-tab-header .mat-tab-label .mat-tab-label-content {
        font-size: 12px!important;
    }
    .vip-tabs-item h6 {
        font-size: 12px!important;
    }
    .vip-badges-list .vip-badges-box img {
        width: 70px!important;
    }
    .vip-badges-list .vip-badges-box span {
        font-size: 12px!important;
    }
    .vip-faq .mat-expansion-panel-body {
        font-size: 12px!important;
    }
    .vip-faq .mat-expansion-panel-header-title {
        font-size: 12px!important;
    }
    .smaller-container {
        max-width: 1000px!important;
    }
    .referral-content p {
        font-size: 12px!important;
    }
    .referral-content h3 {
        font-size: 20px!important;
    }
    .referral-tnc a {
        font-size: 12px!important;
    }
    .referral-detail span {
        font-size: 12px!important;
    }
    .referral-detail {
        min-height: 110px!important;
    }
    .vip-faq .mat-expansion-panel p {
        font-size: 12px;
        line-height: normal;
    }
    .contact-section p {
        font-size: 12px!important;
    }
    .contact-section img {
        width: 40px!important;
    }
    .contact-us-list img {
        width: 75px;
    }
    .border-container {
        font-size: 12px!important;
    }
    .section {
        padding: 30px 0!important;
    }
    .game-page .section {
        padding-bottom: 0!important;
    }
    .accept-tnc {
        font-size: 12px!important;
    }
    .hide-password {
        height: 38px;
        background-size: 28px;
    }
    .view-password {
        height: 38px;
        background-size: 28px;
    }
    .center-container {
        max-width: 430px!important;
    }
    .modal-box {
        max-width: 430px;
    }
    .title-image {
        width: 40px;
        margin-right: 10px;
    }
    .modal1 a {
        font-size: 12px;
        color: #0066c9;
    }
    .modal1 span {
        font-size: 12px;
    }
    .mfp-close {
        width: 44px!important;
        height: 44px!important;
        font-size: 40px!important;
    }
    .fancy-title img {
        width: 40px!important;
    }
    .languages-country h6 {
        margin: 5px 10px 10px;
        font-size: 12px!important;
    }
    .languages-country a {
        margin: 0px 5px;
        font-size: 12px;
        height: 33px;
        width: 133px;
        line-height: 20px;
    }
    .modal-box.languages-box {
        min-width: 430px;
        max-width: 430px;
    }
    .languages-country img {
        width: 65px!important;
    }
    .landing-page h2 {
        font-size: 20px!important;
    }
    .swal2-popup.swal2-modal {
        max-width: 430px!important;
    }
    .swal2-popup.swal2-modal img {
        width: 100px!important;
    }
    .promotion-modal {
        max-width: 800px!important;
    }
    .promotion-modal h4 {
        font-size: 20px!important;
        line-height: 20px!important;
    }
    .promotion-modal .promotion-details table th {
        font-size: 12px!important;
    }
    .promotion-modal .promotion-details table td {
        line-height: normal!important;
    }
    .customContent ul {
        font-size: 12px!important;
    }
    .madeforu-details p {
        font-size: 12px!important;
    }
    .crs-expand h2 {
        line-height: 30px;
        font-size: 20px;
    }
    .crs-expand h5 {
        line-height: 30px;
        font-size: 12px;
    }
    .transfer-form .input-group {
        font-size: 12px!important;
        height: 33px!important;
    }
    .currency-box {
        height: 33px!important;
    }
    .game-password-btn {
        padding-top: 5px;
    }
    .slots-game-id .btn-copy {
        bottom: 5px;
        width: 20px;
    }
    .fancy-title .exclamation {
        width: 22px!important;
    }
    .kyc-status .kyc-status-icon {
        width: 40px!important;
    }
    .kyc-span-1 {
        line-height: 20px;
    }
    .kyc-status{
        top: 0.75rem!important;
    }
    .verify-button {
        top: 28px!important;
    }
    .game-provider-row a img {
        width: 90px;
    }
    .game-provider-row a {
        width: 120px;
        height: 50px;
    }
    #bank-modal-form .dropdown-menu a {
        font-size: 12px;
    }
    .reward-expired, .reward-2 {
        width: 100px;
        height: 33px;
        font-size: 12px;
        line-height: 33px;
    }
    .table.ma-table thead th {
        font-size: 12px;
    }
    .bankDetails-input p {
        font-size: 12px!important;
    }
    .gate-keeper-top-bar a {
        font-size: 15px;
        font-weight: normal;
    }
    .modal1 p {
        font-size: 12px;
    }
    .table-bordered-bottom tr td {
        font-size: 12px!important;
    }
    .table-bordered-bottom tr td:first-child {
        font-size: 12px!important;
    }
    .message-bar img {
        width: 25px!important;
    }
    .message-date {
        font-size: 12px;
    }
    .openedMessage .btn-link span {
        font-size: 12px;
    }
    .message-detail-title {
        font-size: 18px!important;
    }
    .message-bar .icon-search {
        height: 27px!important;
        font-size: 18px!important;
    }
    .transfer-amount-input {
        border: solid 1.5px #0066C9;
        font-size: 12px;
        height: 30px;
    }
    .button-all-in {
        font-size: 12px;
    }
    .btn-enter-amount {
        height: 30px;
    }
    .bank-dropdown.options .dropdown-menu.promo-dropdown {
        border: solid 1.5px #0066c9;
        transform: translate3d(0px, 28px, 0px) !important;
    }
    .bank-dropdown a {
        font-size: 12px;
    }
    /* .history-table .history-filter-dropdown.seven_option .dropdown-menu {
        top: -10px !important;
    } */
    .history-filter-dropdown a {
        font-size: 12px;
    }
    .md-drppicker {
        min-width: 550px;
    }
    .date-picker {
        left: 12rem!important;
    }
    .md-drppicker .btn {
        width: 100px;
        height: 33px !important;
        font-size: 12px;
    }
    .deposit-amount {
        font-size: 12px;
    }
    .favorite-button {
        font-size: 13px!important;
    }
    .dropdown-label p {
        font-size: 12px;
    }
    .message-bar span img {
        width: 12px!important;
    }
    .transfer-form .custom-text {
        height: 33px!important;
    }
    .transfer-form .transfer-form-text {
        height: 33px!important;
    }
    .game-categories .vendor-box {
        height: 67.63px!important;
        width: 67.63px;
    }
    .game-categories .vendor-box.active-category {
        width: calc(80.63px*2);
    }
    .game-categories .active-category img {
        width: 90px !important;
    }
    .ribbon-wrapper-green {
        width: 50px;
        height: 50px;
        top: -2px;
        left: -5px;

    }
    .title-container span.title {
        font-size: 18px;
    }
}

/* --------------------------SCREEN SIZE 1440px ------------------------------*/

@media screen and (min-width: 1400px) and (max-width: 1440px) {
    .max-width-1320 {
        max-width: 1100px!important;
    }
    .container {
        max-width: 1100px!important;
    }
    .madeforu-details img {
        width: 30px!important;
    }
    .col-3.madeforu-box h3 {
        top: 15px!important;
        font-size: 18px!important;
    }
    .ticket {
        max-width: 170px!important;
    }
    .madeforu-text .highlight-text {
        font-size: 18px!important;
        font-weight: bold!important;
        margin-top: 0px!important;
        color: #cdaa59!important;
    }
    .our-services {
        background-size: cover!important;
    }
    .our-services-image img {
        min-width: 450px!important;
    }
    .services-image img {
        max-width: 73px!important;
    }
    .vendor-carousel {
        max-width: 1000px!important;
    }
    .crs-vendor .vendor {
        box-shadow: 0px 3px 5px #000000b3!important;
    }
    .crs-vendor .owl-item img {
        max-width: 135px!important;
    }
    .flex-row-container {
        height: 73px!important;
        margin: 0!important;
    }
    .flex-row-container > .flex-country {
        font-size: 18px!important;
    }
    .vendor-box .provider-icon {
        width: 55px!important;
    }
    .button-all-in {
        min-width: 0!important;
    }
    .game-wallet p {
        font-size: 11px!important;
    }
    .prediction-section {
        max-width: 1350px!important;
        margin: 0 auto!important;
    }
    .prediction-section {
        min-height: 900px!important;
    }
    .bankDetails-input p{
        max-width: 230px!important;
    }
    .welcome-box {
        margin: 3.5rem 0px 2rem!important;
        height: 120px!important;
    }
    .welcome-box h3 {
        font-size: 20px!important;
        line-height: 20px!important;
        white-space: nowrap!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        padding: 0 10px!important;
    }
    #mySidebar ul li a img{
        width: 35px!important;
    }
    li .balance h2 {
        margin-right: 10px!important;
        font-size: 28px!important;
        line-height: 35px!important;
    }
    .wallet-currency {
        margin-left: 10px!important;
    }
    li .balance {
        height: 70px!important;
        padding-top: 5px!important;
    }
    .sidebar:hover .welcome-box img {
        transform: scale(1.4)!important;
        margin-left: -30px!important;
    }
    .sidebar:hover li span {
        font-size: 12px!important;
    }
    #mySidebar ul li a{
        padding-left: 0!important;
    }
    .collapse-img {
        margin-left: 13px!important;
    }
    .sidebar li {
        padding: 15px 15px 15px!important;
    }
    .sidebar li:first-child{
        padding: 0!important;
        padding-bottom: 30px!important;
    }
    .active-rewards{
        font-size: 12px!important;
    }
    .bright-text{
        font-size: 45px !important;
        line-height: 45px!important;
    }
    .bright-text.total-prize{
        font-size: 75px !important;
    }
    .menu-animate {
        transform: translate(30%, 0)!important;
    }
    .game-password-btn {
        font-size: 11px;
    }
    .container-custom{
      max-width: 1110px !important;
    }
    .input-transfer .button-blue{
        width: 74px;
        font-size: 12px;
    }
    .subpage-slider{
        height: 303px;
        background-size: cover;
    }
    .slider-container {
        width: 280px;
        padding: 40px 0;
    }
    .slider-container .button-orange {
        font-size: 15px;
        height: 33px;
    }
    .slider-container .button-esport {
        font-size: 15px;
        height: 33px;
    }
    .slider-container .button-sport {
        font-size: 15px;
        height: 33px;
    }
    .slider-container .button-casino {
        font-size: 15px;
        height: 33px;
    }
    .slider-btn-download {
        height: 33px;
    }
    .slider-btn-download .download-title h4 {
        font-size: 15px;
    }
    .slider-btn-download .download-title-idn h4 {
        font-size: 15px;
    }
    .slider-btn-download .download-icon img {
        width: 15px;
    }
    .gamedetails-text {
        font-size: 10px;
        line-height: 1.4!important;
        margin-bottom: 20px;
        max-height: 80px;
    }
    .slider-container img {
        height: 45px;
        margin-bottom: 15px;
    }
    .slider-container .button-grey {
        font-size: 15px;
        height: 33px;
    }
    .slots-game-app li{
        font-size: 12px!important;
        line-height: 15px!important;
    }
    .theme-livechat {
        max-width: 180px!important;
        right: 3.5%!important;
    }
    .slider-btn-download .download-title-idn {
        padding-right: 5px;
    }
    .slider-btn-download .download-title {
        padding-right: 5px;
    }
     .sidebar .ma-menu li:first-child{
        padding-bottom: 6px!important;
    }
    .sidebar .ma-menu li {
        padding: 6px 0px!important;
    }
    .ma-profile .ma-menu .ma-menulink img {
        width: 40px;
        margin-right: 15px;
    }
    .ma-menu a.ma-menulink {
        font-size: 12px;
        height: 65px;
        line-height: 65px;
    }
    .space-between li a {
        font-size: 12px!important;
        line-height: 45px!important;
    }
    .fancy-title h4, .fancy-title h6 {
        font-size: 18px!important;
        line-height: 18px!important;
    }
    label {
        font-size: 12px!important;
    }
    .status-icon {
        width: 13px!important;
    }
    .dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) {
        font-size: 12px!important;
        line-height: 23px!important;
    }
    .main-logo {
        width: 160px!important;
    }
    .input-copy span img {
        width: 18px!important;
    }
    .menu-item img {
        width: 25px!important;
    }
    .languages-selection img {
        width: 33px !important;
    }
    .languages-selection a {
        font-size: 12px!important;
    }
    .button-blue-outline {
        border: 1.5px solid #0066c9;
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .button-orange, .button-clear {
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .button-blue {
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .button-grey {
        width: 100px;
        height: 33px;
        font-size: 12px;
    }
    .dark .tabs-alt .tab-nav li a {
        font-size: 12px;
    }
    .wallet-bar-amount p {
        font-size: 12px;
        line-height: normal;
    }
    .smart-transfer p {
        font-size: 12px;
    }
    .smart-transfer {
        padding: 5px;
    }
    svg.radial-progress {
        max-width: 250px;
    }
    .wallet-balance p {
        font-size: 12px;
    }
    .wallet-balance h3 {
        font-size: 20px;
    }
    .contact-content a img {
        width: 35px!important;
    }
    .contact-side-panel:hover .contact-content {
        transform: translate(4px, -123px)!important;
    }
    .contact-content {
        transform: translate(60px, -123px)!important;
      }
    .contact-side-panel p {
        font-size: 12px!important;
    }
    .contact-side-panel {
        height: 150px!important;
        width: 60px!important;
        padding: 10px!important;
    }
    .transfer-tab .mat-tab-label {
        font-size: 12px!important;
    }
    .ma-box {
        font-size: 12px;
    }
    .refresh-icon img {
        width: 20px!important;
        margin: 12px 5px!important;
    }
    .deposit p {
        font-size: 12px!important;
        line-height: 23px!important;
    }
    .dropdown-img img {
        height: 30px!important;
        margin-top: -3px!important;
    }
    .bank-dropdown .dropdown-menu {
        transform: translate3d(0px, 40px, 0px)!important;
    }
    .owl-stage {
        height: 55px!important;
    }
    .oc-item {
        height: 55px!important;
    }
    .vendor-tabs {
        min-height: 55px!important;
    }
    .vl {
        height: 45px!important;
    }
    .height-90 {
        height: 75px!important;
    }
    .position-absolute{
        top: 75px!important;
    }
    .category-description {
        font-size: 12px!important;
        min-height: 30px!important;
    }
    .active-tab-image img {
        min-width: 550px!important;
    }
    .active-tab-bg {
        height: 603px!important;
    }
    .our-services h3{
        font-size: 18px!important;
    }
    .our-services p{
        font-size: 12px!important;
    }
    #footer p {
        font-size: 12px!important;
    }
    .footer-style a {
        font-size: 11px!important;
    }
    .certification img {
        width: 65px!important;
    }
    .certification {
        max-width: 85px!important;
    }
    .payment-method img {
        width: 65px!important;
    }
    .payment-method {
        max-width: 85px!important;
    }
    .subpage-slider {
        margin-top: 118px;
    }
    .filter-item {
        height: 33px!important;
        font-size: 12px!important;
    }
    .filter-item-active {
        height: 33px!important;
        font-size: 12px!important;
    }
    .search-field {
        height: 33px!important;
        min-width: 230px!important;
    }
    .icon-search {
        height: 33px!important;
        font-size: 13px!important;
    }
    .search-form-control{
        font-size: 12px!important;
    }
    .demomode-bar .pre-text {
        font-size: 12px!important;
    }
    .demomode-bar .pre-text .info {
        height: 24px!important;
        width: 24px!important;
        font-size: 12px!important;
        top: 10px!important;
    }
    .game-name {
        font-size: 12px!important;
        font-weight: 500!important;
    }
    .bg-overlay-content img {
        width: 65px !important;
    }
    .bg-overlay-content img:hover {
        width: 80px !important;
    }
    .bottom-follow-us img {
        width: 30px!important;
    }
    .border-page-title {
        font-size: 18px;
    }
    .height-50 {
        height: 45px!important;
    }
    .section.p-t-65 {
        padding-top: 45px!important;
    }
    .promotion-filter .activeFilter a {
        height: 33px!important;
    }
    .promotion-filter li a {
        font-size: 12px!important;
        line-height: 33px!important;
    }
    .grid-filter li a {
        padding: 0px 20px!important;
    }
    .promo-watch {
        font-size: 12px!important;
    }
    .promotion-box h4 {
        line-height: 18px!important;
        font-size: 18px!important;
    }
    .promotion-box p {
        font-size: 12px!important;
    }
    #vip-carousel-wrapper {
        max-width: 1000px!important;
    }
    #carousel1 li .vip-card-info p.guest {
        font-size: 14px!important;
    }
    .vip-benefits-box {
        font-size: 12px!important;
    }
    .vip-benefits-box p {
        font-size: 20px!important;
    }
    .vip-tabs-item p {
        font-size: 12px!important;
        line-height: 18px!important;
    }
    .vip-tabs mat-tab-group .mat-tab-header .mat-tab-label .mat-tab-label-content {
        font-size: 12px!important;
    }
    .vip-tabs-item h6 {
        font-size: 12px!important;
    }
    .vip-badges-list .vip-badges-box img {
        width: 70px!important;
    }
    .vip-badges-list .vip-badges-box span {
        font-size: 12px!important;
    }
    .vip-faq .mat-expansion-panel-body {
        font-size: 12px!important;
    }
    .vip-faq .mat-expansion-panel-header-title {
        font-size: 12px!important;
    }
    .smaller-container {
        max-width: 1000px!important;
    }
    .referral-content p {
        font-size: 12px!important;
    }
    .referral-content h3 {
        font-size: 20px!important;
    }
    .referral-tnc a {
        font-size: 12px!important;
    }
    .referral-detail span {
        font-size: 12px!important;
    }
    .referral-detail {
        min-height: 110px!important;
    }
    .vip-faq .mat-expansion-panel p {
        font-size: 12px;
        line-height: normal;
    }
    .contact-section p {
        font-size: 12px!important;
    }
    .contact-section img {
        width: 40px!important;
    }
    .contact-us-list img {
        width: 75px;
    }
    .border-container {
        font-size: 12px!important;
    }
    .section {
        padding: 30px 0!important;
    }
    .game-page .section {
        padding-bottom: 0!important;
    }
    .accept-tnc {
        font-size: 12px!important;
    }
    .hide-password {
        height: 38px;
        background-size: 28px;
    }
    .view-password {
        height: 38px;
        background-size: 28px;
    }
    .center-container {
        max-width: 430px!important;
    }
    .modal-box {
        max-width: 430px;
    }
    .title-image {
        width: 40px;
        margin-right: 10px;
    }
    .modal1 a {
        font-size: 12px;
        color: #0066c9;
    }
    .modal1 span {
        font-size: 12px;
    }
    .mfp-close {
        width: 44px!important;
        height: 44px!important;
        font-size: 40px!important;
    }
    .fancy-title img {
        width: 40px!important;
    }
    .languages-country h6 {
        margin: 5px 10px 10px;
        font-size: 12px!important;
    }
    .languages-country a {
        margin: 0px 5px;
        font-size: 12px;
        height: 33px;
        width: 133px;
        line-height: 20px;
    }
    .modal-box.languages-box {
        min-width: 430px;
        max-width: 430px;
    }
    .languages-country img {
        width: 65px!important;
    }
    .landing-page h2 {
        font-size: 20px!important;
    }
    .swal2-popup.swal2-modal {
        max-width: 430px!important;
    }
    .swal2-popup.swal2-modal img {
        width: 100px!important;
    }
    .promotion-modal {
        max-width: 800px!important;
    }
    .promotion-modal h4 {
        font-size: 20px!important;
        line-height: 20px!important;
    }
    .promotion-modal .promotion-details table th {
        font-size: 12px!important;
    }
    .promotion-modal .promotion-details table td {
        line-height: normal!important;
    }
    .customContent ul {
        font-size: 12px!important;
    }
    .madeforu-details p {
        font-size: 12px!important;
    }
    .crs-expand h2 {
        line-height: 30px;
        font-size: 20px;
    }
    .crs-expand h5 {
        line-height: 30px;
        font-size: 12px;
    }
    .transfer-form .input-group {
        font-size: 12px!important;
        height: 33px!important;
    }
    .currency-box {
        height: 33px!important;
    }
    .game-password-btn {
        padding-top: 5px;
    }
    .slots-game-id .btn-copy {
        bottom: 5px;
        width: 20px;
    }
    .fancy-title .exclamation {
        width: 22px!important;
    }
    .kyc-status .kyc-status-icon {
        width: 40px!important;
    }
    .kyc-span-1 {
        line-height: 20px;
    }
    .kyc-status{
        top: 0.75rem!important;
    }
    .verify-button {
        top: 28px!important;
    }
    .game-provider-row a img {
        width: 90px;
    }
    .game-provider-row a {
        width: 120px;
        height: 50px;
    }
    #bank-modal-form .dropdown-menu a {
        font-size: 12px;
    }
    .reward-expired, .reward-2 {
        width: 100px;
        height: 33px;
        font-size: 12px;
        line-height: 33px;
    }
    .table.ma-table thead th {
        font-size: 12px;
    }
    .bankDetails-input p {
        font-size: 12px!important;
    }
    .gate-keeper-top-bar a {
        font-size: 15px;
        font-weight: normal;
    }
    .modal1 p {
        font-size: 12px;
    }
    .table-bordered-bottom tr td {
        font-size: 12px!important;
    }
    .table-bordered-bottom tr td:first-child {
        font-size: 12px!important;
    }
    .message-bar img {
        width: 25px!important;
    }
    .message-date {
        font-size: 12px;
    }
    .openedMessage .btn-link span {
        font-size: 12px;
    }
    .message-detail-title {
        font-size: 18px!important;
    }
    .message-bar .icon-search {
        height: 27px!important;
        font-size: 18px!important;
    }
    .transfer-amount-input {
        border: solid 1.5px #0066C9;
        font-size: 12px;
        height: 30px;
    }
    .button-all-in {
        font-size: 12px;
    }
    .btn-enter-amount {
        height: 30px;
    }
    .bank-dropdown.options .dropdown-menu.promo-dropdown {
        border: solid 1.5px #0066c9;
        transform: translate3d(0px, 28px, 0px) !important;
    }
    .bank-dropdown a {
        font-size: 12px;
    }
    /* .history-table .history-filter-dropdown.seven_option .dropdown-menu {
        top: -10px !important;
    } */
    .history-filter-dropdown a {
        font-size: 12px;
    }
    .md-drppicker {
        min-width: max-content;
    }
    .date-picker {
        left: 12rem!important;
    }
    .md-drppicker .btn {
        width: 100px;
        height: 33px !important;
        font-size: 12px;
    }
    .deposit-amount {
        font-size: 12px;
    }
    .favorite-button {
        font-size: 13px!important;
    }
    .dropdown-label p {
        font-size: 12px;
    }
    .message-bar span img {
        width: 12px!important;
    }
    .transfer-form .custom-text {
        height: 33px!important;
    }
    .transfer-form .transfer-form-text {
        height: 33px!important;
    }
    .game-categories .vendor-box {
        height: 77.36px!important;
        width: 77.36px;
    }
    .game-categories .vendor-box.active-category {
        width: calc(90.36px*2);
    }
    .game-categories .active-category img {
        width: 110px !important;
    }
    .ribbon-wrapper-green {
        width: 50px;
        height: 50px;
        top: -2px;
        left: -5px;
    }
    .title-container span.title {
        font-size: 14px;
    }
}

/* --------------------------2000px & about ------------------------------*/

@media screen and (min-width: 2000px) {
    .max-body {
        max-width: 2000px;
        overflow-x: hidden;
        margin: 0 auto;
    }
    #header-wrap {
        max-width: 2000px;
    }
    body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .ajax-modal-title, .dark .modal-content, .dark .page-transition-wrap, body.dark #side-panel, body #side-panel.dark {
        background-size: 2000px;
    }
    #dotaVideo{
        width: 2000px!important;
    }

    .step-to-win {
        height: 455px;
    }
}