* {
        padding: 0;
        margin: 0;
    }
    .game_main {
        padding-top: 180px;
        /*border: solid 1px red;*/
        min-height: 60vh;
       background: white;
    }
    .game_str {
        width: 80%;
        max-width: 100%;
        height: auto;
        min-height: 15rem;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
       padding-bottom: 10px;
       justify-content: center;
       
    }
    .game_div {
        width: 17%;
        min-width: 12rem;
        height: auto;
        margin-right: auto;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        margin-left: 10px;
        justify-content: center;
        margin-top: 10px;
        background: whitesmoke;
        position: relative;
        border-radius: 10px;
    }
    .game_img {
       border-radius: 10px;
       width: 100%;
       padding: 0;
       height: auto;
       min-height: 12rem;
       max-height: 12rem;
       position: relative;
      
    }
    .below_img {
        border-radius: 10px;
        width: 98%;
        height: auto;
        max-height: 100%;
        margin: auto;
        text-align: center;
        justify-content: center;
        
    }
    .below_img:hover {
        transform: scale(1.03);
        transition: 2s;
        
    }
    .below_img:hover > .btnhover{
       opacity: 1;
          transition: 2s;
    }
    /*.below_img:before {
        content: url("/static/play-button-svgrepo-com-2.svg");
        
        font-size: 20px;
        position: absolute;
        opacity: 0;
        transition: 2s;
        top: 30%;
        left: 40%;
        text-align: center;
    }*/
    .btnhover {
        position: absolute;
        top: 0;
        width: 100%;
        height: 95%;
       max-height: 220px;
        margin: auto;
        display: flex; justify-content: center; align-items: center; overflow:hidden;
        text-align: center;
        opacity: 0;
      }
    /*.below_img:hover .btnhover {
        opacity: 1;
      }*/
      /*.btnhover:hover {
          opacity: 1;
          transition: 2s;
          border: solid 1px red;
      }*/
    
    /*.game_div:hover:before {
        opacity: 1;
        z-index: 10;
    }*/
    .game_div_text {
        color: rgb(80, 81, 90);
        padding-top: 0px; 
        text-align: left;
        padding: 5px;
        line-height: 1.2;
        font-size: 13px;
    }
    .game_title_btn {
        width: 100%;
        height: auto;
        display: flex;
        
    }
    .game_title {
        width: 100%;
       
       
    }
   
    .link {
        color: rgb(92, 92, 90);
    }
    .game_div a {
        text-decoration: none;
    }
    @media screen and (max-width: 1550px) {
       
    }
    @media screen and (max-width: 1100px) {
        .game_str{
            width: 90%;
            margin: auto;
        }
        .game_img {
            min-height: 12rem;
        }
    }
    @media screen and (max-width: 910px) {
        .game_str {
            width: 98%;
            margin: auto;
        }
        .game_img {
            max-height: none;
            min-height: 14rem;
        }
    }
    @media screen and (max-width: 870px) {
        .game_str {
            width: 90%;
            
        }
        .game_div {
            width: 30%;
        }
    }
    @media screen and (max-width: 690px) {
        .game_div {
            width: 45%;
        }
        .game_str {
            justify-content: center;
        }
    }
    @media screen and (max-width: 450px) {
        .game_str {
            width: 95%;}
        .game_div {
            width: 45%;
            min-width: 8rem;
            margin: 5px;
        }
      
       .game_img {
           min-height: 12rem;
       }
    }
      @media screen and (max-width: 320px) {
        .game_str {
            width: 98%;
            
        }
        .game_div {
            width: 90%;
            }
        
    }