@media only screen and (max-width: 991px) {
#header .site-menu .main-menu{
   display: block;
}
.site-menu-bg input,.site-menu-bg label{
display: block;
}
.site-menu-bg input{
display: none;
}
.site-menu-bg label{
color:var(--primary-site-text-color);
font-size: 20px;
padding:15px;
text-align: left;
}
.site-menu-bg label:before{
font-family: 'FontAwesome';
content: "\f0c9";
padding-right:10px;
font-size: 20px;
width: 100%
}
.site-menu-bg input:checked ~ .site-menu{
display: block;
transition: .3s
}
.site-menu{
display: none;
}
#header .site-menu .main-menu li{
border-bottom: 1px solid #ddd;
width: 100%!important;
text-align: left;
}
#header .site-menu .main-menu li a{
font-size: 15px;
display: block;
width: 100%!important;
border: none;
padding: 10px 20px;
text-align: left;
}
#header .right-side-menu{
   float: none;
}
#header .site-menu .main-menu li .sub-menu{
   position: relative;
}








/*account*/
#my-account table{
   display: block;
   overflow: auto;
}