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

    .navbar-nav {
        padding: 1.5em;
    }

    .navbar-toggler {background-color: #403C3D;}

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

    .hero-title:not(.bigger-title) {
        padding-right: 0em;
    }

    /* END OF BASE */
    .blog-padding {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .jelentkezem-fluid .small-title {font-size: 33px;}
    
}


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

    .top-header-fluid .top-contacts-row a:last-child {
        display: none;
    }

    .nav-link {font-size: 19px; margin-left: 00px;}
    .navbar-brand img {max-width: 200px;}
    .hero-content-text {font-size: 16px; padding-bottom: .5em; padding-top: .5em;}
    .hero-content {width: 100%; height: auto; padding-top: 2em; padding-bottom: 2em; }
    .hero-fluid:not(.subheader) {height: 550px;}
    .hero-title {font-size: 42px;}
    .standard-btn {height: 49px; min-width: 180px;}

    .extra-rightp {padding-right: 15px;}
    .about-us-fluid .static-content {padding-bottom: .5em;}
    .about-us-fluid .hero-btn {padding-bottom: 2em;}

    .aboutus-images img {width: 100%;}

    .hero-btn {flex-wrap: wrap; flex-direction: column;}
    .hero-btn .blue-btn {margin-bottom: 15px;}
    .small-title {font-size: 16px;}
    .standard-title {font-size: 22px;}
    .static-content {font-size: 16px;}

    .about-us-fluid, .gyik-fluid, .referenciak-fluid, .home-contact-fluid,
    .jelentkezem-fluid {padding-top: 2em;padding-bottom: 2em;}

    .signup-fluid .row .standard-title {font-size: 19px;padding-right: 0em;text-align: center;}
    .signup-fluid .row {height: auto; padding-top: 2em; padding-bottom: 2em;}
    .one-gyik-row {margin-top: 2em;padding-top: 1em;}

    .gyik-title {font-size: 18px;}
    .static-content.pt-5 {padding-top: 1rem !important;}
    .gyik-content {font-size: 16px; padding-top: 0px; padding-left: 38px;}
    .gyik-title span {margin-right: 13px;}

    #thumbnail-slider .splide__slide {height: 100px !important; width: 100px !important;}
    .splide__arrow--prev, .splide__arrow--next {top: 55px;}

    .cw-control {font-size: 18px; min-height: 58px; padding-left: 15px;}
    .home-contact-details {margin-top: 0px;flex-wrap: wrap;}
    .home-contact-details a {margin-bottom: 1em; margin-right: 0px;}
    .home-contact-details a span.white-circle {height: 50px; width: 50px;}
    .text-desktop-right {justify-content: flex-start;}

    .footer-link, .copyright {font-size: 16px;}
    .home-contact-details a {font-size: 16px;}
    .top-contacts-row a {font-size: 16px;}

    .footer-logo-col img {margin-bottom: 2em;}

    .subheader .hero-content {height: 200px;}
    .subheader {margin-bottom: 2em;}

    .contact-page-fluid {padding-top: 3em; padding-bottom: 3em;}
    .form-title {font-size: 22px;}
    .extra-leftp {padding-left: 15px;}
    .contact-page-fluid::after {display: none;}
    .contact-bluebg {background-color: #4E8134; padding: 1em; margin-top: 2em;}
    .contact-page-row {flex-direction: column-reverse;}

    .blog-item {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }

    .cw-control,
    ::placeholder {
        font-size: 16px !important;
    }

}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .nav-link {font-size: 19px; margin-left: 00px;}
    .navbar-brand img {max-width: 250px;}
    .hero-content-text {font-size: 19px; padding-bottom: .5em; padding-top: .5em;}
    .hero-content {width: 95%; height: 500px; }
    .hero-fluid:not(.subheader) {height: 500px;}
    .hero-title {font-size: 50px;}
    .standard-btn {height: 49px; min-width: 180px;}

    .extra-rightp {padding-right: 15px;}
    .about-us-fluid .static-content {padding-bottom: .5em;}
    .about-us-fluid .hero-btn {padding-bottom: 2em;}

    .aboutus-images img {width: 100%;}

    .small-title {font-size: 16px;}
    .standard-title {font-size: 24px;}
    .static-content {font-size: 16px;}

    .about-us-fluid, .gyik-fluid, .referenciak-fluid, .home-contact-fluid,
    .jelentkezem-fluid {padding-top: 2em;padding-bottom: 2em;}

    .signup-fluid .row .standard-title {font-size: 20px;padding-right: 0em;}
    .signup-fluid .row {height: 200px;}
    .one-gyik-row {margin-top: 2em;padding-top: 1em;}

    .gyik-title {font-size: 18px;}
    .static-content.pt-5 {padding-top: 1rem !important;}
    .gyik-content {font-size: 16px; padding-top: 0px; padding-left: 38px;}
    .gyik-title span {margin-right: 13px;}

    #thumbnail-slider .splide__slide {height: 120px !important; width: 120px !important;}
    .splide__arrow--prev, .splide__arrow--next {top: 55px;}

    .cw-control {font-size: 18px; min-height: 58px;}
    .home-contact-details {margin-top: 0px;flex-wrap: wrap;}
    .home-contact-details a {margin-bottom: 1em;}

    .footer-link, .copyright {font-size: 16px;}
    .home-contact-details a {font-size: 16px;}
    .top-contacts-row a {font-size: 16px;}

    .footer-logo-col img {margin-bottom: 2em;}

    .subheader .hero-content {height: 220px;}
    .subheader {margin-bottom: 2em;}

    .contact-page-fluid {padding-top: 3em; padding-bottom: 3em;}
    .form-title {font-size: 22px;}
    .extra-leftp {padding-left: 15px;}
    .contact-page-fluid::after {display: none;}
    .contact-bluebg {background-color: #4E8134; padding: 2em; margin-top: 2em;}
    .contact-page-row {flex-direction: column-reverse;}
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    .nav-link {font-size: 19px; margin-left: 00px;}
    .navbar-brand img {max-width: 280px;}
    .hero-content-text {font-size: 20px; padding-bottom: .5em; padding-top: .5em;}
    .hero-content {width: 90%; height: 540px; }
    .hero-fluid:not(.subheader) {height: 540px;}
    .hero-title {font-size: 33px;}
    .standard-btn {height: 49px; min-width: 180px;}

    .extra-rightp {padding-right: 15px;}
    .about-us-fluid .static-content {padding-bottom: .5em;}
    .about-us-fluid .hero-btn {padding-bottom: 2em;}

    .aboutus-images img {width: 100%;}

    .small-title {font-size: 18px;}
    .standard-title {font-size: 26px;}
    .static-content {font-size: 17px;}

    .about-us-fluid, .gyik-fluid, .referenciak-fluid, .home-contact-fluid,
    .jelentkezem-fluid {padding-top: 3em;padding-bottom: 3em;}

    .signup-fluid .row .standard-title {font-size: 25px;padding-right: 1em;}
    .signup-fluid .row {height: 200px;}
    .one-gyik-row {margin-top: 2em;padding-top: 1em;}

    .gyik-title {font-size: 20px;}
    .gyik-content {font-size: 17px; padding-top: 0px; padding-left: 38px;}
    .gyik-title span {margin-right: 13px;}

    #thumbnail-slider .splide__slide {height: 120px !important; width: 120px !important;}
    .splide__arrow--prev, .splide__arrow--next {top: 55px;}

    .cw-control {font-size: 18px; min-height: 58px;}
    .home-contact-details {margin-top: 0px;flex-wrap: wrap;}
    .home-contact-details a {margin-bottom: 1em;}

    .footer-link, .copyright {font-size: 16px;}
    .home-contact-details a {font-size: 16px;}
    .top-contacts-row a {font-size: 16px;}

    .subheader .hero-content {height: 220px;}
    .subheader {margin-bottom: 2em;}

    .contact-page-fluid {padding-top: 3em; padding-bottom: 3em;}
    .form-title {font-size: 22px;}
    .extra-leftp {padding-left: 15px;}
    .contact-page-fluid::after {display: none;}
    .contact-bluebg {background-color: #4E8134; padding: 2em; margin-top: 2em;}
    .contact-page-row {flex-direction: column-reverse;}

    .bigger-title {
        font-size: 55px;
        margin-bottom: 1em;
    }

    .hero-title:not(.bigger-title) {
        padding-right: 0em;
    }
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .nav-link {font-size: 19px; margin-left: 20px;}
    .navbar-brand img {max-width: 280px;}
    .hero-content-text {font-size: 22px;}
    .hero-content {width: 85%; height: 640px;}
    .hero-fluid:not(.subheader) {height: 640px;}
    .standard-btn {height: 53px; min-width: 220px;}

    .small-title {font-size: 18px;}
    .standard-title {font-size: 26px;}
    .static-content {font-size: 17px;}

    .about-us-fluid, .gyik-fluid, .referenciak-fluid, .home-contact-fluid {padding-top: 4em;padding-bottom: 4em;}

    .signup-fluid .row .standard-title {font-size: 30px;padding-right: 1em;}
    .signup-fluid .row {height: 300px;}

    .gyik-title {font-size: 22px;}
    .gyik-content {font-size: 19px;}

    .cw-control {font-size: 18px; min-height: 58px;}
    .home-contact-details {margin-top: 0px;}

    .footer-link, .copyright {font-size: 17px;}
    .home-contact-details a {font-size: 17px;}
    .top-contacts-row a {font-size: 17px;}

    .subheader .hero-content {height: 274px;}
    .subheader {margin-bottom: 3em;}

    .contact-page-fluid {padding-top: 4em; padding-bottom: 4em;}
    .form-title {font-size: 26px;}

    .bigger-title {
        margin-bottom: 1em;
    }

    .hero-title:not(.bigger-title) {
        padding-right: 0em;
    }
}

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

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .nav-link {font-size: 21px;}
    .navbar-brand img {max-width: 320px;}
    .hero-content {width: 100%;}
    .standard-btn {height: 57px; min-width: 260px;}

    .standard-title {font-size: 30px;}
    .static-content {font-size: 19px;}

    .signup-fluid .row .standard-title {font-size: 36px;}
    .signup-fluid .row {height: 315px;}

    .gyik-content {font-size: 21px;}
    .footer-link, .copyright {font-size: 19px;}

    .bigger-title {
        font-size: 60px;
        margin-bottom: 1.5em;
    }
}

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