@media screen and   (max-width:550) {

    .navbar{
        width: 90%;
    }

    .logo h2 a{
        font-size: 20px;
    }

    #menu_bar{
        display: none;
        color: #fff;
        position: absolute;
        right: 5%;
        top: 20px;
        border: 1px solid #fff;
        width: 30px;
        height: 30px;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        cursor: pointer;  
    }

    .inner_anasayfa{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}