@media (min-width: 992px) {
    .contact-block {
        min-height:286px;
        border-right: 1px solid #402c76;
        border-left: 1px solid #000
    }

    .contact-block.last {
        border-right: 0
    }

    .contact-block.first {
        border-left: 0
    }

    .single-product-block {
        min-height: 310px;
        border-right: 1px solid #402c76;
        border-left: 1px solid #000
    }

    .single-product-block.last {
        border-right: 0
    }

    .single-product-block.first {
        border-left: 0
    }

    .banners-block-small {
        min-height: 228px;
        border-right: 1px solid #402c76;
        border-left: 1px solid #000;
        margin-bottom: 30px
    }

    .banners-block-small.last {
        border-right: 0
    }

    .banners-block-small.first {
        border-left: 0
    }

    .cl-effect-11 a {
        padding: 10px 0;
        color: #999;
        text-shadow: none
    }

    .cl-effect-11 a::before {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        margin: 8px 16px;
        max-width: 0;
        color: #cc802e;
        content: attr(data-hover);
        -webkit-transition: max-width .5s;
        -moz-transition: max-width .5s;
        transition: max-width .5s
    }

    .cl-effect-11 a:focus::before,.cl-effect-11 a:hover::before {
        max-width: 100%
    }

    .navbar-wp.affix .cl-effect-11 a::before {
        margin: 18px 16px
    }

    .myaccount.tabs li.active a {
        border-bottom: none
    }
}

