/* Desktop */
@media (min-width: 991px) {

    .news-header:before {
        content: '';
        background-image: url(/wp-content/themes/ministrap-child/assets/images/roulette-background.jpg);
        background-size: cover;
        background-position: center;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0.08;
    }

    .positives, .negatives {
        padding: 2em 2em 2em 3em;
        text-transform: uppercase;
        min-height: 280px;
    }

    .positives:before, .negatives:before {
        left: -1.5rem;
    }

    .collapse .panel .panel-body {
        text-align: left;
    }

    .page-content .cust-img-box p {
        width: 100%;
    }

    /*.page-content .cust-img-box,*/
    .page-header .container {
        max-width: 930px;
    }

    .page-content .info-box-mascot,
    .page-content p,
    .page-content ul {
        width: 83.333333%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1200px) {
    #operator-navigation:not(.operator-navigation) .navigation-anchor {
        min-width: 1140px;
        margin: 0 auto;
        justify-content: space-around;
    }

}

@media (max-width: 1200px) {
    #operator-navigation .navigation-anchor {
        width: 100%;
        justify-content: initial;
    }

    #operator-navigation .navigation-anchor a {
        margin: 0 auto;
    }

}

/* Mobile */
@media (max-width: 767px) {

    .lang-ja .page-header,
    .lang-ja .page-content {
        font-size: 1.2rem;
    }

    .lang-ja #main-menu,
    .lang-ja #main-menu > li.all-operators > ul,
    .lang-ja #main-menu > li > ul {
        font-size: 18px;
    }

    .lang-ja #main-menu>li>input:checked~label.dropdown-shower-label {
        font-size: 11px;
    }

    /*HTML Table*/
    .page-content table:not(.bonus-table) {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }

    .page-content table.html-table td.table-description {
        min-width: auto;
    }

    .table-button-container {
        width: 100%;
    }

    /* News Category */
    .latest-post-news,
    .news-articles a.news-box {
        margin-bottom: 1.5rem;
    }

    .news-box .news-details {
        padding: 0 0 0 10px !important;
    }

    .news-box .news-box-heading {
        font-size: 13.5px !important;
        line-height: 1.25em;
        padding: 0 !important;
        word-break: break-word;
    }

    ul#footer-menu {
        flex-direction: column !important;
    }

    ul#footer-menu li.menu-item-type-menu-label {
        margin-bottom: 1rem;
    }

    ul#footer-menu li a {
        padding: 1rem;
    }

    ul#footer-menu li {
        margin-bottom: 0.5rem;
    }

    .btn-container > .col-6 {
        padding: 5px;
    }

    .btn-container .btn {

    }

    #bonus-filter .btn, #rating-box .btn, #bonus-boxes .btn {
        height: 50px
    }

    body {
        line-height: 1.7 !important;
    }

    .cust-img-box p {
        text-align: center !important;
    }

    .cust-img-box img {
        max-width: 100%;
        height: auto;
        margin-bottom: 2rem;
    }

    .news-header:before {
        content: none;
    }

    .owl-carousel:not(.owl-loaded):not(.casino-games-boxes) {
        overflow-y: scroll;
    }

    .top-online-casinos.owl-carousel:not(.owl-loaded) {
        overflow-x: scroll !important;
    }

    .owl-carousel.casino-games-boxes:not(.owl-loaded) {
        flex-direction: column;
    }

    #casino-of-the-month .compliance-text {
        font-size: 10px;
    }

    #casino-of-the-month.owl-carousel:not(.owl-loaded) > div {
        margin: 1rem 1.5rem 1rem 0;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        box-shadow: 0 3px 12px rgb(0 0 0 / 16%);
        background: #fff;
    }

    .content-section .container {
        padding: 0;
    }

    .content-section #casino-of-the-month.owl-carousel:not(.owl-loaded) > div {
        background: transparent;
    }

    .owl-carousel:not(.owl-loaded):not(.casino-games-boxes) > div {
        margin-right: 1.5rem;
        width: 90%;
        flex: 0 0 90%;
    }

    .owl-carousel:not(.owl-loaded):not(.casino-games-boxes) > div.solo-image {
        flex: 1 1 auto;
        width: 100%;
        margin: 0;
    }

    .owl-carousel:not(.owl-loaded) > div {
        margin-bottom: 1.5rem;
    }

    .land-based-casino-boxes .map-info-window {
        padding: 0 1rem !important
    }

    .payments-slider-bg-image {
        min-height: 180px;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    #rating-box.intro-boxes .table-games span.btn {
        height: 35px;
        padding: 0 0.5em;
        font-size: 13px;
    }
}

