body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;background-repeat: no-repeat !important;}
section.banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 1000px !important;
    padding-top: 41px;
    padding-bottom: 71px;
}
.col-full {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.device-width {
    display: flex;
    padding: revert;
    justify-content: space-between;
    align-items: center;
}

.backgroundimg {
    min-height: 124px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    BACKGROUND-POSITION: CENTER !important;
    width: 100% !important;
    max-width: 100% !important;
}
.backgroundimg .clickbtn a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    WIDTH: 100%;
    ALIGN-ITEMS: CENTER;
    background: #d80499;
    border-radius: 16px;
    padding: 1px 50px;
    font-size: 15px;
    line-height: 1;
}
.backgroundimg .clickbtn2 a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 14px;
}
.banner .game {
    display: flex;
    JUSTIFY-CONTENT: END !IMPORTANT;
    width: 70% !important;
}
.banner .col-50 {width: 50%;}

.banner img.Marvel {
    float: right;
    animation: fadeIn 5s ease-in-out;
    opacity: 1;
    visibility: visible;
    animation-name: bounceInaaleft;
}
.banner .game .DClogo3 {
    PADDING-TOP: 10PX;
    display: block;
    margin: 0 auto;
}
.col-33 {
    position: relative;
    width: 33.333% !important;
    text-align: center;
}
.banner .game .Superman {
    FLOAT: RIGHT !IMPORTANT;
    PADDING-TOP: 10PX;
}
.backgroundimg .clickbtn2 a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    WIDTH: 100%;
    ALIGN-ITEMS: CENTER;
    background: #d80499;
    border-radius: 16px;
    padding: 1px 50px;
    font-size: 15px;
    line-height: 1
}

.gnames-name {
    float: left;
    width: 100%;
    top: 0px !important;
    position: relative;
}
.gnames-name h5 {
    z-index: 9999;
    position: relative;
    color: #ffff;
    font-size: 27px;
    line-height: 33px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.gnames-name h2 {
    z-index: 9999;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
@media screen and (max-width: 600px) {
    .col-full {
        padding: 0 20px;
    }
.game {
    width: 100% !important;
    margin-bottom: 24px;
}
.col-50 {
    width: 100% !important;
}
section.banner {
    min-height: 300px !important;
}

.game2 img {
    width: 100%;
    margin-top: 30px;
}
.comics2 img {
    width: 100%;
}
.comics img {
    width: 100%;
}
.game img {
    width: 100%;
}
.col-33 img {
    width: 100%;
    margin-top: 24px;
}
.col-33 .col-full  .clickbtn a {
    font-size: 10px;
    padding: 3px 37px;
    top: -4px;
    position: relative;
}
.col-33 .backgroundimg {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 85px !important;
    background-size: contain !important;
}
.col-33  .backgroundimg .clickbtn2 a {
    font-size: 10px !important;
    padding: 3px 37px !important;
    position: relative;
    top: -5px;
}
.col-33 .backgroundimg .clickbtn2 {
    width: 100%;
}
.comics {
    width: 100% !important;
}
.comics2 {
    display: flex;
    justify-content: end;
    margin: 30px 0px;
}
.device-width {
    display: block;
}
.device-width .col-33 {
    width: 100% !IMPORTANT;
}
.gnames-name h5 {
    font-size: 15px;
    line-height: 27px;
}
.gnames-name h2 {
    font-size: 20px;
    line-height: 21px;
}
.gnames-name {
    line-height: 1px;
    margin: 0;
}
.col-33 .backgroundimg .clickbtn2 {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 85px !important;
}
img.VALLIAN {
    float: left !important;
}
.game {
    display: block;
}
.logobox {
    width: 100% !important;
}
.logogame .col-100 {
    width: 50% !important;
}
img.HORSE {
    width: 100% !important;
    margin-top: -40px;
}
.pokemon {
    width: 100% !important;
}
img.AVENGERS {
    width: 100% !important;
}
.logogame {
    width: 100% !important;
    margin: 0 !important;
}
.banner .game {
    width: 100% !important;

}
.game2 .col-50 {
    width: 50% !important;
}
.Games .col-50 {
    width: 50% !important;
}
.Games {
    margin-bottom: 30px;
}
}
@keyframes fadeIn {
    0% { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}
.comics {
    width: 70%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-right: 0 !important;
    align-items: end !important;
}
img.STARWARS {
    margin: 0 auto !important;
    display: block;
}
img.magic {
    float: right !important;
}
img.heroclix {
    margin-top: -31px;
    margin-left: 10px;
}.game2 {
    display: -webkit-inline-box;
    width: 100% !important;
}
.Games {
    display: -webkit-inline-box;
    width: 100% !important;
    margin-top: -20px;
}
.logogame {
    display: flex;
    justify-content: end;
    margin-top: -63px;
    width: 75% !important;
    align-items: center !important;
}
img.VALLIAN {
    float: right;
    float: right;
}.pokemon {
    width: 70%;
    margin: 0 auto;
    margin-right: 0 !important;
}
.pokemon .game {
    width: 100% !important;
}
.pokemon .game .col-50 {
    float: right !important;
    display: flex;
    justify-content: end;
    align-items: center;
}


.logobox {
    width: 70%;
}
.Games img.BATMAN {
    float: right;
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;

}
.wow.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
    visibility: visible;
    animation-delay: 0.5s;
    animation-name: rollIn;
}

.animate__animated.animate__bounce {
    --animate-duration: 2s;
  }
  :root {
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
}body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;background-repeat: no-repeat !important;}
section.banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 1000px !important;
    padding-top: 41px;
    padding-bottom: 71px;
}
.col-full {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.device-width {
    display: flex;
    padding: revert;
    justify-content: space-between;
    align-items: center;
}

.backgroundimg {
    min-height: 124px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    BACKGROUND-POSITION: CENTER !important;
    width: 100% !important;
    max-width: 100% !important;
}
.backgroundimg .clickbtn a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    WIDTH: 100%;
    ALIGN-ITEMS: CENTER;
    background: #d80499;
    border-radius: 16px;
    padding: 1px 50px;
    font-size: 15px;
    line-height: 1;
}
.backgroundimg .clickbtn2 a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 14px;
}
.banner .game {
    display: flex;
    JUSTIFY-CONTENT: END !IMPORTANT;
    width: 70% !important;
}
.banner .col-50 {width: 50%;}

