@media (max-width : 868px) {
    .heading h1 {
        font-size: 45px;

    }

    .heading p {

        font-size: 15px;
    }

    .heading footer {
        font-size: 15px;

    }

    .big-box {
        flex-direction: column;
        padding: 0 20px 0 20px;
    }

}

@media (max-width : 490px) {

    .navbar a {
        font-size: 23px;
        padding-left: 15px;
    }

    .heading h1 {
        font-size: 34px;

    }

    .heading p {

        font-size: 14px;
    }

    .heading footer {
        font-size: 10px;

    }


    .big-box {
        padding: 0;
        max-width: 100%;
    }

    .big-box .info-box img {
        display: none;
    }

    /* .info-box .content::after{
        content: ' ';
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
    } */

    .info-box-1 .content {
        border-radius: 10px;
        background-image: url(/images/newimages/yatakOdası.JPG);
        background-size: cover;
        background-position: center;

    }

    .info-box-2 .content {
        border-radius: 10px;
        background-image: url(/images/newimages/cafe.JPG);
        background-size: cover;
        background-position: bottom;

    }

    .info-box-3 .content {
        border-radius: 10px;
        background-image: url(/images/newimages/on-cephe.JPG);
        background-size: cover;
        background-position: center;
    }

    .info-box-4 .content {
        border-radius: 10px;
        background-image: url(/images/newimages/lobi.JPG);
        background-size: cover;
        background-position: bottom;

    }




}