/**
 * All of the CSS for your ring-creator page functionality should be
 * included in this file.
 */


.vdb-rb-design_your_ring {
    padding-top: 50px;
    padding-bottom: 50px;
}

.vdb-rb-design_your_ring .vdb-rb-inner_content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 50px;
    flex-flow: wrap;
}

.vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-img_wrap {
    width: 100%;
    max-width: calc(50% - 25px);
}

.vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 100%;
    max-width: calc(50% - 25px);
    gap: 30px;
}

.vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap .vdb-rb-button_wrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
}

.vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap .vdb-rb-button_wrap .vdb-rb-btn {
    width: 100%;
    max-width: 250px;
}

.vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap .vdb-rb-description {
    font-size: 20px;
}

/* ====================MEDIA-START========================== */
@media(max-width:991px) {

    .vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-img_wrap,
    .vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        max-width: 100%;
    }

    .vdb-rb-design_your_ring .vdb-rb-inner_content {
        gap: 30px;
    }

    .vdb-rb-heading_style_h1.vdb-rb-mobile-heading {
        text-align: center;
        width: 100%;
    }

    .vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap .vdb-rb-heading_style_h1 {
        display: none;
    }
}

@media(max-width:767px) {
    .vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-text_wrap .vdb-rb-description {
        font-size: 18px;
    }

    .vdb-rb-design_your_ring .vdb-rb-inner_content .vdb-rb-img_wrap img {
        max-width: 230px;
        margin: auto;
    }
}

@media(min-width:992px) {
    .vdb-rb-heading_style_h1.vdb-rb-mobile-heading {
        display: none;
    }
}

/* ====================MEDIA-END========================== */