@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio:2.3636363636363638),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:227dpi),only screen and (min-resolution:2dppx) {
    .product-wrapper {
      
        max-height: 210px !important;
        min-height: 210px !important;
        height: 100%;
    }

    .product-wrapper img {
        max-height: 210px!important;
        max-width: 100%!important
    }

    .product-wrapper .content {
        padding: 20px 30px!important
    }

    .service-wrapper {
        min-height: 400px!important
    }.product-wrapper h3 {
    font-size: 25px;
    line-height: 1.3;
}
}

@media (min-width: 1025px) and (max-width:1280px) {
    .bm-burger-button {
        display:none!important
    }

    .container.content .story .story-container .title {
        font-size: 20px!important
    }

    .container.pagesnav .pages .page a {
        width: 175px!important
    }

    section#first .h1,section#first h1 {
       margin-bottom: 14px !important;
        margin-top: 40px !important;
        position: relative;
        z-index: 11;
        font-size: 48px;
        line-height: 1.2;
    }

    section#first p {
        max-width: 450px;
        position: relative;
        z-index: 11
    }.home-section h2.text-center, .home-section h3.text-center {
    margin-top: 24px;
    font-size: 40px;
    margin-bottom: 8px;
}

.home-section p.text-center {
    margin-bottom: 22px;
}
}

