body {
    padding: 0;
    margin: 0;
    line-height: 1.5;
    font-family: 'Bitter', serif;
    background: url("images/bodybg.jpg") repeat-x #180000;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

a:focus {
    outline: 0 none;
}

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

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 0.89;
}

p {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 7px;
}

a {
    color: #34d272;
    text-decoration: none;
}

a:hover {
    color: #fff;
}

ul {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin: 0 0 15px 30px;
    padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 15px 0 5px;
    font-weight: 700;
    font-size: 18px;
    color: #a9dd96;
    font-family: "Bitter",serif;
    text-transform: uppercase;
}

h1 {
    color: #ff0b00;
    font-family: "Bitter",serif;
    font-size: 28px;
}

.containers {
    padding: 15px;
}

.navs .nav-heading h5 {
    background: #F4A735;
    margin-top: 10px;
    padding: 0 15px;
    color: #fff;
    padding: 15px;
}

.table-heading h5 {
    color: #fff;
}

.table-section .table-area {
    background: #fff;
}

.nav-section ul {padding-left: 0;margin-left: 0;}

.nav-section ul li {
}

.nav-section ul li a {
    color:#000;
    text-transform:uppercase;
}

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

    .containers {
        width: 100%;
        float: left;
        background: none;
    }

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

    .wrapper .header {
        width: 656px;
        float: right;
    }

    .header .logo {
        float: left;
        padding-top: 60px;
    }

    .header .top-menu {
        float: left;
        padding-bottom: 10px;
        padding-top: 40px 40px 0;
        width: 100%;
    }

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

    .top-menu ul li {
        display: inline;
        background: url("images/libg.jpg") repeat-x ;
        border-radius: 8px;
        margin-left: 3px;
        padding-bottom: 14px;
        padding-top: 10px;
    }

    .top-menu ul li a {
        color: #fff;
        font-family: "Bitter",serif;
        font-size: 9px;
        font-weight: normal;
        padding: 18px 4px 16px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .top-menu ul li a:hover {
        color: #000;
        background: url("images/hvrbg.jpg") repeat-x;
        border-radius: 8px;
    }

    .wrapper .content-part {
        float: right;
        margin-top: 35px;
        width: 656px;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: normal;
    }

    .content-part .image1 {
        float: left;
        padding-right: 20px;
        width: 217px;
    }

    .span1 {
        color: #34d272;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: normal;
    }

    .content-part .table-section {
        float: left;
        margin-top: 0;
        width: 100%;
    }

    .table-section .table-heading {
        width: 98%;
        float: left;
        background: url("images/tblhdngbg.jpg")repeat-x;
        padding-top: 2px;
        padding-bottom: 5px;
        padding-left: 15px;
    }

    .table-heading h5 {
        color: #fff;
        font-family: "Bitter",serif;
        font-size: 26px;
        font-weight: normal;
        margin-bottom: 0;
        margin-top: 0;
        text-transform: uppercase;
    }

    .table-section .table-area {
        width: 100%;
        float: left;
        background-color: #fff;
        border-top: 1px solid #000;
        margin-bottom: 38px;
    }

    table {
        border-spacing: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        width: 100%;
        padding-bottom: 20px;
    }

    th {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        background: url("images/thbg.jpg")repeat-x;
        padding: 7px 5px 6px;
        text-transform: uppercase;
    }

    tr td {
        background-color: #e6e6e6;
        border-bottom: 1px solid #fff;
        color: #4e4e4e;
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        font-weight: normal;
        padding: 7px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .row1 {
        text-align: left;
    }

    .row1 a {
        color: #4e4e4e;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
    }

    .row1 a:hover {
        color: #ff0d00;
    }

    .row2 a {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: normal;
        background: url("images/vistz.png")no-repeat;
        width: 113px;
        height: 23px;
        line-height: 23px;
        display: block;
        text-decoration: none;
        margin-left: 10px;
    }

    .row2 a:hover {
        background-position: 0 -23px;
    }

    .row3 a {
        color: #4e4e4e;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        text-transform: capitalize;
    }

    .row3 a:hover {
        color: #000000;
    }

    .row0 {
        text-align: left;
        width: 127px;
    }

    .right-part {
        background: url("images/rightbg.jpg") repeat-x #3d0402;
        border-radius: 15px;
        float: left;
        padding-bottom: 15px;
        width: 312px;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .right-part .image2 {
        float: left;
        padding-bottom: 17px;
        padding-top: 13px;
        text-align: center;
        width: 100%;
    }

    .right-part .navs {
        width: 100%;
        float: left;
    }

    .right-part .navs .nav-heading {
        background: url("images/tblhdngbg.jpg") repeat-x;
        float: left;
        margin-left: 16px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-top: 10px;
        width: 261px;
    }

    .navs .nav-heading h5 {
        color: #fff;
        font-family: "Bitter",serif;
        font-size: 22px;
        font-weight: normal;
        margin-bottom: 0;
        margin-top: 0;
        text-transform: uppercase;
        background: none;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .right-part .navs .nav-section {
        background-color: #ffffff;
        float: left;
        margin-left: 16px;
        padding-left: 20px;
        width: 261px;
        padding-top: 5px;
        padding-bottom: 30px;
        border-top: 1px solid #000;
    }

    .navbar-brand {
        display: none;
    }

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

    .nav-section ul li {
        padding-bottom: 0;
        padding-top: 0;
    }

    .nav-section ul li a {
        color: #5f5f5f;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        text-decoration: none;
    }

    .nav-section ul li a:hover {
        color: #ff0b00;
    }

    .footer {
        border-top: 1px solid #6b0500;
        float: left;
        width: 100%;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 45px;
    }

    .footer p {
        text-align: center;
        color: #ff0b00;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 0;
        margin-top: 0;
    }

    .screenshot {
        width: 100%;
        float: left;
        margin-top: 45px;
    }

    .screenshot .image3 {
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 50px;
    }

    .nav .casino-part {
        width: 100%;
        float: left;
    }

    .casino-part .casino-heading {
        background: url("images/tblhdngbg.jpg") repeat-x;
        float: left;
        margin-left: 16px;
        padding-bottom: 7px;
        padding-left: 14px;
        padding-top: 11px;
        width: 268px;
    }

    .casino-heading h5 {
        color: #fff;
        font-family: "Bitter",serif;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 0;
        margin-top: 0;
        text-transform: uppercase;
    }

    .casino-part .casino-content {
        background-color: #ffffff;
        border-top: 1px solid #000;
        float: left;
        margin-left: 16px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-top: 5px;
        width: 282px;
    }

    .casino-content .screen {
        width: 100%;
        float: left;
    }

    .casino-content .screen-image {
        float: left;
        text-align: center;
        width: 100%;
    }

    .screen .para {
        color: #b00a2e;
        font-family: "Roboto",sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 20px;
        text-transform: capitalize;
    }

    .casino-content .screen .star {
        float: left;
        margin-bottom: 10px;
        margin-top: 6px;
        text-align: center;
        width: 100%;
    }

    .casino-part .casino-content .bonus {
        float: left;
        margin-bottom: 15px;
        padding-left: 20px;
        width: 100%;
    }

    .casino-content .bonus .para1 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .casino-content .bonus .Para5 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 15px;
    }

    .casino-content .bonus .para2 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .casino-content .bonus .Para6 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 15px;
    }

    .casino-content .bonus .para3 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .casino-content .bonus .Para7 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 5px;
    }

    .casino-content .bonus .para4 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .casino-content .bonus .Para8 {
        color: #363636;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 15px;
    }

    .casino-part .casino-content .link {
        width: 100%;
        float: left;
    }

    .casino-content .link .visit {
        float: left;
        padding-left: 20px;
        width: 111px;
        margin-right: 5px;
    }

    a.button1 {
        background: url("images/vst.png") no-repeat;
        color: #fff;
        display: block;
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: normal;
        height: 26px;
        line-height: 26px;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        width: 110px;
    }

    a.button1:hover {
        background-position: 0 -26px;
    }

    .casino-content .link .revue {
        width: 111px;
        float: left;
    }

    a.button2 {
        background: url("images/vst.png") no-repeat;
        color: #fff;
        display: block;
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: normal;
        height: 26px;
        line-height: 26px;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        width: 110px;
    }

    a.button2:hover {
        background-position: 0 -26px;
    }
}