@media (min-width: 1200px) {

    ul.products.columns-4 li {
        opacity: 0;
    }
    ul.products.columns-4 li.animated {
        opacity: 1;
    }
    .gallery_slider_wired_gallery {
        overflow: hidden;
    }
    .gallery_slider_wired_gallery * {
        transition: all 0.5s ease !important;
    }
    .gallery_slider_wired_gallery.clicked  li.swiper-slide.photo-gallery.swiper-slide-active, 
    .gallery_slider_wired_gallery.clicked  li.swiper-slide.photo-gallery.swiper-slide-next,
    .gallery_slider_wired_gallery.clicked  li.swiper-slide.photo-gallery.swiper-slide-next+li.swiper-slide.photo-gallery
     {
         width: 12.5% !important;
         cursor: pointer;
    }
    .gallery_slider_wired_gallery.clicked li.swiper-slide.photo-gallery.clicked,
    .gallery_slider_wired_gallery.clicked li.swiper-slide.photo-gallery.swiper-slide-next+li.swiper-slide.photo-gallery.clicked {
        width: 75% !important;
    }

    .gallery_slider_wired_gallery img.img-fluid.main_img {
        height: 700px !important;
        width: 100%;
        object-fit: cover;
    }

    .gallery_slider_wired_gallery li figure.photos:after {
        content: "+";
        position: absolute;
        z-index: 50;
        display: block;
        font-size: 100px;
        color: white;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        opacity: 0;
        transition: all 0.5s ease !important; 

    }

    .gallery_slider_wired_gallery li:hover figure.photos:after {
        opacity: 1;
    }
    .gallery_slider_wired_gallery li.clicked:hover figure.photos:after {
        display: none;
    }

    #gallery_section {
        padding-top: 0;
    }
    #gallery_section .special_title {
        margin-bottom: 0;
    }


    /* arrows gallery */
     figure.image-item.ez-zoom img {
        width: 100%;
    }
    .thumb-btn span.woostify-svg-icon svg {
        display: none !important;
    }
    .thumb-btn span.woostify-svg-icon:before, 
    div#product-images span.woostify-svg-icon.icon-angle-left:before,
    div#product-images span.woostify-svg-icon.icon-angle-right:before {
        content: "";
        width: 24px;
        height: 24px;
        border: 3px solid var(--maincolor);
        transform: rotate(45deg);
        margin-top: 12px !important;
    }
    .thumb-btn span.woostify-svg-icon.icon-angle-up:before {
        border-right: 0;
        border-bottom: 0;
    }
    .thumb-btn span.woostify-svg-icon.icon-angle-down:before {
        border-left: 0;
        border-top: 0;
    }
    div#product-images span.woostify-svg-icon.icon-angle-left:before  {
        border-right: 0;
        border-top: 0;
        width: 20px;
        height: 20px;
        margin-top: 0 !important
    }
    div#product-images span.woostify-svg-icon.icon-angle-right:before  {
        border-left: 0;
        border-bottom: 0;
        width: 20px;
        height: 20px;
        margin-top: 0 !important;
    }
    div#product-images span.woostify-svg-icon {
        background: #ffffff66;
        padding: 10px;
    }
    div#product-images span.woostify-svg-icon.icon-angle-left:before {
        border-right: 0;
        border-top: 0;
        justify-content: center;
        align-items: center;
        display: flex;
        margin: 0 !important;
        left: 4px;
        position: relative;
    }
    .flickity-prev-next-button .woostify-svg-icon svg {
        display: none !important;
    }
    .thumb-btn span.woostify-svg-icon.icon-angle-up {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-gallery.vertical-style.has-product-thumbnails .thumb-btn .woostify-svg-icon {
        background:  white !important;
    }
    button.thumb-btn.thumb-prev-btn.prev {
        position: absolute;
        left: -30px !important;
        background: white !important;
        top:0px !important;
    }
    .single-services button.thumb-btn.thumb-prev-btn.prev {
        top: 0 !important;
    }
    button.thumb-btn.thumb-next-btn.next {
        left: -30px !important;
        bottom:  10px !important;
    }

    .gal_numbering {
        position: absolute;
        top: calc(50% - 17px);
        left: -40px;
    }
    .gal_numbering {
        color: black;
        font-size: 13px;
        line-height: 1;
    }
    span.current_gal_number {
        display: block;
        color: black;
        font-size: 18px;
        line-height: 18px;
    }

    .product-thumbnail-images .thumbnail-item {
        max-width: 150px !important;
        width: 150px !important;
    }
    .thumbnail-item img {
        width: 100%;
    }
    .product-thumbnail-images {
        width: 150px !important;
        min-width: 150px !important;
    }
    div#product-thumbnail-images {
        min-height: 633px;
    }

    .pswp.pswp--supports-fs.pswp--open {
        z-index: 50;
    }

    .pswp__thumbnails .gal_numbering {
        display: none;
    }
    .product-group-btns {
            top: 15px;
            left: 15px;
            height: 40px;
            width: 40px;
    }
}

