* {
    box-sizing: border-box;
}

html {
    font-family: Montserrat, ExtraBold;
}

body {
    margin:0;
    font-size: var(--fontSize2);
    background: #000F2E;
    color: white;
}

:root {
    --fontSize1: 1.5rem;
    --fontSize2: 1rem;
    --fontSize3: 0.7rem;
    --fontSize4: 0.6rem;
    --bold: bold;
    --drakGray: #3E3E3E;
}


[class*="col-"] {
    float: left;
}

h3.subtitle {
    font-weight: normal;
    text-decoration: underline;
}

a{
    cursor: pointer;
    color: white;
}

.header {
    background: #FF8540;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}

.header h1 {
    font-size: var(--fontSize1);
}

.acc {
    background:#000F2E;
    margin-top: -5px;
    padding: 30px 25px 30px 25px;
}

.accordion {
    background: transparent;
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: var(--fontSize2);
    transition: 0.4s;  
} 

.text{
    border: 1px solid white;
    padding:0px 0px 0px 25px;
    border-radius: 15px;
}

/* TnC table styles */
.TnC-table td {
    padding: 10px;
    text-align: center;
}

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

    .TnC-table {
        width: 100%;
    }

    .TnC-table td {
        width: 50%;
        padding: 5px;
        font-size: 0.8rem;
    }
}
/* TnC table styles end */

/* Mobile table dropdown */
.mobile_table_dd{
    text-align: center;
    width: 100%;
    position: relative;

}
.mobile_table_dd table{
        border: 1px solid black;
        border-collapse: collapse;
        padding: 10px;
}
.mobile_table_dd .points_m_entry{
    background: #64A44A;
    color: #037029;
    padding: 0px 50px;
    position: relative;
    font-size: 1.2rem;
}
.mobile_table_dd .entry_m{
    background: #90C17C;
    font-size: 1.2rem;
    color: #227700;
    padding: 0;
}
.mobile_table_dd .points_m_bronze{
    background: #F9A984;
    padding: 0px 50px;
    color: #B85427;
    font-size: 1.2rem;
    position: relative;
}

.mobile_table_dd .bronze_m{
    background: #D47E48;
    font-size: 1.2rem;
    color: #B85427;
    padding: 0;
}
.mobile_table_dd .points_m_silver{
    background: #505050;
    color: #383838;
    padding: 0px 50px;
    position: relative;
    font-size: 1.2rem;
}
.mobile_table_dd .silver_m{
    background: #797979;
    font-size: 1.2rem;
    color: #383838;
    padding: 0;
}
.mobile_table_dd .points_m_gold{
    background: #AA5919;
    color: #383838;
    padding: 0px 50px;
    position: relative;
    font-size: 1.2rem;
}
.mobile_table_dd .gold_m{
    background: #F4D486;
    font-size: 1.2rem;
    color: #AA5919;
    padding: 0;
}
.mobile_table_dd .points_m_platinum{
    background: #717B8B;
    color: #383838;
    padding: 0px 50px;
    position: relative;
    font-size: 1.2rem;
}
.mobile_table_dd .platinum_m{
    background: #A6ACBB;
    font-size: 1.2rem;
    color: #576382;
    padding: 0;
}
.mobile_table_dd .points_m_diamond{
    background: #3171DC;
    color: #383838;
    padding: 0px 50px;
    position: relative;
    font-size: 1.2rem;
}
.mobile_table_dd .diamond_m{
    background: #6A9BE1;
    font-size: 1.2rem;
    color: #1159D2;
    padding: 0;
}
.mobile_table_dd img{
    z-index: 100;
    left: 25.4rem;
    top: 0%;
}
.mobile_table_dd .vip-packages{
    background: #05204A;
    color: white;
    padding: 3.1rem 5rem;
    font-weight: 900;
    font-size: 20px;
}
.mobile_table_dd .vip-desc{
    color: white;
    padding: 1.1rem 5rem;
    border: 1px solid white;
    font-weight: 900;
    font-size: 20px;
}

/* End of mobile table dropdown */

