.show_menu{display:block; position:relative;}
.header{position:relative;}
.header ul{padding: 0; list-style: none; margin:10px 0px;}
.header li{display:inline-block; font-weight:400; font-size:14px; text-align:center; vertical-align:top;}
.header li img{width:20px; height:18px; position:relative; top:3px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;}
.header li a.active img, .header li a:hover img{opacity:1;}
.header li a{display:inline-block; padding:5px 10px 0px 10px; line-height:15px; color:#000;}
.header li a:hover{color:#6c00d1;}
.header li a.active{color:#6c00d1;}
/*#nav .current a {color:rgba(237,27,52,1);
}*/

.middle_menu{display:block; font-size:15px; font-weight:600; overflow-x:auto; width:100%;}
.middle_menu ul{margin:0px; padding:0px; width:358px;}
.middle_menu li{display:inline-block; margin-right:5px;}
.middle_menu li:last-child{margin-right:0px;}
.middle_menu li a{display:block; vertical-align:middle; padding:15px 10px 15px 10px;}
.middle_menu li a.active{border-bottom:2px solid #6c00d1; color:#6c00d1;}

.sticky {position:-webkit-sticky; position: sticky; top:56px; z-index:99; border-bottom:1px solid #ddd; background:#fff;}

nav{margin:0 auto; display:inline-block;}

.sticky-header {position:-webkit-sticky; position: sticky; top: 0px; z-index:100; display:block; width:100%; padding:10px 15px 7px 15px; border-bottom:1px solid #ddd; background-color:rgba(255,255,255,.98);transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}

.fixedheader{padding:5px 15px 7px 15px;}
.fixedheader .logo img{width:70%; margin-top:7px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}



@media (max-width:949px){
.search{position:relative; top:-10px; left:-50px;}
.data_search{position:fixed; box-shadow:none;}
.data_search input[type=text]{width:85%;}
.show_menu{display:none;}
.fixed .header{display:block;}
.fixed .top_right{margin:0px;}
.fixed .social_logo{display:none;}
header{padding:15px 15px 0px 15px;}
.logo{width:220px; margin-left:-15px;}
.top_right{display:block; margin-top:10px; clear:both; width:100%; }
.header{position:fixed; right:0; top:0px; z-index:150;}
nav{width:100%;}

.social_logo{display:block; width:auto; max-width:280px; margin:0px auto; margin-top:10px; }
.social_box{width:13%; height:30px; float:left; border-right:0px solid #ccc; text-align:center; margin:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}

.header ul{padding: 0; list-style: none; position:fixed; max-height:80%; overflow:auto; padding:10px; -webkit-box-shadow:1px 1px 10px #ccc; box-shadow:1px 1px 10px #ccc; border-radius:4px; top:45px; z-index:100; background:#fff; right:20px;}
.header li{display:block; margin-bottom:5px; text-align:left;}
.header li a{display:block; width:170px; box-sizing:border-box;}
.button{width:55px;height:46px;position:absolute;right:0;top:5px;cursor:pointer;z-index: 12399994;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #000;border-bottom:2px solid #000;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.user{display:block; margin-bottom:10px;}
.profile:before{ display:none; left:92px;}
.profile{display:none; position:relative; width:100%; left:0px; margin:10px 0px 10px 0px; padding:10px; transform: translateX(0%); -webkit-box-shadow:none;border-radius:0px; -webkit-border-radius:0px; background:#f7f7f7; border:0px;}

.about-menu{display:block; margin-bottom:10px;}
.about-dd:before{ display:none; left:92px;}
.about-dd{display:none; position:relative; width:100%; left:0px; margin:10px 0px 10px 0px; padding:10px; transform: translateX(0%); -webkit-box-shadow:none;border-radius:0px; -webkit-border-radius:0px; background:#f7f7f7; border:0px;}
}