:root {
   --site-table-margin: 18px;
   --site-fs-titles: 13px;
   --site-fs-list: 12px;
   --site-fs-button: 15px;
   --site-fs-site_name: 20px;
   --site-fs-bonus: 21px;
   --site-clr-titles: red;
   --site-clr-body: #fff;
   --site-clr-gold: #ffb600;
}
.sites_table {
   max-width: 1300px;
   margin-inline: auto;
   container-type: inline-size;
   text-align: left;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: antialiased;
   font-smoothing: antialiased;
   white-space: nowrap;
    min-height: 2000px;
}
.sites_table .site_single .logo_container {
   display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    height: 75px;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}
.sites_table .site_single .logo_container a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
.sites_table .site_single .logo_container img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
}
.sites_table .site_single .info_container {
   padding: var(--site-table-margin);
}
.sites_table .site_single .details {
   padding: var(--site-table-margin) var(--site-table-margin)
      var(--site-table-margin) 0;
}
.sites_table .site_single .info_container h5 {
   padding: 0;
   margin: 0;
   font-size: var(--site-fs-site_name);
   font-weight: 700;
   line-height: 20px;
   letter-spacing: 0;
   margin-bottom: 10px;
   color: var(--site-clr-body);
}
.sites_table .site_single .info_container h5::before {
   mix-blend-mode: multiply;
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
}
.sites_table .accepted_countries {
   margin-top: var(--site-table-margin);
}
.sites_table .accepted_countries .available {
   font-size: var(--site-fs-list);
   line-height: var(--site-fs-list);
   z-index: 500;
   margin: 0;
   font-weight: 500;
}
.sites_table .accepted_countries .flag.usa {
   background: url(images/usa.svg);
   width: 18px;
   height: 18px;
   display: inline-block;
   background-repeat: no-repeat;
   vertical-align: middle;
   margin-right: 10px;
   position: relative;
}
.sites_table .accepted_countries .available span.flag::before {
   content: "✓";
   width: 12px;
   height: 12px;
   display: inline-block;
   float: left;
   position: absolute;
   right: -5px;
   top: 8px;
   background: #19b72b;
   text-align: center;
   line-height: 13px;
   color: var(--site-clr-body);
   font-style: normal;
   font-size: 6px;
   padding-left: 1px;
}
.sites_table .site_single .info_container .bonus_data {
   margin: var(--site-table-margin) 0;
}
.sites_table .site_single .info_container .bonus_data span.title {
   font-size: var(--site-fs-titles);
   line-height: 13px;
   color: var(--site-clr-titles);
   font-weight: 500;
   text-transform: uppercase;
}
.sites_table .site_single .info_container .bonus_data span.offer {
   font-size: var(--site-fs-bonus);
   font-weight: 700;
   width: 100%;
   display: inline-block;
   line-height: var(--site-fs-bonus);
}
.sites_table .site_single a.button {
   width: auto;
   height: auto;
   line-height: 40px;
   display: inline-block;
   float: none;
   font-size: var(--site-fs-button);
   text-align: center;
   position: relative;
   text-decoration: none;
   margin-bottom: 10px;
   width: 100%;
   max-width: 250px;
}
.sites_table
   .site_single
   .info_container
   .buttons_container
   a.button:last-child {
   margin-right: 0px;
}
.sites_table .site_single a.button.play {
    background-image: linear-gradient(112deg,#11dc69,#009438);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1);
    font-size: 16px;
    color: var(--site-clr-body);
    text-transform: none;
    font-weight: 700;
    border: none;
    border-radius: 0;
    transition: all ease 0.3s;
    color: #FFF;
    letter-spacing: -.2px;
}
.sites_table .site_single a.button.play:hover {
    box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
}
.sites_table
   .site_single
   .info_container
   .buttons_container
   a.button.play:hover {
}
.sites_table .site_single a.button.read {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -.2px;
    color: #72899d;
    padding-right: 0;
    display: block;
    background: none;
    margin: 10px 0 0 0;
    padding: 0;
}
.sites_table
   .site_single
   .info_container
   .buttons_container
   a.button.read:hover {
   background: #dce0e5;
   text-decoration: none;
   color: #444;
}
.sites_table .site_single .details .content {
   border-left: 1px solid #8c8c8c99;
   padding-left: var(--site-table-margin);
   display: inline-block;
   height: 100%;
   width: 100%;
}
.sites_table .site_single .details .content .features_container ul li,
.sites_table .site_single .details .content .payments_container ul li {
   position: relative;
   float: left;
   margin: 0 16px 0 0;
   font-size: var(--site-fs-list);
   line-height: var(--site-fs-list);
}
.sites_table .site_single span.title {
   width: 100%;
    float: none;
    font-size: var(--site-fs-titles);
    margin: 0 0 4px 0;
    text-align: center;
    font-weight: 600;
    color: #6c747b;
    font-size: 14px;
    letter-spacing: .4px;
    text-shadow: none;
}
.sites_table .site_single .details .content .games_container ul {
   list-style-type: none;
   padding: 0;
   margin: 0 0 5px 0;
   float: left;
}
.sites_table .site_single .details .content .games_container ul li {
   position: relative;
   float: left;
   margin: 2px 14px 6px 0;
   font-size: var(--site-fs-list);
   line-height: 15px;
   vertical-align: middle;
}
span.game {
   display: inline-block;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: left center;
   vertical-align: middle;
   height: 21px;
   opacity: 0.6;
   mix-blend-mode: difference;
}
span.game.slots {
   width: 28px;
   background-image: url(images/slots.png);
}
span.game.live_dealer {
   width: 20px;
   background-image: url(images/dealer.png);
}
span.game.blackjack {
   width: 27px;
   background-image: url(images/cards.png);
}
span.game.roulette {
   width: 30px;
   background-image: url(images/roulette.png);
}
span.game.baccarat {
   width: 27px;
   background-image: url(images/cards.png);
}
span.game.sports_betting {
   width: 30px;
   background-image: url(images/sports.png);
}
span.game.poker {
   width: 27px;
   background-image: url(images/cards.png);
}
.payments_container ul {
   margin: 0;
   padding: 5px;
   display: inline-block;
   width: 100%;
   padding-top: 8px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   Width: 100%;
}
.payments_container ul li {
   position: relative;
   margin: 1px 5px;
   font-size: 13px;
   color: var(--site-clr-body);
   line-height: 18px;
   display: inline-block;
   float: left;
}
.payments_container{
    display: flex;
    justify-content: center;
}
span.method {
   display: inline-block;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: left center;
}
span.method.amex {
   width: 32px;
   height: 20px;
   background-image: url(images/amex.png);
}
span.method.discover {
   width: 32px;
   height: 20px;
   background-image: url(images/discover.png);
}
span.method.mastercard {
   width: 32px;
   height: 20px;
   background-image: url(images/mastercard.png);
}
span.method.visa {
   width: 32px;
   height: 20px;
   background-image: url(images/visa.png);
}
span.method.bank_transfer {
   width: 45px;
   height: 20px;
   background-image: url(images/bank_transfer.png);
}
span.method.bitcoin {
   width: 53px;
   height: 20px;
   background-image: url(images/bitcoin.png);
}
span.method.money_order {
   width: 41px;
   height: 20px;
   background-image: url(images/money_orders.png);
}
span.method.check {
   width: 32px;
   height: 20px;
   background-image: url(images/check.png);
}
span.method.paypal {
   width: 62px;
   height: 20px;
   background-image: url(images/paypal.png);
}
span.method.ethereum {
   width: 62px;
   height: 20px;
   background-image: url(images/eth.png);
}
span.method.usdt {
   width: 52px;
   height: 20px;
   background-image: url(images/usdt.png);
}
span.method.wire_transfer {
   width: 48px;
   height: 20px;
   background-image: url(images/wire_transfer.png);
}
span.method.zelle {
   width: 42px;
   height: 20px;
   background-image: url(images/zelle.png);
}
span.method.gift_card {
   width: 32px;
   height: 20px;
   background-image: url(images/gift_card.png);
}
span.method.maestro{
    width:32px;
    height:20px;
    background-image:url(images/maestro.png)
}
span.method.neteller{
    width:32px;
    height:20px;
    background-image:url(images/neteller.png)
}
span.method.skrill{
    width:32px;
    height:20px;
    background-image:url(images/skrill.png)
}
span.method.ecopayz{
    width:32px;
    height:20px;
    background-image:url(images/ecopayz.png)
}
span.method.interac{
    width:20px;
    height:20px;
    background-image:url(images/interac.png)
}
span.method.paysafecard{
    width:50px;
    height:20px;
    background-image:url(images/paysafe.png)
}
.site_single .globe {
   width: 29px;
   height: 29px;
   background-image: url(images/globe.svg);
   background-size: contain;
   background-repeat: no-repeat;
   opacity: .4;
}
.site_single .flag {
   width: 29px;
   height: 29px;
   background-size: contain;
   background-repeat: no-repeat;
   opacity: 1;
}
.flag.us{
   background-image: url(images/usa-flag-circular.png);   
}
.flag.ca{
   background-image: url(images/canada-flag-circular.png);   
}
.flag.ie{
   background-image: url(images/ireland-flag-circular.png);   
}
.flag.au{
   background-image: url(images/australia-flag-circular.png);   
}
.flag.nz{
   background-image: url(images/new-zealand-flag-circular.png);   
}
.flag.ar{
   background-image: url(images/argentina-flag-circular.png);   
}
.flag.fr{
   background-image: url(images/france-flag-circular.png);   
}
.flag.de{
   background-image: url(images/germany-flag-circular.png);   
}
.flag.nl{
   background-image: url(images/netherlands-flag-circular.png);   
}
.flag.be{
   background-image: url(images/belgium-flag-circular.png);   
}
.flag.ch{
   background-image: url(images/switzerland-flag-circular.png);   
}
.flag.at{
   background-image: url(images/austria-flag-circular.png);   
}
.sites_table .site_single .details .content .features_container ul {
   max-height: none !important;
   margin-bottom: 0 !important;
   display: inline-block;
   width: 100%;
   padding: 0;
   margin: 0;
}
.sites_table .site_single .details .content .features_container ul li {
   padding: 3px 0 5px 21px;
   line-height: 14px;
}
.sites_table .site_single .details .content .features_container ul li::before {
   content: "✓";
   margin: 0;
   width: 15px !important;
   height: 15px !important;
   display: inline-block;
   text-align: center;
   line-height: 13px;
   background: #ff233b;
   font-size: var(--site-fs-titles);
   top: 2px;
   position: absolute;
   left: 0;
}
.sites_table ul {
   list-style: none;
}
.star-ratings-st {
    color: #b9b9b9;
    font-size: 20px;
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    margin-left: 0;
    font-family: sans-serif;
}
.star-ratings-st .fill-ratings-st {
    color: #f6bd25;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
    font-family: sans-serif;
}
.star-ratings-st .fill-ratings-st span {
   display: inline-block;
}
.star-ratings-st .empty-ratings-st {
   padding: 0;
   display: block;
   z-index: 0;
   opacity: 0.5;
}
ul.tabs-st {
    margin: var(--site-table-margin) 0;
    padding: 0;
    position: relative;
    display: flex;
    margin-bottom: 2.2rem;
}
.tabs-st .active-tab {
   border-bottom: none;
   position: relative;
   color: black;
}
.tabs-st li.tab_name {
   cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    line-height: var(--site-fs-bonus);
    flex-grow: 1;
    flex-basis: 0;
    padding: 16px;
    text-align: center;
    background: #FFF;
    transition: all ease 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #999;
    margin-right: 3px;
    transition: all easo 0.2s;
    background-position: center;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.1);
}
.tabs-st li.tab_name:hover {
   background: #555;
   color: #fff;
}
.tabs-st li.tab_name.active-tab:hover {
   background: #555;
   color: #fff;
}
.tabs-st li.tab_name:last-child {
    margin-right: 0px;
}
.tabs-st li.tab_name.active-tab {
   background: #555;
   color: #fff;
}
.tabs-st li.tab_name.active-tab:after {
   bottom: -13px;
   opacity: 1;
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 14px 14px 0 14px;
   border-color: #009438 transparent transparent transparent;
   position: absolute;
   left: calc(50% - 13px);
   animation-name: drop_triangle;
   animation-duration: 0.7s;
   animation-delay: 0;
   display: none;
}
@keyframes drop_triangle {
   0% {
      bottom: 0;
      opacity: 0;
   }
   100% {
      bottom: -13px;
      opacity: 1;
   }
}
.tabs-st-content {
   margin: 0;
   padding: 0;
   list-style: none;
}
.tabs-st-content li.tab_content {
   display: none;
}
.sites_table.single_item .site_number{
   display: none;
}

