@media (max-width: 680px) and (min-width:280px) {
	
.list{
    margin:15px 0px 0px 0px !important;
    padding:0px;
    float: left;
    list-style: none;
}


.list li a{
    display: block;
    float: left;
    padding: 0px 10px 0px 0px;
    color: #f4c709;
    font-weight: 700;
    font-size:11px !important;
  
   
}


.list-right li a{
    display: block;
    float: left;
    padding: 0px 10px 0px 0px;
    color: #f4c709;
    font-weight: 700;
      font-size:11px !important;
  
  
}

.navbar-brand{
    width: 80% !important;
}



.navbar-brand img{
    width: 100% !important;
    
}

.list-right {
    margin-top: -15px !important;
}



.navbar-toggler {
    padding: .12rem .35rem !important;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: box-shadow 0.15s ease-in-out;
}




.py-5 {
    padding-top: 0rem !important;
    padding-bottom: 2rem !important;
}

.p-4 {
    padding: 0rem !important;
}


.mt-n5 {
    margin-top:0rem !important;
}


.mb-4 {
    margin-bottom:0rem !important;
}

.pt-5 {
    padding-top: 0rem !important; 
}


    
}