.accordion p {
    position: relative;
    font-weight: var(--bold);
    font-size: 1.2rem;
    color: white;
    font-family: Montserrat, Regular;
}
.accordion p::after{
    font-family: "Font Awesome 6 Free";
    content: "\f078";
    position: absolute;
    margin-right: auto;
    top: 16%;
    right: 11px;
}
.accordion.active p::after{
    content: '\f077';
transform: rotate(360deg);
transition-duration:1s;
}
div .row .table-heading__title, div .row .table-heading__points{
    color: white;
}
.table-heading{
    display: flex;
    justify-content: space-evenly;
    font-weight: var(--bold);
}
.row-wrap{
background: #0B3777;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
padding: 9.5px;
border-bottom: 1px solid white;
}
.table-wrap-d{
    border: 1px solid white;
    padding: 0 10px 10px 10px ;
    margin-bottom: 20px;
    border-radius: 10px;
}
.table-wrap-m{
    border:1px solid white;
    border-radius: 15px;
    margin-bottom: 3rem;
}
.panel {
    margin: 25px 29px 0px 11px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    position: relative;
    top: -15px;
}
.panel .vip-store .row img{
    width: 9%;
    height: 9%;
}
.panel .vip-store .row{
    margin: 2rem 0rem 2rem 0rem;
}

.panel .vip-store .row p{
    font-size: 1.5rem;
    font-weight: 900;
    padding: 0 0 0 16px;
    margin-top: 25px;
}
/* @media (max-width: 378px){
    .panel .vip-store .row img{
        width: 13%;
    }
    .mobile_table_dd .vip-packages{
        padding: 3.1rem 0rem;
        font-size: 20px;
    }
    .dropdown_table .vip-desc{
        padding: 1.1rem 1rem;
        font-weight: 900;
        font-size: 20px;
    }
} */
@media (max-width: 500px){
    .panel .vip-store .row img{
        width: 19%;
        height: 19%;
    }
    .mobile_table_dd .vip-packages{
        padding: 3.1rem 0rem;
        font-weight: 900;
        font-size: 20px;
    }
    .dropdown_table .vip-desc{
        font-weight: 900;
        padding: 1.1rem 1rem;
        font-size: 20px;
    }
}
.margin-auto {
    margin: 0 auto;
    float: none;
    display: table;
}
.padding-bottom-spes {
    padding-bottom: 25px;
}
picture img.bg{
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 0;
    padding: 20px;
}
.bonus_package div.text, .bonus_package p {
    position: relative;
    color: var(--drakGray);
}
.bonus_package img {
    margin: -15px 0px 0px -19px;
    position: absolute;
    width: 8%;
    z-index: 1;
}

.bonus_package div.text {
    font-size: var(--fontSize2);
    padding-bottom: 30px;
    left:0;
}
.bonus_package p{
    font-size: var(--fontSize1);
    font-weight:var(--bold);
}
.bonus_package p:after {
    position: absolute;
    right: 0;
    left:0;
    bottom: -10px;
}
.bonus_package p.first:after {
    width: 66%;
}
.bonus_package p.last:after {
    left:0;
}
.bonus_package p.first {
    padding-top: 5px;
    position: relative;
}
.bonus_package p.last:after {
    width:100%;
}
.bonus_package p.last, .bonus_package .text {
    position:relative;
}
.bonus_package p.last, .bonus_package .last {
    top: -20px;
}
.border-right-white {
    border-right: 1px solid white;
}
.padding-25 {
    padding-left : 33px;
    padding-right: 50px;
}

/**Table Bonus Packages**/

table.table_bonus_packages {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    position: relative;
    border-color: transparent;
    font-weight: var(--bold);
    color: var(--drakGray);
}
table.table_bonus_packages th{
    background: #0B3777;
    color: white;
    font-weight: var(--bold);
    padding-bottom: 12px;
    padding-top: 12px;
}


table.table_bonus_packages th:first-child{
    border-top-left-radius: 10px;
}
table.table_bonus_packages tr th:last-child{
    border-top-right-radius: 10px;
}
table.table_bonus_packages th, table.table_bonus_packages td {
    text-align: center;
    font-size: 0.85rem;
    padding: 12px 29px;
}
table.table_bonus_packages tr th{
   padding:9px 9px;;
}
table.table_bonus_packages td {
    color: white;
}

