.CarouselGames{display: block; margin: 0px auto; width: 100%; max-width: 1000px; height:220px;position: relative;}

.owl-carousel .item {height: 100%; padding: 0;}
.owl-carousel .item .ImgGame{display: block; width: 100%; max-width: 235px; height: auto; margin: 2px auto 0px auto;}
.owl-carousel .item .BoxStars{display: block; width: 50%;height: 15px; margin: 5px auto 0px auto;background: url("../images/carousels/stars.svg")no-repeat 50% 50%;background-size: 100% 100%;}
.owl-carousel .item .BoxStars img{display: block; width: 18%;height: auto; float: left;margin: 0px 1% 0px 1%; }

.RowTitleCat{display: block;width: 100%; height: 35px;}
.TitleCat{display: block; float: left; height: 25px; line-height: 30px; font-family: 'Lato', Arial, Helvetica, sans-serif; color: #fbf80a; font-size: 16px;}

#IconSlot{display: block; width: 30px; margin: 0px 15px 0px 3px; float: left;}
#IconTable{display: block; width: 30px; margin: 0px 15px 0px 3px; float: left;}
#IconPoker{display: block; width: 30px; margin: 0px 15px 0px 3px; float: left;}

.owl-next{display: block;width: 50px; height: 100%;position: absolute;left: -50px; top: 0%;background: url("../images/carousels/arrows.svg") 0% 50% no-repeat; background-size: 200% 100%;}
.owl-prev{display: block;width: 50px; height: 100%;position: absolute;right: -50px; top: 0%;background: url("../images/carousels/arrows.svg") 100% 50% no-repeat; background-size: 200% 100%;}


/*RESPONSIVE*/
@media only screen and (min-width:10px) and (max-width:680px){
    #SliderDesktop{display: none;}
    .CarouselGames{display: block;}
}
@media only screen and (min-width:361px) and (max-width:415px){
    .CarouselGames{display: block;width: 90%; height:190px;}
}
@media only screen and (min-width:321px) and (max-width:360px){
    .CarouselGames{display: block;width: 90%; height:170px;}
}
@media only screen and (min-width:1px) and (max-width:320px){
    .CarouselGames{display: block;width: 90%; height:150px;}
    .CarouselGames h3{display: block!important;}
}