.banner img.Marvel {
    float: right;
    animation: fadeIn 5s ease-in-out;
    opacity: 1;
    visibility: visible;
    animation-name: bounceInaaleft;
}
.banner .game .DClogo3 {
    PADDING-TOP: 10PX;
    display: block;
    margin: 0 auto;
}
.col-33 {
    position: relative;
    width: 33.333% !important;
    text-align: center;
}
.banner .game .Superman {
    FLOAT: RIGHT !IMPORTANT;
    PADDING-TOP: 10PX;
}
.backgroundimg .clickbtn2 a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    WIDTH: 100%;
    ALIGN-ITEMS: CENTER;
    background: #d80499;
    border-radius: 16px;
    padding: 1px 50px;
    font-size: 15px;
    line-height: 1
}

.gnames-name {
    float: left;
    width: 100%;
    top: 0px !important;
    position: relative;
}
.gnames-name h5 {
    z-index: 9999;
    position: relative;
    color: #ffff;
    font-size: 27px;
    line-height: 33px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.gnames-name h2 {
    z-index: 9999;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
@media screen and (max-width: 600px) {
    .col-full {
        padding: 0 20px;
    }
.game {
    width: 100% !important;
    margin-bottom: 24px;
}
.col-50 {
    width: 100% !important;
}
section.banner {
    min-height: 300px !important;
}

.game2 img {
    width: 100%;
    margin-top: 30px;
}
.comics2 img {
    width: 100%;
}
.comics img {
    width: 100%;
}
.game img {
    width: 100%;
}
.col-33 img {
    width: 100%;
    margin-top: 24px;
}
.col-33 .col-full  .clickbtn a {
    font-size: 10px;
    padding: 3px 37px;
    top: -4px;
    position: relative;
}
.col-33 .backgroundimg {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 85px !important;
    background-size: contain !important;
}
.col-33  .backgroundimg .clickbtn2 a {
    font-size: 10px !important;
    padding: 3px 37px !important;
    position: relative;
    top: -5px;
}
.col-33 .backgroundimg .clickbtn2 {
    width: 100%;
}
.comics {
    width: 100% !important;
}
.comics2 {
    display: flex;
    justify-content: end;
    margin: 30px 0px;
}
.device-width {
    display: block;
}
.device-width .col-33 {
    width: 100% !IMPORTANT;
}
.gnames-name h5 {
    font-size: 15px;
    line-height: 27px;
}
.gnames-name h2 {
    font-size: 20px;
    line-height: 21px;
}
.gnames-name {
    line-height: 1px;
    margin: 0;
}
.col-33 .backgroundimg .clickbtn2 {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 85px !important;
}
img.VALLIAN {
    float: left !important;
}
.game {
    display: block;
}
.logobox {
    width: 100% !important;
}
.logogame .col-100 {
    width: 50% !important;
}
img.HORSE {
    width: 100% !important;
    margin-top: -40px;
}
.pokemon {
    width: 100% !important;
}
img.AVENGERS {
    width: 100% !important;
}
.logogame {
    width: 100% !important;
    margin: 0 !important;
}
.banner .game {
    width: 100% !important;

}
.game2 .col-50 {
    width: 50% !important;
}
.Games .col-50 {
    width: 50% !important;
}
.Games {
    margin-bottom: 30px;
}
}
@keyframes fadeIn {
    0% { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}
.comics {
    width: 70%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-right: 0 !important;
    align-items: end !important;
}
img.STARWARS {
    margin: 0 auto !important;
    display: block;
}
img.magic {
    float: right !important;
}
img.heroclix {
    margin-top: -31px;
    margin-left: 10px;
}.game2 {
    display: -webkit-inline-box;
    width: 100% !important;
}
.Games {
    display: -webkit-inline-box;
    width: 100% !important;
    margin-top: -20px;
}
.logogame {
    display: flex;
    justify-content: end;
    margin-top: -63px;
    width: 75% !important;
    align-items: center !important;
}
img.VALLIAN {
    float: right;
    float: right;
}.pokemon {
    width: 70%;
    margin: 0 auto;
    margin-right: 0 !important;
}
.pokemon .game {
    width: 100% !important;
}
.pokemon .game .col-50 {
    float: right !important;
    display: flex;
    justify-content: end;
    align-items: center;
}


.logobox {
    width: 70%;
}
.Games img.BATMAN {
    float: right;
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;

}
.wow.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
    visibility: visible;
    animation-delay: 0.5s;
    animation-name: rollIn;
}
.animate__animated.animate__bounce {
    --animate-duration: 2s;
  }
  :root {
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
  }
 .wow.bounceInRight img {
    max-width: 178px;
}

.wow.bounceInLeft img {
    max-width: 160px;
}

.wow.rollIn img {
    max-width: 191px;
}

.wow.bounceInDown.center img {
    max-width: 183px;
}