table.table_bonus_packages .new-entry-star, table.table_bonus_packages .bronze-color-star{
    width: 0% !important;
}
table.table_bonus_packages td.entry, table.table_bonus_packages td.bronze, table.table_bonus_packages td.silver, table.table_bonus_packages td.gold, table.table_bonus_packages td.platinum, table.table_bonus_packages td.diamonds{
    text-align: left;
    padding-left: 13%;
    position: relative;
}
table.table_bonus_packages td.entry:before, table.table_bonus_packages td.bronze:before, table.table_bonus_packages td.silver:before, table.table_bonus_packages td.gold:before, table.table_bonus_packages td.platinum:before, table.table_bonus_packages td.diamonds:before{
    content: '';
    position: absolute;
    background-size: contain;
    width: 25px;
    height: 25px;
    left: 3%;
    top: 10%;
}

.mail .bold, .mail .italic, .mail .bold a, .mail .italic a {
    font-weight: var(--bold);
    font-size: var(--fontSize2);
    font-style: italic;
    color: white;
    margin-bottom:3%;
}
.mail{
    padding-bottom: 40px;
}
/**Table Bonus Packages**/


/**Table Benefits - Desktop**/
.padding-table {
    padding:0 25px 0 25px;
}
table.table_benefits {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    position: relative;
    margin-top:2%;
    margin-bottom:2%;
    border-color: transparent;
}
table.table_benefits th{
    font-weight: var(--bold);
}
table.table_benefits th, table.table_benefits td {
    text-align: center;
    font-size: var(--fontSize2);
}
table.table_benefits th{
    color:white;
}
table.table_benefits th.vipLevels{
    background: #000F2E;
}
table.table_benefits th.new div.image, table.table_benefits th.bronze div.image, table.table_benefits th.silver div.image,
table.table_benefits th.gold div.image, table.table_benefits th.platinum div.image, table.table_benefits th.diamond div.image
{
    padding-top:3.5%;
    padding-bottom: 3.5%
}
table.table_benefits th.entry img, table.table_benefits th.bronze img, table.table_benefits th.silver img,
table.table_benefits th.gold img, table.table_benefits th.platinum img
{
    margin:-116px 0px 0px -33px;
    position: absolute;
    width: 9%;
}
table.table_benefits th.diamond .diamond-image{
    margin:-108px 0px 0px -33px;
    position: absolute;
    width: 9%;
}

table.table_benefits th.diamond div.image img {
    width:72%;
}

table.table_benefits th{
    padding: 0px !important;
}
.vipLevels p.required{
    padding: 70px;
}

/**new**/
table.table_benefits th.entry div.title{
    background: #64A44A;
    color: #037029;
    padding: 45px 0 16px 0px;
    position: relative;
}
table.table_benefits tr td.required-points-entry{
    background: #037029;
    padding: 10px;
border-right: none;
font-size: var(--fontSize2);
color: white;
font-weight: 900;
}
/**new**/

/**bronze**/
table.table_benefits th.bronze div.title{
    background: #DC8F6D;
    color: #B85427;
    padding: 45px 0 16px 0px;
    position: relative;
}
table.table_benefits tr td.required-points-bronze{
    background: #D47E48;
    padding: 10px;
border-right: none;
font-size: var(--fontSize2);
color: white;
font-weight: 900;
}
/**bronze**/

/**silver**/
table.table_benefits th.silver div.title{
    background: #797979;
    color: #D0D0D0;
    padding: 45px 0 16px 0px;
    position: relative;
}
table.table_benefits tr td.required-points-silver{
    background: #505050;
    padding: 10px;
border-right: none;
font-size: var(--fontSize2);
color: white;
font-weight: 900;
}
/**silver**/

/**gold**/
table.table_benefits th.gold div.title{
    background: #F4D486;
    color:#AA5919 ;
    padding: 45px 0 16px 0px;
    position: relative;
}
table.table_benefits tr td.required-points-gold{
    background: #AA5919;
    padding: 10px;
border-right: none;
font-size: var(--fontSize2);
color: white;
font-weight: 900;
}
/**gold**/

/**platinum**/
table.table_benefits th.platinum div.title{
    background: #ADAEB0;
    color: #576382;
    padding: 45px 0 16px 0px;
    position: relative;
}
table.table_benefits tr td.required-points-platinum{
    background: #717B8B;
    padding: 10px;
border-right: none;
font-size: var(--fontSize2);
color: white;
font-weight: 900;
}
/**platinum**/

