@media (max-width: 1740px){
    #header{
        padding-right: 200px;
    }
}

@media (max-width: 991px){

    #header{

    }

    #header .first-header .welcome{
        display: none;
    }

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

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

    #header .logo{

    }

    #header .navigation {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 100;
        background: #efefef;
        width: 100%;
        padding: 15px;
    }
    #header .first-header .contacts,
    #header .first-header .contacts a:first-of-type{
        margin: 0 0 5px;
    }

    #header .second-header .brand{
        width: 80px;
        margin-left: 30px;
    }

    #header .navigation .nav > li{
        display: block;
        width: 100%;
        text-align: center;
    }

    #header .navigation .nav > li a{

    }

    #header .navigation .nav > li:after{

    }

    .ccm-image-slider-text{
        padding: 15px;
    }

    .slider-container .ccm-image-slider-title{
        font-size: 4.2vw;
        margin: 0 0 5px;
    }

    #layout .slider-container .ccm-image-slider-text p{
        font-size: 2.5vw;
        margin-bottom: 20px;
    }

    #layout .slider-container .ccm-image-slider-text a{
        padding: 10px 15px;
        font-size: 15px;
        font-weight: bold;
        margin-top: 10px;
        display: inline-block;
    }

    .rslides_nav{display: none;}
    .slidernav{bottom: 5px;}

    #content .box-container{
        margin-top: 30px;
    }

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

    #content .box-container .box-content .title{
        font-size:2.6vw !important;
    }

    #content .box-container .box-content .text{
        font-size:1.8vw;
        margin: 10px;
    }

    #content .box-container .box-content .button{
        font-size: 14px;
        padding: 10px 15px;
    }

}

@media (max-width: 880px){
    #header{
        margin: 0 -15px;
    }

    #header .first-header{
        text-align: center;
        display: block;
    }

    #header .first-header .contacts{
        display: block;
        margin-bottom: 15px;
        width: 100%;
        border: none;
        padding: 0;
        font-size: 11px;
    }

    #header .first-header a span.icon{
        width: 16px;
        height: 16px;
    }

    #header .first-header .social-container,
    #header .first-header .search-container,
    #header .search-button{
        display: inline-block;
        margin: 0 auto;
        border: none;
    }
}


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

@media (max-width: 768px){
    #header{
        padding-right: 15px;
    }
    #header .szechenyi{
        height: 110px;
        width: 172px;
    }

    #header .first-header{
        padding-right: 120px;
    }

    #content h2{
        margin-bottom: 20px !important;
        font-size:  30px !important;
    }

    .mobile-hidden{
        display: none;
    }

    #layout .topimage-wrapper h2{
        font-size: 9vw;
    }

    .markcon-gallery .images .image-item{
        width: 50%;
        padding-bottom: 50%;
    }

    .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;
    }



    #content .box-container .box:before{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(4, 4, 4, 0.58);
        z-index: 0;
    }

    #content .box-container .box.third-box:before{
        background: rgba(255, 255, 255, 0.54);
    }

    #content .box-container .second-box{
        margin-bottom: 25px;
    }

    #content .box-container .third-box{
        padding-bottom: 50%;
        background-position: 50% 77%;
    }


    #content .services-container .service-box{
        width: 48%;
        min-height: 48vw;
        margin: 0 auto;
    }

    #content .services-container .service-box .service-text{
        font-size: 4vw;
    }

    #content .products-container .product-box{
        width: 50%;
        /* min-height: 82vw; */
        overflow: unset;
        margin-bottom: 15px;
    }

    #content .products-container .product-box a{
        padding: 10px 15px;
        font-size: 15px;
        font-weight: bold;
    }

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

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

    #content .box-container .box-content .title{
        font-size: 4.2vw !important;
    }

    #content .box-container .box-content .text{
        font-size: 3vw;
        margin: 10px;
    }

    #content .box-container .box-content .button{
        font-size: 14px;
        padding: 10px 15px;
    }

    #content .services-container, #content .products-container{
        margin-top: 30px;
    }

    #markcon-blog.browser .blog-items .item .indexPicture{
        text-align: center;
    }

    #markcon-blog.browser .blog-items .item .title{
        font-size:18px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #markcon-blog.browser .blog-items .item .intro *{
        font-size: 14px;
        text-align: justify;
    }

    #markcon-blog.browser .blog-items .item .intro{
        margin: 0;
    }

    #markcon-blog.browser .blog-items .item .blog-link{
        text-align: center;
    }


    .parallax{
        margin-top: 0;
    }

    #markcon-blog{
        margin: 0;
    }

    .contact-info{
        margin: 0;
    }

    .parallax .content{
        padding: 15px;
    }

    .contact-info > div{
        margin: 5px 15px;
        font-size: 16px;
    }

    .contact-site .contact-info{
        margin: 0 auto 30px;
    }
    .contact-info h4{
        font-size: 20px;
    }


    .parallax .content h2{
        font-size: 30px !important;
    }

    .parallax .contact-info h4{
        font-size: 20px;
    }

    .parallax .content .text{
        text-align: center;
        font-size:20px;
    }


    .carpenter-icons > div{
        width: 33%;
    }


    footer{
        padding: 0;
    }

    footer .brand{
        text-align: center;
        margin-top: 15px;
    }

    footer .first-footer-row > div{
        margin-bottom: 15px;
        text-align: center;
    }

    footer .title{
        margin-bottom: 0;
        margin-top: 5px;
    }

    footer .links, footer .contacts{
        display: block;
    }
    #layout footer .links a{
        display: inline-block;
        margin: 5px 10px 0;
    }

    footer .contacts div{
        margin: 5px 0 0;
    }

    footer .second-footer-row{
        text-align: center;
    }
}


@media (max-width: 600px) {
    #layout .slider-container .ccm-image-slider-text p:first-of-type{
        display: none;
    }

    .carpenter-icons > div{
        width: 50%;
    }

    .carpenter-icons .icon{
        width: 42px;
        height: 42px;
    }
    .carpenter-icons .text{
        font-size: 14px;
    }

}


@media (max-width: 510px){

    .service-container{
        margin-left: -15px;
        margin-right: -15px;
    }

    .service-container .service .text-layer > .description{
        opacity: 1;
        min-height:100%;
        top: 0;
        padding-top: 0;
    }

    .service-container .service .description .service-name{
        font-size: 6vw;
    }

    #layout .service-container .service .text-layer> .description .data {
        max-height: 1000px;
        opacity: 1;
        font-size: 4.5vw;
        display: block;
        /* font-weight: 600; */
    }

    #content .box-container .box-content .text{
        display: none;
    }

    #content .products-container .products-container .row > div:first-of-type{
        float: none;
    }

    #content .products-container .product-box{
        width: 100%;
        max-width: 400px;
        margin: 0 auto 15px;
        padding: 15px;
        /* float: none; */
    }

    #content .products-container .product-box:nth-of-type(2n){
        background: #efefef;
    }

    .history-slider .swiper-slide{
        padding-left: 15px;
        padding-right: 15px;
    }
    .history-slider .swiper-pagination{
        right: 10px;
    }
    .history-slider .slider-content .year{
        font-size: 11vw;
    }
    .history-slider .slider-content h4{
        font-size: 5vw;
    }
    .history-slider .slider-content p{
        font-size: 4.8vw;
        padding: 15px;
    }


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

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