.body{
    padding: 120px;
   
}
.yan{
    margin:10px 2rem ; 
}
.arkaplan{
    background:#FFC954;
}

.top-bar{
 
}
.varyok{
    height: 25px;
    width: 25px;
}
.el{
    margin-left: 25px;
    height: 25px;
    width: 50px;
}
.ana_urun{
max-height:280px;
    max-width: 280px;
 
}
.btn-light{
    border-color: #FFC954;
    background-color:#FFC954;
    color:black;
    
}
.link a{
    text-decoration: none;
   color:black;
}
.btn-light:hover{
 border-color:red;
     background-color:#FFC954;
    color:red;
}

.btn-light:hover i{
    border-color:red;
    color:red;
     background-color:#FFC954;
}
.btn-light i{
 
    border-color:red;
     background-color:#FFC954;
}
   

#backtotop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
 
.slider{
    max-height: 300px;
}
.slider img{
    max-height: 300px;
}
  
    
   
    
    @media(min-width:1000px){
        .slider{
    max-height: 350px;
}
.slider img{
    max-height: 350px;
}
    } 
  @media(min-width:1200px){
        .slider{
    max-height: 400px;
}
.slider img{
    max-height: 400px;
}
    } 
         @media(min-width:1400px){
       .slider{
    max-height: 425px;
}
.slider img{
    max-height: 425px;
}
        
    }
       @media(min-width:1500px){
       .slider{
    max-height: 450px;
}
.slider img{
    max-height: 450px;
}
    }