@media only screen and (min-width: 1640px) and (max-width: 1770px) {
    .content_2 {
        width: 1500px;
    }

    #main-offer {
        width: 100%;
        padding: 70px 0 90px;
    }

    #main-offer .offer-box {
        width: 31%;
    }

    #main-offer .offer-box-text {
        padding: 30px 40px;
    }

    #technology-grey {
        padding: 50px 0 70px;
    }

    #technology-grey .technology-box {
        width: 23%;
        padding: 40px;
    }

    #main-download {
        padding: 50px 0;
    }

    #main-download .download-item a {
        padding: 0 0 40px;
    }

    #main-slogan .content {
        padding: 110px 0;
    }

    #main-about .main-about-video {
        margin: 0 0 90px;;
    }

    #main-about .about-text .tekst {
        column-gap: 50px;
    }

    #main-realizacje {;
        padding: 100px 0 0;
    }

    #slider_realizacji {
        padding: 0 0 50px;
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 25px;
    }

    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 1500px;
    }

    #main-parallax .box {
        padding: 110px 40px;
    }

    #jbg-2-group {
        padding: 60px 0;
    }

}

@media only screen and (min-width: 1496px) and (max-width: 1639px) {
    .content_2 {
        width: 1400px;
    }

    #main-wrapper,
    #main-wrapper .back_pic {
        height: 750px;
    }

    #main-offer {
        width: 100%;
        padding: 70px 0 80px;
    }

    #main-offer .offer-box {
        width: 31.5%;
    }

    #main-offer .naglowek,
    #technology-grey .naglowek,
    #main-download .naglowek,
    #main-realizacje .naglowek,
    #jbg-2-group .naglowek {
        font: 700 24px/26px "Open Sans", sans-serif;
        margin: 0 0 35px;
    }

    #main-offer .offer-box-text {
        padding: 25px 30px;
    }

    #technology-grey {
        padding: 50px 0 70px;
    }

    #technology-grey .technology-box {
        width: 23%;
        padding: 35px;
    }

    #main-download {
        padding: 50px 0;
    }

    #main-download .download-item a {
        padding: 0 0 40px;
    }

    #main-slogan .content {
        padding: 100px 0;
    }

    #main-about .main-about-video {
        margin: 0 0 90px;;
    }

    #main-about .about-text .naglowek {
        font: 700 28px/32px "Open Sans", sans-serif;
        margin: 0 0 40px;
    }

    #main-about .about-text .tekst {
        column-gap: 40px;
    }

    #main-realizacje {
        padding: 70px 0 0;
    }

    #slider_realizacji {
        padding: 0 0 40px;
    }

    #slider_realizacji .realizacje-item {
        width: calc(100% / 3);
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 25px;
    }

    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 1400px;
    }

    #main-parallax .box {
        padding: 100px 40px;
    }

    #jbg-2-group {
        padding: 50px 0;
    }

    #jbg-2-group .item-box {
        padding: 0 0 30px;
    }

    footer .top {
        padding: 50px 0 75px;
    }

    footer .top .content::before {
        top: -50px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1495px) {
    .content_2 {
        width: 1200px;
    }

    #main-wrapper,
    #main-wrapper .back_pic {
        height: 570px;
    }

    #wrapper_content .slider-info {
        margin: 170px 0 0;
    }

    #wrapper_content .slider-info .big-text {
        font: 700 60px/70px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #wrapper_content .slider-info .small-text {
        font: 600 17px/22px "Open Sans", sans-serif;
        margin: 0 0 45px 0;
    }

    #logo_ue.mobile.bottom {
        bottom: 35px;
    }

    #main-offer {
        padding: 60px 0;
    }

    #main-offer .offer-box {
        width: 31.5%;
    }

    #main-offer .naglowek,
    #technology-grey .naglowek,
    #main-download .naglowek,
    #main-realizacje .naglowek,
    #jbg-2-group .naglowek {
        font: 700 22px/24px "Open Sans", sans-serif;
        margin: 0 0 30px;
    }

    #main-offer .offer-box-text {
        padding: 20px 25px;
    }

    #main-offer .offer-box .kolko,
    #main-offer .offer-box:hover .kolko_1 {
        width: 26px;
        height: 26px;
    }

    #main-offer .offer-box .kolko_1 {
        width: 0;
        height: 0;
    }

    #main-offer .offer-box .kolko .arrow,
    #main-offer .offer-box:hover .kolko_1 .arrow {
        width: 14px;
    }

    #main-offer .offer-box .kolko_1 .arrow,
    #main-offer .offer-box:hover .kolko_2 .arrow {
        width: 0;
    }

    #main-offer .offer-box .product-name {
        margin: 0 0 12px;
        font: 700 22px/22px "Open Sans", sans-serif;
    }

    #main-offer .offer-box:hover .product {
        margin: 0 auto 0 15px;
    }

    #technology-grey {
        padding: 45px 0 60px;
    }

    #technology-grey .technology-box {
        width: 23%;
        padding: 30px;
        height: 240px;
    }

    #technology-grey .technology-box .technology-title {
        font: 600 19px/24px "Open Sans", sans-serif;
        max-height: 50px;
    }

    #technology-grey .technology-box .hidden-content .text {
        font: 300 14px/18px "Open Sans", sans-serif;
        height: 36px;
        margin: 0 0 25px;
    }

    #main-download {
        padding: 45px 0;
    }

    #main-download .download-item a {
        padding: 0 0 35px;
    }

    #main-download .download-item .ikona {
        margin: 15px 0 15px;
    }

    #main-download .download-item:hover .ikona {
        margin: 5px 0 25px;
    }

    #main-slogan .content {
        padding: 80px 0;
    }

    #main-slogan .big-text {
        font: 700 70px/70px "Open Sans", sans-serif;
        padding: 0 0 25px;
        margin: 0 0 25px;
    }

    #main-slogan .small-text {
        font: 400 17px/25px "Open Sans", sans-serif;
        margin: 0 0 30px;
    }

    #main-about {
        padding: 10px 0 0;
    }

    #main-about .main-about-video {
        margin: 0 0 70px;;
    }

    #main-about .about-text .naglowek {
        font: 700 26px/30px "Open Sans", sans-serif;
        margin: 0 0 30px;
    }

    #main-about .about-text .tekst {
        font: 300 15px/22px "Open Sans", sans-serif;
        margin: 0 0 40px;
        column-gap: 30px;
    }

    #main-realizacje {
        padding: 50px 0 0;
    }

    #slider_realizacji {
        padding: 0 0 30px;
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 20px;
    }

    #slider_realizacji .realizacje-item .podpis {
        font: 600 20px/22px "Open Sans", sans-serif;
        height: 22px;
        margin: 0 0 10px;
    }

    #slider_realizacji .realizacje-item .arrow_pion {
        margin: 15px 0 0;
    }

    #slider_realizacji .realizacje-item:hover .arrow_pion {
        margin: 0 0 15px;
    }

    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 1200px;
    }

    #main-parallax .box {
        padding: 80px 35px;
    }

    #main-parallax .box svg {
        width: 80px;
        margin: 0 0 30px;
    }

    #main-parallax .box .podpis {
        font: 300 36px/36px "Open Sans", sans-serif;
    }

    #jbg-2-group {
        padding: 40px 0;
    }

    #jbg-2-group .item-box {
        padding: 0 0 25px;
        width: 12%;
    }

    footer .top {
        padding: 45px 0 70px;
    }

    footer .top .content::before {
        top: -45px;
    }

    #jbg-2-group .item-box img {
        max-height: 42px;
    }
}