@media (min-width: 768px) and (max-width:1024px) {
    .home-section {
        align-items:flex-start!important;
        height: auto!important;
        min-height: 100vh!important;
        overflow: hidden!important;
        scroll-snap-align: unset!important
    }

    .home-section .text-center.h2,.home-section .text-center.h3,.home-section h2.text-center,.home-section h3.text-center {
        margin-top: 50px;
        position: relative;
        z-index: 9
    }

    .home-section p.text-center {
        position: relative;
        z-index: 2
    }

    body.home,html.home {
        scroll-snap-type: unset!important
    }

    body.home .bm-burger-button {
        display: block
    }

    body.home .bm-burger-button .bm-burger-bars {
        background: #fff!important
    }

    .controls,div.bgpiece {
        display: none!important
    }

    .history-wrapper {
        margin-top: 40px
    }

    .row.sub-footer {
        align-items: center!important;
        flex-direction: column!important
    }

    footer .row.sub-footer .corpprate {
        justify-content: left!important;
        margin-bottom: 40px!important
    }

    footer .row.sub-footer p {
        margin-bottom: 24px!important
    }

    section#first .h1,section#first h1 {
        font-size: 48px!important;
        line-height: 48px!important;
        margin-bottom: 14px!important;
        margin-top: 140px!important;
        position: relative;
        z-index: 11
    }

    section#first p {
        max-width: 450px;
        position: relative;
        z-index: 11
    }

    ul.navbar-nav {
        display: none!important
    }

    ul.navbar-nav.mobile-nav {
        display: block!important
    }

    .container-fluid.header-container.bg-green nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-lg nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-md nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-sm nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xl nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xxl nav.custom-bread ol.breadcrumb {
        justify-content: flex-start!important;
        margin-left: unset!important;
        margin-right: auto!important
    }

    .container-fluid.header-container.bg-green .h1,.container-fluid.header-container.bg-green h1,.header-container.bg-green.container-lg .h1,.header-container.bg-green.container-lg h1,.header-container.bg-green.container-md .h1,.header-container.bg-green.container-md h1,.header-container.bg-green.container-sm .h1,.header-container.bg-green.container-sm h1,.header-container.bg-green.container-xl .h1,.header-container.bg-green.container-xl h1,.header-container.bg-green.container-xxl .h1,.header-container.bg-green.container-xxl h1 {
        line-height: 40px!important
    }

    .container.pagesnav .pages {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap!important;
        justify-content: space-around!important
    }

    .container.pagesnav .pages .page a {
        margin: auto auto 24px!important;
        width: 150px!important
    }

    .container.content .story {
        order: unset!important;
        padding: 0 12px!important;
        width: 100%!important
    }

    .container.content .story .story-container {
        height: auto!important;
        margin-bottom: 48px!important
    }

    .container.content .story .story-container .title {
        min-height: auto!important
    }

    .container.content .story .story-container .date-1 {
        display: block!important
    }

    .borders,.container.content .story .story-container .date-2,.container.content .story .story-container span.linedot,.container.content .story .story-container:after,.container.content .story:nth-child(2n) .story-container:before {
        display: none!important
    }

    .bm-burger-button {
        display: block
    }

    .bm-burger-button .bm-burger-bars {
        background: #6fb74d!important
    }

    .container.products {
        margin-top: 40px
    }

    .container-fluid.service-wrap,.service-wrap.container-lg,.service-wrap.container-md,.service-wrap.container-sm,.service-wrap.container-xl,.service-wrap.container-xxl {
        background: unset!important
    }

    .col-lg-8.offset-lg-2.col-md-8.offset-md-2.col-sm-10.offset-sm-10.col-12.offset-0.contact-form-rest {
        padding: 24px 12px
    }

    section.section-header.contact-form form .form-check.d-flex.justify-content-center button.btn.btn-site-secondary.self {
        margin: 24px auto!important
    }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    .product-wrapper .content .h3,.product-wrapper .content a,.product-wrapper .content h3 {
        filter:drop-shadow(0 0 3px rgba(0,0,0,.6))
    }

    .home-section {
        align-items: flex-start!important;
        height: unset!important;
        overflow: hidden!important;
        scroll-snap-align: unset!important
    }

    .home-section .text-center.h2,.home-section .text-center.h3,.home-section h2.text-center,.home-section h3.text-center {
        margin-top: 50px;
        position: relative;
        z-index: 9
    }

    .home-section p.text-center {
        position: relative;
        z-index: 2
    }

    body.home,html.home {
        scroll-snap-type: unset!important
    }

    body.home .bm-burger-button {
        display: block
    }

    body.home .bm-burger-button .bm-burger-bars {
        background: #fff!important
    }

    .controls,div.bgpiece {
        display: none!important
    }

    .history-wrapper {
        margin-top: 40px
    }

    .row.sub-footer {
        align-items: center!important;
        flex-direction: column!important
    }

    footer .row.sub-footer .corpprate {
        justify-content: left!important;
        margin-bottom: 40px!important
    }

    footer .row.sub-footer p {
        margin-bottom: 24px!important
    }

    section#first .h1,section#first h1 {
        font-size: 48px!important;
        line-height: 48px!important;
        margin-bottom: 14px!important;
        margin-top: 140px!important;
        position: relative;
        z-index: 11
    }

    section#first p {
        max-width: 450px;
        position: relative;
        z-index: 11
    }

    ul.navbar-nav {
        display: none!important
    }

    ul.navbar-nav.mobile-nav {
        display: block!important
    }

    .container-fluid.header-container.bg-green nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-lg nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-md nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-sm nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xl nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xxl nav.custom-bread ol.breadcrumb {
        justify-content: flex-start!important;
        margin-left: unset!important;
        margin-right: auto!important
    }

    .container-fluid.header-container.bg-green .h1,.container-fluid.header-container.bg-green h1,.header-container.bg-green.container-lg .h1,.header-container.bg-green.container-lg h1,.header-container.bg-green.container-md .h1,.header-container.bg-green.container-md h1,.header-container.bg-green.container-sm .h1,.header-container.bg-green.container-sm h1,.header-container.bg-green.container-xl .h1,.header-container.bg-green.container-xl h1,.header-container.bg-green.container-xxl .h1,.header-container.bg-green.container-xxl h1 {
        line-height: 40px!important
    }

    .container.pagesnav .pages {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap!important;
        justify-content: space-around!important
    }

    .container.pagesnav .pages .page a {
        margin: auto auto 24px!important;
        width: 150px!important
    }

    .container.content .story {
        order: unset!important;
        padding: 0 12px!important;
        width: 100%!important
    }

    .container.content .story .story-container {
        height: auto!important;
        margin-bottom: 48px!important
    }

    .container.content .story .story-container .title {
        min-height: auto!important
    }

    .container.content .story .story-container .date-1 {
        display: block!important
    }

    .borders,.container.content .story .story-container .date-2,.container.content .story .story-container span.linedot,.container.content .story .story-container:after,.container.content .story:nth-child(2n) .story-container:before {
        display: none!important
    }

    .bm-burger-button {
        display: block
    }

    .bm-burger-button .bm-burger-bars {
        background: #6fb74d!important
    }

    .container.products {
        margin-top: 40px
    }

    .container-fluid.service-wrap,.service-wrap.container-lg,.service-wrap.container-md,.service-wrap.container-sm,.service-wrap.container-xl,.service-wrap.container-xxl {
        background: unset!important
    }

    .col-lg-8.offset-lg-2.col-md-8.offset-md-2.col-sm-10.offset-sm-10.col-12.offset-0.contact-form-rest {
        padding: 24px 12px
    }

    section.section-header.contact-form form .form-check.d-flex.justify-content-center button.btn.btn-site-secondary.self {
        margin: 24px auto!important
    }
}