/*Prevent elementor white space issue*/
body .e-con.e-flex > .e-con-inner {
   flex-wrap: nowrap !important;
}

.site-style.first-site {
    border: 4px solid #ffb600;
    background: linear-gradient(174deg, #a97900, #f8c200);
}
.st_area_top-rated{
   color: #FFF;
   font-weight: bold;
   text-transform: uppercase;
}
.site-style {
    color: #3e3e3e;
    margin-bottom: 1rem;
    position: relative;
    font-size: 16px;
    background: #fff;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.1);
}
.site-style .site_grid {
   position: relative;
}
.site-style .site_grid-top.first-grid {
    grid-template-areas:
        "logo logo logo bonus bonus bonus payout payout rating rating"
        " deposit deposit deposit deposit deposit min_deposit min_deposit play play play";
    overflow: hidden;
    grid-auto-columns: 1fr;
}
.site-style
   .site_grid-top.first-grid
   .st_area_play-now
   .play-now-button:hover {
   border: none;
   background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(1%, darkred),
      color-stop(99%, red)
   );
   background-image: -o-linear-gradient(top, darkred 1%, red 99%);
   background-image: linear-gradient(180deg, darkred 1%, red 99%);
}
.site-style .st_area_number.first-number {
   color: #fff;
   position: absolute;
   top: -31px;
   z-index: 4;
   left: -9px;
   display: inline-block;
   background: none;
   transform: scale(.8);
   transform-origin: top left;
    width: auto;
    height: auto;
}