/**diamond**/
table.table_benefits th.diamond div.title{
    background: #6A9BE1;
    color: #1159D2;
    padding: 45px 10px 16px 10px;
    position: relative;
    border-top-right-radius: 10px ;
}
table.table_benefits tr td.required-points-diamond{
    background: #3171DC;
    padding: 10px;
    border-right: none;
    font-size: var(--fontSize2);
    color: white;
    font-weight: 900;
}
/**diamond**/
table.table_benefits tr td.vipLevels{
    background: #000F2E;
    border-right: none;
    color: white;
    border-top: 1px solid white;
}

/**Gray schema**/
table.table_benefits td.required_points, table.table_benefits td.exclusive_bonus, table.table_benefits td.birthday_bonus,
table.table_benefits td.redeeming_vip_points, table.table_benefits td.monday_cash_back
{
    color: black;
    padding: 20px 0px 20px 5px;
    font-size: var(--fontSize3);
    text-align: left;
    font-weight: 900;
}
table.table_benefits td.friday-bonus,table.table_benefits td.dedicated_account_manager, table.table_benefits td.fast_cash_out,table.table_benefits td.monthly_promotions_and_tournaments, table.table_benefits td.vip_personalized_offer{
    color: white;
    padding: 20px 5px 20px 10px;
    font-size: var(--fontSize3);
    text-align: left;
    font-weight: 900;
}
table.table_benefits td.vipLevels {
    background:#FFFFFF;
    border-bottom: 1px solid white;
}
table.table_benefits td.vip_personalized_offer {
    background:#000F2E;
}
table.table_benefits td.exclusive_bonus{
    background:#FFFFFF;
}
table.table_benefits td.monthly_promotions_and_tournaments{
    background:#000F2E;
}
table.table_benefits td.birthday_bonus{
    background:#FFFFFF;
}
table.table_benefits td.fast_cash_out{
    background:#000F2E;
}
table.table_benefits td.redeeming_vip_points{
    background:#FFFFFF;
}
table.table_benefits td.dedicated_account_manager{
    background:#000F2E;
}
table.table_benefits td.monday_cash_back{
    background:#FFFFFF;
}
table.table_benefits td.friday_bonus{
    background:#000F2E;
}
table.table_benefits td {
    width: 15%;
    font-size: var(--fontSize3);
    border-right: 1px solid white;
    font-weight: 600;
}

table.table_benefits td:last-child{
border-right: none;
}
table.table_benefits .last-td{
    border-radius: 10px;
}
table.table_benefits tr:first-child{
    background: none !important;
    border-right:none !important;
}
table.table_benefits tr:last-child{
    border-right: none !important;
}
table.table_benefits tr:nth-child(even) {
    background-color: #000F2E;
}
table.table_benefits tr:nth-child(even){
    color: white;
    border-right: 1px solid #000F2E;
}
table.table_benefits tr:nth-child(odd) {
    background-color: white;
    color: #000F2E;
}
.border-right-4 {
    border-right:4px solid white;
}
/**Table Benefit - Desktop**/

.table_zone{
    position: relative;
    z-index: 1;
}
.vip_title_levels_zone {
    background:#212121;
    padding-top: 100px;
    padding-bottom: 10px;
    position: relative;
    margin-top: -97px;
    z-index: 0;
}
.vip_levels_zone h2 {
    color:white;
    text-align: center;
    padding-top:0.5%;
    font-size: 1.1rem;
}
.panel p {
    color: white;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.new-entry{
    background: #90C17C;
    font-size: 1.3rem;
    color: #227700;;
    font-weight: 900;
}
.new-entry-star{
    background-color: #037029;
}
.bronze-color{
    background: #F9A984;
    font-size: 1.3rem;
    color: #B85427;
    font-weight: 900;

}
.bronze-color-star{
   background: #D47E48;
}
.silver-color{
    background:#797979 ;
    font-size: 1.3rem;
    color: #383838;
    font-weight: 900;

}
.silver-color-star{

background-color: #505050;
}
.gold-color{
    background: #F4D486;
    font-size: 1.3rem;
    color: #AA5919;
    font-weight: 900;
}
.gold-color-star{

background-color: #A65718;
}
.platinum-color{
    background: #A6ACBB;
    font-size: 1.3rem;
    color: #576382;
    font-weight: 900;
}
.platinum-color-star{

background-color: #717B8B;
}
.diamond-color{
    background: #6A9BE1;
    font-size: 1.3rem;
    color: #1159D2;
    font-weight: 900;
}
.diamond-color-star{

background-color: #316FD8;
}
.vip_stars {
    text-align:center;
    padding:0;
    min-height: 175px;
}
.vip_stars img {
    max-width: 60%;
}
.vip_stars p {
    color:white;
    font-size: var(--fontSize3);
    padding: 13% 0 0 0;
    min-height:20px;
}
.padding-0 {
    padding:0!important;
}
.wrapper_vip_stars {
background: #000F2E;
}

.bg_vipclub {
   background: #000F2E;
}
.bg_vipclub img {
    max-width: 100%;
}

/**min width 786px**/
@media only screen and (min-width: 768px) {
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 25%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.66%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.33%;}
    .col-lg-8 {width: 66.66%;}
    .col-lg-9 {width: 75%;}
    .col-lg-10 {width: 83.33%;}
    .col-lg-11 {width: 91.66%;}
    .col-lg-12 {width: 100%;}
    .d-none {display:none;}
    .d-block {display:block;}
    .vip_store {
        padding-left:25px;
        padding-top:0px;
    }
    table.table_benefits_m {
        display: none;
    }
    .table.table_bonus_packages td{
        max-width: 33.33%;
        width: 33%;
    }

    .panel .vip-store .row img{
        width: 10%;
        height: 10%;
    }
}

