#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 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 0px) and (max-width: 768px) {
    #m_bracelet_length .content-window .guarantee-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        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 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        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 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}