.col-md-6{ .faqblock-header{ flex: 0 0 100% !important; max-width: 100% !important; margin: 0; padding: 0; } .faqblock{ flex: 0 0 100% !important; max-width: 100% !important; margin: 0; padding: 0; } .miun--accordion{ .row.c-pointer{ &.is--active{ .miun--accordrion--wrapper{ background: white !important; } } } .miun--body--wrapper{ flex: 0 0 100% !important; max-width: 100% !important; margin: 0; padding: $xs-space; } .miun--accordrion--wrapper { flex: 0 0 100% !important; max-width: 100% !important; margin: 0; padding: 0; } } } .faqblock { [v-cloak] { display: none; } .faqblock-title{ margin-bottom: 20px; } .faqblock-container{ margin-bottom: 50px; &:last-child{ margin-bottom: 0px; } } .c-pointer{ cursor: pointer; } @include media-breakpoint-down(sm) { padding-left: 0px; padding-right: 0px; } .miun--accordion { width: 100%; border-top: 1px solid #eee; .is--active{ background: $bg-grey; .miun--body{ border-top: 1px solid $bg-grey; } } .miun-content { .miun--header { padding-top: 24px; padding-bottom: 24px; h4{ font-family: "Lato Bold"; font-size: 18px; line-height: 22px; margin-bottom: 0px; @include media-breakpoint-down(sm) { font-size: 16px; line-height: 20px; } } cursor: pointer; .button-close { cursor: pointer; background: transparent; padding: 0px; } } } .miun--body { width: 100%; border-top: 1px solid #eee; background: $bg-grey; padding: $xs-space 0 $xs-space 0; cursor: auto; } .rotate { transform: rotate(0deg); transition: all 0.3s ease; font-size: 32px; line-height: 32px; height: 13px; width: 32px; display: flex; align-items: center; justify-content: center; } img { max-width: 100%; height: auto; } } .miun--accordion:last-child { border-bottom: 1px solid #eee; } }