@media (max-width: 991px) {
    .modal-top-bg,header {
        position:fixed;
        width: 100%
    }

    .modal-top-bg,.modal-top-bg .input {
        padding: 10px 0
    }

    .owl-next,.owl-prev {
        bottom: 40%;
        z-index: 999
    }

    .body-wrap {
        min-height: 0!important
    }

    body {
        margin-top: 58px;
        margin-bottom: 58px
    }

    header {
        z-index: 999;
        height: 58px;
        top: 0;
        display: block
    }

    .product-list-from.active,.product-list-to.active,.product-list.active,.withdrawal-bank-list.active {
        border: 1px solid #926afe
    }

    .modal-top-bg {
        background: #050227;
        top: 58px;
        z-index: 999;
        display: none
    }

    .modal-top-bg .body,.modal-top-bg .header {
        color: #a485fe;
        font-size: 24px;
        text-align: center
    }

    .modal-top-bg .modal-dialog {
        min-width: 80%
    }

    .modal-top-bg .smart-form .input input,.modal-top-bg input {
        border-radius: 50px
    }

    .modal-top-bg .submit,.modal-top-bg input,.smart-form #btn-submit,.smart-form .input .icon-append+input,.smart-form .select select,.smart-form .textarea .icon-append+textarea {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        height: 32px;
        line-height: 32px;
        padding: 5px 10px;
        outline: 0;
        border-width: 1px;
        border-style: solid;
        border-radius: 50px;
        background: #fff;
        font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
        color: #404040;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .smart-form .select i {
        position: absolute;
        top: 10px;
        right: 12px;
        width: 5px;
        height: 11px;
        background: #fff;
        box-shadow: 0 0 0 9px #fff;
        border-radius: 0 50px 50px 0
    }

    .modal-top-bg .submit,.smart-form #btn-submit {
        background: #3f316b;
        text-transform: uppercase
    }

    .smart-form .btn {
        margin: 0
    }

    #mobile-menu .item a {
        display: block
    }

    .btn-contact,.owl-pagination {
        display: none
    }

    .layerslider_title {
        font-family: serif;
        font-weight: 400;
        font-size: 70px;
        text-transform: capitalize;
        color: #a485fe!important
    }

    .layerslider_content {
        font-size: 35px
    }

    #home-mb-casino .row div {
        padding: 15px 0
    }

    .owl-prev {
        position: absolute;
        left: 10px
    }

    .owl-next {
        position: absolute;
        right: 10px
    }

    #mobile-menu {
        position: fixed;
        bottom: -12px;
        width: 80%;
        z-index: 99;
        background: #050227;
        height: 60px;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        display: inline-flex;
    }

    #owl-mobile .item {
        text-align: center;
        height: 60px;
        color: #a485fe
    }

    #owl-mobile .owl-item:hover,#owl-mobile .owl-item:hover * {
        background: #1c1337;
        color: #fff
    }

    #owl-mobile .item i {
        color: #a485fe;
        font-size: 20px
    }

    #owl-mobile .item div {
        color: #a485fe;
        font-size: 11px
    }

    #owl-mobile .owl-item {
        padding: 3px 0;
        border: 1px solid #32304e
    }

    #owl-mobile .owl-item a div {
        line-height: 17px
    }

    #home-mb-content .row {
        padding: 10px 0
    }

    #home-mb-content .row div {
        padding: 5px
    }

    .top-header {
        background: url(../images/bg-header-mb.jpg) repeat-x #07001d;
        height: 58px
    }

    .logo-mobile {
        width: 129px;
        height: 40px;
        position: relative;
        top: 10px;
        left: 10px;
        float: left
    }

    .header-right-part {
        float: right
    }

    .header-right-part i {
        font-size: 16px;
        margin: 14px 1px;
        border-radius: 50%;
        background-color: #53448b;
        color: #fff;
        width: 30px;
        height: 30px;
        padding: 7px 0;
        text-align: center;
        cursor: pointer
    }

    .header-right-part i:hover {
        opacity: .8
    }

    #live-casino-products,#slot,#sportsbook-products {
        background-image: none!important
    }

    .contact-block {
        padding: 30px;
        border-bottom: 1px dotted gray
    }

    .contact-block.last {
        border-bottom: 0
    }

    .single-product-block {
        padding: 30px;
        border-bottom: 1px dotted gray
    }

    .single-product-block.last {
        border-bottom: 0
    }

    .banners-block-small {
        padding: 30px;
        border-bottom: 1px dotted gray
    }

    .banners-block-small.last {
        border-bottom: 0
    }

    .tabs {
        border: none
    }

    .tabs li {
        float: none;
        margin: 0
    }

    .tabs li.active a {
        color: #a485fe;
        border: 1px solid #a485fe;
        text-decoration: none;
        border-bottom: 3px solid #563d7c
    }

    .tabs li .col-sm-6,.tabs li .col-xs-6 {
        padding: 3px
    }

    .tabs li a {
        display: block;
        font-size: 13px;
        font-weight: 400;
        color: #e1e1e1;
        padding: 6px;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-transform: uppercase;
        border-radius: 0;
        background: #050227;
        border: 1px solid #a485fe;
        text-align: center;
        text-decoration: none;
    }
    
    .tabs li.ui-tabs-active a {
        background: #a485fe;
        color: #ffffff;
    }

    .history .tabs ul {
        padding: 0;
        margin: 0
    }

    .history .tabs li a {
        border-radius: 0;
        color: #fff;
        border: 1px solid #a485fe;
        padding: 0;
        margin: 0
    }

    .history .transactions .ui-widget-header {
        background: 0 0;
        border: 0;
        border-bottom: none
    }

    .history .tabs li.ui-tabs-active a {
        color: #a485fe;
        cursor: pointer!important;
        width: 100%
    }

    .history .tabs li.ui-state-default a {
        cursor: pointer;
        width: 100%
    }

    .history .tabs li.ui-state-default {
        border: none;
        background: 0 0;
        width: 33%;
        padding: 0;
        margin: 0
    }

    .history .ui-tabs .ui-tabs-panel {
        margin: 0!important;
        padding: 0!important
    }

    .history .ui-tabs .ui-tabs-panel .row .col-sm-12 {
        padding: 6px 0
    }

    .history .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: 0;
        padding-bottom: 0
    }

    #account.p-30 {
        padding: 30px 0 0!important
    }

    h1,h2,h3,h4,h5,h6 {
        font-weight: 600;
        line-height: 1.2em;
        text-transform: capitalize;
        color: #a485fe
    }

    #account .mb .mb-block {
        padding: 0 5% 54%;
        display: block;
        height: 120px;
        margin-bottom: 20px;
        border-radius: 4px;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 45%,rgba(167,166,178,1) 45%,rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(45%,rgba(255,255,255,1)),color-stop(45%,rgba(167,166,178,1)),color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 45%,rgba(167,166,178,1) 45%,rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 45%,rgba(167,166,178,1) 45%,rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 45%,rgba(167,166,178,1) 45%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,1) 45%,rgba(167,166,178,1) 45%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
    }

    #account .mb.col-xs-4 {
        padding: 0 1%
    }

    .row {
        margin-right: -8px;
        margin-left: -8px
    }

    #account .bank-item.row {
        background: #050227;
        margin: 3px 0
    }

    .bank-item.active,.bank-item:hover {
        border: 1px solid #a485fe
    }

    #account .bank-item div div {
        float: left;
        font-size: 10px
    }

    #account .bank_img {
        width: 25%;
        padding: 6px 4px;
        background: #fff
    }

    #account .account_name,#account .account_no {
        padding: 6px 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    #account .MBB .bank_img {
        background: #fed104
    }

    #account .account_no {
        width: 35%
    }

    #account .account_name {
        width: 40%;
        color: #a485fe
    }

    .withdrawal-bank-list.wp-block.product {
        margin-bottom: 7px!important;
        min-height: 0
    }

    .withdrawal-company-list img {
        padding: 0 10px
    }

    .withdrawal-bank-list img {
        max-height: 36px;
        width: auto;
        margin: 0 auto;
        padding: 6px
    }

    #account .p-5,#withdraw .p-5 {
        padding: 0 5px!important
    }

    #account .option-title {
        font-size: 13px;
        margin-top: 10px;
        color: #fff
    }

    .transfer .col-md-5 {
        padding: 0
    }

    .mb-block-title {
        font-size: 14px;
        font-family: "Myriad Pro";
        text-align: center;
        color: #000;
        position: relative;
        top: 20px
    }

    .wp-block.product figure {
        padding-bottom: 0
    }

    .badge-corner span,.product-list-from.active .badge-corner span,.product-list-to.active .badge-corner span {
        position: absolute;
        top: -29px;
        left: -14px;
        font-size: 11px;
        color: #fff!important
    }

    .badge-corner {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 33px solid #a485fe;
        border-left: 33px solid transparent
    }
}

