.row-offcanvas .visible-sm{display:none!important;}
.baars{display:inline-block;margin-right:5px;vertical-align:middle;float:left;margin-top:-4px;}
.row-offcanvas .icon-bar{display:block;width:23px;margin-bottom:4px;height:2px;background:#fff;border-radius:3px;}
.row-offcanvas .btn-primary{padding:11px 7px 4px 7px;font-size:14px;font-weight:bold;line-height:6px;background:#1c1c1c;border:#224d84 solid 1px;outline:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:2px;}
@media screen and (min-width:766px) and (max-width:768px){html,
body{overflow-x:hidden;}
.my_account_page .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%;}
.my_account_page .row-offcanvas-right{right:0;}
.my_account_page .row-offcanvas-left{left:15px;}
.my_account_page .row-offcanvas-right
.sidebar-offcanvas{right:-50%;}
.my_account_page .row-offcanvas-left
.sidebar-offcanvas{left:-50%;}
.my_account_page .row-offcanvas-right.active{right:50%;}
.my_account_page .row-offcanvas-left.active{left:50%;}
.my_account_page .sidebar-offcanvas{position:absolute;top:0;width:45%;z-index:999999;}
.my_account_page .row-offcanvas .visible-sm{display:block!important;}
.my_account_page .leftside{-webkit-box-shadow:0 0 15px rgba(0,0,0,.49);-moz-box-shadow:0 0 15px rgba(0,0,0,.49);box-shadow:0 0 15px rgba(0,0,0,.49);}
}
@media screen and (max-width:767px){html,
body{overflow-x:hidden;}
.left_side{-webkit-box-shadow:0px 0px 18px -4px rgba(0,0,0,0.60);-moz-box-shadow:0px 0px 18px -4px rgba(0,0,0,0.60);box-shadow:0px 0px 18px -4px rgba(0,0,0,0.60);background:#fff;padding:0px;}
.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%;}
.row-offcanvas-right{right:0;}
.row-offcanvas-left{left:0px;}
.row-offcanvas-right
.sidebar-offcanvas{right:-50%;}
.row-offcanvas-left
.sidebar-offcanvas{left:-56%;}
.row-offcanvas-right.active{right:50%;}
.row-offcanvas-left.active{left:50%;}
.sidebar-offcanvas{position:absolute;top:0;width:50%;z-index:999999;}
.row-offcanvas .visible-sm{display:block!important;}
.leftside{-webkit-box-shadow:0 0 15px rgba(0,0,0,.49);-moz-box-shadow:0 0 15px rgba(0,0,0,.49);box-shadow:0 0 15px rgba(0,0,0,.49);}
}
@media screen and (max-width:767px){.row-offcanvas-left .sidebar-offcanvas{left:-76%;}
.row-offcanvas-left.active .sidebar-offcanvas{left:-50%;}
.sidebar-offcanvas{}
.row-offcanvas-left.active .btn{margin-left:-60px;}
}
@media screen and (max-width:667px){.row-offcanvas-left.active .btn{margin-left:0px;}
.row-offcanvas-left.active .sidebar-offcanvas{left:-50%;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:570px){}
@media screen and (max-width:480px){.row-offcanvas-left .sidebar-offcanvas{left:-70%!important;}
.row-offcanvas-left.active .sidebar-offcanvas{left:-60%!important;}
.sidebar-offcanvas{width:60%;}
.row-offcanvas-left.active{left:60%;}
}
@media screen and (max-width:414px){.row-offcanvas-left .sidebar-offcanvas{left:-70%!important;}
.row-offcanvas-left.active .sidebar-offcanvas{left:-50%!important;}
.sidebar-offcanvas{width:68%;}
.row-offcanvas-left.active{left:50%;}
}
@media screen and (max-width:400px){}
@media screen and (max-width:375px){.row-offcanvas-left .sidebar-offcanvas{left:-72%!important;}
.row-offcanvas-left.active .sidebar-offcanvas{left:-50%!important;}
.sidebar-offcanvas{width:70%;}
.row-offcanvas-left.active{left:50%;}
}
@media screen and (max-width:360px){}
@media screen and (max-width:330px){.row-offcanvas-left .sidebar-offcanvas{left:-90%!important;}
.row-offcanvas-left.active .sidebar-offcanvas{left:-76%!important;}
.row-offcanvas-left.active{left:73%;}
.my_account_page .row-offcanvas-left .sidebar-offcanvas{left:-84%;}
.sidebar-offcanvas{width:77%;}
}
@media screen and (max-width:320px){}