/* Maksymalny rozmiar > 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    #main-wrapper {
        min-width: 980px;
    }

    #main-header {
        min-width: 980px;
    }

    .content,
    .content_2,
    #wrapper_content .content {
        width: 980px;
    }

    #main-header .right-side {
        width: 735px;
    }

    #main-header .right-side nav a {
        padding: 28px 13px 32px;
    }

    #fixed-search {
        display: none;
    }

    #catalog-fixed {
        display: none;
    }

    #main-wrapper,
    #main-wrapper .back_pic {
        height: 570px;
    }

    #wrapper_content .slider-info {
        margin: 170px 0 0;
    }

    #wrapper_content .slider-info .big-text {
        font: 700 60px/70px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #wrapper_content .slider-info .small-text {
        font: 600 17px/22px "Open Sans", sans-serif;
        margin: 0 0 45px 0;
    }

    #logo_ue.mobile.bottom {
        bottom: 35px;
    }

    #main-header .right-side nav ul li a {
        padding: 28px 14px 32px;
    }

    #main-offer {
        min-width: 980px;
        padding: 60px 0;
    }

    #main-offer .offer-box {
        width: 31.5%;
    }

    #main-offer .offer-box-foto .pola {
        top: 15px;
        left: 15px;
        font: 700 14px/14px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .nowosc,
    #main-offer .offer-box .na-zapytanie {
        padding: 8px;
        margin: 0 8px 0 0;
    }

    #main-offer .naglowek,
    #technology-grey .naglowek,
    #main-download .naglowek,
    #main-realizacje .naglowek,
    #jbg-2-group .naglowek {
        font: 700 22px/24px "Open Sans", sans-serif;
        margin: 0 0 30px;
    }

    #main-offer .offer-box-text {
        padding: 15px;
    }

    #main-offer .offer-box .kolko,
    #main-offer .offer-box:hover .kolko_1 {
        width: 24px;
        height: 24px;
    }

    #main-offer .offer-box .kolko_1 {
        width: 0;
        height: 0;
    }

    #main-offer .offer-box .kolko .arrow,
    #main-offer .offer-box:hover .kolko_1 .arrow {
        width: 13px;
    }

    #main-offer .offer-box .kolko_1 .arrow,
    #main-offer .offer-box:hover .kolko_2 .arrow {
        width: 0;
    }

    #main-offer .offer-box .kolko_2 {
        margin: 0 0 0 5px;
    }

    #main-offer .offer-box .product-name {
        margin: 0 0 10px;
        font: 700 18px/18px "Open Sans", sans-serif;
    }

    #main-offer .offer-box:hover .product {
        margin: 0 auto 0 5px;
    }

    #main-offer .offer-box .product-category span.category {
        font: 300 10px/12px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .product-category svg {
        margin: 0 3px;
        width: 8px;
    }

    #technology-grey {
        min-width: 980px;
        text-align: center;
        padding: 45px 0 60px;
    }

    #technology-grey .technology-box {
        width: 23%;
        padding: 25px;
        height: 220px;
    }

    #technology-grey .technology-box .technology-title {
        font: 600 18px/22px "Open Sans", sans-serif;
        max-height: 46px;
    }

    #technology-grey .technology-box .hidden-content .text {
        font: 300 12px/15px "Open Sans", sans-serif;
        height: 30px;
        margin: 0 0 20px;
    }

    #technology-grey .technology-box:hover .hidden-content {
        height: 70px;
    }

    #main-download {
        min-width: 980px;
        padding: 45px 0;
    }

    #main-download .download-item a {
        padding: 0 0 30px;
    }

    #main-download .download-item p {
        font: 700 17px/18px "Open Sans", sans-serif;
    }

    #main-download .download-item .ikona {
        margin: 15px 0 15px;
        height: 54px;
    }

    #main-download .download-item:hover .ikona {
        margin: 5px 0 25px;
    }

    #main-slogan {
        min-width: 980px;
    }

    #main-slogan .content {
        padding: 70px 0;
    }

    #main-slogan .big-text {
        font: 700 60px/60px "Open Sans", sans-serif;
        padding: 0 0 25px;
        margin: 0 0 25px;
    }

    #main-slogan .small-text {
        font: 400 17px/25px "Open Sans", sans-serif;
        margin: 0 0 30px;
    }

    #main-about {
        min-width: 980px;
        padding: 10px 0 0;
    }

    #main-about .main-about-video {
        margin: 0 0 60px;
    }

    #main-about .about-text .naglowek {
        font: 700 22px/26px "Open Sans", sans-serif;
        margin: 0 0 25px;
        text-align: center;
    }

    #main-about .about-text .tekst {
        font: 300 14px/20px "Open Sans", sans-serif;
        margin: 0 0 40px;
        column-gap: 30px;
        column-count: 2;
    }

    #main-realizacje {
        padding: 45px 0 0;
        min-width: 980px;
    }

    #slider_realizacji {
        padding: 0 0 30px;
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 20px;
    }

    #slider_realizacji .realizacje-item .podpis {
        font: 600 20px/22px "Open Sans", sans-serif;
        height: 22px;
        margin: 0 0 10px;
    }

    #slider_realizacji .realizacje-item .arrow_pion {
        margin: 15px 0 0;
    }

    #slider_realizacji .realizacje-item:hover .arrow_pion {
        margin: 0 0 15px;
    }

    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 980px;
    }

    #main-parallax {
        min-width: 980px;
    }

    #main-parallax .box,
    #main-parallax .box.ru {
        padding: 80px 35px;
    }

    #main-parallax .box svg {
        width: 80px;
        margin: 0 0 30px;
    }

    #main-parallax .box .podpis {
        font: 300 36px/36px "Open Sans", sans-serif;
    }

    #main-parallax .box .podpis.ru {
        font: 300 25px/25px "Open Sans", sans-serif;
    }

    #jbg-2-group {
        min-width: 980px;
        padding: 40px 0;
    }

    #jbg-2-group .item-box {
        padding: 0 0 25px;
        width: 12%;
    }

    footer {
        min-width: 980px;
    }

    footer .top {
        min-width: 980px;
    }


    footer .top {
        padding: 45px 0 60px;
    }

    footer .top .content::before {
        top: -45px;
    }

    footer .top .footer-box {
        width: 30%;
    }

    footer .bottom {
        min-width: 980px;
    }

    #subpage-wrapper {
        min-width: 980px;
    }

    #breadcrumbs {
        min-width: 980px;
    }

    #subpage-content {
        width: 980px;
    }

    #right-column {
        padding: 0 0 0 30px;
        width: 699px;
    }

    #right-column .aktualnosc-item {
        width: 699px;
    }

    #right-column .aktualnosc-item .akt-pic {
        width: 240px;
        height: 174px;
    }

    #right-column .aktualnosc-item .akt-pic img {
        width: 240px;
        height: 174px;
    }

    #right-column .aktualnosc-item .akt-content {
        width: 440px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay {
        width: 240px;
        height: 174px;
        background-size: 240px 174px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay .ico {
        left: 70px;
    }

    #right-column h1.aktualnosci-h1 {
        width: 435px;
    }

    #right-column .offer-container {
        width: 699px;
    }

    #right-column table {
        display: block;
        overflow-x: scroll;
        width: 699px !important;
    }


    #galeria .galeria-item {
        width: 224px;
        height: 164px;
    }

    #right-column .offer-container .offer-box2 {
        width: 317px;
        height: 352px;
        text-align: left;
    }

    #right-column .offer-container .offer-box2 a {
        width: 317px;
        height: 352px;
    }

    #right-column .offer-container .offer-box2 img {
        width: 317px;
        height: 230px;
    }

    #right-column .kat-box {
        margin: 0 8px 17px;
    }

    #right-column .realizacje-item {
        margin: 0 12px 38px;
    }

    #right-column .contact-adres {
        float: none;
        margin-bottom: 25px;
    }

    #right-column .contact-btns {
        float: none;
    }

    #contact-map {
        width: 699px;
    }

    #zasieg-mapa {
        width: 699px;
    }

    #right-column .contact-box {
        margin-right: 0;
        width: 699px;
    }

    #formularz-kontaktowy {
        width: 699px;
    }

    #formularz-kontaktowy .f_kolumna_1 {
        width: 153px;
    }

    #formularz-kontaktowy .f_input {
        width: 134px;
    }

    #formularz-kontaktowy .f_tekst {
        width: 455px;
    }

    #formularz-kontaktowy .f_textarea {
        width: 436px;
    }

    #formularz-kontaktowy .f_tekst .checkbox label {
        width: 392px;
    }

    #kariera_content #formularz-kontaktowy {
        width: 900px;
    }

    #kariera_content #formularz-kontaktowy .f_kolumna_1 {
        width: 204px;
    }

    #kariera_content #formularz-kontaktowy .f_input {
        width: 186px;
    }

    #kariera_content #formularz-kontaktowy .f_tekst {
        width: 660px;
    }

    #kariera_content #formularz-kontaktowy .f_textarea {
        width: 872px;
    }

    #kariera_content #formularz-kontaktowy .f_tekst .checkbox label {
        width: 600px;
    }

    #right-column .column-content .main-product-pic {
        width: 430px;
        height: 311px;
    }

    #right-column .column-content .main-product-pic img {
        width: 430px;
        height: 311px;
    }

    #right-column .column-content .left-column, #right-column .column-content .right-column {
        width: 320px;
    }

    ul.expand_wrapper li {
        width: 320px;
    }

    ul.expand_wrapper span.move {
        width: 303px;
    }

    ul.expand_wrapper .toggle_container {
        width: 286px;
    }

    #main-slogan iframe {
        min-width: 980px;
    }

    #right-column .offer-container .offer-box3 {
        width: 328px;
        margin: 0 8px;
        height: 356px;
    }

    #right-column .offer-container .offer-box3 a {
        width: 328px;
        height: 356px;
    }

    #right-column .offer-container .offer-box3 img {
        width: 328px;
        height: 238px;
    }

    #right-column .offer-container .offer-box3 .cat-usun {
        right: 10px;
        top: 10px;
    }

    #jbg-2-group .item-box img {
        max-height: 36px;
    }
}

/* Rozmiar 1024px - 1080px */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    #main-wrapper {
        min-width: 740px;
        height: 610px;
    }

    #main-wrapper .back_pic {
        height: 610px;
    }

    #wrapper_content .slider-info {
        width: 580px;
        margin: 180px 0 0;
    }

    #wrapper_content .slider-info .big-text {
        font: 700 44px/50px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #wrapper_content .slider-info .small-text {
        font: 600 15px/20px "Open Sans", sans-serif;
        margin: 0 0 40px;
    }

    #logo_ue.mobile.bottom {
        bottom: 35px;
    }

    #main-header {
        min-width: 740px;
        display: none;
    }

    #mobile-header {
        display: block;
    }

    #mobile-header .logo {
        margin-top: 35px;
    }

    #mobile-btns {
        display: block;
    }

    #header-mobile-icos .mobile-search {
        margin-bottom: 10px;
        width: 184px;
        margin-top: 24px;
    }

    #header-mobile-icos .mobile-search form {
        width: 184px;
    }

    #header-mobile-icos .language-icos {
        display: none;
    }

    #header-mobile-icos .mobile-search form .pole2 {
        width: 40px;
    }

    #header-mobile-icos .mobile-search form .pole1 {
        width: 148px;
    }

    #header-mobile-icos .mobile-search form .pole1 input {
        height: 38px;
        width: 140px;
        color: #fff;
    }

    #header-mobile-icos .mobile-search form .pole2 button {
        width: 40px;
        height: 40px;
    }

    #header-mobile-icos .mobile-catalog-btn {
        display: none;
    }

    .dl-menuwrapper {
        top: 25px !important;
    }

    #header-mobile-icos .social-icos {
        margin-top: 32px;
    }

    .content,
    .content_2,
    #wrapper_content .content {
        width: 740px;
    }

    #main-header .right-side {
        width: 735px;
    }

    #main-header .right-side nav a {
        padding: 28px 13px 32px;
    }

    #fixed-search {
        display: none;
    }

    #catalog-fixed {
        display: none;
    }

    #main-offer {
        min-width: 740px;
        text-align: center;
        padding: 50px 0 40px;
    }

    #main-offer .offer-box {
        width: 32%;
    }

    #main-offer .offer-box-foto .pola {
        top: 10px;
        left: 10px;
        font: 700 12px/12px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .nowosc,
    #main-offer .offer-box .na-zapytanie {
        padding: 5px;
        margin: 0 5px 0 0;
    }

    #main-offer .naglowek,
    #technology-grey .naglowek,
    #main-download .naglowek,
    #main-realizacje .naglowek,
    #jbg-2-group .naglowek {
        font: 700 20px/22px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #main-offer .offer-box-text {
        padding: 10px;
    }

    #main-offer .offer-box .kolko,
    #main-offer .offer-box:hover .kolko_1 {
        width: 20px;
        height: 20px;
    }

    #main-offer .offer-box .kolko_1 {
        width: 0;
        height: 0;
    }

    #main-offer .offer-box .kolko .arrow,
    #main-offer .offer-box:hover .kolko_1 .arrow {
        width: 12px;
    }

    #main-offer .offer-box .kolko_1 .arrow,
    #main-offer .offer-box:hover .kolko_2 .arrow {
        width: 0;
    }

    #main-offer .offer-box .kolko_2 {
        margin: 0 0 0 5px;
    }

    #main-offer .offer-box .product-name {
        margin: 0 0 7px;
        font: 700 16px/16px "Open Sans", sans-serif;
    }

    #main-offer .offer-box:hover .product {
        margin: 0 auto 0 5px;
    }

    #main-offer .offer-box .product-category span.category {
        font: 300 10px/12px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .product-category svg {
        margin: 0 3px;
        width: 8px;
    }

    #technology-grey {
        min-width: 740px;
        text-align: center;
        padding: 40px 0;
    }

    #technology-grey .technology-box {
        width: 23.5%;
        padding: 10px;
        height: 160px;
    }

    #technology-grey .technology-box .technology-title {
        font: 600 16px/20px "Open Sans", sans-serif;
        max-height: 40px;
    }

    #technology-grey .technology-box .hidden-content .text {
        font: 300 10px/12px "Open Sans", sans-serif;
        height: 24px;
        margin: 0 0 15px;
    }

    #technology-grey .technology-box:hover .hidden-content {
        height: 60px;
    }

    #technology-grey .technology-box .hidden-content .arrow_pion {
        width: 15px;
    }

    #main-download {
        min-width: 740px;
        text-align: center;
        padding: 40px 0;
    }

    #main-download .content {
        justify-content: space-between;
    }

    #main-download .download-item {
        width: 32%;
    }

    #main-download .download-item a {
        padding: 0 0 25px;
    }

    #main-download .download-item p {
        font: 700 16px/18px "Open Sans", sans-serif;
    }

    #main-download .download-item .ikona {
        margin: 10px 0 10px;
        height: 50px;
    }

    #main-download .download-item:hover .ikona {
        margin: 0 0 20px;
    }

    #main-download .download-item:hover .arrow_pion {
        width: 15px;
    }

    #main-slogan {
        min-width: 740px;
    }

    #main-slogan::after {
        bottom: -30px;
    }

    #main-slogan .content {
        padding: 50px 0;
    }

    #main-slogan .big-text {
        font: 700 40px/40px "Open Sans", sans-serif;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    #main-slogan .big-text::after {
        height: 4px;
        bottom: -4px;
    }

    #main-slogan .small-text {
        font: 400 14px/19px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #main-about {
        min-width: 740px;
        padding: 10px 0 0;
    }

    #main-about .main-about-video {
        margin: 0 0 60px;
    }

    #main-about .about-text .naglowek {
        font: 700 22px/26px "Open Sans", sans-serif;
        margin: 0 0 25px;
        text-align: center;
    }

    #main-about .about-text .tekst {
        font: 300 14px/20px "Open Sans", sans-serif;
        margin: 0 0 40px;
        column-gap: 30px;
        column-count: 2;
    }

    #main-realizacje {
        min-width: 740px;
        text-align: center;
        padding: 40px 0 0;
    }

    #slider_realizacji {
        padding: 0 0 25px;
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 15px;
    }

    #slider_realizacji .realizacje-item .podpis {
        font: 600 18px/20px "Open Sans", sans-serif;
        height: 22px;
        margin: 0 0 10px;
    }

    #slider_realizacji .realizacje-item .arrow_pion {
        margin: 10px 0 0;
    }

    #slider_realizacji .realizacje-item:hover .arrow_pion {
        margin: 0 0 10px;
    }

    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 740px;
    }

    #main-parallax {
        min-width: 740px;
    }

    #baner_video {
        top: 0;
    }

    #main-parallax .box,
    #main-parallax .box.ru {
        padding: 50px 0;
        width: 47%;
    }

    #main-parallax .box svg {
        width: 60px;
        margin: 0 0 20px;
    }

    #main-parallax .box .podpis {
        font: 300 30px/30px "Open Sans", sans-serif;
    }

    #main-parallax .box .podpis.ru {
        font: 300 21px/25px "Open Sans", sans-serif;
    }

    #jbg-2-group {
        min-width: 740px;
        padding: 40px 0;
    }

    #jbg-2-group .item-box {
        padding: 0 0 25px;
        width: 12%;
    }

    #jbg-2-group .item-box:hover svg {
        width: 15px;
    }

    footer {
        min-width: 740px;
    }

    footer .top {
        min-width: 740px;
        padding: 40px 0 50px;
    }

    footer .top .content::before {
        top: -40px;
    }

    footer .top .footer-box {
        width: 31%;
    }

    footer .top .footer-box .naglowek {
        padding: 0 0 0 55px;
        margin: 10px 0 30px;;
        font: 400 22px/24px "Open Sans", sans-serif;
    }

    footer .top .footer-box svg {
        height: 43px;
        margin-bottom: 0;
    }

    footer .top .footer-box hr {
        margin: 15px 0;
    }

    footer .top .footer-box .footer-akt {
        margin: 0 0 10px;
    }

    footer .top .footer-box .footer-akt .akt-nazwa {
        font: 600 13px/16px "Open Sans", sans-serif;
        height: auto;
    }

    #footer-nav a {
        padding: 0 0 0 35px;
        margin: 20px 0;
    }

    #footer-nav a:hover::after {
        left: 20px;
    }

    #footer-nav {
        display: block;
        margin: 19px 0 0 0;
    }

    footer .top .footer-box .footer-adres, footer .top .footer-box .footer-tel, footer .top .footer-box .footer-mail {
        padding: 0 0 0 30px;
        margin: 0 0 25px 0;
        font: 300 13px/18px "Open Sans", sans-serif;
    }

    footer .top .footer-box .footer-mail::before {
        top: -4px;
    }

    footer .bottom {
        min-width: 740px;
    }

    #subpage-content {
        width: 740px;
    }

    #subpage-wrapper {
        min-width: 740px;
    }

    #breadcrumbs {
        min-width: 740px;
    }

    #breadcrumbs .breadcrumbs {
        width: 580px;
    }

    #side-nav {
        display: none;
    }

    #side-contact {
        display: none;
    }

    #side-aktualnosci {
        display: none;
    }

    #side-icos {
        display: none;
    }

    #left-column {
        float: none;
        width: 740px;
        padding: 0 0px 0 0;
        margin: 0 auto 0;
    }

    #right-column {
        float: none;
        width: 740px;
        padding: 0 0px 0 0;
        border-left: none;
        margin: 0 auto 0;
    }

    #right-column .aktualnosc-item {
        width: 740px;
    }

    #right-column .aktualnosc-item .akt-pic {
        width: 240px;
        height: 174px;
    }

    #right-column .aktualnosc-item .akt-pic img {
        width: 240px;
        height: 174px;
    }

    #right-column .aktualnosc-item .akt-content {
        width: 470px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay {
        width: 240px;
        height: 174px;
        background-size: 240px 174px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay .ico {
        left: 70px;
    }

    #menu-boczne-mobilne {
        display: block;
    }

    #galeria .galeria-item {
        width: 238px;
        height: 172px;
        margin: 0 2px 5px;
    }

    #right-column table {
        display: block;
        overflow-x: scroll;
        width: 740px !important;
    }

    #right-column h1.aktualnosci-h1 {
        width: 458px;
    }

    #right-column .offer-container {
        width: 740px;
    }

    #right-column .offer-container .offer-box2 {
        width: 338px;
        height: 362px;
        text-align: left;
    }

    #right-column .offer-container .offer-box2 a {
        width: 338px;
        height: 362px;
    }

    #right-column .offer-container .offer-box2 img {
        width: 338px;
        height: 245px;
    }

    #toTop {
        display: none !important;
    }

    #right-column .kat-box {
        margin: 0 8px 17px;
    }

    #right-column .realizacje-item {
        margin: 0 12px 38px;
    }

    #right-column .contact-adres {
        float: none;
        margin-bottom: 25px;
    }

    #right-column .contact-btns {
        float: none;
    }

    #contact-map {
        width: 740px;
    }

    #zasieg-mapa {
        width: 740px;
    }

    #right-column .contact-box {
        margin-right: 0;
        width: 740px;
    }

    #formularz-kontaktowy {
        width: 740px;
    }

    #formularz-kontaktowy .f_kolumna_1 {
        width: 164px;
    }

    #formularz-kontaktowy .f_input {
        width: 144px;
    }

    #formularz-kontaktowy .f_tekst {
        width: 490px;
    }

    #formularz-kontaktowy .f_textarea {
        width: 470px;
    }

    #formularz-kontaktowy .f_tekst .checkbox label {
        width: 392px;
    }


    #kariera_content {
        width: 740px;
    }

    #kariera_content header {
        width: 740px;
    }

    #kariera_content header .logo {
        margin: 30px 0 0 30px;
        width: 150px;
        height: auto;
    }

    #kariera_content header .logo img {
        width: 150px;
        height: auto;
    }

    #kariera_content header .naglowek {
        margin: 45px 40px 0 0;
        float: right;
    }

    #kariera_content hr {
        width: 740px;
    }

    #kariera_content footer {
        width: 740px;
    }

    #kariera_content #formularz-kontaktowy .f_textarea {
        width: 712px;
    }

    #side-filters {
        display: none;
    }

    #left-column .mobile-filter-btn {
        display: inline-block;
    }

    #mobile-filters {
        display: block;
    }

    #side-login {
        border-bottom: 0;
        width: 575px;
        margin: 0 auto 0;
    }

    #side-login form {
        width: 535px;
    }

    #side-login .f_wiersz {
        display: inline-block;
        margin: 0 10px 0 10px;
    }

    #side-login .f_button {
        display: inline-block;
        margin: 0 10px 0 10px;
    }

    #right-column .column-content .main-product-pic {
        width: 450px;
        height: 326px;
    }

    #right-column .column-content .main-product-pic img {
        width: 450px;
        height: 326px;
    }

    #right-column .column-content .left-column, #right-column .column-content .right-column {
        width: 350px;
    }

    ul.expand_wrapper li {
        width: 350px;
    }

    ul.expand_wrapper span.move {
        width: 333px;
    }

    ul.expand_wrapper .toggle_container {
        width: 316px;
    }

    #main-slogan iframe {
        min-width: 740px;
    }

    #right-column .offer-container .offer-box3 {
        width: 348px;
        margin: 0 8px;
        height: 376px;
    }

    #right-column .offer-container .offer-box3 a {
        width: 348px;
        height: 376px;
    }

    #right-column .offer-container .offer-box3 img {
        width: 348px;
        height: 252px;
    }

    #right-column .offer-container .offer-box3 .cat-usun {
        right: 10px;
        top: 10px;
    }

    #right-column p img {
        max-width: 740px;
        height: auto;
    }

    #right-column p iframe, #right-column iframe {
        max-width: 740px;
        height: auto;
    }

    #logo_ue.mobile.top {
        top: 535px;
        left: 20px;
    }

    #jbg-2-group .item-box img {
        max-height: 32px;
    }
}

