.mcl.casino-list {
    border: 2px solid #a3a3a3;
    margin-bottom: 20px;
}

.mcl.casino-list h2 {
    margin: 0;
    border-bottom: none;
    background: #1d88c6;
    font-size: 1.25rem;
    color: #fff;
    padding-left: .6rem;
}
.mcl.casino-list h2 span  {
    background: #1d88c6;
}

.mcl.casino-list h2.featured {
    background: #a41519;
}
.mcl.casino-list h2.featured span {
    background: #a41519;
}

.mcl.casino-list .casino-item-header {
    text-align: center;
    background: #a3a3a3;
    color: #fefefe;
    text-transform: uppercase;
    font-size: 70%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

.mcl.casino-list .casino-item-header::before, .mcl.casino-list .casino-item-header::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.mcl.casino-list .casino-item-header::after {
    clear: both;
}

@media screen and (max-width: 44.3125em) {
    .mcl.casino-list .casino-item-header {
        display: none;
    }
}

.mcl.casino-list .casino-item-header .casino {
    width: 50%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .casino {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item-header .casino:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .casino {
        width: 25%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .casino {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .casino:last-child:not(:first-child) {
        float: right;
    }
}

.mcl.casino-list .casino-item-header .bonus {
    width: 50%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .bonus {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item-header .bonus:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) {
    .mcl.casino-list .casino-item-header .bonus {
        width: 33.33%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .bonus {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) {
    .mcl.casino-list .casino-item-header .bonus:last-child:not(:first-child) {
        float: right;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item-header .bonus {
        width: 16.66667%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 64em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .bonus {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item-header .bonus:last-child:not(:first-child) {
        float: right;
    }
}

.mcl.casino-list .casino-item-header .games, .mcl.casino-list .casino-item-header .pokies {
    display: none;
    width: 8.33333%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .games, .mcl.casino-list .casino-item-header .pokies {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item-header .games:last-child:not(:first-child), .mcl.casino-list .casino-item-header .pokies:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item-header .games, .mcl.casino-list .casino-item-header .pokies {
        display: flex;
    }
}

.mcl.casino-list .casino-item-header .signup {
    width: 100%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .signup {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item-header .signup:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .signup {
        width: 41.666%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .signup {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .signup:last-child:not(:first-child) {
        float: right;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item-header .signup {
        width: 33.3333%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 64em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .signup {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item-header .signup:last-child:not(:first-child) {
        float: right;
    }
}

.mcl.casino-list .casino-item-header .availability {
    width: 8.33%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    display: none;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item-header .availability {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item-header .availability:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item-header .availability {
        display: flex;
    }
}

.mcl.casino-list .casino-item-header .availability span {
    display: block;
    margin-left: -13px;
}

.mcl.casino-list .casino-item-header > div {
    float: left;
}

.mcl.casino-list .casino-item {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding: .6rem 0;
    border-bottom: 2px solid #e1e1e1;
}

.mcl.casino-list .casino-item::before, .mcl.casino-list .casino-item::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.mcl.casino-list .casino-item::after {
    clear: both;
}

.mcl.casino-list .casino-item:nth-child(odd) {
    background: #ebebeb;
}

.mcl.casino-list .casino-item > div {
    float: left;
}

.mcl.casino-list .casino-item .image-thumbnail-wrapper {
    width: 50%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding: 0 .6rem !important;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .image-thumbnail-wrapper {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item .image-thumbnail-wrapper:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .image-thumbnail-wrapper {
        width: 25%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .image-thumbnail-wrapper {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .image-thumbnail-wrapper:last-child:not(:first-child) {
        float: right;
    }
}

.mcl.casino-list .casino-item .payout {
    text-align: center;
    padding: 0 !important;
    width: 50%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .payout {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item .payout:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) {
    .mcl.casino-list .casino-item .payout {
        width: 25%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .payout {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) {
    .mcl.casino-list .casino-item .payout:last-child:not(:first-child) {
        float: right;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item .payout {
        width: 16.66667%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 64em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .payout {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item .payout:last-child:not(:first-child) {
        float: right;
    }
}

.mcl.casino-list .casino-item .payout a {
    color: #373737;
    font-size: 90%;
    box-shadow: none;
    text-decoration: none;
}

.mcl.casino-list .casino-item .payout a:hover {
    text-decoration: underline;
}

.mcl.casino-list .casino-item .games, .mcl.casino-list .casino-item .pokies {
    display: none;
    font-weight: 700;
    color: #a3a3a3;
    width: 8.33333%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .games, .mcl.casino-list .casino-item .pokies {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item .games:last-child:not(:first-child), .mcl.casino-list .casino-item .pokies:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item .games, .mcl.casino-list .casino-item .pokies {
        display: flex;
    }
}

.mcl.casino-list .casino-item .cta {
    width: 75%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    text-align: center;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .cta {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item .cta:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) {
    .mcl.casino-list .casino-item .cta {
        width: 41.666%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .cta {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) and (max-width: 63.9375em) {
    .mcl.casino-list .casino-item .cta:last-child:not(:first-child) {
        float: right;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item .cta {
        width: 33.3333%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 64em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .cta {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 64em) {
    .mcl.casino-list .casino-item .cta:last-child:not(:first-child) {
        float: right;
    }
}

.mcl.casino-list .casino-item .cta a:first-child {
    background: #00a8ef;
    border-top: 2px solid #1581af;
    border-radius: 3px;
    width: 90%;
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    padding: .6em 1em;
    margin: 0 0 0.2rem;
    font-size: .9rem;
    color: #fff;
}

.mcl.casino-list .casino-item .cta .review {
    text-transform: uppercase;
    color: #707070;
    font-size: 80%;
    text-decoration: underline;
    box-shadow: none;
}

.mcl.casino-list .casino-item .availability {
    width: 25%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .availability {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.mcl.casino-list .casino-item .availability:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .availability {
        width: 8.333%;
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 44.375em) and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .availability {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 44.375em) {
    .mcl.casino-list .casino-item .availability:last-child:not(:first-child) {
        float: right;
    }
}
.mcl.casino-list .casino-item .availability img {
    max-height:28px;
}
.mcl.casino-list .casino-item .cta {
    margin-top: 10px;
}
.mcl.casino-list .casino-item .payout a.terms-and-conditions {
    font-size: 12px;
}