body{background-image: url('/playgames/games-logo/m.lxradiant.com/bg.png');background-size: cover .bottom-text{margin-top: 8px; padding: 2px 6px;border-radius: 12px;line-height: 22px;font-size: 16px;}
.box-outer{padding: 2px 0px; width: 95%; max-width: 400px; margin: 0 auto;} .box-outer .grid-container{display: inline-grid;grid-template-columns: auto auto auto;}.download-box img{width: 30px; height: 22px;}

.box1 .game-play{border-radius:12px;padding: 10px;}
.box1 .title{color: black;font:500 24px Torus,sans-serif;font-weight: bold;margin-top: 8px; margin-bottom: 8px;text-align:center}
.box2{display: grid;grid-template-rows: repeat(auto-fill,94px);grid-template-columns:repeat(3, 94px); grid-gap: 14px; justify-content: space-between}
     .box1 .game-play .game-img-box{display: flex;justify-content:center;align-items:center;width: 100%;height: 220px;border-radius: 16px;position: relative;cursor: pointer;}
      .box1 .game-play .game-img-box .img{width: 210px;height: 210px;position: absolute;z-index: 1;border-radius: 16px;}
     .box1 .game-play .game-start-box{display: flex;justify-content:center;align-items:center;}
      .box1 .game-play .game-start-box .svg {display: flex;align-items:center;font-size:26px;background:#009dff;padding:8px 32px;border-radius:24px;width:60%;justify-content:center}
     .box1 .game-play .game-start-box .svg img{width: 40px; height: 40px;}
     
     .box2{margin-top: 12px; margin-bottom: 6px}
     .box2 img{border-radius: 12px; width: 94px}
     .box2-title{padding:10px;color:black;font-weight:bold;font-size:20px;}
     .box2-title::before{display:inline-block;width:5px;height:15px;background-color:#0487f8;content:'';margin-right:10px;border-radius:5px;}
     .box-play-game .iframe-back{z-index: 1;position: fixed;top: 20px;border-radius: 0 1.125rem 1.125rem 0;overflow: hidden;width: 70px;height: 45px;text-align: center;background-color: #fff;transform: translateY(24px,24px);display: flex;align-items: center;justify-content: center;}
     .box-play-game .iframe-back img{width: 40px;height: 39px;}
      @keyframes breath-3f0035bc {
        0% {
            opacity: .1
        }
        50% {
            opacity: 1
        }
        to {
            opacity: .1
        }
     }
     .box-play-game .tap-game .img-tap-game{left: 0; z-index: 100; top: 200px;height: 50px;width: 50px;position: fixed;border-radius: 25px;opacity: 3;overflow: hidden;-webkit-animation-name:breath-3f0035bc;-webkit-animation-duration:1.2s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;transform: translateY(150px, 150px);}
     .bottom-text {padding-top: 12px; padding-bottom: 12px;margin-bottom: 16px;text-align:center}
     .bottom-text #type{color: #5d6b84;font-size: 16px;display:none;}
     .bottom-text #game-name{color: black;font:500 16px Torus,sans-serif;font-weight: bold;margin-top: 8px; margin-bottom: 8px;}
     .bottom-text #score-box{margin: 4px 0;}
     .bottom-text #score-box span{display: flex;align-items: center;width: 30px;justify-content: center;font-size: 12px;line-height: 22px;font-weight: 700;padding: 0 8px;color: #5d6b84;background: #f0f5fc;border-radius: 10px;height: 20px;margin-right: 4px;}
     .bottom-text #desc{font: 400 16px/24px Proxima Nova,Open Sans,Gill Sans MT,Gill Sans,Arial,sans-serif;line-height: 20px;}

     .bottom-text #game-types {padding-left: 0; margin: 8px 10px; width: 90%;display:flex;flex-wrap:wrap;justify-content:start;}
     .bottom-text #game-types li{padding: 5px 0; width: 40%;color:#625e5e;background-color:rgba(255,255,255,0.9);height:38px;margin-top:3px;margin-bottom:3px;border-radius:8px;display:flex;align-items:center;padding-left:20px;margin-left:8px}
    .bottom-text #game-types li a{font-size:20px;text-decoration:none;color:#625e5e;}
@media screen and (min-width: 1000px){.bottom-text #game-types {width: 95%}}

     .logo {width: 94px; height: 94px;position: fixed;z-index: 10;display: flex;align-items: center;background: #fff;border-radius: 16px;flex-direction: column;}
     .logo .top-icon{height: 28px;margin: 10px auto 20px;line-height: 28px;text-align: center;}
     .logo .top-icon-2{height: 40px;display: flex;align-items: center;justify-content: space-around;width: 100%;border-radius: 0 0 16px 16px;}

@media screen and (min-width: 1000px){
   .box-outer{max-width: 800px}.box1 img, .box2 img{width: 244px}.box1, .box2{grid-template-rows: repeat(auto-fill,244px);grid-template-columns:repeat(3, 244px)}.box1 .game-play{height: 484px}
   header{max-width:800px;margin:0 auto;}
   .box1 .game-play .game-img-box{height:300px}
   .box1 .game-play .game-img-box .img{height:300px;width:300px}
   .bottom-text #game-types li{font-size:15px}
   .bottom-text #desc{font-size:18px}
 
  .box1 .game-name .title{font: 500 38px / 38px Torus, sans-serif;width:400px;font-weight:bold;margin-top:65px}
}