.sotg-zones_wrapper {
    clear: both;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.sotg-zones_wrapper .sotg-zone {
    background-repeat: no-repeat;
    transition: all 0.75s;
}
@media screen and (max-width: 680px) {
    .sotg-zones_wrapper .sotg-zone {
        width: 100% !important;
    }
}

.sotg-zones_wrapper .sotg-zone * {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.sotg-zones_wrapper .sotg-zone_1 {
    float: left;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.sotg-zones_wrapper.sotg-model-2 .sotg-zone_1 {
    float: right;
    left: auto;
    right: 0;
}
@media screen and (max-width: 680px) {
    .sotg-zones_wrapper .sotg-zone_1 {
        position: static;
    };
}
.sotg-zones_wrapper .sotg-zone_2 {
    float: right;
    height: auto;
    position: relative;
}
.sotg-zones_wrapper.sotg-model-2 .sotg-zone_2 {
    float: left;
}
.sotg-zones_wrapper .sotg-zone_3 {
    float: right;
    clear: right;
    height: auto;
    position: relative;
}
.sotg-zones_wrapper.sotg-model-2 .sotg-zone_3 {
    float: left;
    clear: left;
}

@media screen and (min-width: 680px) {
    .sotb_use_zone_height > div {
        position: absolute !important;
    }
}

@media screen and (max-width: 680px) {
    .sotb_use_zone_height {
        padding-bottom: 10% !important;
    }
}

@media screen and (max-width: 680px) {
    .sotb_responsive_bg_image {
        background-image: none !important;
    }
}