/*
 * Homepage responsive compatibility rules.
 *
 * These duplicate only the load-bearing mobile rules from OceanWP and the
 * generated Elementor page stylesheet. They live in a uniquely named resource
 * so a targeted NitroPack homepage rebuild cannot reuse an older shared CSS
 * asset that has had the responsive selectors removed by RUCSS.
 */

@media only screen and (max-width: 959px) {
    body.default-breakpoint #top-bar-nav,
    body.default-breakpoint #site-navigation-wrap,
    body.default-breakpoint .oceanwp-social-menu,
    body.default-breakpoint .after-header-content {
        display: none;
    }

    body.default-breakpoint .oceanwp-mobile-menu-icon {
        display: block;
    }

    #mega-menu-wrap-main_menu,
    #mega-menu-main_menu {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    #wrap {
        width: 100% !important;
    }

    .col:not(.swiper-slide),
    .blog-entry,
    #footer-widgets .footer-box {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    #footer-widgets .footer-box {
        float: none;
        margin-bottom: 25px;
    }
}

@media (max-width: 1024px) {
    .elementor-4148 .elementor-element.elementor-element-3634f3d,
    .elementor-4148 .elementor-element.elementor-element-f346b38 {
        padding: 30px;
    }

    .elementor-4148 .elementor-element.elementor-element-10836f8 > .elementor-element-populated,
    .elementor-4148 .elementor-element.elementor-element-88a1528 > .elementor-element-populated,
    .elementor-4148 .elementor-element.elementor-element-c2cb4c8 > .elementor-element-populated,
    .elementor-4148 .elementor-element.elementor-element-a62dd3f > .elementor-element-populated {
        margin: 5% 4% 0% 5%;
        --e-column-margin-right: 4%;
        --e-column-margin-left: 5%;
        padding: 20px 10px;
    }

    .elementor-4148 .elementor-element.elementor-element-5bd4901 > .elementor-element-populated {
        margin: 5% 5% 0% 4%;
        --e-column-margin-right: 5%;
        --e-column-margin-left: 4%;
        padding: 20px 10px;
    }

    .elementor-4148 .elementor-element.elementor-element-c70e0f1 > .elementor-element-populated {
        margin: 5% 4% 5% 5%;
        --e-column-margin-right: 4%;
        --e-column-margin-left: 5%;
        padding: 20px 10px;
    }

    .elementor-4148 .elementor-element.elementor-element-78e87e4 > .elementor-element-populated {
        margin: 5% 5% 5% 4%;
        --e-column-margin-right: 5%;
        --e-column-margin-left: 4%;
        padding: 20px 10px;
    }

    .elementor-4148 .elementor-element.elementor-element-f474ad4 > .elementor-widget-container,
    .elementor-4148 .elementor-element.elementor-element-1346fd7 > .elementor-widget-container,
    .elementor-4148 .elementor-element.elementor-element-985c149 > .elementor-widget-container,
    .elementor-4148 .elementor-element.elementor-element-76b0f72 > .elementor-widget-container {
        padding: 0 0 0 40px;
    }

    .elementor-4148 .elementor-element.elementor-element-f474ad4 .elementor-icon-box-title,
    .elementor-4148 .elementor-element.elementor-element-1346fd7 .elementor-icon-box-title,
    .elementor-4148 .elementor-element.elementor-element-985c149 .elementor-icon-box-title,
    .elementor-4148 .elementor-element.elementor-element-76b0f72 .elementor-icon-box-title {
        margin-block-end: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-f474ad4 .elementor-icon,
    .elementor-4148 .elementor-element.elementor-element-1346fd7 .elementor-icon,
    .elementor-4148 .elementor-element.elementor-element-985c149 .elementor-icon,
    .elementor-4148 .elementor-element.elementor-element-76b0f72 .elementor-icon {
        font-size: 40px;
    }

    .elementor-4148 .elementor-element.elementor-element-6809d9a.elementor-wc-products ul.products {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}

@media (max-width: 767px) {
    .elementor-4148 .elementor-element.elementor-element-dca87fd .elementor-heading-title,
    .elementor-4148 .elementor-element.elementor-element-d118986 .elementor-heading-title {
        font-size: 13px;
    }

    .elementor-4148 .elementor-element.elementor-element-91e8dde {
        padding: 88px 0 0;
    }

    .elementor-4148 .elementor-element.elementor-element-2b54750 > .elementor-widget-container {
        margin: 44px 0 0;
        padding: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-2b54750 {
        text-align: center;
    }

    .elementor-4148 .elementor-element.elementor-element-2b54750 .elementor-heading-title {
        font-size: 17px;
    }

    .elementor-4148 .elementor-element.elementor-element-3634f3d,
    .elementor-4148 .elementor-element.elementor-element-f346b38 {
        padding: 40px 10px;
    }

    .elementor-4148 .elementor-element.elementor-element-10836f8,
    .elementor-4148 .elementor-element.elementor-element-88a1528,
    .elementor-4148 .elementor-element.elementor-element-c2cb4c8,
    .elementor-4148 .elementor-element.elementor-element-a62dd3f,
    .elementor-4148 .elementor-element.elementor-element-5bd4901,
    .elementor-4148 .elementor-element.elementor-element-c70e0f1,
    .elementor-4148 .elementor-element.elementor-element-78e87e4 {
        width: 50%;
    }

    .elementor-4148 .elementor-element.elementor-element-bd38ad8 {
        margin-top: 42px;
        margin-bottom: 13px;
    }

    .elementor-4148 .elementor-element.elementor-element-b040ac8 {
        width: var(--container-widget-width, 83.5px);
        max-width: 83.5px;
        --container-widget-width: 83.5px;
        --container-widget-flex-grow: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-c4b0553 {
        width: var(--container-widget-width, 204.5px);
        max-width: 204.5px;
        --container-widget-width: 204.5px;
        --container-widget-flex-grow: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-f474ad4 > .elementor-widget-container,
    .elementor-4148 .elementor-element.elementor-element-1346fd7 > .elementor-widget-container,
    .elementor-4148 .elementor-element.elementor-element-985c149 > .elementor-widget-container,
    .elementor-4148 .elementor-element.elementor-element-76b0f72 > .elementor-widget-container {
        margin: 0;
        padding: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-f474ad4 .elementor-icon-box-wrapper,
    .elementor-4148 .elementor-element.elementor-element-1346fd7 .elementor-icon-box-wrapper,
    .elementor-4148 .elementor-element.elementor-element-985c149 .elementor-icon-box-wrapper,
    .elementor-4148 .elementor-element.elementor-element-76b0f72 .elementor-icon-box-wrapper {
        text-align: start;
        gap: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-f474ad4 .elementor-icon,
    .elementor-4148 .elementor-element.elementor-element-1346fd7 .elementor-icon,
    .elementor-4148 .elementor-element.elementor-element-985c149 .elementor-icon,
    .elementor-4148 .elementor-element.elementor-element-76b0f72 .elementor-icon {
        font-size: 30px;
    }

    .elementor-4148 .elementor-element.elementor-element-66e40e4 > .elementor-widget-container {
        margin: 0 -27px;
        padding: 0;
    }

    .elementor-4148 .elementor-element.elementor-element-66e40e4 .swiper-slide {
        height: 124px;
    }

    .elementor-4148 .elementor-element.elementor-element-66e40e4 .swiper-slide-contents {
        max-width: 100%;
    }

    .elementor-4148 .elementor-element.elementor-element-66e40e4 .elementor-slide-heading {
        font-size: 14px;
    }

    .elementor-4148 .elementor-element.elementor-element-66e40e4 .elementor-slide-button {
        font-size: 13px;
    }

    .elementor-4148 .elementor-element.elementor-element-c62efea {
        --icon-size: 29px;
        --grid-column-gap: 74px;
    }

    .elementor-4148 .elementor-element.elementor-element-c62efea .elementor-social-icon {
        --icon-padding: 0.3em;
    }

    .elementor-4148 .elementor-element.elementor-element-4d7d8f1 .elementor-post__thumbnail__link {
        width: 100%;
    }
}