@media (min-width: 1100px) {
    .parallax.video .text-wrapper .title {
        font-size: 44px;
    }

    .parallax.video .text-wrapper .subtitle {
        font-size: 24px;
    }
}

@media (min-width: 1300px) and (max-width: 1410px) {
    #header .navigation .nav > li > a {
        padding: 0px;
        font-size: 13px;
    }
}

@media (max-width: 1300px) {

    #header {
        background-color: rgba(34, 35, 37, 1);
    }

    #header .menu-toggle-button {
        display: block;
    }

    #header > .container {
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        display: block;
    }

    #header .logo {
        max-width: 140px;
    }

    #header .logo-wrapper {
        height: 36px;
    }

    #header .navigation {
        position: absolute;
        left: 0;
        right: 0;
        margin: 79px 0 0;
        width: 100%;
        padding: 0;
        display: flex;
        height: auto;
    }


    #header .navigation .nav:not(.visible) {
        display: none;
    }


    #header .navigation .nav > li {
        display: block;
    }

    #header .navigation nav {
        margin-left: 0;
    }

    #header .navigation .nav {
        margin: 0 0 -2px;
        float: none !important;
        text-align: center;
        flex-direction: column;
        background: rgba(17, 21, 21, 0.98);
        padding: 15px;
        width: 100%;
    }

    #header .navigation .nav > li {
        margin: 0;
    }

    #header .navigation .nav > li a {
        padding: 15px 0;
        line-height: 1.5;
        display: inline-block;
    }

    #header .navigation .nav > li:after {
        display: none;
    }

    #header .other-menu {
        right: 230px;
        top: -41px;
    }


    #header .submenu {
        position: relative;
        top: 0;
        max-height: unset !important;
        display: none;
        background: transparent;
        padding-top: 10px;
    }

    #header .submenu.visible {
        display: flex;
    }

    #header .submenu .wrapper {
        padding: 0;
        flex-wrap: wrap;
    }

    #header .submenu .wrapper a {
        padding-top: 0 !important;
    }

    #header .submenu .wrapper > div {
        margin: 0 5px;
        width: 30%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    #header .submenu .wrapper > div .image {
        width: 100px;
        height: 124px;
        margin: auto;
    }

    #header .submenu .wrapper > div span {
        margin-top: 5px;
        font-size: 13px;
    }


    .ccm-image-slider {
        margin: 0 auto 0;
    }

    .rslides_nav {
        display: none;
    }

    .slidernav {
        bottom: 5px;
    }


    .product .description, .category .description {
        padding: 30px 15px;
    }

    .markcon-gallery .images .image {
        width: 33.33%;
    }

    #content .popup .closeButton {
        top: 0;
        right: 0;
    }
}


