.header{background-color:#2D3036}.header .container{display:flex;width:100%;height:50px;align-items:center;justify-content:space-between}.header .container .left{display:flex;align-items:center;justify-content:flex-end}.header .container .left .logo .big{width:110px;height:36px;margin:5px}.header .container .left .logo .small{width:50px;height:50px;display:none}.header .container .left .live{margin-left:20px;cursor:pointer;color:#fff}.header .container .left .live .point{display:inline-block;border-radius:50%;width:10px;height:10px;background-color:red}.header .container .main-menu{width:600px;text-align:center}.header .container .main-menu a{margin:0 10px;text-decoration:none;text-transform:uppercase;color:#F2F3F5}.header .container .right{display:flex;align-items:center;justify-content:flex-end}.header .container .right .notifications,.header .container .right .search{height:36px;margin:5px}.header .container .right .mobile-menu-btn{margin-left:5px;width:50px;height:50px;display:none;cursor:pointer}.header .container .right .mobile-menu{display:none;background-color:#2D3036;position:absolute;top:50px;z-index:1000;width:170px}.header .container .right .mobile-menu a{display:block;color:#fff;text-decoration:none;padding:10px 50px 10px 20px;border:1px solid #fff}@media screen and (max-width:960px){.header .container .main-menu{display:none}.header .container .right .mobile-menu-btn{display:block}}@media screen and (max-width:720px){.header .container .left .logo .big{display:none}.header .container .left .logo .small{display:block}}