@media(min-width: 991px) {
  header #main-navbar-collapse .navbar-nav .main-nav-item.dropdown .dropdown-menu {
    max-height: 70vh;
    overflow: auto;
    left: -20px;
  }
}



@media(max-width: 1200px) {
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  header .logo {
    max-height: 30px !important;
  }
}

@media(max-width: 1150px) {

  .nav-link {
    font-size: 13px;
  }

}
@media(max-width: 1000px) {

  .nav-link {
    font-size: 12px;
  }

}


@media(max-width: 991px) {
  header {
    padding: 10px 0;
  }

  header #main-navbar-collapse .navbar-nav {
    gap: 0;
    padding: 20px 0;
    max-height: calc(100vh - 52px);
    overflow: auto;
    flex-wrap: nowrap;
    padding-right: 15px;
    margin-right: -15px;
  }
  header #main-navbar-collapse .toggle-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: var(--bg-color);
    border-radius: 3px;
  }
  header #main-navbar-collapse .toggle-menu svg {
    width: 15px;
    height: auto;
  }
  header #main-navbar-collapse .navbar-nav .main-nav-item {
    display: flex;
  }
  header #main-navbar-collapse .navbar-nav .main-nav-item.dropdown {
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr auto;
  }
  header #main-navbar-collapse .navbar-nav .main-nav-item .nav-link {
    padding: 10px 0;
  }
  header #main-navbar-collapse .navbar-nav .main-nav-item.dropdown .dropdown-menu {
    box-shadow: none;
    grid-column: 1/3;
    margin: 0;
    padding: 0;
  }
  header #main-navbar-collapse .navbar-nav .main-nav-item.dropdown .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  header #main-navbar-collapse .navbar-nav .main-nav-item.dropdown .dropdown-menu .nav-link {
    padding: 5px 5px 5px 10px;
    background: var(--bg-color);
    border-radius: 3px;
  }
  main {
    margin-top: 52px;
  }

  .p-mob-0 {
    padding: 0;
  }

  .hero-section {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .hero-section .text-inner {
    padding-right: 15px;
  }
  .hero-section .image-inner {
    padding-left: 15px;
  }
  .hero-section .image-inner img {
    max-height: 250px;
  }

  .card-section {
    gap: 40px;
  }
  .card-section .module-fickle {
    align-items: center;
    text-align: center;
  }

  .casino-grid .casino-item .casino-item-inner {
    flex-direction: column;
  }
  .casino-grid .casino-item .casino-item-inner .casino-image-wrapper {
    width: 100%;
  }
  .casino-item-inner .casino-image-wrapper a img {
    height: 80px;
  }
  .casino-grid .casino-item .casino-item-inner .casino-body .casino-title h2 {
    margin-bottom: 15px;
  }
  .casino-grid .casino-item .casino-item-inner .casino-body {
    width: 100%;
    padding: 20px;
  }
  .casino-grid .casino-item .casino-item-inner .casino-body::before {
    width: auto;
    height: 1px;
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 0;
  }
  .casino-grid .casino-item .casino-item-inner .reviews-inner {
    width: 100%;
    padding: 20px;
    gap: 20px;
  }

  .fw-section {
    gap: 20px;
  }
  .fw-section .img-section img {
    max-height: 250px;
  }
  .fw-section .img-section,
  .fw-section .text-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-text .text-inner {
    padding: 20px;
  }

  .static-casino-list {
    grid-template: auto/repeat(2, 1fr);
  }
  .static-casino-list .casino-item .fickle-image {
    padding: 20px;
  }
  .static-casino-list .casino-item .fickle-image img {
    height: 80px;
  }
  .static-casino-list .module-fickle .fickle-item.fickle-title {
    padding: 20px 20px 0;
  }
  .static-casino-list .module-fickle .fickle-text-content {
    padding: 0 20px 20px;
  }

  .section-text:has(.simple-card) {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .section-text:has(.simple-card) .text-inner {
    grid-column: 1/3;
  }

  .section-text .simple-card {
    padding: 20px;
  }

  .licence-list .module-fickle {
    padding: 20px;
  }
  .licence-list .module-fickle .fickle-content {
    gap: 20px;
  }
  .licence-list .fickle-header-inner {
    align-items: center;
  }
  .accordion-container {
    gap: 20px;
  }

  .casino-page-featured-image-wrapper {
    margin-bottom: 20px;
  }
  .casino-page-featured-image {
    padding-top: 45%;
  }

  .slot-page-header {
    gap: 20px;
    padding-top: 20px !important;
  }
  .slot-page-header .col-lg-8 {
    /* padding: 0; */
  }
  .slot-page-header .slot-iframe {
    min-height: 100%;
  }
  .slot-page-header .slot-iframe iframe {
    aspect-ratio: 3/4.2;
  }

  .slot-table {
    flex-direction: column-reverse;
  }
  .slot-table .bonus-button {
    margin-top: 0;
    margin-bottom: 20px;
  }


}


@media(max-width: 640px) {
  :root {
    --cards-gap: 20px;
  }

  #cookie_notice {
    padding: 20px;
  }
  #cookie_notice.active {
    bottom: 0;
  }

  .btn-primary {
    padding: 10px 15px;
  }

  .progress-wrap {
    left: 15px;
    bottom: 15px;
  }
  .c-ivtLaR-ftPdvq-withChat-false > .c-PJLV {
    bottom: 15px !important;
    right: 15px !important;
  }
  .casino-grid .casino-item .casino-item-inner .casino-body .bonus-deposit > * {
    flex-wrap: wrap;
  }

  .static-casino-list {
    grid-template: auto/repeat(1, 1fr);
  }

  .section-text:has(.simple-card) {
    grid-template-columns: 1fr;
  }
  .section-text:has(.simple-card) .text-inner {
    grid-column: 1/2;
  }

  .bonus-card-body {
    flex-direction: column;
  }
  .bonus-card-button {
    width: 100%;
  }
  .bonus-card-button .btn {
    width: 100%;
    justify-content: center;
  }

  .blog-bonus-card .bonus-card-body .bonus-card-title .casino-logo {
    max-width: 100px;
  }
  .blog-bonus-card .bonus-card-body .bonus-card-title .casino-logo {
    min-height: 70px;
  }
  .blog-bonus-card .bonus-card-body .bonus-card-title .casino-logo img {
    width: 100%;
  }

  .game-card {
    margin-bottom: 20px;
  }
  .game-card .card-image {
    margin-bottom: 10px;
  }
  .game-card .card-image a {
    pointer-events: none;
  }
  .game-card .card-button {
    padding: 10px;
    pointer-events: none;
    transform: translateY(100%);
    transition: var(--transition-fast);
  }
  .game-card:hover .card-button {
    pointer-events: all;
    transform: translateY(0);
  }
  .game-card .card-button > * {
    min-width: auto;
    width: 100%;
  }
  .game-card .button-text {
    font-size: 12px;
  }
  .game-card .card-title {
    margin-bottom: 0;
  }

  footer .footer-content {
    gap: 20px;
  }
  footer .logo-inner img {
    max-width: 150px;
  }
  footer .footer-copyright {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  footer .footer-copyright .copyright-logo {
    justify-content: flex-start;
  }
  footer .footer-content .responsible-gaming img {
    max-width: 150px;
  }

  footer .footer-content .links-inner {
    width: auto;
  }


}