@import url(https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap);body {
    margin: 0;
    padding: 0;
    font-family: 'Baloo Tamma 2',cursive;
    font-size: 14px;
    font-weight: 400;
    color: #4e4d4d;
    line-height: 1.5
}

.wholewrap {
    padding: 15px
}

img {
    display: inline-block!important;
    max-width: 100%
}

div{max-width:100%;}

.bulma_responsive_table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin: 15px 0 5px!important;
    font-weight: 700!important;
    font-size: 18px!important
}

.header {
    background: url("images/header.png") repeat-x
}

.navbar {
    background: 0 0
}

.navbar-menu {
    background: 0 0
}

.navbar-burger {
    color: #fff
}

.navbar-burger:hover {
    color: #fff
}

.content .right_content .right_panel1 .menu ul li {
    list-style: none
}

.content .right_content .right_panel1 .menu ul li a {
    color: #fff
}

.content .right_content .right_panel1 h2 {
    color: #fcfae2;
    padding: 0 0 10px 0;
    font-family: Marvel,sans-serif;
    font-weight: 700;
    font-size: 24px;
    background: #000;
    padding: 10px
}

.content .left_content .left_panel2 {
    background: #fcfae2
}

.content .left_content .left_panel2 h2 {
    padding: 15px 15px 10px
}

.content .left_content .left_panel1 {
    background: #fcfae2;
    padding: 15px
}

.content .right_content .right_panel1 {
    background: #002862
}

.footer {
    background: url("images/footer.png") no-repeat #042c66
}

.footer .copy p {
    display: inline-block;
    color: #fff;
    font-weight: 400
}

.footer a:hover {
    color: #fff;
}

