/* =========================================================
   ANCHOR MARINE FEATURE BOXES - MOBILE STACK
   ========================================================= */

@media (max-width: 767px) {

    .anchor-features {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .anchor-features > .e-flexbox-base,
    .anchor-features > .e-con {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

}
/* =========================================================
   ANCHOR FEATURE STRIP - MOBILE
   ========================================================= */

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

    /* Parent containing these four specific boxes */
    .e-flexbox-base:has(> .elementor-element-cf2e9f1) {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
    }

    /* Four feature boxes */
    .elementor-element-cf2e9f1,
    .elementor-element-fb78c55,
    .elementor-element-1ef0e86,
    .elementor-element-2dd928a {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

}
@media (max-width: 767px) {

    .elementor-element-3ebb1c03,
    .elementor-element-c3565f6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

}

/* =========================================================
   PERSONALISER - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .amp-designer__header h3 {
        font-size: 17px !important;
    }

}