@media( max-width:1400px){

}

@media( max-width:1200px){
    .innerCategory .gameInfo {
	    width: calc(25% - 12.5px);
    }
     .extra_content .gameInfo {
        width: calc(33.33% - 10px);
    }
}

@media(max-width:992px){
    .gameModal .modal-content {
	    width: 75%;
    }
    .gameModal .close {
	    right: -5px;
	    top: 0px;
    }
    .innerCategory .gameInfo {
	    width: calc((100%/3) - 12.5px);
    }
      .extra_content .gameInfo {
        width: calc(50% - 7.5px);
    }
}
@media(max-width:768px) {
    .swiper-carousel-animate-opacity{
        pointer-events:none;
        padding:0;
    }
    .swiper_top_games .caption{
        backdrop-filter:blur(50px);
        bottom:0;
        opacity:1;
        border-radius:10px;
    }
    .iconPlay {
	    display:none;
    }
    .innerCategory .gameInfo {
	    width: calc(50% - 12.5px);
    }
    .swiper_top_games .swiper-slide {
	    width: 75%;
    }
}

@media(max-width:576px){
    .paddings {
	    padding: 0 1rem;
    }
    .topg_title, .newg_title {
	    font-size: 24px;
    }
    .swiper_top_games {
	    overflow: unset;
    }
    .swiper_top_games .swiper-slide {
	    width: 100%;
    }
    .swiper_top_games .swiper-button-prev::before,
    .swiper_top_games .swiper-button-next::before {
	    background-color: #9d9d9d73;
	    width: 100%;
	    height: 100%;
	    content: '';
	    z-index: -1;
	    position: absolute;
	    padding: 20px;
	    border-radius: 50%;
	    clip-path: circle(39.49% at 37px 42px);
    }
    .swiper_top_games .swiper-button-next::before {
	    clip-path: circle(39.49% at 31px 42px);
    }
    .gameInfo {
	    min-width: 90%;
    }
    .gameContent:hover .game_title {
	    opacity: 1;
    }
    .gameModal{
        z-index: 999999;
        padding-top:0;
    }
    .gameModal .modal-content {
	    width: 100%;
        height:100%;
	    padding: 10px;
        margin-top:0px;
        border-radius:0;
    }
    .gameModal .modalImage {
	    width: 100%;
    }
    .gameModal .modalTitle {
	    margin-top: 30px;
    }
    .gameModal .modalDescription {
	    font-size: 14px;
    }
    .playgames_cat {
	    margin-top: 100px;
    }
    .innerCategory{
        padding:1rem;
    }
    .innerCategory .gameInfo {
	    width:100%;
    }
    .webtv-btn a::before, .webtv-btn a::after {
        width: 50.5%;
    }
      .extra_content .gameInfo {
        width: 100%;
    }
}

@media(min-width:1980px) {
    .hero {
        margin-top: 9vw!important;
    }
    #content {
	    margin-top: 7vw;
    }
}