/* Rozmiar 768px - 1010px */

@media only screen and (min-width: 533px) and (max-width: 767px) {

    #wrapper_content:last-child .back_pic {
        position: relative;
        z-index: 100;
    }

    #slider_realizacji .realizacje-item:hover .arrow_pion .cls-6 {
        fill: #727272;
    }

    #main-about .main-about-video .more-btn,
    #main-about .main-about-video .more-btn:hover {
        padding: 15px 50px 15px 20px;
        background-color: #e2001a;
    }

    #main-about .main-about-video .more-btn:hover .ico_1 {
        width: 0;
    }

    #main-about .main-about-video .more-btn .ico_trojkat_video.ico_2 {
        width: 12px;
        right: 20px;
    }

    #main-about .main-about-video .video_foto::before {
        top: -20px;
    }

    #main-about .main-about-video .video_foto::after {
        bottom: -20px;
    }


    .more-btn,
    footer .top .footer-box .form-btn,
    #wrapper_content .slider-info .more-btn,
    #main-about .about-text .more-btn,
    #main-parallax .box .more-btn,
    footer .top .footer-box .more-btn {
        font: 400 13px/14px "Open Sans", sans-serif;
        padding: 10px 50px 10px 20px;
    }

    .more-btn:hover,
    #wrapper_content .slider-info .more-btn:hover,
    #main-parallax .box .more-btn:hover {
        color: #424242;
        background: #fff;
    }

    .more-btn::before,
    #wrapper_content .slider-info .more-btn:before,
    #main-about .main-about-video .more-btn:before,
    #main-about .about-text .more-btn:before,
    #main-parallax .box .more-btn:before,
    footer .top .footer-box .more-btn:before {
        width: 15px;
        height: 14px;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        background-size: 15px 28px;
    }

    #main-about .main-about-video .more-btn:hover:before,
    #main-about .about-text .more-btn:hover:before,
    footer .top .footer-box .more-btn:hover:before {
        right: 20px;
    }

    .more-btn:hover::before,
    #wrapper_content .slider-info .more-btn:hover:before,
    #main-parallax .box .more-btn:hover:before {
        opacity: 1;
    }

    .more-btn:hover::after,
    #wrapper_content .slider-info .more-btn:hover:after,
    #main-parallax .box .more-btn:hover:after {
        opacity: 0;
    }

    #main-wrapper {
        min-width: 513px;
        height: 90vh;
    }

    .ytplayer-container {
        margin: 0 0 0 -400px;
    }

    #main-wrapper .back_pic {
        height: 90vh;
    }

    #main-wrapper .arrow-down {
        height: 60px;
        width: 60px;
        top: 90vh;
        transform: translate(-50%, -50%);
        margin: 0;
        background-size: 60px 60px;
    }

    #main-wrapper .arrow-down img,
    #main-wrapper .arrow-down:hover img {
        left: 50%;
        margin-left: 0;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #mobile-btns .ico:hover::before {
        opacity: 1;
    }

    #mobile-btns .ico:hover::after {
        opacity: 0;
    }

    #wrapper_content .slider-info {
        width: 498px;
        margin: 195px 0 0;
    }

    #wrapper_content .slider-info .big-text {
        font: 700 40px/46px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #wrapper_content .slider-info .small-text {
        font: 600 15px/20px "Open Sans", sans-serif;
        margin: 0 0 40px;
    }

    #main-header {
        min-width: 513px;
        display: none;
    }

    #mobile-header {
        display: block;
        min-width: 513px;
    }

    .dl-menuwrapper {
        top: 16px !important;
        position: absolute !important;
    }

    #mobile-header .logo {
        margin-top: 35px;
    }

    #header-mobile-icos {
        width: 232px;
    }

    #mobile-btns {
        display: block;
    }

    #header-mobile-icos .mobile-search {
        margin-bottom: 10px;
        width: 184px;
    }

    #header-mobile-icos .mobile-search form {
        width: 184px;
    }

    #header-mobile-icos .language-icos {
        display: none;
    }

    #header-mobile-icos .mobile-search form .pole2 {
        width: 40px;
    }

    #header-mobile-icos .mobile-search form .pole1 {
        width: 148px;
    }

    #header-mobile-icos .mobile-search form .pole1 input {
        height: 38px;
        width: 140px;
        color: #fff;
    }

    #header-mobile-icos .mobile-search form .pole2 button {
        width: 40px;
        height: 40px;
    }

    #header-mobile-icos .mobile-catalog-btn {
        display: none;
    }

    #header-mobile-icos .social-icos {
        padding-left: 0;
        border-left: none;
        display: none;
    }

    .content,
    .content_2,
    #wrapper_content .content {
        width: 513px;
    }

    #fixed-search {
        display: none;
    }

    #catalog-fixed {
        display: none;
    }

    #main-offer {
        min-width: 513px;
        text-align: center;
        padding: 50px 0 15px;
    }

    #main-offer .offer-box {
        width: 300px;
        margin: 0 auto 25px;
    }

    #main-offer .offer-box:hover {
        box-shadow: none;
        border-color: #eff0f0;
    }

    #main-offer .offer-box:hover::before {
        background-color: rgba(138, 21, 126, 0);
    }

    #main-offer .offer-box:hover img.product-pic {
        transform: scale(1);
    }

    #main-offer .offer-box-foto .pola {
        top: 10px;
        left: 10px;
        font: 600 11px/11px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .nowosc,
    #main-offer .offer-box .na-zapytanie {
        padding: 5px;
        margin: 0 5px 0 0;
    }

    #main-offer .naglowek,
    #technology-grey .naglowek,
    #main-download .naglowek,
    #main-realizacje .naglowek,
    #jbg-2-group .naglowek {
        font: 700 18px/20px "Open Sans", sans-serif;
        margin: 0 0 20px;
    }

    #main-offer .offer-box-text {
        padding: 10px;
    }

    #main-offer .offer-box .kolko_2,
    #main-offer .offer-box:hover .kolko_2 {
        width: 20px;
        height: 20px;
    }

    #main-offer .offer-box .kolko_1,
    #main-offer .offer-box:hover .kolko_1 {
        width: 0;
        height: 0;
    }

    #main-offer .offer-box .kolko_2 .arrow,
    #main-offer .offer-box:hover .kolko_2 .arrow {
        width: 12px;
    }

    #main-offer .offer-box .kolko_1 .arrow,
    #main-offer .offer-box:hover .kolko_1 .arrow {
        width: 0;
    }

    #main-offer .offer-box .kolko_2 {
        margin: 0 0 0 5px;
    }

    #main-offer .offer-box:hover .product {
        margin: 0 auto 0 0;
    }

    #main-offer .offer-box .product-category span.category {
        font: 300 10px/12px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .product-category svg {
        margin: 0 3px;
        width: 8px;
    }

    #main-offer .offer-box .product-name {
        margin: 0 0 5px;
        font: 700 15px/15px "Open Sans", sans-serif;
    }

    #main-offer .offer-box:hover .product-name,
    #main-offer .offer-box:hover .product-category span.category {
        color: #222222;
    }

    #main-offer .offer-box:hover .product-category svg .cls-3 {
        fill: #a3a3a3;
    }

    #technology-grey {
        min-width: 513px;
        text-align: center;
        padding: 40px 0 20px;
    }

    #technology-grey .technology-box {
        width: 48%;
        padding: 10px;
        height: 140px;
        margin: 0 0 20px;
    }

    #technology-grey .technology-box:hover {
        box-shadow: none;
        border-color: #fff;
        background-color: transparent;
    }

    #technology-grey .technology-box .technology-title {
        font: 600 15px/20px "Open Sans", sans-serif;
        max-height: 40px;
        margin: 0;
    }

    #technology-grey .technology-box:hover .technology-title {
        color: #fff;
        margin: 0;
    }

    #technology-grey .technology-box .hidden-content .text {
        font: 300 10px/12px "Open Sans", sans-serif;
        height: auto;
        margin: 6px 0 0;
        max-height: 36px;
        color: #fff;
    }

    #main-download .download-item:hover .ikona .cls-6 {
        fill: #424242;
    }

    #technology-grey .technology-box .hidden-content,
    #technology-grey .technology-box:hover .hidden-content {
        height: auto;
    }

    #technology-grey .technology-box .hidden-content .arrow_pion {
        display: none;
    }

    #main-download {
        min-width: 513px;
        text-align: center;
        padding: 40px 0 30px;
    }

    #main-download .content {
        justify-content: space-between;
    }

    #main-download .download-item {
        width: 32%;
    }

    #main-download .download-item a {
        padding: 10px 0 5px;
    }

    #main-download .download-item p {
        font: 600 14px/16px "Open Sans", sans-serif;
        height: 32px;
    }

    #main-download .download-item:hover p {
        color: #424242;;
    }

    #main-download .download-item:hover .ikona,
    #main-download .download-item .ikona {
        margin: 0 0 10px;
        height: 44px;
    }

    #main-download .download-item:hover .ikona {
        filter: none;
    }

    #main-download .download-item .arrow_pion,
    #main-download .download-item:hover .arrow_pion {
        display: none;
    }

    #main-download .download-item .arrow_pion .cls-2,
    #main-download .download-item:hover .ikona .cls-4 {
        fill: #2d9be8;
    }

    #main-slogan {
        min-width: 513px;
    }

    #baner_video_2 {
        top: 0;
    }

    #main-slogan::after {
        bottom: 0;
        height: 250px;
        background-size: 1px 250px;
    }

    #main-slogan .content {
        padding: 70px 0 40px;
    }

    #main-slogan .big-text {
        font: 700 36px/36px "Open Sans", sans-serif;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    #main-slogan .big-text::after {
        height: 4px;
        bottom: -4px;
    }

    #main-slogan .small-text {
        font: 400 13px/18px "Open Sans", sans-serif;
        margin: 0 0 20px;
    }

    #main-slogan .btn-more {
        font: 400 13px/14px "Open Sans", sans-serif;
        padding: 10px 50px 10px 20px;
        width: auto;
    }

    #main-slogan .btn-more:hover,
    #main-about .about-text .more-btn,
    #main-about .about-text .more-btn:hover,
    footer .top .footer-box .more-btn,
    footer .top .footer-box .more-btn:hover,
    footer .top .footer-box .form-btn,
    footer .top .footer-box .form-btn:hover {
        color: #fff;
        background: #424242;
    }

    #main-slogan .btn-more::before {
        width: 15px;
        height: 14px;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        background: url('../grafika/more-arrow.png') 0 -14px;
        background-size: 15px 28px;
    }

    #main-slogan .btn-more:hover::before {
        opacity: 1;
        right: 20px;
    }

    #main-slogan .btn-more:hover::after {
        opacity: 0;
    }


    #main-about {
        min-width: 513px;
        padding: 0;
    }

    #main-about .main-about-video {
        margin: 0 0 60px;
    }

    #main-about .main-about-video.open {
        height: 288px;
    }

    #main-about .about-text .more-btn:before,
    footer .top .footer-box .more-btn::before {
        background-size: 15px 14px;
    }


    #main-about .main-about-video .more-btn.en span {
        width: 84px;
    }

    #main-about .main-about-video .more-btn.de span {
        width: 101px;
    }

    #main-about .main-about-video .more-btn.fr span {
        width: 105px;
    }

    #main-about .main-about-video .more-btn.it span {
        width: 96px;
    }

    #main-about .main-about-video .more-btn.ru span {
        width: 119px;
    }

    #main-about .about-text .naglowek {
        font: 700 20px/24px "Open Sans", sans-serif;
        margin: 0 0 20px;
        text-align: center;
    }

    #main-about .about-text .tekst {
        font: 300 13px/18px "Open Sans", sans-serif;
        margin: 0 0 30px;
        column-gap: 30px;
        column-count: 1;
    }

    #main-realizacje {
        min-width: 513px;
        text-align: center;
        padding: 40px 0 0;
    }

    #slider_realizacji {
        padding: 0 0 30px;
    }

    #slider_realizacji .realizacje-item {
        width: calc(100% / 2);
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 12px;
        height: calc((100vw / 3) * 0.724);
    }

    #slider_realizacji .realizacje-item:hover .realizacje-pic {
        box-shadow: 0 21px 29px 0 rgba(138, 21, 126, 0);
    }

    #slider_realizacji .realizacje-item:hover .realizacje-pic::before {
        background-color: rgba(138, 21, 126, 0);
        border-color: transparent;
    }

    #slider_realizacji .realizacje-item .podpis {
        font: 600 18px/20px "Open Sans", sans-serif;
        height: 22px;
        margin: 0 0 5px;
    }

    #slider_realizacji .realizacje-item .arrow_pion,
    #slider_realizacji .realizacje-item:hover .arrow_pion {
        margin: 5px 0 0;
    }

    #slider_realizacji .realizacje-item:hover .arrow_pion .cls-4 {
        fill: #2d9be8;
    }

    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 513px;
    }

    #main-parallax {
        min-width: 513px;
    }

    #baner_video {
        top: auto;
        bottom: 0;
    }

    #main-parallax::after {
        height: 260px;
        background-size: 1px 260px;
    }

    #main-parallax .box {
        padding: 50px 0 60px;
        width: 47%;
    }

    #main-parallax .box.ru {
        padding: 30px 0 35px;
        width: 47%;
    }

    #main-parallax .box svg {
        width: 50px;
        margin: 0 0 15px;
    }

    #main-parallax .box .podpis {
        font: 300 20px/20px "Open Sans", sans-serif;
        margin: 0 0 10px;
    }

    #main-parallax .box .podpis.ru {
        font: 300 17px/18px "Open Sans", sans-serif;
        margin: 0 0 8px;
    }

    #main-parallax .box .opis {
        font: 300 13px/18px "Open Sans", sans-serif;
        margin: 0 0 20px;
    }

    #main-parallax .box.ru .opis {
        font: 300 13px/16px "Open Sans", sans-serif;
        margin: 0 0 15px;
    }

    #main-parallax .box .more-btn,
    #main-parallax .box .more-btn.fr,
    #main-parallax .box .more-btn.ru {
        width: auto;
    }


    #jbg-2-group {
        min-width: 513px;
        padding: 35px 0 15px;
    }

    #jbg-2-group .item-box {
        padding: 0;
        width: 26%;
        margin: 0 0 25px;
    }

    #jbg-2-group .item-box:hover svg {
        width: 0;
    }

    #jbg-2-group .item-box img {
        max-width: 85%;
        max-height: 40px;
    }

    footer {
        min-width: 513px;
    }

    footer .top {
        min-width: 513px;
        padding: 40px 0 5px;
    }

    footer .top .content::before {
        top: -40px;
    }

    footer .top .footer-box {
        margin: 0 0 25px;
        width: 100%;
    }

    footer .top .footer-box .naglowek {
        padding: 0 0 0 50px;
        margin: 10px 0 20px;
        font: 400 20px/22px "Open Sans", sans-serif;
    }

    footer .top .footer-box svg {
        height: 35px;
        margin-bottom: 0;
    }

    footer .top .footer-box .aktualnosci::before {
        width: 35px;
        height: 33px;
        background-size: 35px 33px;
    }

    footer .top .footer-box .kontakt::before {
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
    }

    footer .top .footer-box hr {
        margin: 10px 0;
    }

    footer .top .footer-box .footer-akt {
        margin: 0 0 10px;
    }

    footer .top .footer-box .footer-akt .akt-nazwa {
        font: 600 13px/16px "Open Sans", sans-serif;
        height: auto;
    }

    footer .top .footer-box .footer-akt .akt-nazwa:hover,
    footer .top .footer-box .footer-mail a:hover,
    footer .bottom .copyright a:hover,
    footer .bottom .euforia a:hover {
        text-decoration: none;
    }

    footer .top .footer-box .footer-akt .data {
        font: 400 12px/12px "Open Sans", sans-serif;
        margin: 3px 0 0 0;
        display: block;
    }

    #footer-nav a {
        padding: 0 0 0 20px;
        margin: 0 0 15px;
    }

    #footer-nav a:hover {
        color: #b7b7b7;
    }

    #footer-nav a:hover::before {
        opacity: 1;
        left: 0;
    }

    #footer-nav a:hover::after {
        opacity: 0;
    }

    #footer-nav {
        display: block;
        margin: 19px 0 0 0;
    }

    footer .top .footer-box .footer-adres, footer .top .footer-box .footer-tel, footer .top .footer-box .footer-mail {
        padding: 0 0 0 25px;
        margin: 0 0 20px 0;
        font: 300 13px/18px "Open Sans", sans-serif;
    }

    footer .top .footer-box .footer-mail::before,
    footer .top .footer-box .footer-tel::before {
        top: -3px;
    }

    footer .top .footer-box .form-btn::after {
        top: 50%;
        transform: translate(0, -50%);
    }

    footer .top .footer-box .social-icos {
        margin: 20px 0 0;
    }

    footer .top .footer-box .social-icos .ico {
        margin: 0 20px 0 0;
    }

    footer .top .footer-box .social-icos .ico:hover::before {
        opacity: 1;
    }

    footer .top .footer-box .social-icos .ico:hover::after {
        opacity: 0;
    }

    footer .bottom {
        min-width: 513px;
    }

    footer .bottom .footer-totop {
        display: none;
    }

    #toTop {
        display: none !important;
    }

    #subpage-content {
        width: 513px;
    }

    #subpage-wrapper {
        min-width: 513px;
    }

    #breadcrumbs {
        min-width: 513px;
    }

    #breadcrumbs .breadcrumbs {
        width: 368px;
    }

    #side-nav {
        display: none;
    }

    #side-contact {
        display: none;
    }

    #side-aktualnosci {
        display: none;
    }

    #side-icos {
        display: none;
    }

    #left-column {
        float: none;
        width: 513px;
        padding: 0 0px 0 0;
        margin: 0 auto 0;
    }

    #right-column {
        float: none;
        width: 513px;
        padding: 0 0px 0 0;
        border-left: none;
        margin: 0 auto 0;
    }

    #right-column .aktualnosc-item {
        width: 513px;
    }

    #right-column .aktualnosc-item .akt-pic {
        display: none;
    }

    #right-column .aktualnosc-item .akt-pic img {
        width: 240px;
        height: 174px;
    }

    #right-column .aktualnosc-item .akt-content {
        width: 513px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay {
        width: 240px;
        height: 174px;
        background-size: 240px 174px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay .ico {
        left: 70px;
    }

    #menu-boczne-mobilne {
        display: block;
    }

    #right-column table {
        display: block;
        overflow-x: scroll;
        width: 513px !important;
    }

    #right-column h2 {
        text-align: left;
    }

    #galeria .galeria-item {
        width: 238px;
        height: 172px;
    }

    #right-column .offer-container {
        width: 513px;
        text-align: center;
    }

    #right-column .offer-container .offer-box2 {
        margin-bottom: 20px;
        text-align: left;
    }

    #right-column .offer-container .offer-box2 a {
        width: 100%;
        height: 100%;
    }

    #right-column .offer-container .offer-box2 img {
    }

    #right-column h1.aktualnosci-h1 {
        float: none;
        width: auto;
    }

    #sortowanie-aktualnosci {
        margin-top: 0;
        float: none;
        margin-bottom: 35px;
    }


    #right-column .kat-box {
        padding: 0 15px;
        width: 216px;
    }

    #right-column .realizacje-item {
        width: 248px;
    }

    #right-column .realizacje-item .realizacje-pic {
        width: 248px;
        height: 180px;
    }

    #right-column .realizacje-item .realizacje-pic img {
        width: 248px;
        height: 180px;
    }

    #right-column .realizacje-item .podpis {
        font: 300 15px/22px "Open Sans", sans-serif;
    }

    #right-column .contact-adres {
        float: none;
        margin-bottom: 25px;
    }

    #right-column .contact-btns {
        float: none;
    }

    #contact-map {
        width: 513px;
    }

    #zasieg-mapa {
        width: 513px;
    }

    #right-column .contact-box {
        margin-right: 0;
        width: 513px;
    }

    #formularz-kontaktowy {
        width: 513px;
    }

    #formularz-kontaktowy .f_kolumna_1 {
        width: 234px;
    }

    #formularz-kontaktowy .f_input {
        width: 215px;
    }

    #formularz-kontaktowy .f_tekst {
        width: 494px;
        margin-right: 0;
    }

    #formularz-kontaktowy .f_textarea {
        width: 474px;
    }

    #formularz-kontaktowy .f_tekst .checkbox label {
        width: 432px;
    }

    #formularz-kontaktowy .right_form {
        float: none;
    }

    #side-filters {
        display: none;
    }

    #left-column .mobile-filter-btn {
        display: inline-block;
    }

    #kariera_content {
        width: 513px;
    }

    #kariera_content header {
        width: 513px;
    }

    #kariera_content header .logo {
        margin: 30px 0 0 30px;
        width: 150px;
        height: auto;
    }

    #kariera_content header .logo img {
        width: 150px;
        height: auto;
    }

    #kariera_content header .naglowek {
        margin: 55px 40px 0 0;
        float: right;
        font: 600 18px/18px "Open Sans", sans-serif;
    }

    #kariera_content hr {
        width: 513px;
    }

    #kariera_content footer {
        width: 513px;
    }

    #kariera_content #formularz-kontaktowy .f_textarea {
        width: 483px;
    }

    #formularz-kontaktowy .right_form {
        margin: 0 auto;
    }

    #mobile-filters {
        display: block;
    }

    #mobile-filters .filter-quantity {
        float: none;
        margin-bottom: 20px;
    }

    #mobile-filters .btns-right {
        float: none;
    }

    #mobile-filters .filter-btn {
        margin-left: 0;
    }

    #side-login {
        border-bottom: 0;
        width: 398px;
        margin: 0 auto 0;
    }

    #side-login form {
        width: 355px;
    }

    #side-login .f_wiersz {
        display: inline-block;
        margin: 0 10px 15px 10px;
    }

    #side-login .f_button {
        display: inline-block;
        margin: 0 10px 0 10px;
    }


    #right-column .column-content .main-product-pic {
        width: 450px;
        height: 326px;
        float: none;
        margin: 0 auto 20px;
    }

    #right-column .column-content .main-product-pic img {
        width: 450px;
        height: 326px;
    }

    #right-column .column-content .product-info {
        float: none;
        width: 513px;
        margin: 0 auto 0;
    }

    #right-column .column-content .product-info .cat-btn, #right-column .column-content .product-info .gal-btn, #right-column .column-content .product-info .ask-btn {
        margin-bottom: 10px;
    }

    ul.expand_wrapper li {
        width: 513px;
    }

    #right-column .column-content .left-column, #right-column .column-content .right-column {
        float: none;
        width: 100%;
    }

    ul.expand_wrapper span.move {
        width: 496px;
    }

    ul.expand_wrapper .toggle_container {
        width: 479px;
    }

    #main-slogan iframe {
        min-width: 513px;
    }

    .slbCaption {
        font-size: 0.9em !important;
    }

    #right-column p img {
        max-width: 513px;
        height: auto;
    }

    #right-column p iframe, #right-column iframe {
        max-width: 513px;
        height: auto;
    }

    #logo_ue.mobile.top {
        top: 80vh;
        left: 20px;
    }
}

