

#row1{
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.row2nopadding{
    padding-right: 0px!important;
    padding-left: 0px!important;
}

#row2{
    width: 100%;
    max-width: 1400px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left:10px;
    padding-right:10px;
    margin-top: 0px!important;
    padding-top: 0px!important;
}
#row2Left{
    width:calc(100% - 290px);
    float:left;
    position:relative;
}
#topSlider{
    position: relative;
    width: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}


#topSliderHolder{

    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    /*background: #C60130;*/
    box-sizing: border-box;
}

#recentWinnersLandscape{
    width: 100%;
    height: 343px;
    position: relative;
    background-color: rgba(56,131,146,0.9);
    float: right;
    max-width: 490px;
    border: 3px solid #19b81a;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
}

#recentWinnersPortrait{
    width: 100%;
    position: relative;
    display:block;
    padding-top: 10px;
    overflow-x: hidden;
}


#recentWinnersLandscape .title{
    font-size: 45px;
    font-family: 'Baloo', cursive;
    text-align: center;
    padding-top: 10px;
    position: relative;
    background: #f9ed3d; /* Old browsers */
    background: -moz-linear-gradient(top, #f9ed3d 0%, #ffc421 45%, #ff9900 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9ed3d 0%,#ffc421 45%,#ff9900 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9ed3d 0%,#ffc421 45%,#ff9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ed3d', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index:2
}
#recentWinnersLandscape .title:after{
    content:'KINGS OF THE JUNGLE';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    mix-blend-mode: screen;
    text-shadow: 1px 11px 0px #7d2606;
    z-index:1;
}


#recentWinnersLandscape .winner{height: 70px;border-bottom: 1px solid #569dad;margin-top: 10px;font-weight:bold;}
#recentWinnersLandscape .text{color:#ffffff;font-size:13px;}


#recentWinnersPortrait .title{
    font-size: 8vw;
    font-family: 'Baloo', cursive;
    text-align: center;
    padding-top: 10px;
    position: relative;
    background: #f9ed3d; /* Old browsers */
    background: -moz-linear-gradient(top, #f9ed3d 0%, #ffc421 45%, #ff9900 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9ed3d 0%,#ffc421 45%,#ff9900 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9ed3d 0%,#ffc421 45%,#ff9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ed3d', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index:2;

}
#recentWinnersPortrait .title:after{
    content:'KINGS OF THE JUNGLE';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    mix-blend-mode: screen;
    text-shadow: 1px 11px 0px #7d2606;
    z-index:1;
}


#recentWinnersPortrait .winner {width:100%;height: 70px;float:left;}

#recentWinnersPortraitLeft{width:100%;margin-bottom: 10px;}
#recentWinnersPortraitRight{width:50%;float:left;}
#recentWinnersPortrait .text{color:#295158;font-size:13px;margin-top: 10px;}

.fruit{
    width: 45px;
    height: 100%;
    float: left;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.fruit1{background-image: url('../Images/fruit1.png');}
.fruit2{background-image: url('../Images/fruit2.png');}
.fruit3{background-image: url('../Images/fruit3.png');}
.fruit4{background-image: url('../Images/fruit4.png');}
.fruit5{background-image: url('../Images/fruit5.png');}
.fruit6{background-image: url('../Images/fruit6.png');}

.bigger{font-size:18px;font-weight:bold;}


#row2Right{
    width:290px;
    float:left;
    position:relative;
}
#row2 .right .title{
    font-size: 36px;
    font-family: 'Baloo', cursive;
    text-align: center;
    padding-top: 10px;
    position: relative;
    background: #f9ed3d; /* Old browsers */
    background: -moz-linear-gradient(top, #f9ed3d 0%, #ffc421 45%, #ff9900 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9ed3d 0%,#ffc421 45%,#ff9900 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9ed3d 0%,#ffc421 45%,#ff9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ed3d', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.latestNewsHolder{position:relative;margin-top:50px;}

.winnerTitle{
    font-size: 36px;
    font-family: 'Baloo', cursive;
    text-align: center;
    color: #ff6426;
}


#row2 .divider{
    border-bottom:1px solid #70def2;
    width: calc(100% - 20px);
    box-sizing: border-box;
    position: relative;
    left: 15px;
}

.termslink{
    position: absolute;
    right: 200px;
    bottom: 90px;
    height: 30px;
    width: 190px;
    cursor:pointer;
}

/*First breakpoint 1350px*/
@media screen and (max-width:1350px){

    #recentWinnersPortrait .title {
        zoom: 1;
    }
    .lemon,.strawberry,.grape,.apple,.melon{
        zoom: 1;
    }
}
/*second breakpoint 1100px*/

@media screen and (max-width:1100px){
    #row2Left{width:100%!important;}
    #row2Right{display:none!important;}
    #recentWinnersLandscape{width:250px;}
    #recentWinnersLandscape .title{font-size: 21px;}
    #recentWinnersLandscape .right{display:none;}
    .winner .bigger{font-size:14px;}

    #row2 .latestNewsTitle{margin-left:-20px;}


    .lemon,.strawberry,.grape,.apple,.melon{
        zoom: 0.8;
    }

}
/*third breakpoint 700px*/

@media screen and (max-width:700px){

    #recentWinnersPortrait .title {
        zoom: 0.8;
    }



    #topSliderHolder{width: 100%;}
    #row1{background-size: 100% auto;}


    #topSlider{width:100%;background-size:100% auto;}
    #gameButtons{display:none;}



}

/*fourth breakpoint 500px*/
@media screen and (max-width:500px){

    .winner .bigger{font-size:14px;}
    #currentTournamentsPortrait .tournament{width:212px;margin-left: auto;margin-right: auto;clear:both;float: none;}

}
/*fifth breakpoint 400px*/
@media screen and (max-width:400px){


    #recentWinnersPortrait .text{font-size:10px;}
    .fruit{width: 23px;}
}