@media (min-width: 769px) {
    .mobile-visible {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .mobile-hidden {
        display: none;
    }

    #content .highlighted-info {
        text-align: center;
    }

    .parallax .parallax-content .title {
        font-size: 34px;
        line-height: 1.3;
    }

    .news.list {
        padding: 30px 15px;
    }

    .news.list .news-item {
        width: 50%;
    }

    .markcon-gallery .images .image {
        width: 50%;
        padding: 10px;
    }


    .topimage-wrapper .top-info .description h3 {
        font-size: 34px;
        margin-top: 0;
    }

    .topimage-wrapper .top-info .description h4,
    .product .description h4, .category .description h4 {
        font-size: 20px;
    }


    #content .highlighted-info .container {
        padding: 30px 15px;
        background-image: none;
    }

    #content .highlighted-info .highlighted-image {
        text-align: center;
        max-width: 400px;
    }

    #content .highlighted-info .highlighted-image img {
        max-width: 100%;
    }

    .topimage-wrapper.has-image {
        margin-top: 0;
        margin-bottom: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 0;
    }

    .topimage-wrapper .container {
        position: relative;
        bottom: auto;
        right: auto;
    }

    .topimage-wrapper .top-image {
        position: relative;
    }

    .topimage-wrapper .top-info {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: -25px;
    }

    .topimage-wrapper .top-info .description {
        padding: 15px 15px;
    }


    .contact-site .contacts {
        margin: 30px 0;
    }

    .contact-site .contacts > div {
        width: 33%;
    }

    .tender h2,
    #content.contact-site h2 {
        font-size: 34px;
        font-weight: bold;
    }


    .colleagues-wrapper .colleague {
        width: calc(50% - 20px);
        padding-bottom: 70%;
        margin: 10px 10px;
    }


    .slider-fa {
        padding: 0 0 60px;
        flex-direction: column;
    }

    .slider-fa .description {
        width: 100%;
        order: 1;
    }

    .slider-fa .description {
        padding: 60px 30px;
    }

    .slider-fa .image {
        width: 100%;
        order: 2;
    }

    .slider-fa .slider-nav {
        margin: 45px auto 0;
    }


    footer .wrapper {
        margin-bottom: 30px;
    }

    footer .wrapper .form-group {
        width: 100%;
    }

    footer .wrapper .form-group.captcha {
        width: 100%;
        flex-wrap: wrap;
    }

    footer .wrapper .form-group.captcha > * {
        margin-bottom: 15px;
    }

    footer .wrapper .form-group.captcha .ccm-input-captcha {
        width: 150px;
    }


    footer .footer-bar > .container > .row > div {
        border: none;
    }

    .footer-links,
    .copyright {
        text-align: center;
    }

    footer .eu-link.link-1 {
        margin: 0;
    }

    #nemesfa #new-era {
        flex-direction: column;
    }

    #nemesfa #new-era .description h2 {
        padding-bottom: 0;
        font-family: 'Montserrat';
        font-size: 28px;
    }

    #nemesfa #new-era .description {
        width: 100%;
    }

    #nemesfa #new-era .image-content {
        max-width: 400px;
        width: 100%;
        padding-bottom: 36%;
        background-size: contain;
        margin-top: 0;
        order: 2;
        margin: 0 auto 0;
    }

    #nemesfa .parallax {
        height: auto;
        padding: 60px 0;
    }

    #nemesfa .parallax .parallax-content {
        position: relative;
        transform: translateY(0);
    }

    #nemesfa .parallax .parallax-content h2 {
        font-family: 'Montserrat';
        font-size: 24px;
    }

    #nemesfa #nemesfa-details {
        padding: 0 15px;
    }

    #nemesfa #nemesfa-details .category.row {
        margin-bottom: 0;
        margin-top: 30px;
        padding-bottom: 0;
    }

    #nemesfa #nemesfa-details .category.row img {
        max-width: 100%;
        width: 400px;
    }

    #nemesfa #nemesfa-details h3 {
        padding-bottom: 0;
    }


    #nemesfa #infographic {
        padding: 60px 0 30px;
    }

    #nemesfa #infographic .info-wrapper {
        flex-direction: column;
        margin-top: 60px;
    }

    #nemesfa #infographic .main-title h2 {
        font-family: 'Montserrat';
        font-size: 28px;
    }

    #nemesfa #infographic .info-wrapper .info-item {
        width: 100%;
        flex-direction: column;
    }

    #nemesfa #infographic .info-wrapper .info-item .icon {
        order: 0 !important;
        margin: 0 auto !important;
    }

    #nemesfa #infographic .info-wrapper .info-item .description {
        text-align: center !important;
        padding: 0 15px !important;
    }


    #nemesfa #every-angle {
        padding: 0;
    }

    #nemesfa #every-angle .main-title h2 {
        font-family: 'Montserrat';
        font-size: 28px;
    }

    #nemesfa #every-angle #details-zoom .detail-item-wrapper {
        position: relative;
    }

    #nemesfa #every-angle #details-zoom .detail-item-wrapper .item {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 70px;
    }

    #nemesfa #every-angle #details-zoom .detail-item-wrapper .item .toggle {
        display: none;
    }

    #nemesfa #every-angle #details-zoom .detail-item-wrapper .item .info-box {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        max-width: 100%;
        padding: 60px 30px 30px;
    }

    #nemesfa #every-angle #details-zoom .detail-item-wrapper .item .info-box .icon {
        width: 80px;
        height: 80px;
        top: -40px;
        background-size: contain;
    }


    #nemesfa .highlight-image-wrapper {
        height: 80vh;
        padding: 0 9vw 20vh;
    }

    #nemesfa .highlight-image-wrapper .description .title {
        max-width: 100%;
        font-size: 20px;
    }


    #nemesfa #available-products .main-title {
        padding: 30px 15px;
    }

    #nemesfa #available-products .main-title h2 {
        font-family: 'Montserrat';
        font-size: 28px;
    }


    #nemesfa #available-products .woods-wrapper .item {
        width: 33%;
    }


    #vasalatok .description-wrapper {
        padding: 30px 0 30px;
    }

    #vasalatok .description-wrapper .title-wrapper {
        padding: 0;
    }

    #vasalatok.roma .description-wrapper .title-wrapper {
        padding-right: 0;
    }

    #vasalatok .description-wrapper .title-wrapper h2 {
        font-family: 'Montserrat';
        font-size: 24px;
        margin-top: 40px;
    }


    #schlotterer #about-janko{
        padding: 0;
    }

    #schlotterer #about-janko .background-image{
        position: relative;
        padding-bottom: 66%;
    }

    #schlotterer #about-janko .description{
        max-width: 100%;
    }



    #nemesfa #available-products .shaders-wrapper {
        margin-bottom: 0;
    }

    #nemesfa #available-products .shaders-wrapper .item {
        width: 100%;
    }


    #nemesfa #egerfa {
        flex-direction: column;
    }

    #nemesfa #egerfa .image-content {
        width: 100%;
    }

    #nemesfa #egerfa .description {
        width: 100%;
    }

    #nemesfa #egerfa .description h2 {
        font-family: 'Montserrat';
        font-size: 28px;
        margin-top: 15px;
        margin-bottom: 0;
    }
}


