@media (min-width:300px) and (max-width: 599px) {
  .footer-listeler{
    font-size:15px;
  }
  .filtre-form>div {
    display:block;
  }
  .filtre{
    background-image:none;
  }
  .footer-listeler ul:not(:last-of-type){
    margin-bottom:25px;
  }
  .select-box{
    width: 90%;
  }
  .slaytlar__item .container {
    top: 50%;
    transform: translateY(0%);

  }
  .slayt-baslik{
    font-size:1.5rem !important;
  }
  .topbar li {
    display: block;
  }
  .topbar .container {
    text-align: center;
  }
  .logo img {
    width: 80%;
  }
  .mobil-logo img{
    width: 90%;
    margin:10px auto;
    display:block;
  }
  nav .container{
    display:flex;justify-content: space-between;align-items: center;
  }
  .body-overflow{
    overflow-y:hidden;
  }
  nav ul{
    display:none;
  }
  #hamburger{
    display:block;
  }
  .footer-listeler{
    margin:25px 0;
    flex-direction: column;
  }
  footer{
    background-image: url(../../img/kivrak_lastik_footer.svg);
    background-position:  center;
    background-size: auto 90%;
  }
  .mobil-show{
    display:block !important;
  }
  .ic-baslik{
    font-size:18px
  }
}
@media (min-width:600px) and (max-width: 767px) {
  footer{
    background-image: url(../../img/kivrak_lastik_footer.svg);
    background-position:  center;
    background-size: auto 90%;
  }
  nav ul{
    display:none;
  }
  #hamburger{
    display:block;
    float:right;
  }
  .body-overflow{
    overflow-y:hidden !important;
  }
  .mobil-show{
    display:block !important;
  }
  .footer-listeler{
    margin:20px 0;
  }
  .body-overflow{
    overflow-y:hidden;
  }
  .slaytlar__item .container {
    bottom:50%;
    transform: translateY(0%);
  }
  .topbar .container {
    text-align: center;
  }
  .mobil-show{
    display:block !important;
  }
  .mobil-logo img{
    width: 90%;
    margin:10px auto;
    display:block;
  }
  .footer_logo{
    width:100%;
    padding:0 20%;
    box-sizing: border-box;
  }
}
@media (min-width:768px) and (max-width: 991px) {
  .topbar .container {
    text-align: center;
  }
  .mobil-logo img{
    width: 90%;
    margin:10px auto;
    display:block;
  }
  nav ul{
    display:none;
  }
  #hamburger{
    display:block;
    float:right;
  }
  .body-overflow{
    overflow-y:hidden !important;
  }
  .mobil-show{
    display:block !important;
  }
  .footer-listeler{
    margin:30px 0;
  }
  .slaytlar__item .container {
    bottom:50%;
    transform: translateY(0%);
  }
  footer{
    background-image: url(../../img/kivrak_lastik_footer.svg);
    background-position:  center;
    background-size: auto 90%;
  }
  .body-overflow{
    overflow-y:hidden;
  }
  .footer_logo{
    width:100%;
    padding:0 20%;
    box-sizing: border-box;
  }
}

@media (min-width:991px) and (max-width: 1200px) {

  .logo img {
    margin-top:10px;
    width: 250px;
  }
  .body-overflow{
    overflow-y:hidden;
  }
}