@media (min-width: 481px) and (max-width:767px) {
    .product-wrapper .content .h3,.product-wrapper .content a,.product-wrapper .content h3 {
        filter:drop-shadow(0 0 3px rgba(0,0,0,.6))
    }

    .home-section {
        align-items: flex-start!important;
        height: unset!important;
        overflow: hidden!important;
        scroll-snap-align: unset!important
    }

    .home-section .text-center.h2,.home-section .text-center.h3,.home-section h2.text-center,.home-section h3.text-center {
        margin-top: 50px;
        position: relative;
        z-index: 9
    }

    .home-section p.text-center {
        position: relative;
        z-index: 2
    }

    body.home,html.home {
        scroll-snap-type: unset!important
    }

    body.home .bm-burger-button {
        display: block
    }

    body.home .bm-burger-button .bm-burger-bars {
        background: #fff!important
    }

    .controls,div.bgpiece {
        display: none!important
    }

    .history-wrapper {
        margin-top: 40px
    }

    .row.sub-footer {
        align-items: center!important;
        flex-direction: column!important
    }

    footer .row.sub-footer .corpprate {
        justify-content: left!important;
        margin-bottom: 40px!important
    }

    footer .row.sub-footer p {
        margin-bottom: 24px!important
    }

    section#first .h1,section#first h1 {
        font-size: 48px!important;
        line-height: 48px!important;
        margin-top: 170px!important
    }

    ul.navbar-nav {
        display: none!important
    }

    ul.navbar-nav.mobile-nav {
        display: block!important
    }

    .container-fluid.header-container.bg-green nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-lg nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-md nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-sm nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xl nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xxl nav.custom-bread ol.breadcrumb {
        justify-content: flex-start!important;
        margin-left: unset!important;
        margin-right: auto!important
    }

    .container-fluid.header-container.bg-green .h1,.container-fluid.header-container.bg-green h1,.header-container.bg-green.container-lg .h1,.header-container.bg-green.container-lg h1,.header-container.bg-green.container-md .h1,.header-container.bg-green.container-md h1,.header-container.bg-green.container-sm .h1,.header-container.bg-green.container-sm h1,.header-container.bg-green.container-xl .h1,.header-container.bg-green.container-xl h1,.header-container.bg-green.container-xxl .h1,.header-container.bg-green.container-xxl h1 {
        line-height: 40px!important
    }

    .container.pagesnav .pages {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap!important;
        justify-content: space-around!important
    }

    .container.pagesnav .pages .page a {
        margin: auto auto 24px!important;
        width: 150px!important
    }

    .container.content .story {
        order: unset!important;
        padding: 0 12px!important;
        width: 100%!important
    }

    .container.content .story .story-container {
        height: auto!important;
        margin-bottom: 48px!important
    }

    .container.content .story .story-container .title {
        min-height: auto!important
    }

    .container.content .story .story-container .date-1 {
        display: block!important
    }

    .borders,.container.content .story .story-container .date-2,.container.content .story .story-container span.linedot,.container.content .story .story-container:after,.container.content .story:nth-child(2n) .story-container:before {
        display: none!important
    }

    .bm-burger-button {
        display: block
    }

    .bm-burger-button .bm-burger-bars {
        background: #6fb74d!important
    }

    .container.products {
        margin-top: 40px
    }

    .container-fluid.service-wrap,.service-wrap.container-lg,.service-wrap.container-md,.service-wrap.container-sm,.service-wrap.container-xl,.service-wrap.container-xxl {
        background: unset!important
    }

    .col-lg-8.offset-lg-2.col-md-8.offset-md-2.col-sm-10.offset-sm-10.col-12.offset-0.contact-form-rest {
        padding: 24px 12px
    }

    section.section-header.contact-form form .form-check.d-flex.justify-content-center button.btn.btn-site-secondary.self {
        margin: 24px auto!important
    }
}

