.mobile {
  display: none !important;
}

@media screen and (max-width: 333px) {
  .navbar-brand img {
    width: 180px;
  }

  section.light .nav-link {
    padding: 5px;
    margin: 0px;
  }
}

@media screen and (max-width: 1725px) {
  .chips .icon-01 {
    left: 7%;
  }

  .chips .icon-01 {
    left: 2%;
  }
}

@media screen and (max-width: 1590px) {
  .chips .icon-04 {
    right: 1%;
  }
}

@media screen and (max-width: 1480px) {
  .chips .icon-02 {
    left: 4%;
  }

  .chips .icon-04 {
    right: 0%;
  }
}

@media screen and (max-width: 1310px) {
  .chips .icon-02 {
    left: 1%;
  }

  .chips .icon-04 {
    right: 1%;
  }
}

@media screen and (max-width: 1290px) {
  .chips .icon-01,
  .chips .icon-02,
  .chips .icon-03,
  .chips .icon-04 {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .casino-box {
    grid-template-columns: 1fr 1fr;
    /* gap: 28px; */
  }

  .box-with-images {
    grid-template-columns: 1fr 1fr;
  }

  .content-slots .box-with-images {
    grid-template-columns: 1fr;
  }

  .chips {
    display: none;
  }

  .content-slots .row > *,
  .content-slots .container {
    // padding-right: 0px;
    // padding-left: 0px;
  }
}

@media screen and (max-width: 666px) {
  .slots__hero_top .slots__hero_title {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .slots__hero_top .slots__hero_desc {
    padding-bottom: 20px;
    text-align: center;
  }

  .slots__hero_top {
    padding: 30px;
  }

  .slots__hero_top .hero-table {
    margin-top: 40px;
  }

  .dropdown-menu {
    color: var(--white);
    background-color: transparent;
    border: none;
  }

  .dropdown-menu a {
    color: var(--white);
  }

  .best-casino-bonus .btn-outline-brand {
    border: none;
    text-decoration: underline;
    font-size: 16px;
    line-height: 170%;
  }

  .best-casino-bonus .best-casino-info {
    flex-direction: column;
  }

  .best-casino-bonus-wrapper .bottom-buttons .btn-brand-outline {
    padding: 12px 20px;
  }

  .show-more .btn-brand-outline {
    padding: 12px 20px;
  }

  .slot__content_left {
    padding: 0;
  }

  /* .slot__content_left p {

  } */
  .section-bonuses-1,
  .section-bonuses-2 {
    padding: 20px 20px;
  }

  .section-bonuses-1 .btn,
  .section-bonuses-2 .btn,
  .btn,
  .wagering {
    max-width: 218px;
    min-width: 218px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }

  .section-bonuses-2 .btn,
  .section-bonuses-2 .wagering {
    max-width: 95%;
  }

  .sidebar {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }

  h2 {
    font-size: 35px;
  }

  section.white .info {
    text-align: center;
    margin-bottom: 67px;
  }

  .size-790 .box-outline p {
    text-align: center;
  }

  .all__slots .slot-games {
    grid-template-columns: 1fr;
  }

  .slot-game-image {
    width: 100%;
    text-align-last: center;
  }

  .slot-game-image img {
    width: 90%;
  }

  .navbar-nav {
    display: inline-block;
  }

  .hero .content {
    padding: 30px;
  }

  .hero-table-of-content {
    /* height: 54px; */
    overflow: hidden;
    transition: all 0.5s;
    margin: auto;
    text-align: left !important;
    margin-bottom: 30px;
    max-width: 100%;
  }

  .hero-table-of-content span {
    text-align: center !important;
    position: relative;
    /* right: -15px; */
    top: -3px;
  }

  .hero-table-of-content.mobile h2 img {
    margin-left: 0;
    margin-right: 10px;
  }

  .hero .hero-text {
    text-align: center;
    padding: 30px;
  }

  .mobile {
    display: block !important;
  }

  .desktop {
    display: none;
  }

  section.white {
    padding: 0px 20px;
  }

  section.light,
  section.brown {
    padding: 40px 20px;
  }

  section.light,
  section.brown {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-top: 20px;
    padding-bottom: 50px;
  }

  .casino-box {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .content-slots .squares {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .filter-casinos {
    display: grid;
    grid-template-columns: 1fr;
  }

  .best-slots {
    flex-direction: column;
    gap: 10px;
  }

  .best-slots .btn-brand {
    margin-left: 0;
  }

  .table-of-content a {
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .pros-cons {
    grid-template-columns: 1fr;
  }

  section.brown .white-boxes {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .wide-box {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 20px;
  }

  .section-bonuses-1 .btn-brand,
  .section-bonuses-2 .btn-brand {
    width: 100%;
    padding: 13px;
    margin-bottom: 10px;
  }

  .section-bonuses-1 .btn-brand-light,
  .section-bonuses-2 .btn-brand-light {
    width: 100%;
    padding: 13px;
  }

  .section-bonuses-2 .wagering {
    width: 100%;
    padding: 13px;
  }

  .box-with-imgs .bar {
    grid-template-columns: 1fr;
    gap: 10px;
    white-space: nowrap;
  }

  .box-with-images {
    grid-template-columns: 1fr;
  }

  section.light .tab-pane {
    padding: 20px 10px;
  }

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: inlile-block;
  }

  .news-content {
    grid-template-columns: 1fr;
  }

  .news-content .new-img {
    width: 100%;
  }

  section.light .nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  section.light .nav-tabs {
    border: none;
  }

  section.light .nav .nav-link {
    width: 100%;
  }

  section.light .nav-link {
    border-radius: 10px;
  }

  section.light .tab-pane {
    border-radius: 10px;
    margin-top: 10px;
    padding: 35px;
  }

  .footer-menu-link {
    grid-template-columns: 1fr 1fr;
    gap: 0px;
  }

  .payment-methods {
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
  }

  .payment-methods img {
    padding: 5px;
  }

  .news-content .new-img {
    height: 130px;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    /* vertical */
    justify-content: center;
    /* horizontal */
  }

  .latest-news h3 {
    margin-top: 20px;
  }

  .box-outline .profile .title {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  table.mobile {
    width: 100%;
    display: inline-table !important;
    text-align: center;
  }

  table.mobile thead th:nth-child(1) {
    border-radius: 10px 10px 0px 0px;
  }

  .best-casino-bonus {
    flex-direction: column;
    gap: 10px;
  }

  .best-casino-bonus-wrapper .lists {
    flex-direction: column;
  }

  .best-casino-bonus-wrapper .content {
    padding: 20px 13px;
  }

  .best-casino-bonus-wrapper .bottom-buttons {
    flex-direction: column;
  }

  .best-casino-bonus-wrapper .bottom-buttons button {
    width: 100%;
  }

  .container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .casino__review .casino-boxes .box {
    grid-template-columns: 1fr;
  }

  .casino__review .casino-boxes {
    padding: 10px;
  }

  .casino__review .table-of-content {
    padding: 10px;
  }

  .casino__review .table-of-content a {
    margin: 0;
  }

  .casino__review .col-md-9 {
    padding: 10px;
  }

  .casino__review .casino__review_hero .top-bar {
    flex-direction: column;
    padding: 30px;
  }

  .news-hero .top-bar {
    margin-bottom: 20px;
  }

  .news__content {
    padding: 10px;
  }

  .news__content .news__text {
    margin-bottom: 20px;
  }

  .news__content-wrapper {
    grid-template-columns: 1fr;
  }

  .news__content-wrapper .news__content-box {
    margin-bottom: 30px;
  }

  .squares {
    grid-template-columns: 1fr;
  }

  .content-slots .white .container p {
    padding: 0;
  }

  .references {
    grid-template-columns: 1fr;
  }

  .comparison-table .compare {
    text-align: center;
  }

  .comparison-table .compare span {
    text-align: left;
  }

  .section-bonuses-1 .btn-order-swap {
    display: flex;
    flex-direction: column;
  }

  .section-bonuses-1 .btn-order-swap .btn-brand-light {
    order: 1;
  }

  .section-bonuses-1 .btn-order-swap .btn-brand {
    order: 2;
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 85%;
  }

  .logo-carousel {
    display: flex;
    flex-direction: column !important;
    gap: 20px;
    align-items: center;
  }

  .casino__review .casino-boxes .box table tr {
    grid-template-columns: 1fr;
  }

  .casino__review .casino-boxes .box {
    gap: 0;
  }

  .casino__review .casino-boxes .box table td {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .slots__hero_image img {
    max-width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .mobile {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) .desktop {
  display: none !important;
}
.fullwidth {
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 50vw;
  padding-right: 50vw;
}

.size-790 {
  max-width: 790px;
  margin: 0 auto;
}

.size-1140 {
  max-width: 1140px;
  margin: 0 auto;
}

@media screen and (max-width: 1405px) {
  section.light {
    padding: 30px 20px 80px 20px;
  }
}