@media (max-width: 700px) {

    .news.list .news-item {
        width: 100%;
    }

    #reference-grid .column,
    .reference-grid .column,
    #vasalatok .images-wrapper > div {
        width: 100% !important;
    }

    #reference-grid .box,
    .reference-grid .box {
        height: auto !important;
        padding-bottom: 50%;
    }

    .parallax {
        height: 520px;
    }

    .parallax.video .text-wrapper {
        max-width: 100%;
        text-align: center;
        padding: 15px 30px;
    }

    .parallax .text-wrapper .title {
        font-size: 32px !important;
    }

    .parallax.video .text-wrapper .separator-line {
        margin: 15px auto;
    }

    .parallax.video .text-wrapper .subtitle {
        font-size: 18px;
    }


    #whychoose .column {
        width: 100%;
    }

    #whychoose .image-wrapper {
        width: 100%;
        padding: 15px 15px 15px;
        margin: 0 auto 30px;
        max-width: 430px;
    }

    #whychoose .description-wrapper {
        padding: 0;
    }

    #whychoose .description-wrapper h2 {
        text-align: center;
    }

    #whychoose .argument-list {
        padding-left: 50px;
        padding-bottom: 15px;
        padding-top: 30px;
    }

    #iamanarchitect .container {
        flex-wrap: wrap;
    }

    #iamanarchitect .logo-wrapper {
        width: 100%;
        padding: 30px 15px 15px;
        max-width: 380px;
    }

    #iamanarchitect .description-wrapper {
        width: 100%;
        padding: 15px;
    }

    #iamanarchitect .description p {
        margin-bottom: 15px;
    }

    #iamanarchitect .description .buttons {
        justify-content: center;
    }


    #catalogues .catalogues-wrapper {
        padding-top: 15px;
    }

    #catalogues .catalogues-wrapper .catalogue {
        margin: 10px;
        min-width: 200px;
        height: 110px;
        padding: 10px 40px 0;
    }

    #catalogues .catalogues-wrapper .catalogue .title {
        font-size: 16px;
    }

    #vasalatok .description-wrapper > div {
        width: 100%;
    }

    #vasalatok .description-wrapper .logo {
        text-align: center;
        width: 240px;
        margin: 0 auto;
    }


    .news.list > .row.more-news {
        margin-top: 0 !important;
    }

    footer .footer-bar {
        padding-top: 30px;
    }

    footer h4 {
        margin-bottom: 15px;
        font-size: 22px;
    }

    footer .footer-bar .contact-list {
        margin-bottom: 30px;
    }

    footer .eu-link {
        max-width: 100%;
        margin: 10px 0 !important;
    }
}


