/*MOBILE*/
@media (max-width: 600px) {
    .d-section-design-moved-left .w-field-value {
        padding-right: 5%;
    }

    .d-section-design-moved-right .w-field-value {
        padding-left: 5%;
    }

    .d-section-design-moved-central .w-field-value {
        padding-left: 3%;
        padding-right: 3%;
    }


    .d-section-design-circle-image > .w-bg-layer {
        width: 88vw;
        margin: calc(6vw - 10px);
    }

    .d-section-design-oval-image > .w-bg-layer {
        width: 70vw;
        height: 88vw;
        margin: calc(15vw - 10px);
    }

    .d-section-design-oval-horizontal-image > .w-bg-layer {
        width: 88vw;
        height: 70vw;
        margin: calc(6vw - 10px);
    }

    .d-section-design-square-extra-curved-image > .w-bg-layer,
    .d-section-design-square-curved-image > .w-bg-layer,
    .d-section-design-square-image > .w-bg-layer {
        width: 88vw;
        height: 88vw;
        margin: calc(6vw - 10px);
    }

    .d-section-design-rectangle-extra-curved-image > .w-bg-layer,
    .d-section-design-rectangle-curved-image > .w-bg-layer,
    .d-section-design-rectangle-image > .w-bg-layer {
        width: 88vw;
        height: 70vw;
        margin: calc(6vw - 10px);
    }

    .d-section-design-rectangle-horizontal-extra-curved-image > .w-bg-layer,
    .d-section-design-rectangle-horizontal-curved-image > .w-bg-layer,
    .d-section-design-rectangle-horizontal-image > .w-bg-layer {
        width: 70vw;
        height: 88vw;
        margin: calc(15vw - 10px);
    }



}

@media (min-width: 600px) {
    .d-section-design-moved-left .w-field-value {
        padding-right: 50%;
    }

    .d-section-design-moved-right .w-field-value {
        padding-left: 50%;
    }

    .d-section-design-moved-central .w-field-value {
        padding-left: 10%;
        padding-right: 10%;
    } 

    .d-section-design-circle-image > .w-bg-layer {
        height: 400px;
    }

    .d-section-design-oval-image > .w-bg-layer {
        height: 400px;
    }

    .d-section-design-oval-horizontal-image > .w-bg-layer {
        height: 300px;
/*        width: 400px;
        max-width: 400px;*/
    }

    .d-section-design-square-extra-curved-image > .w-bg-layer,
    .d-section-design-square-curved-image > .w-bg-layer,
    .d-section-design-square-image > .w-bg-layer {
        height: 400px;
    }

    .d-section-design-rectangle-extra-curved-image > .w-bg-layer,
    .d-section-design-rectangle-curved-image > .w-bg-layer,
    .d-section-design-rectangle-image > .w-bg-layer {
        height: 400px;
    }

    .d-section-design-rectangle-horizontal-extra-curved-image > .w-bg-layer,
    .d-section-design-rectangle-horizontal-curved-image > .w-bg-layer,
    .d-section-design-rectangle-horizontal-image > .w-bg-layer {
        height: 300px;
    }


}





.d-section-design-circle-image > .w-bg-layer > .w-bg-layer-image {
    border-radius: 50%;
    background-size:cover;
}

.d-section-design-oval-image > .w-bg-layer > .w-bg-layer-image {
    border-radius: 50%;
    background-size: cover;
}
.d-section-design-oval-horizontal-image > .w-bg-layer > .w-bg-layer-image {
    border-radius: 50%;
    background-size: cover;
}



.d-section-design-square-extra-curved-image > .w-bg-layer,
.d-section-design-square-curved-image > .w-bg-layer,
.d-section-design-square-image > .w-bg-layer,
.d-section-design-rectangle-extra-curved-image > .w-bg-layer,
.d-section-design-rectangle-curved-image > .w-bg-layer,
.d-section-design-rectangle-image > .w-bg-layer ,
.d-section-design-rectangle-horizontal-extra-curved-image > .w-bg-layer,
.d-section-design-rectangle-horizontal-curved-image > .w-bg-layer,
.d-section-design-rectangle-horizontal-image > .w-bg-layer {
    border-radius: 0% !important;
}
    .d-section-design-square-curved-image > .w-bg-layer > .w-bg-layer-image,
    .d-section-design-rectangle-curved-image > .w-bg-layer > .w-bg-layer-image,
    .d-section-design-rectangle-horizontal-curved-image > .w-bg-layer > .w-bg-layer-image {
        border-radius: 15px !important;
        background-size: cover;
    }
    .d-section-design-curved-corners-image > .w-bg-layer > .w-bg-layer-image,
    .d-section-design-square-extra-curved-image > .w-bg-layer > .w-bg-layer-image,
    .d-section-design-rectangle-extra-curved-image > .w-bg-layer > .w-bg-layer-image,
    .d-section-design-rectangle-horizontal-extra-curved-image > .w-bg-layer > .w-bg-layer-image {
        border-radius: 25px !important;
        background-size: cover;
    }