@media screen and (max-width: 1023px) {
    body{
        max-width: 1023px;
    }
    a{
        text-decoration: none;
        color: orange;
    }
    a:hover {
        text-decoration: none;
        color: pink;
    }
    .top_menu {
        width:100%;
        text-align: left;
        border-bottom:1px solid orange;
        margin:0 auto;
        background: #333;
        position:relative;
        height:60px
    }
    .head_menu {
        display:none;
        position:fixed;
        top:0;
        left:0;
        z-index:4;
        background:#000;
        text-align:center;
        width:100%;
        height:100%;
        overflow:auto
    }
    .hedm {
        display:block;
        position:absolute;
        top:10px;
        right:10px;
        color:#000;
        background:orange;
        border-radius:5px;
        border:0;
        font-size:20px;
        padding:10px 20px
    }
    .hedm:hover {
        color:#fff;
        background:#333
    }
    .hedmc {
        position:absolute;
        top:0;
        right:0;
        color:#fff;
        background:#333;
        border-radius:0 0 0 5px;
        border:0;
        font-size:24px;
        padding:10px 20px
    }
    .hedmc:hover {
        color:orange;
        background:#555
    }
    .head_menu a {
        display:block;
        width:90%;
        text-align:center;
        color:#000;
        background:orange;
        margin:10px auto;
        padding:10px 0;
        border-radius:5px;
        position:relative;
        font:14px tahoma
    }
    .hedm_user_menu {
        position:fixed;
        bottom:20px;
        right:20px;
        border:0;
        background:orange;
        color:#000;
        font-size:32px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        width:65px;
        height:65px;
        box-shadow:0 0 5px #fff;
        z-index:1000
    }
    .hedm_user_menu:hover {
        color:#fff;
        background:#333;
        box-shadow:0 0 5px #333
    }
    .url_top {
        display:none;
    }
    .umc_mob {
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:999;
        background:#000;
        text-align:center;
        overflow:auto
    }
    .umc_mob .mobile-style {
        display:block;
        width:100%;
        height:100%;
        position:relative;
        text-align:center
    }
    .head_menu .mobile-style div {
        margin-top:64px;
        text-align:center;
        width:100%;
        display:block
    }
    .head_menu .mobile-style div a div {
        display:inline
    }
    .link_mob {
        display:block;
        margin:0 auto;
        padding-top:50px;
        text-align:center;
        position:relative;
        width:100%
    }
    /*меню пользователя*/
    .block_user_money{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .block_user_money .block{
        width: calc(30% - 20px);
        display: inline-block;
        margin: 2px auto;
        padding: 10px;
        background: linear-gradient(to right, rgb(255, 195, 0, .6) 0%, rgb(255, 195, 0, .6) 45%, rgb(255, 195, 0, .3) 60%, rgb(255, 195, 0, .1) 100%);
        border-radius: 3px;
        text-align: left;
        position: relative;
        color: #000;
        cursor: pointer;
        transition-duration: .5s;
    }
    .block_user_money .block:hover{
        color: #ccc;
        background: linear-gradient(to right, rgb(255, 195, 0, 0) 0%, rgb(255, 195, 0, 0) 40%, rgb(255, 195, 0, .6) 55%, rgb(255, 195, 0, .6) 100%);
        transition-duration: .5s;
    }
    #user_money, #user_id, #user_pr{
        color: #ccc;
        font-weight :600;
        text-indent: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 104px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .block_user_money .block:hover #user_money, .block_user_money .block:hover #user_id, .block_user_money .block:hover #user_pr{
        color: #000;
        transition-duration: .5s;
    }
    .weit {
        position:absolute;
        right:0;
        top:0;
        font-size:14px;
        width:44px;
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .top_menu  .site_name{
        display: inline-block;
        margin: 10px;
        font-family: tahoma;
        font-weight: 600;
        font-size: 30px;
        padding: 0;
        color: #555;
        text-shadow: 0 0 3px #000;
        vertical-align: bottom;
        position: relative;
        transition-duration: .5s;
    }
    .top_menu  .site_name:hover{
        color: #777;
        transition-duration: .5s;
    }
    .domen-of_site{
        font-size: 12px;
        position: absolute;
        bottom: -2px;
        right: -10px;
        z-index: 2;
        color: orange;
        font-weight: 600;
        font-family: cursive;
        opacity: .7;
    }
    .block_user_menu {
        width:100%;
        margin:0 auto;
        padding-top:54px;
        display:block;
        text-align:center
    }
    .block_user_menu a {
        display:inline-block;
        width:45%;
        margin:2px;
        background:linear-gradient(to bottom,#ebb915,#d98602);
        color:#111;
        font-size:14px;
        border-radius:5px;
        text-align:center;
        position:relative;
        padding:10px 0
    }
    .block_user_menu a:hover {
        background:linear-gradient(to bottom,#5ab6e0,#055980);
        color:#fff
    }
    /*user stat in head*/
    .info_users{
        position: absolute;
        bottom: 10px;
        right: 70px;
    }
    .info_users .users{
        display: block;
        color: rgb(255,255,255,.5);
        font-size: 14px;
        margin: 2px auto;
        position: relative;
        cursor: help;
    }
    .users:after{
        position: absolute;
        top: 0;
        left: -20px;
        content: " ";
        width: 14px;
        height: 14px;
        border-radius: 7px;
    }
    .all:after{
        background: rgb(255,255,255, .3);
    }
    .online:after{
        background: rgb(130, 224, 170, .3);
    }
    /*end main menu in header*/
    .language {
        display:block;
        width:100%;
        margin:5px auto;
        text-align:center
    }
    .language__img {
        cursor:pointer;
        display:inline-block;
        border-radius:3px
    }
    .language__img_active {
        cursor:pointer;
        display:inline-block;
        color: orange;
    }
        /*footer*/
    .ftr {
        display: block;
        width: calc(100% - 30px);
        padding: 5px 15px;
        border-radius: 3px;
        background: #222;
        margin: 0 auto;
    }
    .block_cols_ftr{
        display: block;
        margin: 0 auto;
        
        text-align: center;
    }
    .block_cols_ftr .cols_ftr{
        display: block;
        margin: 20px 0;
        width: 100%;
        text-align: left;
    }
    .block_cols_ftr .cols_ftr div, .block_cols_ftr .cols_ftr a{
        color: #888;
        font-size: 14px;
        margin: 5px auto;
        text-transform: uppercase;
        cursor: help;
        position: relative;
        transition-duration: .5s;
    }
    .block_cols_ftr .cols_ftr a{
        cursor: pointer;
    }
    .block_cols_ftr .cols_ftr div:hover, .block_cols_ftr .cols_ftr a:hover{
        color: orange;
        transition-duration: .5s;
    }
    .block_cols_ftr .cols_ftr div stat{
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /*end footer*/
}