#m_bracelet_length .modaldialog-content {
    width: 50%
}

@media (min-width: 0px) and (max-width: 768px) {
    #m_bracelet_length .modaldialog-content {
        width: 95%
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    #m_bracelet_length .modaldialog-content {
        width: 80%
    }
}

#m_bracelet_length .content-window {
    padding-bottom: 2rem
}

#m_bracelet_length .content-window .guarantee-container {
    align-items: flex-start
}

@media (min-width: 0px) and (max-width: 768px) {
    #m_bracelet_length .content-window .guarantee-container {
        flex-wrap: wrap
    }
}

#m_bracelet_length .content-window .left-side {
    width: 40%
}

@media (min-width: 0px) and (max-width: 768px) {
    #m_bracelet_length .content-window .left-side {
        order: 2;
        width: 100%
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    #m_bracelet_length .content-window .left-side .image-container {
        width: 100%
    }
}

#m_bracelet_length .content-window .right-side {
    width: 60%
}

@media (min-width: 0px) and (max-width: 768px) {
    #m_bracelet_length .content-window .right-side {
        order: 1;
        width: 100%
    }
}