.badge {
  display: inline-flex;
  position: relative;
  z-index: 1;
  margin: 0.25rem;
  margin-bottom: 0;
  width: 100px;
  height: 87px;
  transform: rotate(353deg);
}
.badge-head {
  padding: 26px;
  position: relative;
  background-color: #ffc800;
  overflow: hidden;
  height: auto;
  width: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.badge-head::before, .badge-head::after {
  content: "";
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -25%;
  right: -25%;
  margin: auto;
}
.badge-head::before {
  height: 75%;
  width: 75%;
  border: 0.25rem solid #e5b300;
  z-index: 2;
}
.badge-head::after {
  height: 0;
  width: 0;
  border: 2.5rem solid transparent;
  border-top-color: rgba(183, 152, 3, 0.2);
  border-right-color: rgba(183, 152, 3, 0.2);
  transform: rotate(90deg);
  z-index: 1;
}
.badge-head .text {
    font-size: 35px;
    color: #ffffff;
    z-index: 3;
}
.badge-head i.icon {
  font-size: 3.125rem;
  position: relative;
  z-index: 3;
  color: #fef2bb;
}
.badge-ribbon {
  width: 59%;
  height: 66%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 43%;
  background-color: #ff0000;
  z-index: -1;
}
.badge-ribbon::before, .badge-ribbon::after {
  content: "";
  position: absolute;
  top: 97%;
  width: 0;
  height: 0;
  border: 1rem solid transparent;
  border-top-color: #ff0000;
}
.badge-ribbon::before {
  left: 0;
  border-left-color: #ff0000;
}
.badge-ribbon::after {
  right: 0;
  border-right-color: #ff0000;
}
.site-style
   .site_grid-top.collapsable
   .st_area_play-now
   .play-now-button:hover {
   background: rgba(0, 0, 0, 0);
   border: 1px solid #0054db;
}
.site-style .site_grid-top {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-areas: "number logo  logo  logo  bonus    bonus" "play play  play  play  play play";
}
.site-style .st_area {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 1.5rem;
   position: relative;
}
.site-style .st_area_number {
    z-index: 1;
    color: #fff;
    background: #555;
    font-size: 1.5rem;
    font-weight: 700;
    grid-area: number;
    width: 100%;
    height: 100%;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1.3px;
    color: #fff;
    width: 115px;
}
.site-style .st_area_number span {
   position: relative;
}
.site-style .st_area_logo {
   -ms-grid-row: 2;
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   grid-area: logo;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-pack: distribute;
   padding-right: 0;
}
.site-style .st_area_logo img {
    width: auto;
    max-height: none;
    -o-object-fit: contain;
    object-fit: contain;
}
.site-style .st_area_logo .st_area_countries {
   padding: 0;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   margin-right: 0;
   padding: 6px;
   margin-top: -5px;
}
.site-style .st_area_logo .st_area_countries img {
   width: 20px;
   min-width: 0;
}
.site-style .st_area_rating {
   -ms-grid-row: 3;
   -ms-grid-column: 1;
   grid-area: rating;
   border-right: 0px solid #dfdfdf;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   font-size: 18px;
   font-weight: 700;
   position: relative;
}
.site-style .st_area_rating:before {
   border-top: 1px solid darkred;
   position: absolute;
   width: 95%;
   left: 0;
   top: -9px;
   content: "";
   left: 19px;
}
.site-style .st_area_bonus {
   -ms-grid-row: 2;
   -ms-grid-column: 3;
   grid-area: bonus;
   gap: 0 0.25em;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.site-style .st_area_bonus span.text {
    font-size: 15px;
    line-height: 1.5;
    color: #777;
    font-weight: 500;
    text-align: center;
    white-space: normal;
}
.site-style .st_area_description {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: description;
    gap: 0 0.25em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 15px;
    line-height: 1.5;
    color: #5c6e7e;
    white-space: normal;
    text-align: center;
    font-weight: 500;
    letter-spacing: -.2px;
    padding-left: 0;
}
.site-style .st_area_description p{
   margin: 0;
}
.site-style .st_area_min_deposit {
   -ms-grid-row: 3;
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-area: min_deposit;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   padding-left: 0;
   padding-right: 0;
   position: relative;
   border-right: 1px solid #d2d2d2;
   border-left: 1px solid #d2d2d2;
}
.site-style .st_area_min_deposit span {
   padding: 0 5px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 600;
}
.site-style .st_area_payment_methods {
   -ms-grid-row: 6;
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-area: deposit;
}
.site-style .st_area_payment_methods .logos {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.site-style .st_area_payout {
   -ms-grid-row: 6;
   -ms-grid-column: 3;
   grid-area: payout;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   padding: 0;
   border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}
.site-style .st_area_payout span {
    font-weight: normal;
    font-size: 22px;
    font-weight: 700;
    color: #555;
}
.site-style .st_area_play-now {
   -ms-grid-row: 4;
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   grid-area: play;
   padding-top: 0;
   padding-bottom: 0;
   padding-top: 1.5rem;
   padding-left: 0;
}
.site-style .st_area_play-now .read-review {
   font-size: 0.938rem;
   line-height: 1.5rem;
   font-weight: 1;
   text-transform: uppercase;
   padding: 0.5rem 0 0;
}
.site-style .site_grid-top > div:not(.st_area_number) {
}
.site-style .site_grid-top {
    grid-template-areas:
        "number number logo logo logo bonus bonus bonus bonus description description description description description play play play";
    overflow: hidden;
    grid-auto-columns: 1fr;
}
.site-style .st_area_min_deposit {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-top: 1.3rem;
}

.site-style .st_area_min_deposit:after {
   display: none;
}

.site-style .st_area_min_deposit:before {
   display: none;
}
.site-style .st_area_payment_methods {
   margin-top: 0;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 0;
}

@media (max-width: 1350px) {
   .sites_table {
      max-width: 100%;
      margin-inline: auto;
   }
}

@container (inline-size < 990px) {

}

@container (inline-size < 790px) {


.site-style .site_grid-top{
grid-template-areas:
        "number logo logo logo bonus bonus bonus bonus bonus play play  play"
        "number logo logo logo description description description description description play play play ";
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.site-style .st_area_description {
    padding-left: 1.5rem;
    padding-top: 0;
}
.site-style .st_area_bonus {
    padding-bottom: 0;
}
.site-style .site_grid-top.first-grid{
grid-template-areas:
        "logo logo logo logo  min_deposit min_deposit rating rating"
        "bonus bonus bonus bonus payout payout play play"
        "deposit deposit deposit deposit deposit deposit  play play";
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.site-style .st_area_payment_methods {
    padding: 15px 0;
}

}


@media (max-width: 640px) {

}

@container (inline-size < 600px) {

.site-style .st_area_number {
    font-size: 30px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.site-style .st_area_description {
    padding: 1rem;
    background: #f5f5f5;
}
.site-style .st_area_bonus {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.sites_table .site_single a.button.play {
    font-size: 14px;
    padding: 0;
}
.site-style .st_area_description {
    font-size: 13px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.sites_table .site_single a.button.read {
    font-size: 12px;
    margin: 0;
    padding-top: 8px;
}
.sites_table .site_single span.title {
    font-size: 13px;
}
.site-style .st_area_logo {
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.site-style .st_area_play-now {
    padding-right: 1rem;
    padding-top: 1rem;
}
.site-style .st_area_bonus span.text {
    font-size: 14px;
    line-height: 14px;
}
.star-ratings-st {
    font-size: 18px;
    line-height: 20px;
}
.tabs-st li.tab_name {
    font-size: 13px;
}
.site-style .site_grid-top{
grid-template-areas:
        "number logo logo logo bonus bonus bonus bonus bonus play play  play"
        "number logo logo logo bonus bonus bonus bonus bonus play play play "
        "number description description description description description description description description description description description ";
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.site-style .site_grid-top.first-grid{
grid-template-areas:
        "logo logo logo logo rating rating"
        "bonus bonus bonus bonus payout payout"
        "play play play play play play"
        "deposit deposit deposit deposit min_deposit min_deposit";
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.site-style .st_area_number {
    width: 90px;
}

}


@container (inline-size < 450px) {
.site-style .st_area_number.first-number {
    transform: scale(.7);
}
.site-style .st_area_play-now {
    padding-right: 1.5rem;
    padding-top: 1.5rem;
}
.site-style .st_area_description {
    padding: 0 1rem 1rem;
    background: transparent;
}
.site-style .st_area_logo {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}
.sites_table .site_single .logo_container {
    height: 100%;
}
.site-style .site_grid-top{
   grid-template-areas:
        "number  logo logo logo"
        "bonus bonus play play"
        "description description description description";
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.site-style .site_grid-top.first-grid{
   grid-template-areas:
        "logo logo logo logo"
        "bonus bonus bonus bonus"
        "rating rating rating rating"
        "play play play play"
        "payout payout min_deposit min_deposit"
        "deposit deposit deposit deposit";
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}


.site-style .st_area_number {
    width: auto;
}
}




@container (inline-size < 400px) {
   .sites_table .site_single .info_container .buttons_container a.button {
      max-width: 100%;
   }
.site-style .st_area_play-now {
    padding-right: 1.5rem;
    padding-top: 0;
    padding-left: 1.5rem;
}
.site-style .site_grid-top{
   grid-template-areas:
        "number  logo logo logo"
        "bonus bonus bonus bonus"
        "play play play play"
        "description description description description";
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

   .tabs-st li.tab_name {
      font-size: 12px;
      padding: 11px;
   }
   .tabs-st li.tab_name.active-tab:after {
      left: calc(50% - 13px);
   }
   .tabs-st li.tab_name.active-tab {
      font-size: 15px;
   }
}


@container (inline-size < 380px) {
.site-style .st_area_number.first-number {
    transform: scale(.6);
    top: -29px;
    left: -20px;
}
}
@container (inline-size < 330px) {
.site-style .st_area_number.first-number {
    transform: scale(.5);
    top: -26px;
    left: -8px;
}
}
@container (inline-size < 270px) {
.site-style .st_area_number.first-number {
    display:none
}
}





/* FLoating Site Styles */
.floating_site {
    position: sticky;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
    max-width: none;
    background: #FFF;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.1);
}
.floating_container {
    max-width: 1290px;
    margin-inline: auto;
}
.floating_site .site-style .st_area {
    padding: 1rem;
    background: #FFF;
}

.floating_site .site-style .st_area_logo{
    padding: 0rem;
}
.floating_site .badge{
   display: none;
}
.floating_site .site-style {
    margin: 0;
}
.floating_site .st_area.st_area_top-rated {
    padding: 0.3em;
    font-size: 13px;
}
.floating_site  .site-style .st_area_number {
    background: #555;
}
.floating_site .site-style.first-site {
    border: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    margin-bottom: -1px;
}
.floating_site  .site-style .st_area_min_deposit {
    padding-top: 0.8rem;
}
.floating_site.sites_table .site_single a.button.play {
    margin: 0;
}
.floating_site  .site-style .st_area_description p{
   margin: 0;
}
.floating_site .star-ratings-st {
    font-size: 21px;
    line-height: 1;
}
.floating_site .site_grid-top.first-grid {
    grid-template-areas:"number logo logo logo bonus bonus bonus bonus description description description description play play play";
    overflow: hidden;
    grid-auto-columns: 1fr;
}
.floating_site .site_single .logo_container {
    height: 100%;
}
.floating_site .site_single a.button.read {
    height: 22px;
    line-height: 20px;
    display: inline-flex;
    min-height: 26px;
    padding-top: 4px;
}
@media (max-width: 1030px) {
   .floating_site .site_grid-top.first-grid {
    grid-template-areas:"number logo logo logo bonus bonus bonus bonus description description description description play play play";
   }
}
@media (max-width: 960px) {
   .floating_site .site_grid-top.first-grid {
    grid-template-areas:"number logo logo logo bonus bonus bonus bonus description description description description play play play";
   }
}

@media (max-width: 870px) {
   .floating_site .site_grid-top.first-grid {
    grid-template-areas:"number logo logo logo bonus bonus bonus bonus description description description description play play play";
   }
}

@media (max-width: 767px) {
.floating_site .site_grid-top.first-grid {
    grid-template-areas:"number logo logo logo bonus bonus bonus bonus description description description description play play play";
}
.floating_site .site-style .st_area_rating:before{
   display: none;
}
}

@media (max-width: 767px) {
   .floating_site .site_grid-top.first-grid {
       grid-template-areas:"number logo logo logo bonus bonus bonus bonus play play play";
   }
   .floating_site .site-style .st_area_description{
      display: none;
   }
}

@media (max-width: 550px) {
   .floating_site .site_grid-top.first-grid {
       grid-template-areas:"number logo logo logo bonus bonus bonus bonus play play play";
   }
   .floating_site .site-style .st_area_description{
      display: none;
   }
   .floating_site.sites_table .site_single a.button.play {
       transform: scale(.8);
   }
   .floating_site .site-style .st_area_min_deposit span {
       font-size: 16px;
   }
   .floating_site .site-style .st_area_rating {
       font-size: 14px;
   }
   .floating_site .site-style .st_area_bonus span {
       font-size: 15px;
   }
   .floating_site .site-style .st_area_bonus span.title {
       font-size: 15px;
   }
   .floating_site .site_single .flag {
       width: 20px;
       height: 20px;
   }
   .floating_site .site-style .st_area {
       line-height: 1;
   }
   .floating_site .site-style .st_area_min_deposit {
       padding-top: 0;
   }
   .floating_site .site-style .st_area {
       padding: 4px;
       line-height: 1;
   }
   .floating_site .site-style .st_area_logo{
       padding: 0px;
   }
.floating_site .site-style .st_area_bonus span.title {
    font-size: 13px;
}
.floating_site .site-style .st_area_bonus span {
    font-size: 12px;
}
.floating_site .site_single a.button.read {
    padding-top: 0;
}
}

@media (max-width: 460px) {
   .floating_site .site_grid-top.first-grid {
       grid-template-areas:
       "number logo logo logo bonus bonus bonus bonus"
        "play play play play play play play play";
   }
   .floating_site .site-style .st_area {
       padding: 10px 4px;
   }
   .floating_site.sites_table .site_single a.button.play {
       transform: scale(1);
       height: auto;
       padding: 0;
       font-size: 14px;
   }
.floating_site .site-style .st_area_logo {
    padding: 0px;
}
}

@media (max-width: 330px) {
   .floating_site .site_grid-top.first-grid {
       grid-template-areas:
       "number logo logo logo "
       "bonus bonus bonus bonus" 
        "play play play play";
   }
   .floating_site .site-style .st_area_bonus {
    padding: 0;
}
}


/* Single Floating Site Styles */

.single_floating_site{
   padding: 0 0;
}
.single_floating_site .site-style {
    box-shadow: none;
}
.single_floating_site .site-style {
    border: 0;
    padding: 0 1em 0;
    background: none;
    box-shadow: none;
    margin-bottom: -1px;
}
.single_floating_site .site_grid-top.first-grid {
    grid-template-areas:"logo logo logo logo bonus bonus bonus bonus description description description description play play play";
}
.single_floating_site .site-style .st_area_number {
    display: none;
}
@media (max-width: 900px) {

}

@media (max-width: 767px) {
   .single_floating_site .site_grid-top.first-grid {
       grid-template-areas:"logo logo logo logo bonus bonus bonus bonus play play play";
   }
   .single_floating_site .site-style .st_area_description{
      display: none;
   }
}
@media (max-width: 460px) {
   .single_floating_site .site_grid-top.first-grid {
       grid-template-areas:
       "logo logo logo logo bonus bonus bonus bonus"
        "play play play play play play play play";
   }
   .single_floating_site .site-style .st_area {
       padding: 10px 4px;
   }
   .single_floating_site.sites_table .site_single a.button.play {
       transform: scale(1);
       height: auto;
       padding: 0;
       font-size: 14px;
   }
.single_floating_site .site-style .st_area_logo {
    padding: 0px;
}
}

@media (max-width: 330px) {
   .single_floating_site .site_grid-top.first-grid {
       grid-template-areas:
       "logo logo bonus bonus" 
        "play play play play";
   }
   .single_floating_site .site-style .st_area_bonus {
    padding: 0;
}
}