@media (min-width: 768px) {
    .product-gallery.vertical-style.has-product-thumbnails #product-thumbnail-images.has-buttons .thumbnail-item:first-child {
        margin-top: 0 !important;
    }

    .contactrow.contacttextarea label {
        width: calc(100% - 30px) !important;
    }

    input.wpcf7-form-control {
        width: calc(100% - 30px);
    }

    .woostify-container, .site-boxed-container #view, .site-content-boxed-container .site-content {
        max-width: 100% !important;
    }

    .hide_desktop {
        display: none;
    }
    .hide_mobile {
        display: block !important;
    }
    .post-type-archive-projects .site-main .entry-image-link {
        max-width: 30%;
        width:  30%;
        min-width: 30%;
        margin-right: 60px;
    }

    .post-type-archive-projects .site-main .post-loop {
        display: flex;
        align-items: center;
    }

    .post-type-archive-projects .site-main .loop-post-inner {
        flex-grow: 1;
    }
}

@media (min-width: 760px) {
    .site-branding img {
        margin-top: 10px;
    }
}

@media (max-width: 1400px) {
    :root {
        --layoutpadding: 60px;
    }
    #welcome_row.background_right_bottom {
        background-size: 10%;
    }
    input.mailpoet_text::-webkit-input-placeholder {
        font-size: 13px;
    }
    h1.entry-title {
        font-size: 110px !important;
    }

    h1.product_title.entry-title {
        color: var(--maincolor);
        font-weight: 600;
        font-size: 24px !important;
        line-height: 30px;
    }

    #welcome h2 {
        color: var(--maincolor);
        font-size: 44px;
        line-height: 1.1;
    }

    .title60 h2 {
        font-size: 44px;
        line-height: 1.2;
    }
    section#welcome div#pixida {
        max-width: 250px;
    }
    .timeline_slider_container .slide_title.maincolor {
        font-size: 44px;
    }
    .e_col_6.one_column_padding.one_small_column {
        max-width: 40%;
        margin: 0 auto;
    }

    .main-navigation .primary-navigation > .menu-item > a {
        padding: 20px 0;
        margin: 0 14px !important;
    }
    .skip_section {
        display: none;
    }

}

