@media (max-width: 767.98px) {
    .footer-icerik p{font-size:13px}
    #coffee-logo img{display:none}
    #coffee-logo {border-left: none;border-right: none}
    .menu-header{display:flex;justify-content: center;}
    #hbv-logo img{height: auto;width: 200px;padding: 15px;}
    .genel-ayarlar h2{padding-top:15px;font-size:16px}
    .genel-ayarlar h4{font-size:14px}
    .menu-icerik h4{font-size:16px}
    .menu-zone h2{font-size:18px;padding-top:4px}
    .bilgi-icerik h5{line-height: 1.7rem;font-size:15px}
    .genel-ayarlar p{font-size:12px}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .genel-ayarlar h2{padding-top:15px;font-size:18px}
    .genel-ayarlar h4{font-size:16px}
    .genel-ayarlar p{font-size:12px}
    .menu-zone h2{font-size:20px;padding-top:4px}
    .menu-icerik h4{font-size:18px}
}
@media (max-width: 991.98px) {
    .menu-icerik{margin-top:20px}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .genel-ayarlar h2{font-size:17px}
    .genel-ayarlar h4{font-size:15px}
    .genel-ayarlar p{font-size:11px}
    .menu-zone h2{font-size:20px;padding-top:3px}
    .menu-icerik h4{font-size:18px}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .genel-ayarlar h2{font-size:18px}
    .genel-ayarlar h4{font-size:16px}
    .genel-ayarlar p{font-size:12px}
    .menu-zone h2{font-size:20px;padding-top:3px}
    .menu-icerik h4{font-size:18px}
}