@media (max-width: 510px) {
    #product-selector {
        padding: 30px 15px;
    }

    #reference-grid {
        padding: 30px 15px;
    }

    #catalogues {
        padding: 30px 15px;
    }


    #kilincsek .items-wrapper {
        justify-content: center;
    }


    .ccm-image-slider-text {
        bottom: 9vw;
    }

    .ccm-multilingual-switch-language-list li a {
        font-size: 12px;
        width: 20px;
    }

    #header .social-links a {
        width: 24px;
        height: 24px;
        background-size: 28px;
    }

    .main-content h2.title-light,
    #whychoose .description-wrapper h2 {
        font-size: 35px;
        text-align: center;
    }

    #product-selector .select-wrapper .item a {
        display: flex;
        align-items: center;
    }

    #catalogues .catalogues-wrapper .catalogue,
    #product-selector .select-wrapper .item {
        margin: 10px;
        min-width: 200px;
        padding-bottom: 0;
        padding-top: 0;
        height: 100px;
        width: 100%;
        min-height: 0;
        display: flex;
        align-items: center;
    }

    #content .popup .closeButton {
        top: -30px;
        right: 10px;
    }

    #layout .btn {
        font-size: 16px;
        padding: 16px 25px;
    }


    .product.row, .category.row {
        margin-bottom: 15px;
    }

    .product .description h3,
    .category .description h3 {
        font-size: 30px;
    }

    .tender #tender .add-product {
        margin-top: 0;
    }

    .contact-site .contacts > div {
        width: 50%;
    }

    .showrooms .showroom {
        width: 100%;
        text-align: center;
    }

    .colleagues-wrapper .colleague {
        width: 100%;
        padding-bottom: 142%;
        margin: 10px auto;
    }

    .colleagues-wrapper .colleague .image {
        opacity: 1;
    }

    .colleagues-wrapper .colleague .info-wrapper .contact-info {
        opacity: 1;
        max-height: 60px;
        padding: 5px 0;
    }


    .bottom-slider .swiper-container {
        height: auto;
        padding: 15px 0;
    }

    footer h4 {
        margin-bottom: 15px;
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: bold;
    }
}

