.leftmenu .baars{display:inline-block;margin-right:7px;vertical-align:middle;}
.leftmenu .baars .icon-bar{background:#fff none repeat scroll 0 0;display:block;height:3px;margin-bottom:4px;width:22px;}
@media screen and (max-width:980px){html,body{overflow-x:hidden;}
.leftmenu .btn.btn-primary{background:#479EDC none repeat scroll 0 0;border:1px solid #479EDC;font-size:18px;padding:5px 15px;}
/*.leftmenu .about_bar ul li{list-style-position:inside!important;}*/
.leftmenu .sidebar{background-color:#fff;border:1px solid #f2f2f2;padding:10px 25px;}
.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;display:inline-block;width:100%;z-index:99;}
.row-offcanvas-right{right:0;}
.row-offcanvas-left{left:0px;}
.row-offcanvas-right
.sidebar-offcanvas{right:-50%;}
.row-offcanvas-left
.sidebar-offcanvas{left:-65%;}
.row-offcanvas-right.active{right:50%;}
.row-offcanvas-left.active{left:52%;}
.sidebar-offcanvas{position:absolute;top:0;width:50%;z-index:999999;}
}
@media screen and (max-width:1000px){.row-offcanvas-left .sidebar-offcanvas{left:-73% !important;background-color:#fff;border:1px solid #f2f2f2;padding:10px;}
}
@media screen and (max-width:800px){.row-offcanvas-left .sidebar-offcanvas{left:-53%!important;background-color:#fff;border:1px solid #f2f2f2;padding:10px;}
}
@media screen and (max-width:670px){.row-offcanvas-left .sidebar-offcanvas{left:-53%!important;background-color:#fff;border:1px solid #f2f2f2;padding:10px;}
}
@media screen and (max-width:414px){.row-offcanvas-left .sidebar-offcanvas{left:-73%!important;background-color:#fff;border:1px solid #f2f2f2;padding:10px;}
}
@media screen and (max-width:450px){.row-offcanvas-left .sidebar-offcanvas{left:-75%;}
.sidebar-offcanvas{width:72%!important;background-color:#fff;border:1px solid #f2f2f2;padding:10px;}
.row-offcanvas-left.active{left:75%;}
}