@media (min-width: 320px) and (max-width:480px) {
    .product-wrapper .content .h3,.product-wrapper .content a,.product-wrapper .content h3 {
        filter:drop-shadow(0 0 3px rgba(0,0,0,.6))
    }

    .home-section {
        align-items: flex-start!important;
        height: unset!important;
        overflow: hidden!important;
        scroll-snap-align: unset!important
    }

    .home-section .text-center.h2,.home-section .text-center.h3,.home-section h2.text-center,.home-section h3.text-center {
        margin-top: 50px;
        position: relative;
        z-index: 9
    }

    .home-section p.text-center {
        position: relative;
        z-index: 2
    }

    body.home,html.home {
        scroll-snap-type: unset!important
    }

    body.home .bm-burger-button {
        display: block
    }

    body.home .bm-burger-button .bm-burger-bars {
        background: #fff!important
    }

    .controls,div.bgpiece {
        display: none!important
    }

    .history-wrapper {
        margin-top: 40px
    }

    .row.sub-footer {
        align-items: center!important;
        flex-direction: column!important
    }

    footer .row.sub-footer .corpprate {
        justify-content: left!important;
        margin-bottom: 40px!important
    }

    footer .row.sub-footer p {
        margin-bottom: 24px!important
    }

    section#first .h1,section#first h1 {
        font-size: 48px!important;
        line-height: 48px!important;
        margin-top: 170px!important
    }

    ul.navbar-nav {
        display: none!important
    }

    ul.navbar-nav.mobile-nav {
        display: block!important
    }

    .container-fluid.header-container.bg-green nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-lg nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-md nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-sm nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xl nav.custom-bread ol.breadcrumb,.header-container.bg-green.container-xxl nav.custom-bread ol.breadcrumb {
        justify-content: flex-start!important;
        margin-left: unset!important;
        margin-right: auto!important
    }

    .container-fluid.header-container.bg-green .h1,.container-fluid.header-container.bg-green h1,.header-container.bg-green.container-lg .h1,.header-container.bg-green.container-lg h1,.header-container.bg-green.container-md .h1,.header-container.bg-green.container-md h1,.header-container.bg-green.container-sm .h1,.header-container.bg-green.container-sm h1,.header-container.bg-green.container-xl .h1,.header-container.bg-green.container-xl h1,.header-container.bg-green.container-xxl .h1,.header-container.bg-green.container-xxl h1 {
        line-height: 40px!important
    }

    .container.pagesnav .pages {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap!important;
        justify-content: space-around!important
    }

    .container.pagesnav .pages .page a {
        margin: auto auto 24px!important;
        width: 150px!important
    }

    .container.content .story {
        order: unset!important;
        padding: 0 12px!important;
        width: 100%!important
    }

    .container.content .story .story-container {
        height: auto!important;
        margin-bottom: 48px!important
    }

    .container.content .story .story-container .title {
        min-height: auto!important
    }

    .container.content .story .story-container .date-1 {
        display: block!important
    }

    .borders,.container.content .story .story-container .date-2,.container.content .story .story-container span.linedot,.container.content .story .story-container:after,.container.content .story:nth-child(2n) .story-container:before {
        display: none!important
    }

    .bm-burger-button {
        display: block
    }

    .bm-burger-button .bm-burger-bars {
        background: #6fb74d!important
    }

    .container.products {
        margin-top: 40px
    }

    .container-fluid.service-wrap,.service-wrap.container-lg,.service-wrap.container-md,.service-wrap.container-sm,.service-wrap.container-xl,.service-wrap.container-xxl {
        background: unset!important
    }

    .col-lg-8.offset-lg-2.col-md-8.offset-md-2.col-sm-10.offset-sm-10.col-12.offset-0.contact-form-rest {
        padding: 24px 12px
    }

    section.section-header.contact-form form .form-check.d-flex.justify-content-center button.btn.btn-site-secondary.self {
        margin: 24px auto!important
    }
}