@media (max-width: 991px) {

    .box-with-picture .box-heading {
        text-align: center;
        line-height: 1.25;
    }

    .facts-row ul {
        padding-left: 0;
    }

    ul {
        padding-left: 20px;
        text-align: left;
    }

    ul#footer-menu {
        padding-left: 0;
    }

    ul li:before {
        margin: 0 1rem 0 0;
        left: 0;
        width: 20px;
        flex: 0 0 15px;
        /*content: none*/
    }

    .positives ul li:before, .negatives ul li:before {
        left: -13px;
    }

    .collapse .panel ul {
        padding: 0 1rem;
    }

    .collapse .panel ul li:before {
        margin: 0 1rem 0 0;
        left: 0;
        width: 20px;
        flex: 0 0 15px;
        color: #3c9542;
    }

    .collapse .panel p,
    .collapse .panel ul,
    .collapse .panel ol {
        padding: 0 1rem;
    }

    .positives, .negatives {
        flex-direction: column;
    }

    .positives-negatives-title ~ .positives, .positives-negatives-title ~ .negatives {
        height: initial;
    }

    .negatives ul, .positives ul {
        width: 100%;
    }

    .positives:before, .negatives:before {
        height: 130px;
        margin-bottom: 1rem;
        width: 100%;
    }

    .box.facts ul li:before {
        zoom: 0.8;
        margin-right: 1rem;
    }

    .boxes-with-pictures-item div {
        text-align: center;
    }

    .boxes-with-pictures-item b,
    .boxes-with-pictures-item strong {
        color: #072D5E;
    }

    .info-box-mascot > div.mascot-image {
        width: 200px !important;
        height: 200px !important;
        flex: 0 0 100% !important;
        margin: 1rem auto 1.5rem;
    }

    .info-box-mascot > div p {
        text-align: center !important;
        padding: 0 2rem;
    }

    .page-header.content-section {
        padding-top: 1rem;
    }

    .bonus-table tr {
        flex: 50%;
    }

    .bonus-table tr.bonus-table-games {
        flex: 100% !important;
        order: 1;
    }

    /* Accordion / Collapse */
    .collapse {
        padding-left: 0;
        padding-right: 0;
        margin-top: 3.5em;
    }

    .collapse .panel {
        padding: 0 0.5rem;
    }

    .collapse .panel label {
        width: 35px;
    }

    .collapse .panel .panel-heading {
        padding: 0 0.5rem;
    }

    .collapse .panel .panel-heading h2,
    .collapse .panel .panel-heading h3 {
        font-size: 1.05rem;
        margin-top: 1rem;
    }

    .collapse .panel .panel-heading [class^="icon-"],
    .collapse .panel .panel-heading [class*=" icon-"] {
        margin-right: 0.5rem;
    }

    #panel-sidebar > div {
        padding: 0;
    }

    #panel-sidebar .collapse {
        margin-bottom: 2.5rem;
    }

    /* Accordion / Collapse */
    .container .casino-games-boxes {
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
    }

    .internal-link .operator-logo,
    .internal-link .payment-logo,
    .internal-link .software-logo {
        width: 100px;
        margin-right: 1rem;
    }

    #bonus-filter .bonus-search-input-icon {
        left: 28px;
        top: 22px;
    }

    .bonus-filter-boxes {
        margin-bottom: 0;
    }

    .bonus-filter-boxes-registration table.bonus-table tr.flex-row > td,
    .bonus-filter-boxes-registration table.bonus-table tr.flex-row > th {
        text-align: left !important;
        align-items: baseline;
        font-weight: 500;
    }

    h1 {
        margin-top: 0;
    }
    .page-header.content-section {
        padding-bottom: 1em;
    }
    .page-content .row > table.html-table {
        padding-top: 0;
    }
    #features .features-facts .h4 {
        margin-top: 0;
    }
    #features .features-facts p {
        padding-bottom: 1em;
    }
    .casino-games-boxes h4 {
        margin-top: 0;
    }
    p+.casino-games-boxes,
    .casino-games-boxes {
        margin-top: 0!important;
        margin-bottom: 0;
    }
    .casino-games-boxes .box > p {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    body {
        font-size: 12px;
        line-height: 19px;
        padding-top: 60px;
    }

    .btn {
        height: 50px;
        /*max-width: 300px;*/
    }

    .btn-holder .btn {
        max-width: 300px;
    }

    .box .btn {
        min-width: auto;
    }

    h1, .h1 {
        font-size: 1.8em;
        font-weight: 400;
    }

    h2, .h2 {
        font-size: 1.5em;
    }

    h3, .h3 {
        font-size: 1.25em;
    }

    h1, h2, h3,
    .h1, .h2, .h3 {
        padding-bottom: 0.75em;
        margin-bottom: 0.75em;
    }

}

@media (max-width: 576px) {


    .page-content ol li {
        display: block;
    }

    .page-content ol li::before {
        float: left;
    }

    .page-content .facts-list ol li:before {
        margin-top: 0;
        margin-right: 10px;
    }

    .page-content .facts-list li {
        padding: 1.5rem;
        display: block;
        text-transform: none;
        text-align: left;
        min-height: auto;
        align-items: center;
    }
    .facts-list li:before {
        position: relative;
        left: 0px;
        display: inline;
        font-size: 20px;
        top: 1px;
        margin-right: 6px;
    }

    .page-content .facts-list.mobile-column li {
        flex-direction: column;
    }
    }

    .facts-list li .sub-item:before {
        content: '- ';
    }

    .facts-list li .sub-item {
        display: contents;
    }

    /*.page-content  .facts-list ol li .sub-item{*/
    /*margin-top: 1rem;*/
    /*}*/
    /*.page-content  .facts-list ol li:before {*/
    /*margin-bottom: 1rem;*/
    /*margin-top: 0;*/
    /*}*/
    /*.page-content  .facts-list ol li {*/
    /*flex-direction: column;*/
    /*text-align: center;*/
    /*}*/

}