@media screen and (max-width: 1280px) {
    #header_fix,
    .slide,
    #footer {
        min-width: unset;
    }

    #header_fix .header_inner,
    .inner,
    .footer_inner {
        width: 100%;
    }

    #header_fix .top {
        padding: 10px 15px 10px 0;
    }

    #header_fix .lang {
        padding: 6px 10px;
    }

    #header_fix ul li a {
        padding: 10px;
    }

    .first_slide .slideshow {
        height: 50vw !important;
    }

    #second_slide {
        height: 55vw !important;
    }

    #termekeink .small_text p,
    #beszallitoink .small_text p,
    #allas .small_text p {
        padding: 0 15px;

    }

    #termekeink .boxes,
    #beszallitoink .boxes,
    #beszallitoink .list {
        display: table;
        margin: 0 auto;
    }

    #beszallitoink {
        background-color: #CBD7E5;
    }

    #beszallitoink .boxes .box {
        width: calc(33.33333333% - 31px);

    }

    #beszallitoink .list .item {
        width: calc(33.33333333% - 30px);

        margin: 0 15px 15px 15px;
    }

    #beszallitoink .boxes .box .img img {
        width: 100% !important;
        height: auto !important;

    }

    #beszallitoink .list .item .text {
        width: calc(100% - 87px);
    }

    #beszallitoink .boxes .box .text .small {
        display: none;

    }

    #allas {
        padding: 15px 0;
    }

    #allas .slideshow_arrow {
        width: 20px;
        height: 70px;

        background-size: contain;
    }

    #allas .slideshow_arrow.left {
        left: 2%;

    }

    #allas .slideshow_arrow.right {
        right: 2%;

    }

    #allas .big_text .slideshow .box h3 {
        font-size: 20px;
    }

    #allas .big_text .slideshow .box p {
        margin: 0 10px 0 0;
    }
}

@media screen and (max-width: 1199px) {
    .footer_inner .float_right nav {
        display: none;
    }

    .footer_inner .float_right .groteszk {
        padding: 9px 10px;
    }
}

@media screen and (max-width: 1024px) {
    .mobile_menu {
        float: right;

        display: block;
        position: relative;

        width: 30px;
        height: 20px;

        padding: 11px 0;
        margin-right: 15px;

        z-index: 100;

    }

    .mobile_menu:hover {
        cursor: pointer;
    }

    .mobile_menu .icon-bar {
        display: block;

        width: 30px;
        height: 2px;

        background-color: #FFF;

    }

    .mobile_menu .icon-bar {
        margin-top: 4px;
    }

    #header {
        height: 43px;

        margin-bottom: -1px;
    }

    #header_fix .top {
        display: none !important;
    }

    #header_fix #logo #logo1 {
        display: none !important;

    }

    #header_fix #logo #logo2 {
        display: block !important;
    }

    #header_fix .lang {
        padding: 8px 10px;
        margin-right: 15px;
    }

    #header_fix .lang a {
        font-size: 15px;
    }

    #header_fix nav {
        display: none;
        position: absolute;

        top: 36px;

        width: 100%;

        background-color: #000;

        float: none;

        padding: 20px 10px;

    }

    #header_fix ul li {
        display: block;

        float: none;

    }

    #header_fix ul li a {
        font-size: 15px;
    }


    #header_fix ul li span {
        display: none;
    }

    .first_slide .small_text h2,
    #termekeink .small_text h2,
    #beszallitoink .small_text h2,
    #allas .small_text h2 {
        font-size: 25px;

        padding: 0 0 10px 0;
        margin-bottom: 2%;
    }

    #termekeink .boxes .inner:before,
    #termekeink .boxes .inner:after {
        content: "";
        display: table;
    }

    #termekeink .boxes .inner:after {
        clear: both;
    }

    #termekeink .boxes .box.small {
        width: calc(50% - 31px);
    }

    #kapcsolat .big_text .float_left,
    #kapcsolat .big_text .float_right {
        width: calc(100% - 30px);
        float: none;

        text-align: center;

        margin: 0 auto;

    }

    #kapcsolat .big_text .float_right .slideshow img {
        left: 50%;

        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #kapcsolat .big_text .float_right .slideshow {
        display: block;

        width: calc(100% - 30px);
        height: 75vw;

        margin: 0 auto;

    }

    #kapcsolat .big_text .float_right .slideshow img {
        width: 100%;
        height: auto;
    }

    #kapcsolat .big_text .float_right .slideshow_pucuka span {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .first_slide .small_text h2,
    #termekeink .small_text h2,
    #beszallitoink .small_text h2,
    #allas .small_text h2{
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    #header_fix .lang a {
        font-size: 12px;
    }

    #second_slide .slideshow_arrow {
        width: 35px;
        height: 60px;
    }

    #second_slide .slideshow_arrow.left,
    #second_slide .slideshow_arrow.right {
        background-size: 14px;
    }

    #beszallitoink .list .inner .clear {
        display: none;
    }

    #termekeink .boxes .box.small {
        width: calc(100% - 31px);
        float: none;
    }

    #beszallitoink .boxes .box {
        width: calc(100% - 31px);

    }

    #beszallitoink .list .item {
        width: calc(50% - 30px);

        text-align: center;
    }

    #beszallitoink .list .item .img,
    #beszallitoink .list .item .text{
        width: 100%;

        float: none;
    }

    #beszallitoink .list .item .img {
        margin-right: 0;


    }

    #beszallitoink .list .item .img a {
        display: table;

        margin: 0 auto;
    }

    #allas .slideshow_arrow {
        width: 15px;
        height: 30px;

    }
}