/* COMPONENT: Article Manual CSS */
#fullContent section .row.breadcrumbs {
    padding-top: 80px;
}
#fullContent .richtext-repeater .section {
    margin-bottom: 40px;
    margin-top: 15px;
}
#fullContent .titleUniqueManual .row.breadcrumbs, 
#fullContent .richtext-repeater .section:first-child {
    padding-top: 0px;
}

/* COMPONENT: Article Manual - Multimedia CSS */
#fullContent .left-multimedia-container {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 0px;
}
#fullContent .left-multimedia-container span.image-wrapper, 
#fullContent .right-multimedia-container span.image-wrapper {
    border: 1px solid #5a5a5a;
    display: block;
}
#fullContent .left-multimedia-container .image-wrapper img, 
#fullContent .right-multimedia-container .image-wrapper img {
    border: 3px solid #000;
}

#fullContent .left-multimedia-container.icon-multimedia-container .image-wrapper img, 
#fullContent .right-multimedia-container.icon-multimedia-container .image-wrapper img {
    border: 0;
}
#fullContent .left-multimedia-container.icon-multimedia-container span.image-wrapper,
#fullContent .right-multimedia-container.icon-multimedia-container span.image-wrapper {
    border: 0;
}
/* COMPONENT: Article Manual - Steps CSS */
.article-manual-template .steps-Repeater, 
.article-lobby-manual-template { 
    counter-reset: section; 
}
span.step-counter::before{
    counter-increment: section;
    content: "" counter(section);
}
#fullContent .article-manual-template .steps-Repeater {
    margin-top: 40px;
}
#fullContent .Manual-step, 
#fullContent .end-page {
    margin: 0 0 40px 0;
    padding: 0;
}
#fullContent .Manual-step .alignContent {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
#fullContent .step-counter-wrapper {
    float: left;
}
.cgp-rtl #fullContent .step-counter-wrapper {
    float: right;
}
#fullContent .step-counter, 
#fullContent .end-page:before {
    width: 68px;
    height: 68px;
    position: inherit;
    top: 0;
    left: 0;
    margin-left: 0;
    border-radius: 68px;
    line-height: 68px;
    background: #434343;
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
#fullContent .Manual-step .alignContent h2 {
    display: inline-block;
    padding-top: 0;
    margin: 0px;
}
#fullContent .Manual-step-image {
    width: 34%;
    float: left;
    padding: 0 15px;
    margin-top: 0;
    position: relative;
}
.cgp-rtl #fullContent .Manual-step-image {
    float: right;
}
#fullContent .image-wrapper img {
    width: 100%;
}
#fullContent .icon-multimedia-container .image-wrapper img {
    width: auto;
}
@media screen and (max-width: 1700px){
	#fullContent .Manual-step-image{
		width: 32%;
	}
}
/*@media screen and (max-width: 1700px){
	.promotions-bonus-policy-page #fullContent .titleUniqueManual .row.breadcrumbs, 
	.promotions-freeplay-page #fullContent .titleUniqueManual .row.breadcrumbs, 
	.promotions-how-to-claim-page #fullContent .titleUniqueManual .row.breadcrumbs{
		padding-top: 65px;
	}
}*/
@media screen and (max-width: 1024px){
	#fullContent .step-counter, 
	#fullContent .end-page:before{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	#fullContent .end-steps::before {
		background-size: contain;
		width: 50px;
		height: 50px;
	}
	#fullContent .end-steps h2{
		left: 65px;
		bottom: 15px;
	}
}
@media only screen and (max-width: 840px) and (min-width: 641px){
	#fullContent .s-section .warpGameItemNotHover, 
	#fullContent .s-section .teaser-data, 
	#fullContent .swiper-slide img, 
	#fullContent .warpGameItemNotHover {
		max-width: 180px;
	}
}
@media screen and (max-width: 840px){
	#fullContent .Manual-step-text h2{
	padding: 0px 0px 5px;
	}
	#fullContent .Manual-step-text{
		width: 100%;
		padding: 0;
	}
	#fullContent .alignContent .Manual-step-text{
		width: calc(100% - 60px);
		margin-bottom: 15px;
	}
	#fullContent .Manual-step .alignContent h2{
		padding:0px 10px;
		width: calc(100% - 68px);
	}
	#fullContent .step-counter-wrapper, 
	#fullContent .Manual-step .alignContent h2 {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	#fullContent .Manual-step .alignContent .text{
	clear: both;
	}
	#fullContent .left-multimedia-container, 
	#fullContent .article-manual-template .section.row .rich-text, 
	#fullContent .right-multimedia-container{
	width: 100%;
		margin: 0 0 20px;
	}
	#fullContent .left-multimedia-container.icon-multimedia-container, 
	#fullContent .right-multimedia-container.icon-multimedia-container {
		max-width: 100px;
		margin: 0 10px 0 0;
		width: auto;
	}
	#fullContent .richtext-repeater .section {
		margin-bottom: 20px;
	}
	#fullContent .Manual-step-image{
		width: 100%;
		padding: 0 0 15px;
	}
	#fullContent .richtext-repeater .section:first-child{
	margin-top:0px;
	}
}
@media only screen and (min-width: 641px){
    #fullContent .Manual-step {
        clear: both;
        position: relative;
    }
}
@media only screen and (max-width: 414px) {
	#fullContent .left-multimedia-container.icon-multimedia-container, 
	#fullContent .right-multimedia-container.icon-multimedia-container {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	#fullContent .left-multimedia-container.icon-multimedia-container .image-wrapper, 
	#fullContent .right-multimedia-container.icon-multimedia-container .image-wrapper {
		max-width: 100px;
		margin: 0 auto 5px;
		text-align: center;
	}
}



#fullContent .owl-item .teaser-data {
    max-width: 215px;
    text-align: center;
    padding: 3px;
    margin: 0 auto;
}
#fullContent .owl-item .teaser-data a {
    color: #fff;
    font-size: 0.9em;
}