/**max width 786px**/
@media only screen and (max-width: 767px){
    .col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
    .m-none {display:none;}
    .m-block {display:block;}
    .panel p , .accordion{
        font-size: 0.9rem;
       
    }

    .panel .vip-store .row img{
        width: 16%;
        height: 16%;
    }

    .table_benefits_new .title_new_m{
        background: #90C17C;
        padding: 30px;
        color: #037029;
        font-size: 1.8rem;
        font-weight: 900;
    }

    .table_benefits_new  .points_new_m{
        background: #037029;
       padding: 5px 15px;
        color: white;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_bronze .title_bronze_m{
        background: #F9A984;
        padding: 30px;
        color: #B85427;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_bronze  .points_bronze_m{
        background: #D47E48;
       padding: 5px 15px;
        font-size: 1.8rem;
        font-weight: 900;
        color: white;
    }
    .table_benefits_silver  .title_silver_m{
        background: #797979;
        padding: 30px;
        color:#D0D0D0 ;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_silver  .points_silver_m{
        background: #505050;
       padding: 5px 15px;
        color: white;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_gold  .title_gold_m{
        background: #F4D486;
        padding: 30px;
        color:#AA5919 ;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_gold  .points_gold_m{
        background: #AA5919;
       padding: 5px 15px;
        color: white;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_platinum .title_platinum_m{
        background: #A6ACBB;
        padding: 30px;
        color: #717B8B;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_platinum  .points_platinum_m{
        background: #717B8B;
       padding: 5px 15px;
        color: white;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_diamond  .title_diamond_m{
        background: #6A9BE1;
        padding: 30px;
        color: #3171DC;
        font-size: 1.8rem;
        font-weight: 900;
    }
    .table_benefits_diamond  .points_diamond_m{
        background: #3171DC;
       padding: 5px 15px;
        color: white;
        font-size: 1.8rem !important;
        font-weight: 900;
    }
    .acc {
        padding: 20px 10px 35px 10px;
    }
    .padding-bottom-20-mobile {
        padding-bottom: 20px;
    }
    .padding-bottom-spes {
        padding-bottom: 40px;
    }
    .bonus_package p {
        text-align: center;
    }
    .bonus_package p.first:after {
        width:100%;
    }
    .bonus_package p.last, .bonus_package .last {
        top:0;
    }
    /**Table Benefits - Mobile**/
    .padding-table {
        padding:0;
    }
    table.table_benefits_m {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        position: relative;
        border-color: transparent;
    }
    table.table_benefits_m th, table.table_benefits_m td {
        text-align: left;
        font-size: 0.8rem;
        padding: 15px 20px 15px 20px;
        font-weight: 600;
        font-style: italic;
        text-align: center;
    }
    table.table_benefits_m tr td:nth-child(even){
        color: white;
    }
    table.table_benefits_m th{
        color:white;
    }
    table.table_benefits_m tr td.td_color{
        color: #000F2E;
    }


    /**new,bronze,silver,gold,platinum,diamonds - common**/
    .col-lg-12.d-none .image{
        margin-left: -10%;
    }
    .table_benefits_new, .table_benefits_bronze ,.table_benefits_silver, .table_benefits_gold, .table_benefits_platinum,
    .table_benefits_diamond
    {
        text-align: center;
        width: 100%;
        position: relative;
    }
    .table_benefits_new .image img,  .table_benefits_bronze .image img, .table_benefits_silver .image img,
    .table_benefits_gold .image img , .table_benefits_platinum .image img , .table_benefits_diamond .image img
    {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: 5rem;
        z-index: 100;
        left: 37px;
        top: 50%;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%);
    }
    .table_benefits_new .title, .table_benefits_new .image, .table_benefits_bronze .title, .table_benefits_bronze .image,
    .table_benefits_silver .title, .table_benefits_silver .image, .table_benefits_gold .title, .table_benefits_gold .image,
    .table_benefits_platinum .title, .table_benefits_platinum .image ,.table_benefits_diamond .title, .table_benefits_diamond .image
    {
        display: inline-block;
    }
    .table_benefits_new .title, .table_benefits_bronze .title, .table_benefits_silver .title, .table_benefits_gold .title,
    .table_benefits_platinum .title, .table_benefits_diamond .title
    {
        color:white;
        position: absolute;
        top:35%;
        font-weight: var(--bold);
        text-transform: uppercase;
    }


    /**min width 568px**/
@media only screen and (min-width: 568px){
    .panel .vip-store .row img{
        width: 12%;
        height: 12%;
    }

}

 /**max width 568px**/
 @media only screen and (max-width: 568px){
    .panel .vip-store .row img{
        width: 22%;
        height: 22%;
    }

}


/**max width 420px**/
@media only screen and (max-width: 420px){
    .panel .vip-store .row img{
        width: 25%;
        height: 25%;
    }
    .mobile_table_dd .vip-packages{
        padding: 3.1rem 0rem;
        font-size: 20px;
    }
    .dropdown_table .vip-desc{
        padding: 1.1rem 1rem;
        font-weight: 900;
        font-size: 20px;
    }
}
    /**new,bronze,silver,gold,platinum,diamonds - common**/

    /* *new**/
    /* .table_benefits_new {
        background: #64A44A;
    } */
    /**new**/

    /**bronze**/
    /* .table_benefits_bronze{
        background: #DC8F6D;
    } */
    /**bronze**/

    /**silver**/
    /* .table_benefits_silver{
        background: #8E8E8E;
    } */
    /**silver**/

    /**gold**/
    /* .table_benefits_gold{
        background: #B79244;
    } */
    /**gold**/

    /**platinum**/
    /* .table_benefits_platinum{
        background:#AB8C63;
    } */
    /**platinum**/

    /**diamond**/
    /* .table_benefits_diamond{
        background: #92ADC3;
    } */
    /**diamond* */

    /**Gray schema**/
    table.table_benefits_m td.required_points, table.table_benefits_m td.exclusive_bonus,
    table.table_benefits_m td.birthday_bonus,
    table.table_benefits_m td.redeeming_vip_points, table.table_benefits_m td.monday_cash_back
    {
        color:white;
        padding: 15px 20px 15px 20px;
        font-size: 0.8rem;
        text-align: center;
    }
    table.table_benefits_m tr:nth-child(even) {
        background-color: #000F2E;
    }
    table.table_benefits_m tr:nth-child(odd) {
        background-color: #DCE1E4;
    }
    table.table_benefits_m tr:nth-child(odd) {
        color: #000F2E;
        padding: 15px 20px 15px 20px;
        font-size: 0.8rem;
        text-align: left;
    }
    /* table.table_benefits_m td:nth-child(odd){
        color: black;
    } */
.table_benefits_new,.table_benefits_bronze,.table_benefits_silver,.table_benefits_gold,.table_benefits_platinum,.table_benefits_diamond{
    padding: 0 15px 0 70px;
}
    /**Table Benefits - Mobile**/

    .mobileNone {
        display: none;
    }

    .border-right-4
    {
        border:none;
    }
    table.table_benefits {
        display: none;
    }
    .padding-25 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .table_bonus_packages_m{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    position: relative;
    border-color: transparent;
    font-weight: var(--bold);
    color: var(--drakGray);
    }
}
/**max width 520**/
@media only screen and (max-width: 520px) {
    .vip_stars {
        min-height: 135px;
    }
}