<header>
    <div class="wrapper clearfix">
    <a href="/"><div class="logo"></div></a>
    <div class="right">
     <?if($USER_LOGGED_IN$)?><a href="/index/8" target="_blank">Профиль</a>
     <a href="$LOGOUT_LINK$">Выход</a><?else?><a href="$LOGIN_LINK$">Вход</a>
     <a href="$REGISTER_LINK$">Регистрация</a>
     <?endif?>
     <div class="searchall"><div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"><div align="center" class="schQuery"><input type="text" name="q" maxlength="30" size="20" class="queryField"></div><div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div></form></div></div>
    </div>
    </div>
</header>

@media screen and (max-width: 850px) {
.logo {float:none !important;margin: auto !important;}
header .right {float: none !important;display:block !important;text-align:center !important;}
.wrapper .content {width:100% !important;float: none !important;display:block !important;}
}
.wrapper {width:100%;padding: 0 15px 0 15px;max-width: 1030px;margin: auto;}
header {background:#2488b7;height:71px;}
body {font: 14px/22px PT Sans; color: #4e4e4e;padding:0;margin:0;}
.logo {width:271px; height: 62px; display: block; float: left; background:url(/img/logo.png) 0px 0px no-repeat;margin: 4px 0 3px 0;}
.searchall {display: inline-block;vertical-align:middle;margin: 0 0 0 30px;}
.searchall .schQuery {float:left;}
.searchall .schBtn {float:right;}
.searchall input[type="text"] {background: #fff;border: 0px;height: 28px;width:200px;padding: 0 10px 0 10px;font: 14px/28px PT Sans;color:#777;}
.searchall input[type="submit"] {background: #5eccff;border: 0px;height: 28px;font: 14px/28px PT Sans;color:#fff;margin:0;width:79px;}
.searchall input[type="submit"]:hover {background: #2ab9fb;}
.searchall input[type="submit"]:active {background: #333;}
header .right {padding: 23px 0 20px 0 ;}
header .right a {display: inline-block;vertical-align:middle;color: #fff;margin: 0 0 0 30px;}
header .right a:hover {color: #91dcff;}
.right {float:right;}
body .searchForm input[type="submit"] {height: 28px !important;}
.clearfix:after, .clearfix:before, .lastcomments li:after, footer:after, footer:before, .showallsp:before, .showallsp:after, .seccode:before, .seccode:after {content: " ";display: block;clear: both;height: 0;overflow: hidden;}

body {font: 14px/22px PT Sans; color: #4e4e4e;padding:0;margin:0;}

<style>
.profile {height:30px;font-size: 13px;font-family: Arial;display:inline-block;position: fixed;top: 35px;left: 15px;width: 190px;border-radius: 4px;border: 1px solid black;background: rgb(255, 255, 255);}
.profile-menu {position:relative!important}
.profile-button s {display:inline-block;z-index:9;background:#3297db;color:#fff;font-size:10px;margin-right:10px;margin-left:1px;line-height:14px;padding:2px 6px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;}
.profile-button, .profile-button:hover {display:inline-block;color:#666;position:relative;line-height:30px;padding-left:39px;padding-right:18px;text-decoration:none;}
.profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(0,0,0,0.3);}
.profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.profile-avatar {display:inline-block;width:24px;height:24px;position:absolute;top:-0px;left:0px;border-radius: 20px;}
.profile-avatar img {width:24px;height:24px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff;}
.profile-menu:hover .profile-list {visibility:visible;}
.profile-list {position:absolute;width:190px!important;left: 0px!important;top: 23px;padding-top:18px;visibility:hidden;z-index:9;}
.profile-list-in {background:#fff;width:190px!important;max-width:190px!important;border: 1px solid #b9b9b9;padding: 4px 0px;box-shadow:0px 8px 35px rgba(0,0,0,0.1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.profile-list-in a {display:block;padding:0px 20px!important;line-height:42px!important;text-decoration:none;text-align:left;border-bottom:1px solid #f1f1f1;font-size: 13px;color:#8a8a8a;}
.profile-list-in a:hover {color:#000;}
.profile-list-in a.last {border-bottom:0px !important;}
.profile-list-in a i {background:#3297db;color:#fff;float:right;font-style:normal;font-size:10px;padding:0px 6px;line-height:16px !important;margin-top:12px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
</style>
<?if($USER_LOGGED_IN$)?>
<div class="profile">
<div class="profile-menu">
<a href="" class="profile-button"><span class="profile-avatar"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/.s/t/1090/logo-img.png<?endif?>" alt=""></span> Личный кабинет <i></i></a>
<div class="profile-list">
<div class="profile-list-in">
<a href="/index/8">Мой профиль</a>
<a href="#">Сообщения</a>
<style>.myWinCont iframe {width: 100%;}</style>
<a href="#">Открыть чат</a>
<a href="#">Проблемы с игрой?</a>
<a href="$LOGOUT_LINK$">Выход</a>
</div>
</div>
</div>
</div>
<?else?>
<div class="profile">
<div class="profile-menu">
<a href="" class="profile-button"><span class="profile-avatar"><img src="http://rg-mechanics.org/chat_files/noavatar.gif" alt=""></span>Вход / Регистрация <i></i></a>
<div class="profile-list">
<div class="profile-list-in">
<a href="$LOGIN_LINK$">Вход</a>
<a href="$REGISTER_LINK$">Регистрация</a>
<?endif?>
<style>.myWinCont iframe {width: 100%;}</style>
</div>
</div>
</div>
</div>

.profile-avatar img {margin: 0 0 1px 5px;width: 24px;height: 24px;object-fit: cover;vertical-align: bottom;background: #fff;border: 2px solid #fff;}