.displayflex{
    display: flex;
    flex-wrap: wrap;
}
.contianerbox{
    padding: 0 40px;
  
}
.sidebar-nav{
    /*height: calc(100vh - 140px)!important;*/
    height:100%;
    top:0;
} .sidelist a::after{
    color:#e8c080;
    display: none!important;
}

@media screen and (max-width:560px){
    .sidebar-menu{
        top:140px;
    }
    .sidelist a{
        color:#939393;
    }
    .sidelist a::after{
        color:#e8c080;
        display: none!important;
    }
    .sidebar-arrow{
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        top: -2px;
        position: relative;
        transition: transform 0.25s;
    }.sidebar-menu{height:60%!important;}
    .t0{
        top: 0;
    }
    .card{
        margin-top: 0;
        
    }
    .collapse-body{
        background-color: #0000;
       
    }
    .card a{
        font-size: 18px;
        color: #fff!important;
        font-family: 'Montserrat', sans-serif;
        font-family: 'Open Sans', sans-serif;
    }
    .signin_header_itembuttn{
        width: 50%!important ;
        margin: 0!important;
        margin-left: 10px;
    padding: 10px 5px;
    }
    .wallet_header_itembuttn{
        width: 50%!important ;
        margin: 0!important;
        margin-left: 10px;
    padding: 10px 5px;
    }
    .signin_header_item{
        width: 100%!important;
        margin: auto!important;
    }
    .wallet_header_item{
        width: 100%!important;
        margin: auto!important;
    }
    .sidenav-footer{
        background-color: #000!important;
        z-index: 99999999;
        position:absolute;
        bottom: 10px;
    }
    hr{
         border-top: solid 1px rgba(232, 208, 128,0.5);
         width:150px;
         margin: 0 auto;    }
    .footer-cin{
        width: 95%;
        margin:auto;
        
    padding-top:20px
    }
   .sidelist {
   
   margin: 0!important; 
     border-bottom: solid 0.5px rgba(147, 147, 147,0.2);
  
}
.sidebar-menulis{
    padding-right:6%;
}
}
@media screen and (min-width:561px){
     .sidebar-menu{
        top:140px;
    }
    hr{display:none;}
.footer-cin{
    width: 400px;
    margin: auto;
    border-top: solid 1px #e8d080;
    padding-top:20px;
}
.sidebar-arrow{
    transform: rotate(-90deg);
    top: -2px;
    position: relative;
    transition: transform 0.25s;
}
.sidelist {
   text-align: center!important;
   margin: auto; width:300px;
     border-bottom: solid 0.5px rgba(147, 147, 147,0.2);
  
}.sidelist a{
    justify-content: center;
}
.sidebar-menulis{
    padding-right: 6%!important;
    padding-top: 10px;
   
    /*margin-top:10%;*/
}
.collapse-body{
    background-color: #0000;
    margin-right: 0px;
   
}.sidelist > a{
    font-size: 20px;
}
.card a{
    font-size: 18px;
    color: #fff!important;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Open Sans', sans-serif;
}
.sidelist a{
    color:#939393;
}
.sidelist a::after{
    color:#e8c080;
    display: none!important;
}
.sidebar-arrow{
    transform: rotate(-90deg);
    top: -2px;
    position: relative;
    transition: transform 0.25s;
}
.t0{
    top: 0;
}
.card{
    margin-top: 0;
    
}
.sidelist > hr{
    color:#939393;
    margin:0 auto;
    
  
}
.sidenav-footer {
     position: absolute; 
    color: white;
    width: 100%;
    bottom: 20px;
    z-index:9999999;
    background-color:#000;
    bottom: 0;
    height: 100px;
}
}
@media screen and (max-width:560px){
    .sidebar-menulis{
    padding-right: 6%!important;
    padding-top: 10px;
    border-top: solid 0px #e8d080;}

   .displayflex{

    border-top: solid 0px #e8d080;}
}


@media screen and (min-width:1022px){.sidebar-head{top:60px;position:relative;}}
.active>a{
    color:#e8c080;
}

@media screen and (min-width:600px) and (min-height:500px) and (max-height:660px){
    .sidebar-menu{
        height:50%!important;
    }
}
@media screen and (min-width:996px){
    .sidebar-head{
        position: fixed!important;
        top:60px;
    }
    .toggle-button-1 {
        position: absolute;
        right: 10px;
        height: 100%;
        width: 70px;
        line-height: 80px;
        text-align: center;
        display: block;
    }.toggle-button-1 i {
        color: #e8c080;
        line-height: 80px;
        font-size: 25px;
    }
}
@media screen and (min-width:1100px){
     .navbar-nav.nav-left {
        margin-top: 10px;
    }
    .smallitem > a{
        padding: 15px 0!important;
    }
    .nav-left .smallitem {
    min-width: 0 !important;
    margin-right: 20px;
    font-size: 12px;
}

    .dropdown-menu{
        min-height:49px;
        min-width:245px;
        padding:0;
        background-color:rgba(0,0,0,0.8);
        border:solid 1px rgba(232, 192, 128);
    }
    .dropdown-menu li{
        height:auto;
        min-height:40px;
        line-height:40px;
        text-align:left;
        color:white!important;
        
    }
    .dropdown-menu li a:hover{
         background-color:rgba(232, 192, 128,0.25)!important;
          color:white!important;
    }
     .dropdown-menu li a{
        padding: 0px 20px;
         display:block;
        min-height:47px;
        line-height:47px;
        color:white!important;
         background-color:transparent;
         
    }
    .submenu {
        left:100%;
    }
    .droparr{
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
       position: absolute;
    right: 20px;
    top: 45%;
    }
    .active>a{
        border: 0px !important;
        padding: 10px 0px!important;
    }.active {padding-top: 4px;}
  
    .dropdown-menu li .bor{
        display:none;
        width:100%;     
        margin:auto;
        border:solid 1px rgba(232, 192, 128,0.5)!important;
    }
    .dropdown-container{
        border:0;background-color: transparent;
    }
    .dropdown-sub{
        position:relative;display:block;left:6px;
    }
    .dropdown-menu{
        border-radius: 0;
    }
    .dropdown-text{
        border-bottom: solid 0.5px rgba(232, 192, 128,0.3);
    }
    .wallet_header_item , .signin_header_item,.wallet_header_item:hover , .signin_header_item:hover{
        width:120px!important;
    }
   
}