@media (max-width: 650px) {
    #header {
        height: 120px;
    }

    #header .navigation {
        margin-top: 120px;
    }

    #header .other-menu {
        left: 25px;
        right: auto;
        top: -30px;
    }

    .main-content h2.title-light,
    #whychoose .description-wrapper h2 {
        font-size: 24px;
    }

    #header #szechenyi {
        width: 120px;
    }

    #header .menu-toggle-button {
        right: 130px;
    }


    #winkhaus #special-edition-sale {
        padding: 30px 0;
    }

    #winkhaus #special-edition-sale h3 {
        font-size: 28px;
    }

    #winkhaus #special-edition-sale h2 {
        font-size: 32px;
        padding: 20px 0;
        margin: 25px 0;
    }

    #winkhaus #dark-promo {
        padding-top: 70px;
    }

    #winkhaus #dark-promo h2 {
        font-size: 32px;
    }

    #winkhaus #dark-promo .logos-wrapper {
        margin-top: 30px;
        flex-direction: column;
    }

    #winkhaus #dark-promo .logos-wrapper div {
        max-width: 280px;
        display: block;
        margin: 10px auto;
    }

    #winkhaus #dark-promo:before {
        height: 100%;
    }

    #winkhaus #dark-promo .boxes-wrapper {
        flex-direction: column;
    }

    #winkhaus #dark-promo .boxes-wrapper .box-item {
        width: 100%;
    }

    #winkhaus #dark-promo .boxes-wrapper .box-item * {
        text-align: center;
    }

    #winkhaus #dark-promo .boxes-wrapper .box-item:nth-of-type(1) .subtitle {
        padding-left: 0;
    }

    #winkhaus #dark-promo .boxes-wrapper .box-item:nth-of-type(2) .subtitle {
        padding: 0;
    }

    #winkhaus #dark-promo .boxes-wrapper .box-item:nth-of-type(3) .subtitle {
        padding-right: 0;
    }

    #winkhaus #dark-promo .boxes-wrapper .box-item .image-wrapper .image {
        background-size: cover;
    }


    #winkhaus #promo-columns {
        flex-direction: column;
        margin-top: 15px;
    }

    #winkhaus #promo-columns .item {
        width: 100%;
        margin-bottom: 30px;
    }

    #winkhaus #promo-columns .item .subtitle {
        min-height: 0;
        margin: 15px 0;
    }

    #winkhaus #promo-columns .item:nth-of-type(2) {
        margin: 0 0 30px;
    }


    #winkhaus #winkhaus-details {
        margin: 0;
    }

    #winkhaus #winkhaus-details .category.row {
        padding-top: 30px;
    }

    #winkhaus #winkhaus-details .category.row .image {
        padding-bottom: 30px;
    }

    #winkhaus #winkhaus-details .category.row .description {
        padding: 0 15px;
    }

    #winkhaus #winkhaus-details .category.row .description h3 {
        font-size: 25px;
        font-weight: bold;
    }

    #winkhaus #winkhaus-details .category.row .description h4 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
    }


    #winkhaus #winkhaus-footer {
        padding: 45px 0;
    }


    footer .footer-bar .contact-list {
        column-count: 1;
    }

    #layout.page-template-szulinapi-akcio #akcio-banner .content-wrapper {
        flex-direction: column;
    }
    #layout.page-template-szulinapi-akcio #akcio-banner .content-wrapper .column {
        width: 100%;
        text-align: center !important;
        padding: 0 !important;
    }
    #layout.page-template-szulinapi-akcio #akcio-banner .content-wrapper .column p:first-of-type {
        margin-bottom: 15px;
    }
    #layout.page-template-szulinapi-akcio #akcio-banner .content-wrapper .column:nth-of-type(1):after {
        display: none;
    }
    #layout.page-template-szulinapi-akcio #akcio-banner .content-wrapper .column:nth-of-type(2) {
        margin-top: 45px;
    }
    #layout.page-template-szulinapi-akcio .image-text-block {
        flex-direction: column;
    }
    #layout.page-template-szulinapi-akcio .image-text-block .description-wrapper {
        width: 100%;
    }
    #layout.page-template-szulinapi-akcio .image-text-block .description-wrapper h2 {
        font-size: 8vw;
    }
    #layout.page-template-szulinapi-akcio .image-text-block .image-wrapper {
        width: 100%;
        padding-bottom: 63%;
    }
    #layout.page-template-szulinapi-akcio .image-row .image {
        width: 100%;
        padding-bottom: 63%;
        margin: 15px 0;
    }
    #layout.page-template-szulinapi-akcio #optika .image-wrapper {
        padding-bottom: 80%;
    }
    #layout.page-template-szulinapi-akcio #alu-szinek .image-wrapper, #layout.page-template-szulinapi-akcio #ajanlat .image-wrapper {
        width: 100%;
        padding-bottom: 123%;
        order: 1;
    }
    #layout.page-template-szulinapi-akcio #szinek .image-1 {
        flex: unset;
        height: 63vw;
    }
    #layout.page-template-szulinapi-akcio #szinek .image-1 p {
        font-size: 7vw;
    }
    #layout.page-template-szulinapi-akcio #szinek .image-2 {
        padding-bottom: 136%;
    }
    #layout.page-template-szulinapi-akcio #informaciok {
        padding: 12vw 0 12vw;
    }

}

@media (max-width: 420px) {
    #header #szechenyi{
        top: 0;
    }
}

@media (max-width: 400px) {
    #header .submenu .wrapper > div {
        width: 100%;
    }

    #nemesfa #available-products .woods-wrapper .item {
        width: 50%;
    }
}