@media (min-width: 769px) {
    *,::after,::before {
        box-sizing:unset
    }

    .container {
        background: url("images/container-bg.png") repeat-x #fff;
        float: left;
        width: 100%
    }

    p {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #4e4d4d;
        padding-top: 7px
    }

    .left_panel1 p b {
        font-family: Marvel,sans-serif;
        font-weight: 700;
        font-size: 22px;
        color: #000
    }

    a {
        text-decoration: none;
        color: #f1a662
    }

    h1 {
        font-family: Marvel,sans-serif;
        font-weight: 700;
        font-size: 29px;
        color: #002862;
        line-height: 120%
    }

    h2 {
        font-family: Marvel,sans-serif;
        font-weight: 700;
        font-size: 26px;
        color: #000;
        margin: 0 4px 7px;
        line-height: 120%
    }

    h3 {
        font-family: Marvel,sans-serif;
        font-weight: 700;
        font-size: 25px;
        color: #002862;
        margin: 0 0 7px;
        line-height: 120%
    }

    ul {
        margin: 0 0 15px 30px;
        padding: 0
    }

    ol {
        margin: 0 0 15px 30px;
        padding: 0
    }

    ol li,ul li {
        margin: 0 0 7px;
        padding: 0;
        color: #4e4d4d
    }

    ol li a,ul li a {
        color: #530b08
    }

    a:focus {
        outline: 0 none
    }

    img {
        border: none;
        outline: 0
    }

    input::-moz-placeholder,textarea::-moz-placeholder {
        opacity: .89
    }

    .wrapper {
        width: 996px;
        margin: 0 auto
    }

    .header {
        float: left;
        width: 100%;
        padding: 14px 0 12px 0
    }

    .header .nav {
        float: right
    }

    .header .nav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .header .nav ul li {
        display: inline-block
    }

    .header .nav ul li a {
        display: block;
        padding: 2px 18px;
        font-family: 'Droid Sans',sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        border-radius: 15px
    }

    .header .nav ul li a:hover {
        background: url("images/navbtn.png") repeat-x
    }

    .header .subHead {
        float: left;
        width: 100%;
        margin-top: 63px
    }

    .header .subHead .logo {
        float: left;
        display: block
    }

    .header .subHead .logo h1 a img {
        border: none;
        outline: 0
    }

    .header .subHead .rightImg {
        float: right;
        padding-top: 20px
    }

    .content {
        float: left;
        width: 100%;
        padding: 18px 0 0 0
    }

    .content .left_content {
        float: right;
        padding: 20px 0
    }

    .content .left_content .left_panel1 {
        float: left;
        padding: 10px 20px 20px 28px;
        width: 682px;
        border: 1px solid #fcfae2;
        margin-top: 0
    }

    .content .left_content .left_panel1 h1 {
        background: url("images/h1icon.png") no-repeat;
        padding: 15px 70px
    }

    .content .right_content {
        width: 215px;
        float: left;
        padding: 20px 0 0 0
    }

    .content .right_content .right_panel1 {
        float: left;
        width: 215px;
        border: 1px solid #002862;
        padding: 20px 14px 15px 16px;
        margin-bottom: 20px
    }

    .content .right_content .right_panel1 .menu {
        width: 100%
    }

    .content .right_content .right_panel1 .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%
    }

    .content .right_content .right_panel1 .menu ul li {
        padding: 10px 0;
        width: 100%
    }

    .content .right_content .right_panel1 .menu ul li a {
        padding: 0 0 0 10px;
        color: #fcfae2
    }

    .content .right_content .right_panel1 .menu ul li a:hover {
        color: #5a9eff
    }

    .content .left_content .left_panel2 {
        float: left;
        padding: 10px 20px 20px 28px;
        width: 682px;
        border: 1px solid #fcfae2;
        margin-top: 0
    }

    .content .left_content .left_panel2 table {
        width: 100%;
        color: #363636;
        text-align: center;
        border-collapse: collapse
    }

    .content .left_content .left_panel2 table th {
        background: #002862;
        color: #fff;
        font-weight: 400;
        font-size: 14px
    }

    .content .left_content .left_panel2 table .casino {
        text-align: left;
        padding: 4px 0 4px 10px;
        width: 240px
    }

    .content .left_content .left_panel2 table tr {
        background: #fff;
        border: 5px solid #fcfae2
    }

    .content .left_content .left_panel2 table .gocasino {
        text-align: left
    }

    .content .left_content .left_panel2 table .gocasino a {
        color: #363636;
        text-decoration: underline;
        padding: 4px 0 4px 10px
    }

    .content .left_content .left_panel2 table .gocasino a:hover {
        text-decoration: none
    }

    .content .left_content .left_panel2 table td.image {
        padding: 5px 5px 0
    }

    .content .left_content .left_panel2 table td.visit a {
        color: #b5ac02
    }

    .content .left_content .left_panel2 table td.visit a:hover {
        color: #2069d3;
        text-decoration: underline
    }

    .content .left_content .left_panel2 table td.revue a {
        color: #2069d3
    }

    .content .left_content .left_panel2 table td.revue a:hover {
        color: #b5ac02;
        text-decoration: underline
    }

    .footer {
        float: left;
        width: 100%;
        padding: 7px 0 7px 27px;
        margin: 20px 0 0 0
    }

    .footer .copy {
        float: left
    }

    .content .left_content .left_item_panel1 {
        background: #fcfae2;
        float: left;
        padding: 10px 20px 20px 28px;
        width: 682px;
        border: 1px solid #fcfae2;
        margin-top: 0
    }

    .content .left_content .left_item_panel1 h1 {
        background: url("images/h1icon.png") no-repeat;
        padding: 14px 70px 22px
    }

    .content .left_content .left_item_panel1 .screenshot {
        float: left
    }

    .content .left_content .left_item_panel1 .silver {
        width: 225px;
        float: right;
        border: 1px solid #e4e4e4;
        padding: 10px 40px 25px 0
    }

    .content .left_content .left_item_panel1 .silver h3 {
        font-weight: 700;
        padding: 0 0 0 15px
    }

    .content .left_content .left_item_panel1 .silver .image1 {
        float: left;
        padding: 5px 0 0 0;
        margin-top: 5px
    }

    .content .left_content .left_item_panel1 .silver .rating {
        float: right;
        margin: 0 0 0 10px;
        font-size: 12px
    }

    .content .left_content .left_item_panel1 .silver .para {
        width: 190px;
        float: left;
        margin-left: 15px
    }

    .content .left_content .left_item_panel1 .silver .para .para1 {
        font-size: 12px;
        color: #323232;
        text-transform: capitalize;
        font-weight: 700;
        margin-bottom: -18px;
        margin-top: -2px
    }

    .para .para2 {
        font-size: 12px;
        color: #323232;
        text-transform: capitalize;
        font-weight: 700;
        margin-bottom: -18px;
        margin-top: -6px
    }

    .para .para3 {
        font-size: 12px;
        color: #323232;
        text-transform: capitalize;
        font-weight: 700;
        margin-bottom: -18px;
        margin-top: -6px
    }

    .para .para4 {
        font-size: 12px;
        color: #323232;
        text-transform: capitalize;
        margin-left: 85px
    }

    .para .para5 {
        font-size: 12px;
        color: #323232;
        text-transform: capitalize;
        margin-left: 85px
    }

    .para .para6 {
        font-size: 12px;
        color: #323232;
        text-transform: capitalize;
        margin-left: 85px
    }

    .content .left_content .left_item_panel1 .silver .btn {
        float: left;
        width: 100%;
        padding: 0 0 0 15px
    }

    .content .left_content .left_item_panel1 .silver .btn .bluebtn a {
        background: url("images/bluebtn.png") no-repeat;
        float: left;
        padding: 2px 9px;
        color: #fff;
        font-weight: 700;
        margin-top: 15px;
        font-size: 16px;
        font-family: Marvel,sans-serif
    }

    .content .left_content .left_item_panel1 .silver .btn .blackbtn a {
        background: url("images/black.png") no-repeat;
        float: left;
        margin: 0 0 0 10px;
        padding: 2px 9px;
        color: #fff;
        font-weight: 700;
        margin-top: 15px;
        font-size: 16px;
        font-family: Marvel,sans-serif
    }

    .content .left_content .left_item_panel1 .silver .btn .bluebtn a:hover {
        background: url("images/bluehover.png") no-repeat
    }

    .content .left_content .left_item_panel1 .silver .btn .blackbtn a:hover {
        background: url("images/blackhover.png") no-repeat
    }

    .screenshot2 {
        text-align: center;
        padding: 35px 0 0 0
    }

    .navbar-menu {
        flex-shrink: unset
    }

    .navbar {
        background: 0 0
    }

    .wholewrap {
        padding: 0
    }
}
.clearfix::after{content:"";display:table;clear:both}
