/* NAVBAR */
@media (max-width: 1199.98px) {
    /* BASE */
    #navbarSupportedContent {
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #928B80;
        z-index: 1500;
    }

    .navbar-toggler {background-color: #928B80;padding: .25rem;}

    .navbar-nav {
        padding: 1em;
    }

    .language-menu {
        padding: 1em;
        padding-top: .5em;
        width: 100%;
        text-align: center;
    }

    .custom-checkbox p {
        font-size: 16px;
    }

    .navbar-brand {margin-right: 0px;}

    /* END OF BASE */


}


@media (max-width: 575.98px) {
    /* BASE */
    .static-content ul {
        columns: 1;
    }
    /* END OF BASE */

    .navbar-brand img {width: 222px;}
    .bemutatkozas-conti::before {display: none;}
    .bemutatkozas-conti::after {display: none;}
    .carousel-btn-row {flex-direction: column; align-items: flex-start;}
    .carousel-btn-row .white-btn {margin-left: 0px; margin-top: 1em;}

    .carousel-text-1 {font-size: 22px; line-height: 29px;}
    .great-vibes-text {font-size: 30px; line-height: 35px;}
    .favorite-subtitle {font-size: 30px; line-height: 30px;}
    .brown-greatvibes.bigger {font-size: 30px; line-height: 35px;}
    .brown-greatvibes.bigger p {margin-bottom: 0px;}
    .brown-greatvibes .row {min-height: 250px;}

    .brown-greatvibes.bigger .row {min-height: 400px; padding-top: 1.5em; padding-bottom: 1.5em;}
    .newsletter-form-title {font-size: 30px;margin-bottom: .5em;}
    .newsletter-fluid .container > .row {min-height: 444px;}

    .nav-link {font-size: 20px;margin-right: 0px; color: #fff;}
    .carousel-title {font-size: 34px; margin-top: 1em;}
    .carousel-text-2 {font-size: 18px;}

    .standard-btn {font-size: 16px;min-height: 40px;padding: 0px 12px;}
    .carouselIMG {height: 300px;}
    .carousel-mainrow {height: auto; padding-top: 2em; padding-bottom: 2em;}

    .static-big-title {font-size: 29px; line-height: 1;}
    .static-title {font-size: 24px;}
    .static-content {font-size: 19px;}
    .favorite-content {font-size: 19px;}
    .padding-left {padding-left: 1em;}
    .padding-right {padding-right: 1em;}

    .home-image-fluid-block-1 {height: 300px;}
    .home-image-fluid-block-2 {height: 240px;}
    .bemutatkozas-fluid, .blogs-home-fluid,.receptek-home-fluid, .motivation-fluid, .favorit-recept-row {margin-top: 2.5em; margin-bottom: 2.5em;}

    .blog-list-title {font-size: 19px;}
    .blog-list-image {margin-bottom: 1.5em; height: 200px;}
    .static-content h3 {font-size: 35px;}
    .contact-elem img {margin-right: 5px;width: 18px;}
    .contact-elem {font-size: 18px; justify-content: center;}
    .footer-link {font-size: 18px; margin: 0 auto; margin-bottom: 1em;}
    .footer-logo {text-align: center;}
    .allrights {padding-left: 1em; text-align: center;display: flex; justify-content: center;}
    .motivation-list-img {height: 400px;}
    .noneedsm {display: none;}

    .bemutatkozas-img {margin-top: 2em; width: 100%; max-height: 350px; object-fit: cover;}
    .blog-great-vibes {font-size: 30px; line-height: 1.1;}

    .brown-greatvibes {font-size: 33px; line-height: 35px;}
    .recept-list-title {font-size: 18px;}

    .favorite-list-img {margin-bottom: 2em; max-height: 350px; width: 100%;}
    .favorit-recept-row.second-row {flex-direction: column-reverse;}
    .motivation-list-img {margin-top: 2em; margin-bottom: 2em;}

    footer {text-align: center;}

    #contact_form_content_page textarea, #contact_form_content_page input, #newsletter_form input {min-height: 45px; font-size: 19px;}

    .heading > .row {min-height: 200px;}
    .subheading-title {font-size: 28px;}
    .border-0 img {height: 330px;}
    .good-vibes-bemutat-fluid {font-size: 30px; line-height: 35px; padding-top: 1em; padding-bottom: 1em;}

    .search-form input {width: 200px; font-size: 18px;}
    .search-form input::placeholder {font-size: 18px;}
    .page-link, .page-item.active .page-link {border: 2px solid #6A6661; font-size: 28px;height: 45px;width: 40px;}
    .bloglist-view-fluid {margin-bottom: 3em; margin-top: 3em;}

    .blogview-title {font-size: 24px;}
    .date {font-size: 22px;}
    .blogview-fluid, .receptek-list-fluid, .motivacio-fluid, .receptek-kat-fluid {margin-top: 2.5em; margin-bottom: 2.5em;}

    .receptek-list-fluid .extra-left-p {padding-left: 1em;}
    .receptek-list-fluid .blog-list-image {height: 250px;}
    .back-btn img {margin-right: 0px;}

    .motivacio-text {font-size: 18px; margin-top: 1em; margin-bottom: 1em;}
    .one-motivacio-row img {height: 270px;}
    .one-motivacio-row.even .img-col {padding-left: 15px;}
    .one-motivacio-row.odd .img-col {padding-right: 15px;}
    .one-motivacio-row {margin-bottom: 2em;}

    .contact-title.static-big-title {font-size: 30px;}
    .contact-content {font-size: 25px; line-height: 1.1;}
    .contact-page-elem {font-size: 25px;}
    .contactimg {height: auto;}
    #contact_form_content_page {padding-left: 0em;}
    .contactpage-form.newsletter-fluid .container > .row {min-height: 600px;}
    .contactpage-form::after {left: 0px; width: 100%;}
    .contact-page-fluid{margin-top: 3em; margin-bottom: 3em;}

    .mobile-nop {padding-left: 0px !important; padding-right: 5px !important;}
    .category-card {
        max-width: 100%;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .category-card img {
        height: 175px;
    }

    .cart-table-row {
        align-items: center;
        gap: 1em;
        padding-left: 40px;
    }

    .cart-table-row .cart-img {
        width: 130px;
        height: 130px;
    }

    .cart-table-row .cart-name {
        font-size: 24px;
        margin-bottom: 0;
    }

    .cart-table-row .cart-price {
        font-size: 20px;
        margin-bottom: 0.2em;
    }

    .cart-table-row .cart-description {
        font-size: 16px;
    }

    .order-title {
        font-size: 20px;
    }

    .product-icons {
        font-size: 17px;
    }

    .product-icons img {
        height: 52px;
    }

    .price-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5em;
    }

    .small-image-container .small-image {
        width: 100%;
        height: 250px;
    }

    .mobile-header {
        display: block;
        font-style: italic;
        text-transform: none;
        margin-top: .5em;
    }

    .cart-table-head {
        display: none;
    }

    .accordion h3 {
        font-size: 20px;
    }

    /*Kerdoiv*/

    .radio-group.top , .radio-group.bottom {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .radio-group.bottom input, .radio-group.top input {
        margin-right: 5px;
    }

    .alap-info-head h3 {
        font-size: 24px;
    }

    .alap-info-input-group .custom-control-label,
    .alap-info-input-group label {
        font-size: 18px;
    }

    .comment-row .standard-btn {
        padding: 0px 36px;
    }

    .form-button-div {
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        padding-bottom: 40px;
    }

    .submit-btn.filled-btn {
        margin-bottom: 0px;
        min-width: 262px;
    }

    .modal-footer {
        flex-direction: column;
        row-gap: 20px;
    }

    .modal-footer .standard-btn.filled-btn {
        min-width: 196px;
        margin: 0px;
    }

    .products-order-info h2 {
        font-size: 30px;
    }

    .steps-block .step {
        font-size: 19px;
    }

    .steps-block > div .step-number::before {
        font-size: 22px;
    }

    .products-order-info {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .comment,
    .alap-info-input-group input {
        margin-bottom: 0 !important;
    }

    .alap-info-input-group input {
        height: 40px !important;
    }

    .kerdoiv-head {
        margin-top: 3em;
        margin-bottom: 1em;
    }
}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .bemutatkozas-conti::before {display: none;}
    .bemutatkozas-conti::after {display: none;}

    .carousel-text-1 {font-size: 22px; line-height: 29px;}
    .great-vibes-text {font-size: 30px; line-height: 35px;}
    .favorite-subtitle {font-size: 30px; line-height: 30px;}
    .brown-greatvibes.bigger {font-size: 30px; line-height: 35px;}
    .brown-greatvibes .row {min-height: 180px;}
    .brown-greatvibes.bigger p {margin-bottom: 0px;}
    .brown-greatvibes.bigger .row {min-height: 350px;}
    .newsletter-form-title {font-size: 35px;margin-bottom: .5em;}
    .newsletter-fluid .container > .row {min-height: 444px;}

    .nav-link {font-size: 20px;margin-right: 0px; color: #fff;}
    .carousel-title {font-size: 34px; margin-top: 1em;}
    .carousel-text-2 {font-size: 18px;}

    .standard-btn {font-size: 17px;min-height: 40px;padding: 0px 12px;}
    .carouselIMG {height: 300px;}
    .carousel-mainrow {height: auto; padding-top: 2em; padding-bottom: 2em;}

    .static-big-title {font-size: 38px;}
    .static-title {font-size: 24px;}
    .static-content {font-size: 19px;}
    .favorite-content {font-size: 19px;}
    .padding-left {padding-left: 1em;}
    .padding-right {padding-right: 1em;}

    .home-image-fluid-block-1 {height: 300px;}
    .home-image-fluid-block-2 {height: 150px;}
    .bemutatkozas-fluid, .blogs-home-fluid,.receptek-home-fluid, .motivation-fluid {margin-top: 2.5em; margin-bottom: 2.5em;}

    .blog-list-title {font-size: 19px;}
    .blog-list-image {margin-bottom: 1.5em; height: 200px;}
    .static-content h3 {font-size: 40px;}
    .contact-elem img {margin-right: 5px;width: 18px;}
    .contact-elem {font-size: 18px;}
    .footer-link {font-size: 18px;}
    .footer-logo {text-align: center;}
    .allrights {padding-left: 1em; text-align: center;display: flex; justify-content: center;}
    .motivation-list-img {height: 400px;}
    .noneedsm {display: none;}

    .bemutatkozas-img {margin-top: 2em; width: 100%; max-height: 350px; object-fit: cover;}
    .blog-great-vibes {font-size: 30px; line-height: 1.1;}

    .brown-greatvibes {font-size: 33px; line-height: 35px;}
    .recept-list-title {font-size: 18px;}

    .favorite-list-img {margin-bottom: 2em; max-height: 350px; width: 100%;}
    .favorit-recept-row.second-row {flex-direction: column-reverse;}
    .motivation-list-img {margin-top: 2em; margin-bottom: 2em;}

    .heading > .row {min-height: 230px;}
    .subheading-title {font-size: 30px;}
    .border-0 img {height: 350px;}
    .good-vibes-bemutat-fluid {font-size: 30px; line-height: 35px; padding-top: 1em; padding-bottom: 1em;}

    .search-form input {width: 250px; font-size: 18px;}
    .search-form input::placeholder {font-size: 18px;}
    .page-link, .page-item.active .page-link {border: 2px solid #6A6661; font-size: 28px;height: 51px;width: 44px;}

    .blogview-title {font-size: 28px;}
    .date {font-size: 25px;}
    .blogview-fluid, .receptek-list-flui, .motivacio-fluid, .receptek-kat-fluid {margin-top: 3em; margin-bottom: 3em;}

    .receptek-list-fluid .extra-left-p {padding-left: 1em;}
    .receptek-list-fluid .blog-list-image {height: 250px;}

    .motivacio-text {font-size: 22px; margin-top: 1em; margin-bottom: 1em;}
    .one-motivacio-row img {height: 300px;}
    .one-motivacio-row.even .img-col {padding-left: 15px;}
    .one-motivacio-row.odd .img-col {padding-right: 15px;}
    .one-motivacio-row {margin-bottom: 2em;}

    .contact-title.static-big-title {font-size: 30px;}
    .contact-content {font-size: 25px; line-height: 1.1;}
    .contact-page-elem {font-size: 25px;}
    .contactimg {height: 350px;}
    #contact_form_content_page {padding-left: 0em;}
    .contactpage-form.newsletter-fluid .container > .row {min-height: 600px;}
    .contactpage-form::after {left: 0px; width: 100%;}
    .contact-page-fluid{margin-top: 3em; margin-bottom: 3em;}
    .category-card img {
        height: 200px;
    }

    .category-card {
        max-width: 100%;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .cart-table-row .cart-img {
        width: 175px;
        height: 175px;
    }

    .cart-table-row .cart-name {
        font-size: 27px;
    }

    .cart-table-row .cart-price {
        font-size: 21px;
    }

    .cart-table-row .cart-description {
        font-size: 17px;
    }

    .order-title {
        font-size: 23px;
    }

    .product-icons {
        font-size: 18px;
    }

    .product-icons img {
        height: 60px;
    }

    .small-image-container .small-image {
        width: calc(100% / 2);
        height: 300px;
    }

    .accordion h3 {
        font-size: 20px;
    }

    /*Kerdoiv*/

    .radio-group.top , .radio-group.bottom {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .products-order-info h2 {
        font-size: 36px;
    }

    .steps-block .step {
        font-size: 19px;
    }

    .steps-block > div .step-number::before {
        font-size: 26px;
    }

    .products-order-info {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .kerdoiv-head {
        margin-top: 3em;
        margin-bottom: 1em;
    }
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    .bemutatkozas-conti::before {left: -5%;}
    .bemutatkozas-conti::after {right: -5%;}

    .carousel-text-1 {font-size: 22px; line-height: 29px;}
    .great-vibes-text {font-size: 30px; line-height: 35px;}
    .favorite-subtitle {font-size: 30px; line-height: 30px;}
    .brown-greatvibes.bigger {font-size: 34px; line-height: 40px;}
    .brown-greatvibes .row {min-height: 180px;}

    .brown-greatvibes.bigger .row {min-height: 300px;}
    .newsletter-form-title {font-size: 35px;margin-bottom: .5em;}
    .newsletter-fluid .container > .row {min-height: 444px;}

    .nav-link {font-size: 20px;margin-right: 0px; color: #fff;}
    .carousel-title {font-size: 34px;}
    .carousel-text-2 {font-size: 18px;}

    .standard-btn {font-size: 17px;min-height: 40px;padding: 0px 12px;}
    .carouselIMG {height: 390px;}
    .carousel-mainrow {height: 568px;}

    .static-big-title {font-size: 40px;line-height: 1.1;}
    .static-title {font-size: 27px;}
    .static-content {font-size: 19px;}
    .favorite-content {font-size: 19px;}
    .padding-left {padding-left: 1em;}
    .padding-right {padding-right: 1em;}

    .home-image-fluid-block-1 {height: 400px;}
    .home-image-fluid-block-2 {height: 200px;}
    .bemutatkozas-fluid, .blogs-home-fluid,.receptek-home-fluid, .motivation-fluid {margin-top: 2.5em; margin-bottom: 2.5em;}

    .blog-list-title {font-size: 19px;}
    .static-content h3 {font-size: 40px;}
    .contact-elem img {margin-right: 5px;width: 18px;}
    .contact-elem {font-size: 18px;}
    .footer-link {font-size: 18px;}
    .allrights {padding-left: 2em;}

    .bemutatkozas-img {margin-top: 2em; width: 100%; max-height: 350px; object-fit: cover;}
    .blog-great-vibes {font-size: 30px; line-height: 1.1;}

    .brown-greatvibes {font-size: 33px; line-height: 35px;}
    .recept-list-title {font-size: 18px;}

    .favorite-list-img {margin-bottom: 2em; max-height: 350px; width: 100%;}
    .favorit-recept-row.second-row {flex-direction: column-reverse;}
    .motivation-list-img {margin-top: 2em; margin-bottom: 2em;}

    .heading > .row {min-height: 251px;}
    .subheading-title {font-size: 35px;}
    .border-0 img {height: 300px;}
    .good-vibes-bemutat-fluid {font-size: 35px; line-height: 35px;}

    .search-form input {width: 300px;}
    .page-link, .page-item.active .page-link {border: 2px solid #6A6661; font-size: 28px;}

    .blogview-title {font-size: 28px;}
    .date {font-size: 25px;}
    .blogview-fluid, .receptek-list-fluid, .motivacio-fluid, .receptek-kat-fluid {margin-top: 3em; margin-bottom: 3em;}

    .receptek-list-fluid .extra-left-p {padding-left: 1em;}

    .motivacio-text {font-size: 25px;}
    .one-motivacio-row img {height: 300px;}

    .contact-title.static-big-title {font-size: 34px;}
    .contact-content {font-size: 27px; line-height: 1.1;}
    .contact-page-elem {font-size: 27px;}
    .contactimg {height: 350px;}
    #contact_form_content_page {padding-left: 1em;}
    .contactpage-form.newsletter-fluid .container > .row {min-height: 500px;}
    .contactpage-form::after {left: 0px; width: 100%;}

    .category-card img {
        height: 240px;
    }

    .cart-table-row .cart-img {
        width: 200px;
        height: 200px;
    }

    .cart-table-row .cart-name {
        font-size: 30px;
    }

    .cart-table-row .cart-price {
        font-size: 24px;
    }

    .cart-table-row .cart-description {
        font-size: 18px;
    }

    .order-title {
        font-size: 27px;
    }

    .small-image-container .small-image {
        width: calc(100% / 2);
    }

    /*Kerdoiv*/

    .radio-group.top , .radio-group.bottom {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .products-order-info h2 {
        font-size: 41px;
    }

    .steps-block .step {
        font-size: 21px;
    }

    .steps-block > div .step-number::before {
        font-size: 28px;
    }
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .bemutatkozas-conti::before {left: -5%;}
    .bemutatkozas-conti::after {right: -5%;}

    .carousel-text-1 {font-size: 28px; line-height: 29px;}
    .great-vibes-text {font-size: 35px; line-height: 40px;}
    .favorite-subtitle {font-size: 35px;}
    .brown-greatvibes.bigger {font-size: 34px; line-height: 40px;}
    .brown-greatvibes .row {min-height: 220px;}

    .brown-greatvibes.bigger .row {min-height: 300px;}
    .newsletter-form-title {font-size: 40px;margin-bottom: .5em;}
    .newsletter-fluid .container > .row {min-height: 444px;}

    .nav-link {font-size: 18px;margin-right: 0;}
    .carousel-title {font-size: 44px;}
    .carousel-text-2 {font-size: 20px;}

    .standard-btn {font-size: 18px;min-height: 45px;}
    .carouselIMG {height: 390px;}
    .carousel-mainrow {height: 568px;}

    .static-big-title {font-size: 44px; line-height: 1.1;}
    .static-title {font-size: 30px;}
    .static-content {font-size: 21px;}
    .favorite-content {font-size: 20px;}
    .padding-left {padding-left: 1em;}
    .padding-right {padding-right: 1em;}

    .home-image-fluid-block-1 {height: 600px;}
    .home-image-fluid-block-2 {height: 300px;}
    .bemutatkozas-fluid, .blogs-home-fluid,.receptek-home-fluid {margin-top: 4em; margin-bottom: 4em;}

    .blog-list-title {font-size: 21px;}
    .static-content h3 {font-size: 40px;}
    .contact-elem img {margin-right: 5px;width: 18px;}
    .contact-elem {font-size: 18px;}
    .footer-link {font-size: 18px;}
    .allrights {padding-left: 2em;}

    .heading > .row {min-height: 271px;}
    .subheading-title {font-size: 40px;}
    .border-0 img {height: 330px;}
    .good-vibes-bemutat-fluid {font-size: 40px; line-height: 45px;}

    .blogview-title {font-size: 30px;}
    .date {font-size: 28px;}
    .blogview-fluid, .receptek-list-fluid, .motivacio-fluid {margin-top: 4em; margin-bottom: 4em;}

    .motivacio-text {font-size: 28px;}
    .one-motivacio-row img {height: 331px;}

    .contact-title.static-big-title {font-size: 34px;}
    .contact-content {font-size: 27px; line-height: 1.1;}
    .contact-page-elem {font-size: 27px;}
    .contactimg {height: 350px;}
    #contact_form_content_page {padding-left: 2em;}
    .contactpage-form.newsletter-fluid .container > .row {min-height: 500px;}

    .products-order-info h2 {
        font-size: 41px;
    }

    .steps-block .step {
        font-size: 21px;
    }

    .steps-block > div .step-number::before {
        font-size: 31px;
    }

    .navbar-brand img {
        width: 230px !important;
    }
}

/* XL */
@media (min-width: 1200px) {

}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .bemutatkozas-conti::before {left: -5%;}
    .bemutatkozas-conti::after {right: -5%;}

    .carousel-text-1 {font-size: 34px;}
    .great-vibes-text {font-size: 45px;}
    .favorite-subtitle {font-size: 44px;}
    .brown-greatvibes.bigger {font-size: 38px;}

    .brown-greatvibes.bigger .row {min-height: 400px;}
    .newsletter-form-title {font-size: 44px;}
    .newsletter-fluid .container > .row {min-height: 544px;}

    .nav-link {
        font-size: 19px;
        margin-right: 10px;
    }

    .motivacio-text {font-size: 32px;}

    .contact-title.static-big-title {font-size: 40px;}
    .contact-content {font-size: 29px; line-height: 1.1;}
    .contact-page-elem {font-size: 29px;}
    .contactimg {height: 400px;}
    #contact_form_content_page {padding-left: 2em;}
}

@media (min-width: 1400px) {
    .container {width: 1340px !important; max-width: 1340px !important;}
}