.op3-element[data-op3-element-type="comments"] {
    width: 100%;
}

// Tablet
@media (max-width: $breakpoint-tablet) and (min-width: ($breakpoint-mobile + 1)) {
    .op3-element[data-op3-element-type="comments"] {
        textarea {
            max-width: 100%;
        }
        input {
            max-width: 100%;
        }
    }
}

// Mobile
@media (max-width: $breakpoint-mobile) {
    .op3-element[data-op3-element-type="comments"] {
        textarea {
            max-width: 100%;
        }
        input {
            max-width: 100%;
        }
    }
}