body{margin: 0px !important}
     .box-outer {max-width: 480px;margin: 0 auto;}
     .search-box{background: #8f7ef1;max-width: 100%;display: flex;flex-direction: column;box-shadow: 0 12px 16px 0 rgba(0,0,0,.5)}
     .search-box .search-input{height: 60px !important;border-radius: 0 12px 12px 0 !important;top: 36px !important;width: 96vw !important; display: flex;align-items: center;background: #fff;flex-direction: row;position: relative;z-index: 2;}
     .search-box .search-input .btn{border-right: 2px solid #f0f5fc;height: 100%;display: flex;align-items: center;padding: 0 24px 0 16px;border-radius: 16px 0 0 16px;font-size: 100%;border: 0;background: none;cursor: pointer;}
     .search-box .search-input .input-outer{display: flex;justify-content: space-between;width: 100%;height: 100%;border:solid 2px #b0adad;border-radius:0 12px 12px 0 !important}
     .search-box .search-input .input-outer input{outline: 0;width: 100%;height: 100%;margin: 0 0 0 16px;border: none;font-family: Torus,sans-serif;font-size: 21px;color: #002b50;min-width: 0;background: transparent;}

     .search-box .section-result{padding: 44px 21px 0!important;transition: transform .1s ease-out 0s;transform: translateY(0);overflow: hidden scroll;display: flex;flex-direction: column;position: relative;top: 0;bottom: 0;left: 0;width: 100%;box-sizing: border-box;height: 100vh}
     .search-box .section-result .box-nav{margin: 0 -21px;position: relative;transition: opacity .1s ease-out 0s;will-change: opacity;}
     .search-box .section-result .box-nav nav{padding-left: 4px;margin: 0 0 -22px;}
     .search-box .section-result .box-nav nav .nav-item{display: inline-block;background: #fff;box-shadow: 0 4px 8px rgba(9,30,66,.07),0 0 2px rgba(9,30,66,.07);border-radius: 20px;color: #002b50;padding: 8px 20px;font: 700 12px / 22px Proxima Nova, Open Sans, Gill Sans MT, Gill Sans, Arial, sans-serif;text-transform: uppercase;margin: 0 10px 10px 0;height: 36px;box-sizing: border-box;cursor: pointer;}
     .search-box .section-result .pop-games a,.search-box .section-result .recent-games a {width: 94px;height: 94px;display: block;overflow: hidden;margin-bottom: 10px;position: relative;box-sizing: border-box;cursor: pointer;float: left;box-shadow: 0 6px 12px 0 rgba(0,0,0,.24);border-radius: 16px;margin-right: 16px;}
     .search-box .section-result .pop-games a img,.search-box .section-result .recent-games a img{width: 100%;height: 100%;border-radius: 16px;}
     .search-box .section-result .search-result a{font-size: 18px; margin: 16px 0;display: flex;text-decoration: none;}
     .search-box .section-result .search-result a img{border-radius: 8px;box-shadow: 0 4px 8px 0 rgba(0,0,0,.24); background: #bac9de;margin: 0 16px 0 0;width: 64px;height: 64px;}
     .search-box .section-result .search-result a div{margin: auto 0; font: 500 20px / 24px Torus, sans-serif; padding: 0 10px 0 0;color: #002b50}

     .no-search-result{margin: 24px 0 0 8px;max-width: 612px; background: #fff;padding: 18px 24px;}
     .no-search-result h1{margin: 0; font: 500 24px Torus,sans-serif}