/* Rozmiar 533px - 767px */

@media only screen and (max-width: 532px) {

    #slider_realizacji .realizacje-item:hover .arrow_pion .cls-6 {
        fill: #727272;
    }

    #main-about .main-about-video .more-btn,
    #main-about .main-about-video .more-btn:hover {
        padding: 13px 45px 13px 16px;
        background-color: #e2001a;
        font: 600 13px/15px "Open Sans", sans-serif;
    }

    #main-about .main-about-video .more-btn:hover .ico_1 {
        width: 0;
    }

    #main-about .main-about-video .more-btn .ico_trojkat_video.ico_2 {
        width: 11px;
        right: 20px;
    }

    #main-about .main-about-video .video_foto::before {
        top: -50px;
    }

    #main-about .main-about-video .video_foto::after {
        bottom: -50px;
    }

    #main-about .main-about-video.open {
        height: 169px;
    }

    .more-btn,
    footer .top .footer-box .form-btn,
    #wrapper_content .slider-info .more-btn,
    #main-about .about-text .more-btn,
    #main-parallax .box .more-btn,
    footer .top .footer-box .more-btn {
        font: 400 13px/14px "Open Sans", sans-serif;
        padding: 10px 50px 10px 20px;
    }

    .more-btn:hover,
    #wrapper_content .slider-info .more-btn:hover,
    #main-parallax .box .more-btn:hover {
        color: #424242;
        background: #fff;
    }

    .more-btn::before,
    #wrapper_content .slider-info .more-btn:before,
    #main-about .main-about-video .more-btn:before,
    #main-about .about-text .more-btn:before,
    #main-parallax .box .more-btn:before,
    footer .top .footer-box .more-btn:before {
        width: 15px;
        height: 14px;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        background-size: 15px 28px;
    }

    #main-about .main-about-video .more-btn:hover:before,
    #main-about .about-text .more-btn:hover:before,
    footer .top .footer-box .more-btn:hover:before {
        right: 20px;
    }

    .more-btn:hover::before,
    #wrapper_content .slider-info .more-btn:hover:before,
    #main-parallax .box .more-btn:hover:before {
        opacity: 1;
    }

    .more-btn:hover::after,
    #wrapper_content .slider-info .more-btn:hover:after,
    #main-parallax .box .more-btn:hover:after {
        opacity: 0;
    }


    #main-wrapper {
        min-width: 300px;
        height: 90vh;
    }

    #main-wrapper > .content {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
    }

    #main-wrapper .back_pic {
        height: 90vh;
    }

    #main-wrapper .fullscreen_video {
        display: flex;
        justify-content: center;
    }

    .ytplayer-container {
        margin: 0 0 0 -320px;
    }

    #main-wrapper .back_pic:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
    }

    #main-wrapper .fullscreen_video:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
    }

    #main-wrapper .back_pic .content {
        box-sizing: border-box;
        height: 100%;
    }

    #main-wrapper .arrow-down {
        height: 60px;
        width: 60px;
        top: 90vh;
        transform: translate(-50%, -50%);
        margin: 0;
        background-size: 60px 60px;
    }

    #main-wrapper .arrow-down img,
    #main-wrapper .arrow-down:hover img {
        left: 50%;
        margin-left: 0;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #wrapper_content .slider-info {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        top: 50%;
        transform: translate(0, -50%);
    }

    #wrapper_content .slider-info .big-text {
        font: 700 32px/36px "Open Sans", sans-serif;
        margin: 0 0 25px;
    }

    #wrapper_content .slider-info .small-text {
        font: 600 14px/18px "Open Sans", sans-serif;
        margin: 0 0 40px;
    }

    #main-header {
        min-width: 300px;
        display: none;
    }

    #mobile-header {
        display: block;
        min-width: 300px;
    }

    #mobile-header .content {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
    }

    .dl-menuwrapper {
        top: 0 !important;
        right: 0 !important;
        z-index: 11;
    }

    .dl-menuwrapper button {
        height: 78px !important;
    }

    .dl-menuwrapper button::after {
        top: 29px !important;
    }

    .dl-menuwrapper .dl-menu {
        margin: 75px 0 0 !important;
    }

    #header-mobile-icos {
        width: 130px;
        right: 70px;
        top: 0;
        margin: 20px 0 0;
    }

    #logo_ue.mobile.bottom,
    #logo_ue.mobile.top {
        bottom: auto;
        left: 10px;
        top: 82vh;
    }

    #logo_ue img {
        width: 60px;
    }

    /*   #header-mobile-icos .mobile-search {margin-bottom: 15px; margin-left: 8px;}*/
    #header-mobile-icos .social-icos {
        padding-left: 0;
        border-left: none;
        padding-right: 6px;
        display: none;
    }

    #header-mobile-icos .language-icos {
        padding: 0 0 0 3px;
        margin-left: 85px;
    }

    #header-mobile-icos .language-icos .ico {
        margin: 0 12px;
    }

    #header-mobile-icos .social-icos .ico {
        margin: 0;
    }

    #mobile-header .logo {
        margin-top: 20px;
        width: 115px;
        height: auto;
    }

    #mobile-header .logo img {
        width: 115px;
        height: auto;
    }

    #mobile-btns {
        display: block;
        width: calc(100% - 20px);
        padding: 0;
        top: 80px;
        left: 10px
    }

    #mobile-btns .ico {
        margin-bottom: 12px;
    }

    #header-mobile-icos .mobile-search {
        width: 100%;
        margin: 0;
    }

    #header-mobile-icos .mobile-search form {
        width: 144px;
    }

    #header-mobile-icos .language-icos {
        display: none;
    }

    #header-mobile-icos .mobile-search form .pole2 {
        width: 40px;
    }

    #header-mobile-icos .mobile-search form .pole1 {
        width: 108px;
    }

    #header-mobile-icos .mobile-search form .pole1 input {
        height: 26px;
        width: 100px;
        color: #fff;
    }

    #header-mobile-icos .mobile-search form .pole2 button {
        width: 28px;
        height: 28px;
    }

    #header-mobile-icos .mobile-catalog-btn {
        display: none;
    }

    .content,
    .content_2,
    #wrapper_content .content {
        width: 300px;
    }

    #main-header .right-side {
        width: 735px;
    }

    #main-header .right-side nav a {
        padding: 28px 13px 32px;
    }

    #fixed-search {
        display: none;
    }

    #catalog-fixed {
        display: none;
    }

    #main-offer {
        min-width: 300px;
        text-align: center;
        padding: 50px 0 15px;
    }

    #main-offer .offer-box {
        width: 300px;
        margin: 0 auto 25px;
    }

    #main-offer .offer-box:hover {
        box-shadow: none;
        border-color: #eff0f0;
    }

    #main-offer .offer-box:hover::before {
        background-color: rgba(138, 21, 126, 0);
    }

    #main-offer .offer-box:hover img.product-pic {
        transform: scale(1);
    }

    #main-offer .offer-box-foto .pola {
        top: 10px;
        left: 10px;
        font: 600 11px/11px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .nowosc,
    #main-offer .offer-box .na-zapytanie {
        padding: 5px;
        margin: 0 5px 0 0;
    }

    #main-offer .naglowek,
    #technology-grey .naglowek,
    #main-download .naglowek,
    #main-realizacje .naglowek,
    #jbg-2-group .naglowek {
        font: 700 18px/20px "Open Sans", sans-serif;
        margin: 0 0 20px;
    }

    #main-offer .offer-box-text {
        padding: 10px;
    }

    #main-offer .offer-box .kolko_2,
    #main-offer .offer-box:hover .kolko_2 {
        width: 20px;
        height: 20px;
    }

    #main-offer .offer-box .kolko_1,
    #main-offer .offer-box:hover .kolko_1 {
        width: 0;
        height: 0;
    }

    #main-offer .offer-box .kolko_2 .arrow,
    #main-offer .offer-box:hover .kolko_2 .arrow {
        width: 12px;
    }

    #main-offer .offer-box .kolko_1 .arrow,
    #main-offer .offer-box:hover .kolko_1 .arrow {
        width: 0;
    }

    #main-offer .offer-box .kolko_2 {
        margin: 0 0 0 5px;
    }

    #main-offer .offer-box:hover .product {
        margin: 0 auto 0 0;
    }

    #main-offer .offer-box .product-category span.category {
        font: 300 10px/12px "Open Sans", sans-serif;
    }

    #main-offer .offer-box .product-category svg {
        margin: 0 3px;
        width: 8px;
    }

    #main-offer .offer-box .product-name {
        margin: 0 0 5px;
        font: 700 15px/15px "Open Sans", sans-serif;
    }

    #main-offer .offer-box:hover .product-name,
    #main-offer .offer-box:hover .product-category span.category {
        color: #222222;
    }

    #main-offer .offer-box:hover .product-category svg .cls-3 {
        fill: #a3a3a3;
    }

    #technology-grey {
        min-width: 300px;
        text-align: center;
        padding: 40px 0 20px;
    }

    #technology-grey .technology-box {
        width: 48%;
        padding: 10px;
        height: 120px;
        margin: 0 0 20px;
    }

    #technology-grey .technology-box:hover {
        box-shadow: none;
        border-color: #fff;
        background-color: transparent;
    }

    #technology-grey .technology-box .technology-title {
        font: 600 15px/20px "Open Sans", sans-serif;
        max-height: 40px;
        margin: 0;
    }

    #technology-grey .technology-box:hover .technology-title {
        color: #fff;
        margin: 0;
    }

    #technology-grey .technology-box .hidden-content .text {
        font: 300 10px/12px "Open Sans", sans-serif;
        height: auto;
        margin: 6px 0 0;
        max-height: 36px;
        color: #fff;
    }

    #technology-grey .technology-box .hidden-content,
    #technology-grey .technology-box:hover .hidden-content {
        height: auto;
    }

    #technology-grey .technology-box .hidden-content .arrow_pion {
        display: none;
    }

    #main-download {
        min-width: 300px;
        text-align: center;
        padding: 40px 0 30px;
    }

    #main-download .content {
        justify-content: space-between;
    }

    #main-download .download-item {
        width: 32%;
    }

    #main-download .download-item:hover .ikona .cls-6 {
        fill: #727272;
    }

    #main-download .download-item.fr,
    #main-download .download-item.it,
    #main-download .download-item.es {
        width: 32.5%;
    }

    #main-download .download-item a {
        padding: 5px 0;
    }

    #main-download .download-item p,
    #main-download .download-item.en p,
    #main-download .download-item.fr p,
    #main-download .download-item.it p,
    #main-download .download-item.es p,
    #main-download .download-item.ru p {
        font: 600 12px/16px "Open Sans", sans-serif;
        height: 32px;
    }

    #main-download .download-item:hover p {
        color: #424242;
    }

    #main-download .download-item:hover .ikona,
    #main-download .download-item .ikona {
        margin: 5px 0 10px;
        height: 28px;
    }

    #main-download .download-item:hover .ikona {
        filter: none;
    }

    #main-download .download-item .arrow_pion,
    #main-download .download-item:hover .arrow_pion {
        display: none;
    }

    #main-download .download-item .arrow_pion .cls-2,
    #main-download .download-item:hover .ikona .cls-4 {
        fill: #2d9be8;
    }

    #main-slogan {
        min-width: 300px;
    }

    #baner_video_2 {
        top: 0;
        height: 100%;
        width: auto;
    }

    #main-slogan::after {
        bottom: 0;
        height: 250px;
        background-size: 1px 250px;
    }

    #main-slogan .content {
        padding: 70px 0 40px;
    }

    #main-slogan .big-text {
        font: 700 36px/36px "Open Sans", sans-serif;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    #main-slogan .big-text::after {
        height: 4px;
        bottom: -4px;
    }

    #main-slogan .small-text {
        font: 400 13px/18px "Open Sans", sans-serif;
        margin: 0 0 20px;
    }

    #main-slogan .btn-more {
        font: 400 13px/14px "Open Sans", sans-serif;
        padding: 10px 50px 10px 20px;
        width: auto;
    }

    #main-slogan .btn-more:hover,
    #main-about .about-text .more-btn,
    #main-about .about-text .more-btn:hover,
    footer .top .footer-box .more-btn,
    footer .top .footer-box .more-btn:hover,
    footer .top .footer-box .form-btn,
    footer .top .footer-box .form-btn:hover {
        color: #fff;
        background: #424242;
    }

    #main-slogan .btn-more::before {
        width: 15px;
        height: 14px;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        background: url('../grafika/more-arrow.png') 0 -14px;
        background-size: 15px 28px;
    }

    #main-slogan .btn-more:hover::before {
        opacity: 1;
        right: 20px;
    }

    #main-slogan .btn-more:hover::after {
        opacity: 0;
    }


    #main-about {
        min-width: 300px;
        padding: 0;
    }

    #main-about .main-about-video {
        margin: 0 0 50px;
    }

    #main-about .main-about-video .more-btn:hover {
        color: #fff;
    }

    #main-about .main-about-video .more-btn::before,
    #main-about .about-text .more-btn:before,
    footer .top .footer-box .more-btn::before {
        background-size: 15px 14px;
    }

    #main-about .main-about-video .more-btn span {
        width: 75px;
    }

    #main-about .main-about-video .more-btn.en span,
    #main-about .main-about-video .more-btn.es span {
        width: 84px;
    }

    #main-about .main-about-video .more-btn.de span {
        width: 101px;
    }

    #main-about .main-about-video .more-btn.fr span {
        width: 105px;
    }

    #main-about .main-about-video .more-btn.it span {
        width: 96px;
    }

    #main-about .main-about-video .more-btn.ru span {
        width: 119px;
    }

    #main-about .about-text .naglowek {
        font: 700 20px/24px "Open Sans", sans-serif;
        margin: 0 0 20px;
        text-align: center;
    }

    #main-about .about-text .tekst {
        font: 300 13px/18px "Open Sans", sans-serif;
        margin: 0 0 30px;
        column-gap: 30px;
        column-count: 1;
    }

    #main-realizacje {
        min-width: 300px;
        text-align: center;
        padding: 40px 0 0;
    }

    #slider_realizacji {
        padding: 0 0 30px;
    }

    #slider_realizacji .realizacje-item {
        width: calc(100% / 2);
    }

    #slider_realizacji .realizacje-pic {
        margin: 0 0 12px;
        height: calc((100vw / 2) * 0.724);
    }

    #slider_realizacji .realizacje-item:hover .realizacje-pic {
        box-shadow: 0 21px 29px 0 rgba(138, 21, 126, 0);
    }

    #slider_realizacji .realizacje-item:hover .realizacje-pic::before {
        background-color: rgba(138, 21, 126, 0);
        border-color: transparent;
    }

    #slider_realizacji .realizacje-item .podpis {
        font: 600 18px/20px "Open Sans", sans-serif;
        height: 22px;
        margin: 0 0 5px;
    }

    #slider_realizacji .realizacje-item .arrow_pion,
    #slider_realizacji .realizacje-item:hover .arrow_pion {
        margin: 5px 0 0;
    }

    #slider_realizacji .realizacje-item:hover .arrow_pion .cls-4 {
        fill: #2d9be8;
    }


    #main-realizacje .appla,
    #slider_realizacji .slick-dots {
        width: 300px;
    }

    #main-parallax {
        min-width: 300px;
        padding: 20px 0;
    }

    #baner_video {
        top: auto;
        bottom: 0;
        height: 100%;
        width: auto;
    }

    #main-parallax::after {
        height: 1000px;
        background-size: 1px 1000px;
    }

    #main-parallax .box {
        padding: 25px 0;
        width: 100%;
    }

    #main-parallax .box.ru {
        padding: 20px 0;
        width: 100%;
    }

    #main-parallax .box svg {
        width: 50px;
        margin: 0 0 15px;
    }

    #main-parallax .box .podpis {
        font: 300 20px/20px "Open Sans", sans-serif;
        margin: 0 0 10px;
    }

    #main-parallax .box .podpis.ru {
        font: 300 18px/19px "Open Sans", sans-serif;
        margin: 0 0 5px;
    }

    #main-parallax .box .opis {
        font: 300 13px/18px "Open Sans", sans-serif;
        margin: 0 0 20px;
    }

    #main-parallax .box .opis.ru {
        font: 300 13px/16px "Open Sans", sans-serif;
        margin: 0 0 15px;
    }

    #main-parallax .box .more-btn,
    #main-parallax .box .more-btn.fr,
    #main-parallax .box .more-btn.ru {
        width: auto;
    }

    #jbg-2-group {
        min-width: 300px;
        padding: 35px 0 15px;
    }

    #jbg-2-group .item-box {
        padding: 0;
        width: 26%;
        margin: 0 0 20px;
    }

    #jbg-2-group .item-box:hover svg {
        width: 0;
    }

    #jbg-2-group .item-box img {
        max-width: 95%;
    }

    footer {
        min-width: 300px;
    }

    footer .top {
        min-width: 300px;
        padding: 40px 0 5px;
    }

    footer .top .content::before {
        top: -40px;
    }

    footer .top .footer-box {
        margin: 0 0 25px;
        width: 100%;
    }

    footer .top .footer-box .naglowek {
        padding: 0 0 0 50px;
        margin: 10px 0 20px;
        font: 400 20px/22px "Open Sans", sans-serif;
    }

    footer .top .footer-box svg {
        height: 35px;
        margin-bottom: 0;
    }

    footer .top .footer-box .aktualnosci::before {
        width: 35px;
        height: 33px;
        background-size: 35px 33px;
    }

    footer .top .footer-box .kontakt::before {
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
    }

    footer .top .footer-box hr {
        margin: 10px 0;
    }

    footer .top .footer-box .footer-akt {
        margin: 0 0 10px;
    }

    footer .top .footer-box .footer-akt .akt-nazwa {
        font: 600 13px/16px "Open Sans", sans-serif;
        height: auto;
    }

    footer .top .footer-box .footer-akt .akt-nazwa:hover,
    footer .top .footer-box .footer-mail a:hover,
    footer .bottom .copyright a:hover,
    footer .bottom .euforia a:hover {
        text-decoration: none;
    }

    footer .top .footer-box .footer-akt .data {
        font: 400 12px/12px "Open Sans", sans-serif;
        margin: 3px 0 0 0;
        display: block;
    }

    #footer-nav a {
        padding: 0 0 0 20px;
        margin: 0 0 15px;
    }

    #footer-nav a:hover {
        color: #b7b7b7;
    }

    #footer-nav a:hover::before {
        opacity: 1;
        left: 0;
    }

    #footer-nav a:hover::after {
        opacity: 0;
    }

    #footer-nav {
        display: block;
        margin: 19px 0 0 0;
    }

    footer .top .footer-box .footer-adres, footer .top .footer-box .footer-tel, footer .top .footer-box .footer-mail {
        padding: 0 0 0 25px;
        margin: 0 0 20px 0;
        font: 300 13px/18px "Open Sans", sans-serif;
    }

    footer .top .footer-box .footer-mail::before,
    footer .top .footer-box .footer-tel::before {
        top: -3px;
    }

    footer .top .footer-box .form-btn::after {
        top: 50%;
        transform: translate(0, -50%);
    }

    footer .top .footer-box .social-icos {
        margin: 20px 0 0;
    }

    footer .top .footer-box .social-icos .ico {
        margin: 0 20px 0 0;
    }

    footer .top .footer-box .social-icos .ico:hover::before {
        opacity: 1;
    }

    footer .top .footer-box .social-icos .ico:hover::after {
        opacity: 0;
    }

    footer .bottom {
        min-width: 300px;
        padding: 10px 0;
    }

    footer .bottom .footer-totop {
        display: none;
    }

    #toTop {
        display: none !important;
    }

    footer .bottom .copyright {
        float: none;
        display: block;
        margin: 0 auto 10px;
        text-align: center;
    }

    footer .bottom .euforia {
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #subpage-content {
        width: 300px;
        padding-top: 0;
    }

    #subpage-wrapper {
        min-width: 300px;
        height: 140px;
    }

    #subpage-wrapper > .content {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
    }

    #breadcrumbs {
        min-width: 300px;
        border-bottom: 0;
    }

    #breadcrumbs .breadcrumbs {
        width: 300px;
        float: none;
        margin-bottom: 20px;
    }

    #breadcrumbs .back-btn {
        display: none;
    }

    #side-nav {
        display: none;
    }

    #side-contact {
        display: none;
    }

    #side-aktualnosci {
        display: none;
    }

    #side-icos {
        display: none;
    }

    #left-column {
        float: none;
        width: 300px;
        padding: 0 0px 0 0;
        margin: 0 auto 0;
    }

    #right-column {
        float: none;
        width: 300px;
        padding: 0 0px 0 0;
        border-left: none;
        margin: 0 auto 0;
    }

    #right-column .aktualnosc-item {
        width: 300px
    }

    #right-column .aktualnosc-item .akt-pic {
        display: none;
    }

    #right-column .aktualnosc-item .akt-pic img {
        width: 240px;
        height: 174px;
    }

    #right-column .aktualnosc-item .akt-content {
        width: 300px
    }

    #right-column .aktualnosc-item .akt-pic .overlay {
        width: 240px;
        height: 174px;
        background-size: 240px 174px;
    }

    #right-column .aktualnosc-item .akt-pic .overlay .ico {
        left: 70px;
    }

    #right-column .produkt-oszklenie {
        margin-left: 34px;
    }

    #right-column h1::after {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
        top: 12px;
    }

    #galeria .galeria-item {
        margin-right: 0;
        margin-left: 0;
    }

    #right-column table {
        display: block;
        overflow-x: scroll;
        width: 300px !important;
    }

    #menu-boczne-mobilne {
        display: block;
        width: 300px;
    }

    #menu-boczne-mobilne select {
        width: 296px;
    }

    #right-column h1 {
        padding: 0 0 0 34px;
        font: 700 34px/40px "Open Sans", sans-serif;
    }

    #right-column h2 {
        font: 600 28px/36px "Open Sans", sans-serif;
    }

    #right-column h3 {
        font: 600 22px/28px "Open Sans", sans-serif;
    }

    #right-column h1.aktualnosci-h1 {
        float: none;
        width: auto;
    }

    #sortowanie-aktualnosci {
        margin-top: 0;
        float: none;
        margin-bottom: 35px;
    }

    #right-column .offer-container {
        width: 300px;
        text-align: center;
    }

    #right-column .offer-container .offer-box2 {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        width: 298px;
        height: 334px;
        text-align: left;
    }

    #right-column .offer-container .offer-box2 a {
        width: 100%;
        height: 100%;
    }

    #right-column .offer-container .offer-box2 img {
        width: 298px;
        height: 216px;
    }

    #right-column .kat-box {
        margin-left: 0;
        margin-right: 0;
    }

    #right-column .realizacje-item {
        margin-left: 0;
        margin-right: 0;
    }

    #right-column .contact-adres {
        float: none;
        margin-bottom: 25px;
    }

    #right-column .contact-btns {
        float: none;
    }

    #right-column .contact-btns .serwis-btn {
        margin-left: 0;
    }

    #contact-map {
        width: 300px;
    }

    #zasieg-mapa {
        width: 300px;
    }

    #right-column .contact-box {
        margin-right: 0;
        width: 300px;
    }

    #formularz-kontaktowy {
        width: 300px;
    }

    #formularz-kontaktowy .f_kolumna_1 {
        width: 300px;
        margin-right: 0;
        margin-left: 0;
    }

    #formularz-kontaktowy .f_input {
        width: 280px;
    }

    #formularz-kontaktowy .f_tekst {
        width: 300px;
        margin-right: 0;
        margin-left: 0;
    }

    #formularz-kontaktowy .f_textarea {
        width: 280px;
    }

    #formularz-kontaktowy .f_tekst .checkbox label {
        width: 300px;
        padding-left: 0;
        margin-top: 5px;
    }

    #formularz-kontaktowy .right_form {
        float: none;
    }

    #kariera_content {
        width: 300px;
    }

    #kariera_content header {
        width: 300px;
    }

    #kariera_content header .logo {
        margin: 10px 0 0 75px;
        width: 150px;
        height: auto;
        float: left;
    }

    #kariera_content header .logo img {
        width: 150px;
        height: auto;
    }

    #kariera_content header .naglowek {
        width: 300px;
        text-align: center;
        margin: 10px 0 0 0;
        float: left;
        font: 600 18px/18px "Open Sans", sans-serif;
    }

    #kariera_content hr {
        width: 300px;
    }

    #kariera_content footer {
        width: 300px;
    }

    #formularz-kontaktowy .f_tekst .checkbox label {
        width: 250px;
    }

    #kariera_content #formularz-kontaktowy .f_textarea {
        width: 280px;
    }

    #formularz-kontaktowy .right_form {
        margin: 0 auto;
    }

    #side-filters {
        display: none;
    }

    #left-column .mobile-filter-btn {
        display: inline-block;
    }

    #mobile-filters {
        display: block;
    }

    #mobile-filters .filter-quantity {
        float: none;
        margin-bottom: 20px;
    }

    #mobile-filters .btns-right {
        float: none;
    }

    #mobile-filters .filter-btn {
        margin-left: 0;
    }

    #side-login {
        border-bottom: 0;
        width: 300px;
        margin: 0 auto 0;
    }

    #side-login form {
        width: 260px;
    }

    #side-login .f_wiersz {
        display: inline-block;
        margin: 0 0px 15px 0px;
        width: 260px;
    }

    #side-login .f_wiersz input {
        width: 246px;
    }

    #side-login .f_button {
        display: inline-block;
        margin: 0 0px 0 0px;
    }

    #right-column .column-content .main-product-pic {
        width: 298px;
        height: 216px;
        float: none;
        margin: 0 auto 20px;
    }

    #right-column .column-content .main-product-pic img {
        width: 298px;
        height: 216px;
    }

    #right-column .column-content .product-info {
        float: none;
        width: 300px;
        margin: 250px auto 0;
        height: 375px;
    }

    #right-column .column-content .product-info .przekroj-item {
        height: auto;
    }

    #right-column .column-content .product-info .cat-btn, #right-column .column-content .product-info .gal-btn, #right-column .column-content .product-info .ask-btn {
        margin-bottom: 10px;
    }

    ul.expand_wrapper li {
        width: 300px;
    }

    #right-column .column-content .left-column, #right-column .column-content .right-column {
        float: none;
        width: 100%;
    }

    ul.expand_wrapper span.move {
        width: 283px;
    }

    ul.expand_wrapper .toggle_container {
        padding: 10px;
        width: 280px;
    }

    #main-slogan iframe {
        min-width: 300px;
    }

    #right-column .offer-container .offer-box3 {
        width: 298px;
        margin: 0 8px;
        height: 346px;
        margin-left: 0;
        margin-right: 0;
    }

    #right-column .offer-container .offer-box3 a {
        width: 298px;
        height: 346px;
    }

    #right-column .offer-container .offer-box3 img {
        width: 298px;
        height: 216px;
    }

    #right-column .offer-container .offer-box3 .cat-usun {
        right: 10px;
        top: 10px;
    }

    .slbCaption {
        font-size: 0.9em !important;
    }

    #right-column p img {
        max-width: 300px;
        height: auto;
    }

    #right-column p iframe, #right-column iframe {
        max-width: 300px;
        height: auto;
    }

    /*#logo_ue.mobile.top {*/
    /*    top: 535px;*/
    /*    left: 20px;*/
    /*}*/
    #menu-link .content {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    #menu-link .linia > span {
        font: 400 10px/10px "Open Sans", sans-serif;
        padding: 9px 5px 9px 0;
    }

    #menu-link .linia a {
        font: 700 12px/12px "Open Sans", sans-serif;
        padding: 9px 10px;
    }

    #menu-link .linia a span {
        height: 40px;
    }

    #menu-link .linia a span img {
        width: 80px;
        height: auto;
    }

}