@media screen and (max-width: 1800px) {
  .page-center .game-box {
    --allWidth: calc(100% - 90px);
    --width: calc((100% - 90px) / 9);
    width: var(--width);
  }
  .related_post_game .game-box {
    --allWidth: calc(100% - 60px);
    --width: calc((100% - 60px) / 6);
    width: var(--width);
    position: relative;
  }

  .left-side .game-box, .right-side .game-box {
    width: 100%;

  }
}

@media screen and (max-width: 1600px) {
  .page-center .game-box {
    --allWidth: calc(100% - 80px);
    --width: calc((100% - 80px) / 8);
    width: var(--width);
  }
  .related_post_game .game-box {
    --allWidth: calc(100% - 60px);
    --width: calc((100% - 60px) / 6);
    width: var(--width);
    position: relative;
  }

  .left-side .game-box, .right-side .game-box {
    width: 100%;
  }

    .game_bottom_similiargames{
    max-width: 100%;
  }

  .iframe_code{
            height: 600px;
  }
}

@media screen and (max-width: 1400px) {
  .page-center .game-box {
    --allWidth: calc(100% - 70px);
    --width: calc((100% - 70px) / 7);
    width: var(--width);
  }
  .related_post_game .game-box {
    --allWidth: calc(100% - 60px);
    --width: calc((100% - 60px) / 6);
    width: var(--width);
    position: relative;
  }


  .left-side .game-box, .right-side .game-box {
    width: 100%;
  }

  .Top_left{
    display: none;
  }

  .left-side{
    display: none;
  }

  .main_single_page{
    max-width: calc(100% - 115px);
    padding: 0 10px 0 0;
  }

  #pregamediv {
    max-width: calc(100% - 115px);
    padding: 0px 15px 0 0;
  }
}

@media screen and (max-width: 1300px){
  .left_ads{
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .page-center .game-box ,
  .related_post_game .game-box{
    --allWidth: calc(100% - 60px);
    --width: calc((100% - 60px) / 6);
    width: var(--width);
  }
  .menu-header-menu-container ul li a {
    font-size: 22px;
    line-height: 28px;
  }

  .right-side{
    display: none;
  }

  .main_single_page{
    max-width: 100%;
    display: block;
  }

  .right-side-ads{
    display: none;
  }

  #pregamediv {
    max-width: 100%;
    padding: 0px;
  }
}

@media screen and (max-width: 1000px) {
  .page-center .game-box,
  .related_post_game .game-box {
    --allWidth: calc(100% - 50px);
    --width: calc((100% - 50px) / 5);
    width: var(--width);
  }

  div.contain {
    display: block;
    background-color: #ffffff;
  }
  .postimage {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .postimage img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  .right_side_data {
    max-width: 100%;
    padding: 0px 20px 20px;
  }

  h1.top-heading,
  h1.entry-title {
    font-size: 36px;
    line-height: normal;
  }
  li.cards_item {
    width: 50%;
  }
  .card_image {
    max-height: max-content;
  }
  .iframe_code {
    height: 500px;
  }
}

@media screen and (max-width: 800px) {
  .page-center .game-box ,
  .related_post_game .game-box{
    --allWidth: calc(100% - 40px);
    --width: calc((100% - 40px) / 4);
    width: var(--width);
  }
  .menu-header-menu-container ul {
    gap: 5px 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}


@media screen and (min-width: 767px){
  .mobile-ads-top,
  .mobile-ads-bottom{
    display: none;
  }
}

@media screen and (min-width: 600px){
  .advertisement{
    display: none;
  }
}

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

  .right_ads, .left_ads, .desktop-ad-top,.desktop-ad-bottom{
    display: none;
  }

  .mobile-ads-top {
    text-align: center;
    margin: 15px auto;
  }


  .play_area {
    display: block;
    padding: 15px;
  }

  .top_data {
    flex-direction: column;
    gap: 5px 20px;
    align-items: flex-start;
  }
  .game_content {
    max-width: 100%;
  }
  .middle_contain h2 {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  div#back_to_top {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
  }
  .main_single_page {
    max-width: 100%;
    padding: 0px 10px;
  }
}

@media screen and (max-width: 600px) {
  .page-center .game-box ,
  .related_post_game .game-box{
    --allWidth: calc(100% - 20px);
    --width: calc((100% - 20px) / 2);
    width: var(--width);
  }

  .page-center .games2 .game-box{
    --allWidth: calc(100% - 20px);
    --width: calc((100% - 20px) / 2);
    width: var(--width);
  }
  .menu-header-menu-container ul li a {
    font-size: 18px;
    line-height: 24px;
  }

  .fixed-menu + .main_contain {
    margin-top: 100px;
  }
  li.cards_item {
    width: 100%;
    padding: 10px 0px;
  }
  .iframe_code {
    margin-bottom: 0;
    height: 350px;
  }

}

@media screen and (max-width: 500px) {
  .main_header {
    flex-direction: column;
    gap: 10px 30px;
  }
}

@media screen and (max-width: 300px) {
  .page-center .game-box ,
  .related_post_game .game-box{
    --allWidth: calc(100% - 20px);
    --width: calc((100% - 20px) / 2);
    width: var(--width);
  }
}