@media(max-width: 480px){

/*--------Navbar code START---------*/
nav{
  padding: 0.1rem 1rem;
}




/*------Navbar Code END----------*/



/*---Main section code START------*/
.container{
  margin-left: unset;
  padding-left:unset ;
  margin-bottom:4rem ;
}

.setup-container {
  display: flex;
  gap:5px;
}

.box{
  width:370px ;
  background-color: #7e7e7e;
  margin-left:1.5%;
}

.title-section h1{
  font-size:1.4rem  ;
}

/*-----Main Section code END------*/

/*Side bar code start */
aside {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 10%;
min-height: unset;  
top: unset;          
background-color: #202020;
justify-content:unset ;
display: flex;
padding: unset;
z-index: 1000;
}


.sidebar-list{
display:flex;
justify-content:space-around;
padding-left: 5%;
}


.list-items ul{
display:flex;
gap:60%;
}



.list-items ul li a{
text-decoration: none;
}


.list-items ul li i,
.profile ul li i{
font-size:1.7rem ;
}

.logo{
padding-bottom: unset;
padding-left:unset;
display: none;
}

.logo i{
font-size:3rem;
}

.profile{
position:unset;
margin-left:95%;
padding-left:35%;
}

.d{
display:none;
}
/*----Sidebar Code End--------*/
                                            

}