.min-max {
    color: #a485fe
}

@media screen and (max-width: 600px) {
    .smart-form .col {
        float:none;
        width: 100%
    }

    .top-header .top-header-menu>ul.top-menu>li>a {
        padding: 4px 15px
    }

    .scr888_title {
        width: 250px;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    #livechat-compact-container {
        margin-bottom:3.45em!important
    }
}

.owl-next {
    position: absolute;
    left: 100% !important;
    background: #53448b!important;
    bottom: 0 !important;
    height: 100%;
    width: 13%;
    margin: 0!important;
    border-radius: 0!important;
    padding: 12px 0!important;
    opacity: 1!important;
    font-size: 25px !important;
    border-top: 2px solid #32304e;
}

.owl-prev {
    position: absolute;
    left: -13% !important;
    background: #53448b!important;
    bottom: 0 !important;
    height: 100%;
    width: 13%;
    margin: 0!important;
    border-radius: 0!important;
    padding: 12px 0!important;
    opacity: 1!important;
    font-size: 25px !important;
    border-top: 2px solid #32304e;
}

.owl-next {
    right: -5px !important;
}

.owl-next, .owl-prev {
    z-index: 999 !important;
}

.swipegif {
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 9999;
    top: 6px;
}

@media(min-width: 992px) {
    .swipegif {
        display:none !important;
    }
}

.mb-casino-logo {
    position: absolute;
    right: 12%;
    top: 10%;
}

@media(max-width: 991px) {
    .product-infoup {
        bottom: 0;
        padding-bottom: 5%;
        left: 3%;
    }
}