/*mobile*/
@media (min-width: 620px) and (max-width:959px){
    .header .top-background {background: url(../images/background_front_mobile2.png) no-repeat center top;}
}

@media (min-width: 670px) and (max-width:959px){
    .block-news{display: table; width: 430px; margin: 0 auto;}
}

@media (max-width: 670px){
    .header .top-background{background: url(../images/background_front_mobile.png) no-repeat center top;}
    
    .block-news{width: 100%; margin-left: 0; display: block;}
    .block-news a{width: 202px; float: none; display: block; padding: 6px; margin: 0 auto;}
}

@media (min-width: 680px) and (max-width:959px){
    #other-games .items{display: table; width: 640px; margin: 0 auto; margin-top: 13px;}
    #show-news{width: 635px;}
    
    .content .casino-page-wiget .block .content-block .right {width: 55%;}
    .content .casino-page-wiget .block .content-block .left {width: 35%;}
    .content .casino-page-wiget .bottom-img{display: table; width: 630px; margin: 0 auto; margin-top: 15px; margin-bottom: 10px;}
    
    .content .padding-block .fix-news{width: 460px; margin: 0 auto;}
    .content .padding-block .fix-news a:last-of-type{display: none;}
    
    .content .slot-page .show-iframe iframe{height: 490px;}
}

