@media (max-width: 991px) {

    .layout--threecol-section {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .layout__region {
        width: 75vw !important;
        max-width: 100%;
        flex: none !important;
        height: auto !important;
        margin: 0 auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .balblokk,
    .kozepsoblokk,
    .jobboldal {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
    }

    .kicsi,
    .szeles {
        width: 75vw !important;
        max-width: 100%;
        margin: 0 auto;
    }

    .slider-doboz,
    .slider-szoveg,
    .slick-slider,
    .slick-slide,
    .slick-slide img {
        width: 100% !important;
        max-width: 75vw !important;
        height: auto !important;
        margin: 0 auto;
    }

    .layout__region--second .views-element-container {
        max-height: none !important;
        height: auto !important;
        width: 100% !important;
    }

    #main,
    #main-wrapper,
    .container,
    .row-offcanvas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

		.subpage-title{
			margin-left: 11vw !important;
		}
    #sidebar_first {
        order: 1;
        flex: none !important;
        width: 80vw !important;
        max-width: 80vw !important;
        margin: 0 auto 20px auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #sidebar_first .section,
    #sidebar_first .menu--oldalmenu {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .main-content {
        order: 2;
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    .main-content .section {
        width: 83vw !important;
        max-width: 83vw !important;
        margin: 0 auto !important;
    }

    .region-footer-fourth {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .site-footer,
    .site-footer__top,
    .site-footer__bottom,
    .region-footer-fourth,
    .region-footer-fifth,
    .copyright {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #navbar-main {
        width: 75vw !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 10px;
    }

    #navbar-main .block {
        flex: 0 1 auto;
        min-width: 0;
    }

    #navbar-main img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }

    .site-footer p,
    .site-footer div,
    .site-footer span,
    .site-footer a {
        text-align: center !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .site-footer img {
        display: block;
        margin: 10px auto;
    }

    .logoutBttn {
        float: none !important;
        margin: 10px auto !important;
        text-align: center !important;
        display: block !important;
    }

}

@media (min-width: 992px) {
    .region-footer-fourth,
    .site-footer__top,
    .site-footer__bottom {
        width: 100% !important;
        max-width: 1120px !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }
}