[class^="section-service"] {
  padding: 80px 0; }

@media (max-width: 767px) {
  [class^="section-service"] {
    padding: 40px 0; } }

@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: .2;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.fbx-page-service-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .fbx-page-service-wrapper .col-lg-3, .fbx-page-service-wrapper .col-lg-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
  @media (min-width: 992px) {
    .fbx-page-service-wrapper .col-lg-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
    .fbx-page-service-wrapper .col-lg-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%; } }

.section-detail-content {
  padding: 80px 0; }
  @media (min-width: 1366px) {
    .section-detail-content .detail-sidebar {
      -ms-flex: 0 0 340px;
      flex: 0 0 340px;
      max-width: 340px;
      padding: 0; }
    .section-detail-content .detail-content.has-sidebar {
      -ms-flex: 0 0 calc(100% - 340px);
      flex: 0 0 calc(100% - 340px);
      max-width: calc(100% - 340px);
      padding-left: 40px; } }
  @media (max-width: 991px) {
    .section-detail-content .row {
      flex-flow: column-reverse; }
    .section-detail-content .detail-content.has-sidebar {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .section-detail-content {
      padding: 40px 0; } }