@media (max-width: 1024px) {

    /* GENERAL */
    main,
    header {
        margin: 2vh 5vw;
    }

    #navigation {
        display: flex;
        flex-direction: column;
        height: 20vh;
    }

    .logo {
        height: 10vh;
    }

    #main-menu {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0;
    }

    #main-menu li a {
        font-size: 1rem;
    }

    /* HOME HTML */

    #opening-video {
        width: 100%;
        height: 60vh;
    }

    .two-clm-grid,
    .left-two-clm-grid {
        display: flex;
        flex-direction: column;
        gap: 5vh;
        height: auto;
    }

    .fillInLeft {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .reasons {
        display: flex;
        flex-direction: column;
        gap: 5vh;
        height: auto;
        width: 100%;
    }

    .reason-bubbles {
        width: 80%;
        height: 30vh;
    }
    .reason-bubbles:hover {
        width: 70%;
        height: 30vh;
    
    }
    #img-container {
        display:none;
    }

    #three-years-container {
        position: static;
        width: 100%;
        transform: translate(0%, 0%);
        display: flex;
        flex-direction: column;
        gap: 5vh;
        justify-content: center;
        align-items: center;
    }

    .white-background {
        width: 90%;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*PRICES HTML*/

    .space-evenly {
        height: auto;
    }


    #img3,
    #img4 {
        height: 30vh;
        width: 100%;
    }

    .left-two-clm-grid {
        display: flex;
        flex-direction: column-reverse;
    }


    .row {
        display: flex;
        flex-direction: column;
        gap: 5vh;
        height: auto;
    }

    .column {
        width: 100%;
    }

    .form-btn-div {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .form-btn-div button {
        width: 45%;
    }

    #page-contact{
        flex-direction: column;
    }

    #erettsegi-linkek{
        width:100%;
        border-left: none;
        border-top: 1px solid var(--darkGray);
        justify-content: center;
        align-items: flex-start;
    }
}