﻿.main-header,.sidebarleft,.header_area,.sidenav{display:none;}
@media (max-width: 1000px) {

body{width:100%;overflow-x:hidden;overflow-y:scroll;}
.main-header {display:block;z-index:1030;width:100%;margin:0;border:0;paliing:0;filter:none;background-color:#fff;/*box-shadow:0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);position:fixed;right:0px;left:0px;top:0px;*/min-height:0; height: 60px;    border-bottom: solid 1px #EEE;}
.container_header {background:transparent;height:60px;padding:0 10px;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important;padding:0px 10px !important;justify-content:space-between;}
.wrapper {height:100%;position:relative;overflow-x:hidden;overflow-y:auto;}
.wrapper:before,.wrapper:after {content:" ";display:table;}
.container_header {background:transparent;height:60px;padding:0 10px;}
.container_header .min-h {min-height:60px;}
.container_header .mlogo {}
.container_header .mlogo a {display:block;}
.container_header .mlogo a img{ }

.navi-menu-button{ width: 40px; height: 40px; position: relative; cursor: pointer;background-color:transparent;border:none; } 
.navi-menu-button em{ width: 29px; height: 2px; background-color: #4c4c4c; display: block; position: absolute; border-radius: 30px; right: 0; -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ } 
.navi-menu-button em:nth-child(1){ top: 10px; width: 25px; } 
.navi-menu-button em:nth-child(2){ top: 19px; } 
.navi-menu-button em:nth-child(3){ top: 28px; width: 25px; } 
.navi-menu-button.active em:nth-child(1){ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; } 
.navi-menu-button.active em:nth-child(2){ width: 0; } 
.navi-menu-button.active em:nth-child(3){ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 14px; }
.container_full {padding:0px;min-height:calc(100vh);background:#fff;position:relative;max-width:760px;margin:0 auto;}

.noscroll { overflow: hidden;height:100%; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; top: 0px; transition: all 0.5s ease-in-out; } 
.overlay.active { display: block; opacity: 1; } 

#sidebarleft { display: block; width: 250px; padding: 0px;position: fixed; top: 0; left: -250px; height: 100vh; z-index: 999; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));; transition: all 0.3s; overflow: auto; } 
#sidebarleft.active { left: 0; } 
#sidebarleft a, #sidebarleft a:hover { } 
#sidebarleft .list-unstyled .lefticon.iconfont { font-size: 20px; margin-right: 15px; width: 20px; } 
#sidebarleft .list-unstyled .righticon{  font-size: 12px;color: #333;}
#sidebarleft #dismiss { display:none;top: 0px; z-index: 2; right: 0px; width: 25px; height: 25px; line-height: 25px; color: #D7000F; text-align: center; position: absolute; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#sidebarleft #dismiss:hover {  } 
#sidebarleft .sidebar-header { padding: 0px;  } 
#sidebarleft .sidebar-header h3 { font-size: 20px;  font-weight: 800;   margin-bottom: 0px; }
#sidebarleft .sdprofile { background-color: rgba(255, 255, 255, 0.08); min-height: 100px; position: relative; padding-left: 100px; } 
#sidebarleft .sdprofile .sdp-left { position: absolute; margin: 15px 10px 15px 20px; left: 0px; top: 0px; } 
#sidebarleft .sdprofile .sdp-left img { width: 70px; height: 70px; overflow: hidden; /*-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;*/ } 
#sidebarleft .sdprofile .sdp-right { padding: 20px 20px 0px 0px; } 
#sidebarleft .sdprofile .sdp-right .sd-name { font-weight: 600; color: #df9403; }
#sidebarleft ul.list-unstyled { padding:0 20px; } 

#sidebarleft ul li a { padding: 15px 0px; display: block;    border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size:14px;display: flex; display:-webkit-flex; justify-content: space-between;color:#000;align-items: center; } 
#sidebarleft ul.list-unstyled>li>a {font-weight:500; } 
#sidebarleft ul li a:hover { background-color: rgba(255, 255, 255, 0.07); } 
#sidebarleft ul li.active > a, a[aria-expanded="true"] {} 
#sidebarleft .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
#sidebarleft .icon-arrow-bottom { margin: 5px 0px 0px !important; float: right; } 
#sidebarleft .collapsible-body { padding: 0px 0px !important; background-color: rgba(255, 255, 255, 0.08); } 
#sidebarleft .collapsible-body a { /*padding: 5px 20px 5px 60px !important;*/ }
#sidebarleft a, #sidebarleft a:hover, #sidebarleft a:focus { color: inherit; text-decoration: none; transition: all 0.3s; } 
#sidebarleft ul ul a { padding-left: 20px !important;font-size:12px; color: #555;} 
#sidebarleft .collapse:not(.show) { display: none; }
#sidebarleft a[data-toggle="collapse"] { position: relative; }
#sidebarleft .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }
.mlIcon{}
.mlIcon .iconfont{font-size:24px;}







}
