@media only screen and (max-width: 1200px) {
    /* COL-lg */

}

@media only screen and (max-width: 991px) {

    /* COL-md */
    #container {
        position: static;
    }

    #oldal {
        width: auto;
        float: none;
    }

    #oldalsav {
        width: auto;
        /* vagy 500px */
        height: auto;
        float: none;
    }

    header {
        text-align: center;
        width: 100%;
        height: auto;
        line-height: 19px;
    }

    #oldal_tartalom,
    #kosar_termekek {
        display: flex;
        flex-wrap: wrap;
    }

    .termek.talalatok {
        max-width: 48%;
        margin: 1%;
        border: 1px solid gray;
    }



    .talalatok .termek_kep {
        height: 150px;
        margin-bottom: 20px;
    }

    .talalatok .kosarba-container,
    .kosar_termek_bezar {
        position: absolute;
        bottom: 0;
    }

    .talalatok .keszlet-padding {
        padding-bottom: 50px;
    }

    .termek_kep {
        height: 150px;

    }

   

}

@media only screen and (max-width: 768px) {
    /* COL-SM */

}

@media only screen and (max-width: 576px) {

    /* COL-XS */
    .termek.talalatok {
        max-width: 94%;
        margin: 1% 3%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 460px) {
    #oldal {
        width: auto;
        float: none;
    }

    .tartalom {
        width: auto;
    }
}