@media (min-width: 500px) and (max-width:680px){
    #other-games .items{display: table; width: 430px; margin: 0 auto; margin-top: 13px;}
    
    .welcome-block .ribbon-block{ont-size: 20px; line-height: 1.5; margin-bottom: 20px; }
    
    .top-casinos .button {width: 58px; height: 23px; line-height: 23px; margin: 0 auto; font-size: 10px;}
    
    .ribbon-block {font-size: 30px;}
    .last-gambling-news .items a:last-of-type{display: none;}
    
    #show-news{width: 300px;}
    #show-news .item .right-block{margin-top: 20px;}
    
    
    .content .casino-page-wiget .block .content-block .right{float: none; width: initial;  padding-right: 10px; padding-left: 10px;}
    .content .casino-page-wiget .block .content-block .left{width: initial; float: none;}
    .content .casino-page-wiget .block .content-block .left .price{display: none; float: none;}
    .content .casino-page-wiget .block .content-block .left .main-image {margin-left: 0px;}
    .content .casino-page-wiget .block .content-block .left .stars {display: block; margin-top: 5px;}
    .content .casino-page-wiget .block .price-mobile{line-height: 0.5; color: #92bf1d; display: block; margin-left: 10px; margin-bottom: 20px;}
    .content .casino-page-wiget .block .price-mobile span{display: block; font: 28px OpenSansBold;}
    .content .casino-page-wiget .bottom-img a {float: none;  display: block; margin: 0 auto; margin-bottom: 5px;}
    
    .content .padding-block .fix-news{width: 310px; margin: 0 auto;}
    
    .content .slot-page .show-iframe iframe{height: 300px;}
    
    .content .blocks{width: 200px; margin: 0 auto; display: table; margin-top: 20px;}
    .content .blocks a {margin-bottom: 9px;}
    .text-block h3 {text-align: center;}
    .stars {margin: 0 auto;}
    #show-news .item .left-block{float: none; margin: 0 auto;}
}


@media (max-width: 500px){
    #other-games .items{display: table;width: 220px; margin: 0 auto; margin-top: 13px;}
    
    .welcome-block .ribbon-block {font-size: 25px;}
    .welcome-block .ribbon-block{font-size: 17px; line-height: 1.5; padding-bottom: 5px; margin-bottom: 5px;}
    
    .top-casinos .button {width: 40px; height: 22.5px; line-height: 25px; margin: 0 auto; font-size: 9px;}
    
    .ribbon-block {font-size: 24px; }
    
    .last-gambling-news {margin-bottom: 60px;}
    .last-gambling-news .items a{float: none;}
    
    .top-casinos tr .four-column{display: none; width: 0px;}
    .top-casinos tr .logicel{display: none; width: 0px;}
    
    #show-news{width: 300px;}
    #show-news .item .right-block{margin-top: 20px;}    
    
    .content .casino-page-wiget .block .content-block .right{float: none; width: initial;  padding-right: 10px; padding-left: 10px;}
    .content .casino-page-wiget .block .content-block .left{width: initial; float: none;}
    .content .casino-page-wiget .block .content-block .left .price{display: none; float: none;}
    .content .casino-page-wiget .block .content-block .left .main-image {width: 200px; margin-left: 0px;}
    .content .casino-page-wiget .block .content-block .left .stars {display: block; margin-top: 5px;}
    .content .casino-page-wiget .block .price-mobile{line-height: 0.5; color: #92bf1d; display: block; margin-left: 10px; margin-bottom: 20px;}
    .content .casino-page-wiget .block .price-mobile span{display: block; font: 28px OpenSansBold;}
    .content .casino-page-wiget .bottom-img a {float: none;  display: block; margin: 0 auto; margin-bottom: 5px;}
    
    .content .padding-block .fix-news{width: 310px; margin: 0 auto;}
    
    .content .slot-page .show-iframe iframe{height: 250px;}
    
    .content .blocks{width: 200px; margin: 0 auto; display: table; margin-top: 20px;}
    .content .blocks a {margin-bottom: 9px;}
    
    .text-block h3 {text-align: center;}
    .stars {margin: 0 auto;}
    #show-news .item .left-block{float: none; margin: 0 auto;}
}

@media (max-width: 350px){
    .welcome-block .ribbon-block {font-size: 17px; line-height: 1.5; padding-bottom: 5px; margin-bottom: 30px;}
    .content .slot-page .show-iframe iframe{height: 200px;}
}




@media (max-width: 959px) {
    html {
            height: 100%;
            min-width: 300px;
    }
    
    body {
            font: 15.6px/18px OpenSansRegular, sans-serif;
            line-height: 1.83;
            color: #42484f;
            height: 100%;       
    }
    
    h1{
        padding-left: 10px;
    }
    h2{
        margin-top: -10px;
    }

    article{
        margin: 0 10px;
    }

    .wrapper {
        min-width: 0;
        margin-bottom: 39px;
        display: table;
    }
    .fixed-width{
        width: 100%;
    }
    .full-width{
        width: 100%;
        display: inline-block;
    }
    .title-menu-text-size{
        font-size: 22.7px;
        padding-left: 30px;
        text-align: left;
        vertical-align: middle;
        color: white;
    }

    .b-background{
        height: 500px;
        min-width: 300px;
        top: 0px;
        background-position: center center;
    }
    
    .super-background{
            background: #0d2140;
    }


    /* Header
    -----------------------------------------------------------------------------*/
    .header {
        height: 118px;
    }
    .header .top-background{
        height: 65px;
    }

    /*LOGO*/
    .header .top-background a{
        display: block;
        width: 100%;
        height: 64px;
    }
    .header .top-background .logo{
        width: 0px;
        display: none;
    }

    /*TOP MENU*/
    .header .top-background .menu-background {
        height: 54px;
        background-size: 100%;
    }
    .header .top-background .menu-background .fixed-width{
        height: 0;
    }
    .header .top-background .menu-background .fixed-width .menu-header-menu-container{
        display: none;
        
    }
    
    
    .header .top-background #menum{
        display: block;
        font-size: 16px;
        color: #282828;
        line-height: 54px;
        padding-left: 11px;
        background: url(../images/21.png) no-repeat center right;
    }
    .header .top-background #menu-mobile{
        background: #04183c;
    }
    .header .top-background #menu-mobile .drop-down{
        display: block;
        float: right;
        margin-right: 20px;
        color: white;
        line-height: 40px;
    }
    .header .top-background #menu-mobile .custom-sub{
        display: none;
    }
    .header .top-background #menu-mobile a{
        color: white;
        text-decoration: none;
        border-bottom: 1px solid #182a4b;
        padding-left: 14px;
    }
    .header .top-background #menu-mobile ul{
        overflow: hidden;
    }
    .header .top-background #menu-mobile ul li{
        line-height: 40px;
    }
    .header .top-background #menu-mobile ul li:hover{
        background-color: #182a4b;
    }
    .header .top-background #menu-mobile ul li:first-of-type{
        line-height: 40px;
        
    }
    .header .top-background #menu-mobile ul li ul{
        background-color: #e5e5e7;
    }
    
    .header .top-background #menu-mobile ul li ul a{
        border-bottom: none;
        color: #444444;
    }
    .header .top-background #menu-mobile ul li ul li:hover{
        background-color: #cfd2d6;
    }


    
    
    /* Middle (CONTENT)
    -----------------------------------------------------------------------------*/
    .content {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    .page-block{
        width: 98%;
        padding: 0 1%;
        margin-right: 0;
    }
    .page-block p{
    }
    
    .red-button-block{
        width: 100%;
    }
    .red-button-block a{
    }


    .stars{}
    .stars div{}

    .crop-image-content{}
    .crop-image-content img{}



    /*navigation*/
    .naligation{
        width: 100%;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    .naligation a{}
    .naligation a:hover{}
    .naligation .numbers{}
    .naligation .next{
        width: 40px;
    }
    .naligation .prev{
        width: 40px;
    }
    .naligation .numbers .page-numbers{}


    /*Page content*/
    .ribbon-block{
        margin-left: -1%;
        width: 102%;
        height: 35px;
        margin-bottom: 0px;
        line-height: 37px;
        background: none;
        background-color: #f1bf39;
    }
    .welcome-block .ribbon-block{
        color: white;
        background: none;
    }
    

    /*welcome block*/
    .welcome-block{
        margin-bottom: 40px;
        text-align: center;
        color: #ebebeb;
    }
    
    .welcome-block p{
        margin: 0 25px;
    }

    /* Top 10 casinos */
    .top-casinos{
        width: 97%;
        margin: 0 2%;
        margin-bottom: 30px;
        text-align: center;
        border-collapse: collapse;
        box-shadow: 0 0 16px rgba(0,0,0,0.3);
        background: white;
    }
    
    
    .top-casinos .button {
        margin: 0 auto;
        width: 65px;
        height: 30px;
        line-height: 31px;
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 3px;
    }
    
    
    .top-casinos caption{
        height: 49px;
        line-height: 49px;
        border-radius: 5px 5px 0px 0px;
        background-color: #04183c;
        border-top: solid 1px #182a4b;
        border-bottom: solid 1px #223c60;
        overflow: hidden;
    }

    .top-casinos .title-menu-text-size{
        text-align: center;
    }

    .top-casinos tr:first-of-type{
        height: 28px;
        border-top: 1px solid #1b365b;
        color: white;
        text-transform: capitalize;
        font: 12px ProximaNovaRegular;
        background-color: #0f2b52;
    }
    .top-casinos tr{
        border-bottom: 1px solid #d5d5d5;
    }

    .top-casinos tr:nth-child(2n+3) {
        background: #e8eaec
    }

    .top-casinos tr:last-of-type{
        height: 30px;
    }

    .top-casinos img{
        vertical-align: middle;
    }

    .top-casinos tr:first-of-type td{
        border-left: 1px solid #264063;
    }
    .top-casinos tr:first-of-type td:first-of-type{
        border-left: none;
    }

    .top-casinos tr td:first-child{
        border-left: none;
    }
    .top-casinos tr td{
        padding: 0;
    }

    .top-casinos tr .first-column{
        width: 0;
        padding: 3px;
    }
    .top-casinos tr .first-column span{
        width: 25px;
        height: 25px;
        line-height: 26px;
        font-size: 14px;
    }
    .top-casinos tr:hover .first-column span{
        background-color: #e6a91f;
    }

    .top-casinos tr .two-column{
        width: inherit;
        padding: 3px;
        font-size: 8px;
    }
    .top-casinos tr .two-column .crop-img{
        width: 28%;
        height: 30px;
        line-height: 30px;
    }
    .top-casinos tr .two-column .crop-img .no-image-280{
        color: white;
        background: #aaaaaa;
    }

    .top-casinos tr .two-column .midle-text{
        width: 70%;
        height: 100%;
        min-height: 30px;
    }
    .top-casinos tr .two-column .midle-text span{
        display: table-cell;
        vertical-align: middle;
    }

    .top-casinos tr .two-column .crop-img img{
        display: block;
        width: 100%;
        height: initial;
        max-height: 30px;
    }

    .top-casinos tr .third-column{
        min-width: 0px;
        font-size: 10px;
    }
    
    .top-casinos tr .four-column img{
        height: 30px;
    }

    .top-casinos .five-column a{
        font-size: 8px;
        line-height: 3;
    }


    /*pokies online*/
    #pokies-online{
        width: 100%;
        margin-bottom: 20px;
        display: inline-block;
    }
    #pokies-online .ribbon-block{
        margin-bottom: 20px;
    }

    .block-news{}
    .block-news a{}
    .block-news a:hover{}
    .block-news a .crop-img{}
    .block-news a .crop-img img{}
    .block-news a:hover img{}
    .block-news a span{}

    /* Top slots providers */
    #tip-slots-providers{}
    #tip-slots-providers .items{
        margin: 20px 0;
        text-align: center;
    }
    #tip-slots-providers .items a img{
        padding: 18px 28px;
    }
    #tip-slots-providers .items a:hover img{
        opacity: 0.8;
    }


    

    /*last gambing news*/
    .last-gambling-news .items{
        display: table;
        margin: 0 auto;
        margin-top: 30px;
    }


    /*Any post (standart page)*/
    .content .any-post{
        height: 256px;
        width: 100%;
        margin-top: 30px;
        display: table;
        background-color: #f7f7f7;
    }
    .content .any-post .no-image-280{
        background: #aaaaaa;
    }

    .content .padding-block{
        padding: 17px 0px;
    }
    .content .any-post .padding-block span{
        margin: -9px 0 17px 6px;
        display: block;
        font-size: 22.5px;
        font-family: ProximaNovaBold;
    }
    .content .any-post .padding-block a{
        width: 140px;
        display: block;
        float: left;
        padding: 6px;
        text-decoration: none;
    }
    .content .any-post .padding-block a:hover{
        background-color: #f0f1f2;
    }


    .content .any-post .padding-block a .crop-img{
        width: 140px;
        height: 115px;
        line-height: 115px;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        text-align: center;
        color: white;
    }
    .content .any-post .padding-block a .crop-img .wp-post-image{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content .any-post .padding-block a span{
        padding: 0px;
        margin: 0px;
        display: inline;
        font-family: ProximaNovaRegular;
        font-size: 15px;
        border-bottom: 1px #dae2f6 solid;
    }
    .content .any-post .padding-block a:hover img{
        opacity: 1;
    }
    .content .any-post .padding-block a:hover span{
        border-bottom: 1px #1a70f1 solid;
    }


    /*slot page*/
    .content .slot-page .show-iframe iframe{width: 100%;}
    .content .slot-page .red-button-block{
            margin-bottom: 17px;
    }
    .content .slot-page .red-button-block a{
        padding: 0 30px;
        margin-top: 22px;
    }

    
    .content .blocks{
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .content .blocks-title{
        margin-top: 22px;
    }

    
    .content .blocks a{}
    .content .blocks a img{}
    .content .blocks a:hover{}
    .content .blocks a:active img{}
    .content .blocks a:active{}

    /*page casino wiget*/
    .content .casino-page-wiget{}
    .content .casino-page-wiget .block{}
    .content .casino-page-wiget .block .content-block{}
    .content .casino-page-wiget .block .content-block .left{}
    .content .casino-page-wiget .block .content-block .left .main-image{}
    .content .casino-page-wiget .block .content-block .left .main-image img{}


    .content .casino-page-wiget .block .content-block .left .stars{}
    

    .content .casino-page-wiget .block .content-block .right{}
    .content .casino-page-wiget .block .content-block .right span{}

    .content .casino-page-wiget .red-button-block{}

    .content .casino-page-wiget .bottom-img{}
    .content .casino-page-wiget .bottom-img a{}
    .content .casino-page-wiget .bottom-img img{}

    /*any pages*/
    #show-news{
        margin: 0 auto;
        display: table;
    }

    #show-news .item{
        width: 100%;
        padding: 20px 0;
        display: inline-block;
    }
    #show-news .item:hover{
        background: #f0f1f2;
    }
    #show-news .item .left-block{}
    #show-news .item .left-block .crop-image{
        width: 280px;
        height: 170px;
        line-height: 170px;
        margin-left: 10px;
        position: relative;
        overflow: hidden;
    }
    #show-news .item .left-block .crop-image img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #show-news .item .left-block .crop-image span{
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        opacity: 0.9;
        color: white;
        background: url(images/noimage280_170.png) no-repeat center;
    }

    #show-news .item .right-block{
        margin-left: 5px;
    }
    #show-news .item .right-block .text-block{
        display: inline-block;
    }
    #show-news .item .right-block .text-block h3{
        padding-top: 0px;
        margin-top: -9px;
        font-size: 18px;
    }
    #show-news .item .right-block .text-block p{
        margin-top: 15px;
    }

    #show-news .item .right-block .red-button-block{
        height: 41px;
        margin-top: 13px;
    }

    #show-news .item .right-block .red-button-block a{
        margin-left: 20px;
    }


    #any-category{

    }
    #any-category .item{
        padding: 30px;
        margin-bottom: 15px;
        display: block;
        background-color: #f7f7f7;
    }
    #any-category .item:hover{
        background-color: #f0f1f2;
    }
    #any-category .item .top-block{
        width: 100%;
        display: inline-block;
    }
    #any-category .item .top-block .title-block{
        width: 100%;
    }
    #any-category .item .top-block .title-block .super-link{}
    #any-category .item .top-block .time-block{
        float: left;
    }
    #any-category .item p{}






    /* Sitebar
    -----------------------------------------------------------------------------*/
    .sitebar-block{
        width: 0;
        display: none;
    }



    /* Footer
    -----------------------------------------------------------------------------*/
    .footer {
        margin: 0px auto 0;
        margin-top: -39px;
        min-width: 0;
        height: 39px;
    }

    .footer .logo{
        width: 100%;
        background: none;
        margin: 0;
    }
    .footer .logo div{
        padding-top: 0;
        background: none;
        width: 100%;
        text-align: center;
    }

    /*footer menu*/
    .footer .menu-footer-menu-container{
        display: none;
    }
    



    /*WP-CONTENT-STYLES*/

    .alignnone {}

    .aligncenter,
    div.aligncenter {}

    .alignright {}

    .alignleft {
        width: 120px;
        height: 120px;
        border-radius: 5px;
    }
    .alignleft img{
        width: inherit;
        height: 120px;
    }

    .aligncenter {}

    a img.alignright {}

    a img.alignnone {}

    a img.alignleft {}

    a img.aligncenter {}

    .wp-caption {}

    .wp-caption.alignnone {}

    .wp-caption.alignleft {}

    .wp-caption.alignright {}

    .wp-caption img {}

    .wp-caption p.wp-caption-text {}
};