@media (max-width: 1199px) {
    .primary-navigation > li > a {
        font-size: 14px !important;
    }

    .main_slider_text_container {
        width: 100%;
    }

    .main_slider_text_container h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .main_slider_content.main_slider_bottom_content {
        font-size: 18px;
        line-height: 30px;
    }

    .special_title h2 {
        font-size: 60px;
    }

    .gallery_slider_wired_gallery img.img-fluid.main_img {
        height: 400px !important;
    }

    section#contactform>.vc_row {
        background: none !important;
    }
    footer#colophon .woostify-container {
        padding: 0 !important;
    }

    .main-navigation .primary-navigation > .menu-item > a {
        padding: 20px 0;
        margin: 0 10px !important;
    }
    .gallery_slider_wired_gallery img.img-fluid.main_img {
        height: auto !important;
        width: 100% !important;
    }
    .gallery_slider_wired_gallery .swiper-slide.photo-gallery {
        width: 90%;
    }
    section#gallery_section .vc_row+.vc_row .vc_column-inner {
        padding: 0;
    }
    button.thumb-btn.thumb-next-btn.next, button.thumb-btn.thumb-prev-btn.prev, .gal_numbering {
        display: none !important;
    }

    #pixida {
        display: none;
    }

    .article_section .wpb_column.vc_column_container.vc_col-sm-4, .article_section .wpb_column.vc_column_container.vc_col-sm-8 {
        width: 100%;
    }
}

