.wap{
display: none;
}
.web{
display:block;
}

@media (max-width: 800px) {
body{
background: #efefef;
max-width: none;
}
.content{
padding: 56px 0 50px 0;
}
header{
color: #fff;
position: fixed;
height: 56px;
line-height: 67px;
box-shadow: 0px 3px 6px rgb(0 0 0 / 17%);
}
.logo, .logo_hat{
display:none;
}
.hsearch{
display:none;
}
.hin{
margin: 2px 10px 0 0;
}
.hin a{
color: #fff;
padding: 7px 8px;
}
.hin a:hover{
background: #4976ad;
}
.hin a i{
font-size: 28px;
}
.head_menu{
display: inline-block;
padding: 0 35px 0 10px;
}
.head_title{
display: inline-block;
}
#loading{
top:40%;
bottom:50%;
left:40%;
right:50%;
margin:0;
}
#panel_notifications{
display:none;
}
.drawer, .drawer_cover{
top: 0;
left: 0;
}
.drawer_op{
display:block;
}
.drawer a{
color: #000;
}
.drawer{
background: #fff;
max-width: 280px;
min-width: 152px;
left: -300px;
box-shadow: 0 4px 4px -5px rgba(0, 0, 0, .2), 0 2px 2px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12);
}
.drawer_bg{
display:block;
}
.drawer_bg a{
    background: #00000012;
    width: 40px;
    height: 40px;
    float: right;
    color: #fff;
    margin: -11px 0;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
}
.drawer_bg a:hover{
background: #00000024;
}
.drawer_bg a i{
    font-size: 30px;
}
.nav-link{
padding: 0 16px;
color: rgba(0, 0, 0, .87);
    font-size: 15px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    margin: 0;
    letter-spacing: .03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav-link:hover {
	background: #eaeaea;
}
.nav-link i {
    float: left;
    color: #bfbfbf;
    font-size: 25px;
    margin: 10px 20px 0 10px;
    width: 33px;
}
.nav_line{
display:none;
}
.wap{
display: block;
}
.web{
display: none;
}
.border-radius, .border-radius-top, .border-radius-bottom{
border-radius: 0;
}
footer{
display:none;
}
.block_panel{
position: relative;
background: #507fb7;
}
a.panel_link_ok{
background: white;
color: #000000;
}
a.panel_link{
background: #507fb7;
color: #ffffff;
}
a.panel_link:hover{
background: white;
color: #000000;
}
/* Профиль */
.profile_left{
    display: block;
    padding: 0;
    width: auto;
    min-width: auto;
    max-width: none;
}
.profile_right{
    display: block;
    width: auto;
    min-width: auto;
    max-width: none;
}
.profile_avatar{
    position: relative;
    padding: 15px 0 13px 0;
    text-align: center;
}
.profile_avatar img{
    background: #00000017;
    padding: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.profile_status{
    padding: 9px 0 5px 1px;
    font-weight: 300;
    border-bottom: none;
}
.profile_status i{
    display: block;
    float: left;
    color: #bdc2c7;
    font-size: 20px;
    margin: 0 10px 0 0;
}
.profile_act_bg{
    background: white;
    padding: 10px 5px 5px 5px;
}
a.profile_ank_open{
background: #fff;
color: #4c7fb9;
font-weight: 400;
padding: 0;
text-align: left;
border-radius: 0;
margin: 10px 0 8px 0;
}
a.profile_ank_open:hover{
background: #fff;
}
a.profile_ank_open i{
    display: inline-block;
    float: left;
    margin: -3px 10px 0 0;
}
.profile_ank1 i{
    display: inline-block;
    float: left;
    color: #bdc2c7;
    margin: -1px 10px 0 0;
    width: 25px;
}
.profile_act_block{
background: white;
padding: 3px 10px 10px 10px;
}
a.profile_act, a.profile_act_ok{
font-size: 16px;
padding: 9px;
}
#count_journal b{
margin: -5px -17px;
}
.photo_full{
max-width: 70%;
}
.video_iframe iframe{
height: 250px;
}
a.stickers{
width: 47.3%;
}
.new_kom{
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100000;
}
.emoji_panel{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    margin: 0 0 56px 0;
    width: auto;
}
.tabs-nav{
width: auto;
border-radius: 0;
}
.tabs-items{
border-radius: 0;
}
#count_feed b, #count_mail b, #count_friends b{
background: #eaeef7;
margin: 11px -10px;
}
/* Сообщения */
.mail_content{
position: fixed;
top: 56px;
bottom: 54px;
left: 0;
right: 0;
width: auto;
}
.new_msg{
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: auto;
}
.mail_panel{
display:none;
}
.pen{
position: fixed;
left: 0;
right: 0;
bottom: 53px;
width: auto;
}
.mail_list_msg{
width: 200px;
}
.listat{
display:none;
}
}
@media (min-height: 950px) {
.mail_content{
bottom: 200px;
}
.new_msg{
bottom: 145px;
}
}

@media (max-width: 768px){
a.stickers{
width: 31.9%;
}
.gift_view{
width: 15%;
}
}
@media (max-width: 540px){
a.stickers{
width: 31.4%;
}
.sticker_view{
width: 31.4%;
}
.gift_view{
width: 23%;
}
}
@media (max-width: 414px){
a.stickers{
width: 47.4%;
}
.sticker_view{
width: 30%;
}
.gift_view{
width: 30%;
}
}
@media (max-width: 411px){
a.stickers{
width: 47.4%;
}
.sticker_view{
width: 30.7%;
}
.gift_view{
width: 30%;
}
}
@media (max-width: 375px){
a.stickers{
width: 47.1%;
}
.sticker_view{
width: 30%;
}
}
@media (max-width: 360px){
a.stickers{
width: 47%;
}
.sticker_view{
width: 30.3%;
}
.sticker_view img{
width: 100px;
}
.gift_view{
width: 30%;
}
}
@media (max-width: 320px){
a.stickers{
width: 96%;
}
.sticker_view{
width: 30%;
}
.gift_view{
width: 30%;
}
.gift_view img{
width: 90px;
}
}
@media (max-width: 280px){
a.stickers{
width: 95%;
}
.sticker_view{
width: 46%;
}
.gift_view{
width: 46%;
}
}