body {
    background: #fff;
    font-family: 'Play', sans-serif;
    background-color: #282851;
}

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

ul li, ol li {
    margin: 0 0 6px;
    padding: 0;
}

ul li a, ol li a {
    color: #000;
}

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

a:focus {
    outline: 0 none;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

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

p {
    color: #1c1c1c;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0px;
}

p b {
    color: rgb(61, 61, 61);
    font-size: 20px;
    font-weight: normal;
    font-family: 'Roboto Slab', serif;
}

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

a:hover {
    color: #1c1c1c;
}

ul {
    color: #1c1c1c;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 15px 30px;
    padding: 0;
}

h1 {
    color: #6360a1;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 5px;
    text-transform: uppercase;
}

h2 {
    color: #1c1c1c;
    font-family: "Play",sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

h3 {
    color: #1c1c1c;
    font-family: "Play",sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

h4, h5, h6 {
    color: #1c1c1c;
    font-family: "Play",sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.container2 {
    padding: 0 15px;
}

.bottom-part {
    text-align: center;
}

.content-section {
    background-color: #d9d9df;
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.middle-section .bottom-part {
    background-color: #6360a1;
    border-radius: 8px;
    margin-top: 19px;
    padding-left: 27px;
    padding-right: 27px;
}

.right-side .heading {
    background-color: #6360a1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-left: 0;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-top: 7px;
}

.heading h5 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
}

.footer p, .footer a {
    text-align: center;
    font-family: Arial;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .content-section {
        padding:15px;
    }

    .content-section a.btn {
        width: 100%;
        margin-bottom: 5px;
    }

    .middle-section .bottom-part {
        padding: 15px;
    }

    .right-side {
        margin-top: 10px;
    }

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

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

    ul li a, ol li a {
        color: #fff;
    }

    a {
        color: #7e0777;
        text-decoration: none;
    }

    a:hover {
        color: #1c1c1c;
    }

    .container1 {
        width: 996px;
        margin: 0 auto;
        background: url("images/topbg.jpg") repeat-x center;
        height: 255px;
    }

    .container2 {
        width: 100%;
        float: left;
    }

    .container2 .wrapper2 {
        width: 996px;
        margin: 0 auto;
    }

    .content-section {
        float: left;
        width: 986px;
    }

    .content-section .top-menu {
        float: left;
        margin-top: 0;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 975px;
    }

    .top-menu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .top-menu ul li {
        display: inline;
        background: url("images/line.png") no-repeat 1px 5px;
        padding: 11px 3px 11px 11px;
    }

    .top-menu ul li a {
        color: #1c1c1c;
        font-family: 'Play', sans-serif;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        text-transform: capitalize;
    }

    .top-menu ul li a:hover {
        color: #7e0777;
    }

    .top-menu ul li:first-child {
        background: none;
    }

    .content-section .middle-section {
        background-color: #fff;
        float: left;
        margin-bottom: 0;
        width: 946px;
        border-radius: 8px;
        padding: 10px 15px 40px 25px;
    }

    .para-section {
        float: right;
        padding-right: 0px;
        width: 665px;
        color: #1c1c1c;
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        margin-top: 5px;
    }

    .para-section .image1 {
        float: left;
        width: 226px;
        padding-right: 10px;
        margin-top: 5px;
    }

    .middle-section .right-side {
        float: left;
        margin-top: 20px;
        width: 240px;
    }

    .right-side .heading {
        float: left;
        width: 220px;
    }

    .right-side .right-part {
        background-color: #282851;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        float: left;
        width: 235px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .right-part .nav-part {
        float: left;
        margin-bottom: 0;
        margin-left: 17px;
        margin-top: 5px;
        padding-bottom: 5px;
        width: 202px;
    }

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

    .nav-part ul li {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        border-bottom: 1px solid #3e3c75;
    }

    .nav-part ul li a {
        font-family: Arial;
        color: #9f9cdc;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        text-decoration: none;
    }

    .nav-part ul li a:hover {
        color: #e8d481;
    }

    .nav-part ul li:last-child {
        border-bottom: none;
    }

    .middle-section .bottom-part {
        float: right;
        width: 611px;
    }

    .bottom-part .heading2 {
        float: left;
        margin-left: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 7px;
        width: 609px;
        margin-bottom: 15px;
    }

    .bottom-part .heading2 h5 {
        color: #fff;
        font-family: 'Roboto Slab', serif;
        font-size: 22px;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 0;
        text-transform: uppercase;
        background: url("images/button.png") no-repeat 1px 6px;
        padding-left: 37px;
    }

    .bottom-part .poker {
        background-color: #fff;
        border-radius: 8px;
        float: left;
        margin-right: 0px;
        margin-top: 0;
        padding-bottom: 15px;
        width: 298px;
        margin-bottom: 15px;
    }

    .bottom-part .poker:nth-child(2n) {
        margin-right: 15px;
    }

    .poker .image2 {
        float: left;
        padding-left: 15px;
        padding-top: 15px;
        width: 90px;
    }

    .poker .casino {
        float: left;
        margin-left: 10px;
        margin-top: 15px;
        width: 180px;
    }

    .casino .p1 {
        font-family: Arial;
        color: #6360a1;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        margin-top: 0;
        margin-bottom: 3px;
        line-height: 20px;
    }

    .casino .p2 {
        font-family: Arial;
        color: #6b6b6b;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        text-decoration: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    .casino .p3 {
        font-family: Arial;
        color: #be211f;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        text-decoration: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    .link {
        float: right;
        width: 182px;
        margin-top: 10px;
    }

    .link .vst {
        width: 74px;
        float: left;
    }

    a.button1 {
        font-family: Arial;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        text-decoration: none;
        margin-top: 0;
        margin-bottom: 0;
        text-decoration: none;
        display: block;
        height: 29px;
        width: 78px;
        background: url("images/vst.png") no-repeat;
        text-align: center;
        line-height: 25px;
        text-shadow: 0 1px 0 #000;
        background-position: 0 1px;
        padding: 0;
        border: 0;
    }

    a.button1:hover {
        background-position: 0 -27px ;
        border: 0;
        background-color: transparent;
    }

    .link .rev {
        float: left;
        margin-left: 5px;
        width: 74px;
    }

    a.button2 {
        font-family: Arial;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        text-decoration: none;
        margin-top: 0;
        margin-bottom: 0;
        text-decoration: none;
        display: block;
        height: 28px;
        width: 78px;
        background: url("images/rev.png") no-repeat;
        text-align: center;
        line-height: 25px;
        text-shadow: 0 1px 0 #000;
        padding: 0;
        border: 0;
    }

    a.button2:hover {
        background-position: 0 -28px ;
        border: 0;
        background-color: transparent;
    }

    .footer {
        float: left;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 100%;
    }

    .middle-section .left-content {
        width: 675px;
        float: right;
    }

    .left-content .image-section {
        width: 665px;
        float: left;
        margin-top: 0px;
    }

    .image-section .screen1 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .image-section .screen2 {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 30px;
    }

    .left-content .card {
        background-color: #6360a1;
        border-radius: 8px;
        float: left;
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 25px;
        width: 675px;
        margin-bottom: 40px;
    }

    .card .heading3 {
        float: left;
        margin-left: 0;
        padding-bottom: 7px;
        padding-top: 7px;
        width: 500px;
        margin-left: 15px;
    }

    .heading3 h5 {
        background: url("images/button.png") no-repeat scroll 1px 6px rgba(0, 0, 0, 0);
        color: #fff;
        font-family: 'Roboto Slab', serif;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0;
        padding-left: 37px;
        text-transform: uppercase;
    }

    .card .heading4 {
        background: #e8d481;
        float: left;
        padding-bottom: 2px;
        padding-left: 20px;
        padding-top: 5px;
        width: 600px;
        margin-left: 25px;
        border-radius: 7px 7px 0 0;
    }

    .heading4 .title {
        float: left;
        margin-top: 0;
        margin-bottom: 0;
    }

    .heading4 .title h5 {
        font-family: Arial;
        color: #5854a5;
        font-size: 18px;
        font-weight: bold;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        background: none;
    }

    .heading4 .star {
        float: right;
        margin-bottom: 0;
        margin-right: 25px;
        margin-top: 0;
    }

    .card .casino2 {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 25px;
        padding-top: 20px;
        width: 580px;
        float: left;
        background-color: #fff;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 25px;
    }

    .casino2 .bonus {
        width: 385px ;
        float: left;
        margin-bottom: 0;
        margin-top: 0;
    }

    .bonus .screen3 {
        float: left;
        margin-top: -20px;
        width: 100px;
    }

    .bonus .software {
        float: left;
        margin-left: 15px;
        margin-top: 0;
        width: 225px;
    }

    .software .para1 {
        font-family: Arial;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .software .s1 {
        font-family: Arial;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 10px;
    }

    .software .para2 {
        font-family: Arial;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .software .s2 {
        font-family: Arial;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 19px;
    }

    .software .para3 {
        font-family: Arial;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
    }

    .software .s3 {
        font-family: Arial;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 10px;
    }

    .link2 {
        float: left;
        margin-top: 15px;
        width: 266px;
        margin-left: 10px;
    }

    .link2 .revu {
        float: left;
        width: 124px;
    }

    a.button3 {
        background: url("images/hh.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #fff;
        display: block;
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        height: 28px;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
        text-transform: capitalize;
        width: 130px;
    }

    a.button3:hover {
        background-position: 0 -28px;
    }

    .link2 .vsit {
        float: left;
        width: 114px;
        margin-left: 10px;
    }

    a.button4 {
        background: url("images/tt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #fff;
        display: block;
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        height: 28px;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
        text-transform: capitalize;
        width: 129px;
    }

    a.button4:hover {
        background-position: 0 -28px;
    }

    .screen1 {
        display: block;
        text-align: center;
    }

    .footer a {
        color: #fff;
        text-decoration: underline;
        text-transform: none;
    }

    .navbar-main, .navbar-reviews {
        background: none !important;
        padding-left: 0;
    }

    .navbar-brand {
        display: none;
    }
}