@media (max-width: 991px) and (min-width:  768px) {
    #welcome .wpb_text_column.wpb_content_element, #welcome .wpb_text_column.wpb_content_element h3 {
        margin-bottom: 0;
        margin-top: 0 !important;
    }
    #welcome .vc_btn3-container.vc_btn3-inline {
        margin-top: 15px;
    }

    #welcomeholder .vc_column-inner {
        padding-left: 30px !important;
    }
    .site-navigation li a {
        padding: 0px !important;
        font-size: 16px !important;
    }
    .single-product .woostify-breadcrumb {
        display: block;
    }
    .one_column_padding .vc_column-inner {
        padding-left: 0 !important;
        padding-right: 45px !important;
    }
    .timeline_slider_container img.slide_img {
        bottom: 70px;
        position: relative;
    }
    .header-device-mobile.sticky {
        width: 100%;
    }
    .subcatsholder.vc_row.wpb_row {
        padding: 0;
    }
    main#main.normal_row {
        padding: 0;
    }
    section#welcome {
        padding-left: var(--layoutpadding);
        padding-right: var(--layoutpadding);
    }
    #welcome .wpb_column {
        width: 100%;
    }
    section#welcome .hidemobile {
        display: none;
    }
    section#welcome .hide_desktop {
        display: block;
        margin-top: 10px;
    }

    .infogr .vc_single_image-wrapper.vc_box_border_grey {
        width: 65%;
    }

}
@media (max-width: 991px) { 
    .site-tools .header-search-icon, .site-tools .my-account {
        display: block;
    }
    .search h1.page-title.entry-title {
        font-size: 32px !important;
    }
    input.wpcf7-form-control.has-spinner.wpcf7-submit {
        width: auto;
        float: none;
        position: relative;
        bottom: 0;
        right: unset;
    }
    .pwb-single-product-brands {
        margin-top: -25px;
    }
    .pwb-single-product-brands img {
        max-height: 70px;
    }

    .hide_mobile {
        display: none !important;
    }
}
@media (max-width: 768px) {

    :root {
     --layoutpadding: 30px;
     --one_column_padding: 30px;
    }

    .hide_desktop {
        display: block;
    }
    main#main {
        padding-left: 15px;
        padding-right: 15px;
    }
    section.vc_section {
        margin-top: var(--layoutpadding);
        margin-bottom: var(--layoutpadding);
    }

    .search article a.entry-image-link img {
        max-height: 250px;
        width: auto;
    }
    article {
        flex-direction: column;
    }

    [class^="header-device-"] section.vc_section {
        padding-left: 0;
        padding-right: 0;
    }
    .normal_row {
        padding-left: 0;
        padding-right: 0;
    }
    main#main.normal_row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .single-product main#main {
        max-width: 100%;
    }
    .single-product .woostify-breadcrumb {
        display: block;
    }
    #welcome_row.background_right_bottom {
        background-image: unset !important;
    }
    .subcatsholder.vc_row.wpb_row {
        padding-left: var(--layoutpadding);
        padding-right: var(--layoutpadding);
    } 
    div#welcome_row {
        padding: 0;
    }
    .archive .woostify-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .subcatsholder.vc_row.wpb_row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .timer {
        font-size: 40px !important;
    }
    .counter_text_container {
        font-size: 18px;
    }

    .counter_text_container {
        margin: 10px;
    }

    h1.entry-title {
        font-size: 50px !important;
    }

    .page-header {
        padding-top: 150px;
        margin-bottom: 30px;
        background-size: cover;
        background-position: bottom center;
        background-attachment: scroll;
    }

    .e_col_6 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .timeline_slider_container .e_row {
        display: block;
    }
    .e_inner_column:before, .timeline_slider_container .one_column_padding:after,
    h3.slide_title.maincolor:before {
        display: none;
    }
    .bottom_arrows.arrow-holder.slider_arrows .swiper_button_next {
        margin: 0;
        right: 30px;
    }
    .bottom_arrows.arrow-holder.slider_arrows .swiper_button_prev {
        left: 30px;
    }
    .timeline_slider_container .slide_content {
        padding-right: var(--layoutpadding);    
        padding-left: var(--layoutpadding);    
    }
    .swiper_button_next {
        right: 0px;
        margin-right: 20px;
    }
    .timeline_slider_container .e_inner_column {
        bottom:  15px;
    }
    h3.slide_title.maincolor {
        padding-top: 20px;
    }

    .toptimeline.slider_arrows span {
        bottom:  unset;
        top:  25%;
    }

    #counters_section {
        padding-left: 0;
        padding-right: 0;
    }

    .vc_row.wpb_row.vc_row-fluid.normal_row {
        padding-left: 0;
        padding-right: 0;
    }
    .special_title h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .special_title {
        margin-bottom: 0;
    }
    #welcome_row .vc_column-inner {
        padding-top: 0;
    }

    .weltitle {
        margin-bottom: 10px;
    }

    #HomeNews .post_grid_item {
        max-width: calc( 100% - 30px);
        margin: 20px auto;
    }

    .site-navigation li a {
        padding: 0px !important;
        font-size: 16px !important;
    }

    .sidebar-menu {
        width: 260px;
    }
    .sidebar-menu-open #view {
        -webkit-transform: translateX(260px);
        transform: translateX(260px);
    }

    .subcatsholder_col.wpb_column.vc_column_container h2 {
        font-size: 18px !important;
        line-height: 26px;
    }
    .subcatsholder_col.wpb_column.vc_column_container.vc_col-sm-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sidebar-mobile-open #woostify-overlay:after {
        right: 5px
    }
    .download_buttons {
        width: 100% !important;
        display: block;
        float: left;
    }

    .smaller_row {
        width: 100% !important;
        padding: 0 !important;
    }
    .contactrow {
        display: block;
    }
    .contactcol_2 {
        width: 100%;
        margin-bottom: 25px;
    }
    section#contactform .vc_row {
        padding: 0;
    }

}

@media (max-width: 600px) {
    .single_counter_container {
        width: 50% !important;
        margin-bottom: 20px;
    }
    .main_slider_text_container h2 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 36px;
    }
    .main_slider_content.main_slider_bottom_content {
        display: none;
    }
    .site-infor-col-6 {
        font-size: 13px;
    }

    .contactformbutton {
        width: 45px;
        height: 45px;
        margin-top: 44px;
    }
    .phonebutton {
        width: 225px;
        height: 45px;
        justify-content: left;
    }
    .phonebutton img {
        width: 23px
    }
    .phonebutton a {
        font-size: 17px; 
    }
    .brands_carousel_container img {
        padding: 15px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    #HomeBrands .vc_row.wpb_row.vc_row-fluid.normal_row+.vc_row {
        padding-left: 0;
        padding-right: 0;
    }

    .product-loop-content.text-center {
        min-height: unset;
    }

    .main_slider_text_container {
        bottom: 30px;
    }

    article {
        padding-left: 15px;
        padding-right: 15px;
    }
}