@media (min-width: 769px) {
    

    
   
}


@media (min-width:782px){
    
  
}

@media (max-width:1300px){
    body .site-logo{
        max-width:18%;
    }
    
     body .inside-header{
        padding:20px 20px;
    }
    
    body .main-navigation li.typolibris a:before,
    body .main-navigation li.clairiere a:before{
        max-width:100px;
    }
    
    body .carrousel-jeux .gb-query-loop-item{
        min-width:370px;
    }

    .main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
        font-size: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
    
}

@media (max-width:1024px){
  
    body .site-logo{
        max-width:15%;
    }
    
   
    
    
}

@media (max-width:990px){
.main-navigation li.typolibris a, .main-navigation li.clairiere a, .main-navigation li.accueil a {
        padding: 0 0px 0 5px !important;
}
body .main-navigation li.typolibris a:before, body .main-navigation li.clairiere a:before {
    max-width: 80px;
    height:auto;
}

}

@media (max-width:965px){
    .main-navigation a{
        font-size:13px;
    }
}

@media (max-width: 768px) {
    
    body .site-logo {
        max-width: 20%;
    }
}



@media (max-width: 480px) {
    
    body .site-logo {
        max-width: 40%;
    }
}