.sn-layout-row > .sn-size-60 {
  flex: 0 0 100%;
  max-width: 100%;
}
.sn-layout-col > .sn-size-60 {
  flex: 60 0 100%;
}

.sn-layout-row > .sn-size-55 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.sn-layout-col > .sn-size-55 {
  flex: 55 0 91.66666667%;
}

.sn-layout-row > .sn-size-50 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.sn-layout-col > .sn-size-50 {
  flex: 50 0 83.33333333%;
}

.sn-layout-row > .sn-size-45 {
  flex: 0 0 75%;
  max-width: 75%;
}
.sn-layout-col > .sn-size-45 {
  flex: 45 0 75%;
}

.sn-layout-row > .sn-size-40 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.sn-layout-col > .sn-size-40 {
  flex: 40 0 66.66666667%;
}

.sn-layout-row > .sn-size-35 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.sn-layout-col > .sn-size-35 {
  flex: 35 0 58.33333333%;
}

.sn-layout-row > .sn-size-30 {
  flex: 0 0 50%;
  max-width: 50%;
}
.sn-layout-col > .sn-size-30 {
  flex: 30 0 50%;
}

.sn-layout-row > .sn-size-25 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.sn-layout-col > .sn-size-25 {
  flex: 25 0 41.66666667%;
}

.sn-layout-row > .sn-size-20 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.sn-layout-col > .sn-size-20 {
  flex: 20 0 33.33333333%;
}

.sn-layout-row > .sn-size-15 {
  flex: 0 0 25%;
  max-width: 25%;
}
.sn-layout-col > .sn-size-15 {
  flex: 15 0 25%;
}

.sn-layout-row > .sn-size-10 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.sn-layout-col > .sn-size-10 {
  flex: 10 0 16.66666667%;
}

.sn-layout-row > .sn-size-5 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.sn-layout-col > .sn-size-5 {
  flex: 5 0 8.33333333%;
}

@media (min-width: 1200px) {
  .sn-layout-row > .sn-size-60-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sn-layout-col > .sn-size-60-xl {
    flex: 60 0 100%;
  }
  
  .sn-layout-row > .sn-size-55-xl {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sn-layout-col > .sn-size-55-xl {
    flex: 55 0 91.66666667%;
  }
  
  .sn-layout-row > .sn-size-50-xl {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sn-layout-col > .sn-size-50-xl {
    flex: 50 0 83.33333333%;
  }
  
  .sn-layout-row > .sn-size-45-xl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sn-layout-col > .sn-size-45-xl {
    flex: 45 0 75%;
  }
  
  .sn-layout-row > .sn-size-40-xl {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sn-layout-col > .sn-size-40-xl {
    flex: 40 0 66.66666667%;
  }
  
  .sn-layout-row > .sn-size-35-xl {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sn-layout-col > .sn-size-35-xl {
    flex: 35 0 58.33333333%;
  }
  
  .sn-layout-row > .sn-size-30-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sn-layout-col > .sn-size-30-xl {
    flex: 30 0 50%;
  }
  
  .sn-layout-row > .sn-size-25-xl {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sn-layout-col > .sn-size-25-xl {
    flex: 25 0 41.66666667%;
  }
  
  .sn-layout-row > .sn-size-20-xl {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sn-layout-col > .sn-size-20-xl {
    flex: 20 0 33.33333333%;
  }
  
  .sn-layout-row > .sn-size-15-xl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sn-layout-col > .sn-size-15-xl {
    flex: 15 0 25%;
  }
  
  .sn-layout-row > .sn-size-10-xl {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sn-layout-col > .sn-size-10-xl {
    flex: 10 0 16.66666667%;
  }
  
  .sn-layout-row > .sn-size-5-xl {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sn-layout-col > .sn-size-5-xl {
    flex: 5 0 8.33333333%;
  }
  
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sn-layout-row > .sn-size-60-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sn-layout-col > .sn-size-60-lg {
    flex: 60 0 100%;
  }
  
  .sn-layout-row > .sn-size-55-lg {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sn-layout-col > .sn-size-55-lg {
    flex: 55 0 91.66666667%;
  }
  
  .sn-layout-row > .sn-size-50-lg {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sn-layout-col > .sn-size-50-lg {
    flex: 50 0 83.33333333%;
  }
  
  .sn-layout-row > .sn-size-45-lg {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sn-layout-col > .sn-size-45-lg {
    flex: 45 0 75%;
  }
  
  .sn-layout-row > .sn-size-40-lg {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sn-layout-col > .sn-size-40-lg {
    flex: 40 0 66.66666667%;
  }
  
  .sn-layout-row > .sn-size-35-lg {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sn-layout-col > .sn-size-35-lg {
    flex: 35 0 58.33333333%;
  }
  
  .sn-layout-row > .sn-size-30-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sn-layout-col > .sn-size-30-lg {
    flex: 30 0 50%;
  }
  
  .sn-layout-row > .sn-size-25-lg {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sn-layout-col > .sn-size-25-lg {
    flex: 25 0 41.66666667%;
  }
  
  .sn-layout-row > .sn-size-20-lg {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sn-layout-col > .sn-size-20-lg {
    flex: 20 0 33.33333333%;
  }
  
  .sn-layout-row > .sn-size-15-lg {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sn-layout-col > .sn-size-15-lg {
    flex: 15 0 25%;
  }
  
  .sn-layout-row > .sn-size-10-lg {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sn-layout-col > .sn-size-10-lg {
    flex: 10 0 16.66666667%;
  }
  
  .sn-layout-row > .sn-size-5-lg {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sn-layout-col > .sn-size-5-lg {
    flex: 5 0 8.33333333%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sn-layout-row > .sn-size-60-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sn-layout-col > .sn-size-60-md {
    flex: 60 0 100%;
  }
  
  .sn-layout-row > .sn-size-55-md {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sn-layout-col > .sn-size-55-md {
    flex: 55 0 91.66666667%;
  }
  
  .sn-layout-row > .sn-size-50-md {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sn-layout-col > .sn-size-50-md {
    flex: 50 0 83.33333333%;
  }
  
  .sn-layout-row > .sn-size-45-md {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sn-layout-col > .sn-size-45-md {
    flex: 45 0 75%;
  }
  
  .sn-layout-row > .sn-size-40-md {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sn-layout-col > .sn-size-40-md {
    flex: 40 0 66.66666667%;
  }
  
  .sn-layout-row > .sn-size-35-md {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sn-layout-col > .sn-size-35-md {
    flex: 35 0 58.33333333%;
  }
  
  .sn-layout-row > .sn-size-30-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sn-layout-col > .sn-size-30-md {
    flex: 30 0 50%;
  }
  
  .sn-layout-row > .sn-size-25-md {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sn-layout-col > .sn-size-25-md {
    flex: 25 0 41.66666667%;
  }
  
  .sn-layout-row > .sn-size-20-md {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sn-layout-col > .sn-size-20-md {
    flex: 20 0 33.33333333%;
  }
  
  .sn-layout-row > .sn-size-15-md {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sn-layout-col > .sn-size-15-md {
    flex: 15 0 25%;
  }
  
  .sn-layout-row > .sn-size-10-md {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sn-layout-col > .sn-size-10-md {
    flex: 10 0 16.66666667%;
  }
  
  .sn-layout-row > .sn-size-5-md {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sn-layout-col > .sn-size-5-md {
    flex: 5 0 8.33333333%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .sn-layout-row > .sn-size-60-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sn-layout-col > .sn-size-60-sm {
    flex: 60 0 100%;
  }
  
  .sn-layout-row > .sn-size-55-sm {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sn-layout-col > .sn-size-55-sm {
    flex: 55 0 91.66666667%;
  }
  
  .sn-layout-row > .sn-size-50-sm {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sn-layout-col > .sn-size-50-sm {
    flex: 50 0 83.33333333%;
  }
  
  .sn-layout-row > .sn-size-45-sm {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sn-layout-col > .sn-size-45-sm {
    flex: 45 0 75%;
  }
  
  .sn-layout-row > .sn-size-40-sm {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sn-layout-col > .sn-size-40-sm {
    flex: 40 0 66.66666667%;
  }
  
  .sn-layout-row > .sn-size-35-sm {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sn-layout-col > .sn-size-35-sm {
    flex: 35 0 58.33333333%;
  }
  
  .sn-layout-row > .sn-size-30-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sn-layout-col > .sn-size-30-sm {
    flex: 30 0 50%;
  }
  
  .sn-layout-row > .sn-size-25-sm {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sn-layout-col > .sn-size-25-sm {
    flex: 25 0 41.66666667%;
  }
  
  .sn-layout-row > .sn-size-20-sm {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sn-layout-col > .sn-size-20-sm {
    flex: 20 0 33.33333333%;
  }
  
  .sn-layout-row > .sn-size-15-sm {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sn-layout-col > .sn-size-15-sm {
    flex: 15 0 25%;
  }
  
  .sn-layout-row > .sn-size-10-sm {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sn-layout-col > .sn-size-10-sm {
    flex: 10 0 16.66666667%;
  }
  
  .sn-layout-row > .sn-size-5-sm {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sn-layout-col > .sn-size-5-sm {
    flex: 5 0 8.33333333%;
  }
}
@media (max-width: 575px) {
  .sn-layout-row > .sn-size-60-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sn-layout-col > .sn-size-60-xs {
    flex: 60 0 100%;
  }
  
  .sn-layout-row > .sn-size-55-xs {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sn-layout-col > .sn-size-55-xs {
    flex: 55 0 91.66666667%;
  }
  .sn-layout-row > .sn-size-54-xs {
    flex: 0 0 90%;
    max-width: 90%;
  }
  
  .sn-layout-row > .sn-size-50-xs {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sn-layout-col > .sn-size-50-xs {
    flex: 50 0 83.33333333%;
  }
  
  .sn-layout-row > .sn-size-45-xs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sn-layout-col > .sn-size-45-xs {
    flex: 45 0 75%;
  }
  
  .sn-layout-row > .sn-size-40-xs {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sn-layout-col > .sn-size-40-xs {
    flex: 40 0 66.66666667%;
  }
  
  .sn-layout-row > .sn-size-35-xs {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sn-layout-col > .sn-size-35-xs {
    flex: 35 0 58.33333333%;
  }
  
  .sn-layout-row > .sn-size-30-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sn-layout-col > .sn-size-30-xs {
    flex: 30 0 50%;
  }
  
  .sn-layout-row > .sn-size-25-xs {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sn-layout-col > .sn-size-25-xs {
    flex: 25 0 41.66666667%;
  }
  
  .sn-layout-row > .sn-size-20-xs {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sn-layout-col > .sn-size-20-xs {
    flex: 20 0 33.33333333%;
  }
  
  .sn-layout-row > .sn-size-15-xs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sn-layout-col > .sn-size-15-xs {
    flex: 15 0 25%;
  }
  
  .sn-layout-row > .sn-size-10-xs {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sn-layout-col > .sn-size-10-xs {
    flex: 10 0 16.66666667%;
  }
  
  .sn-layout-row > .sn-size-5-xs {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sn-layout-col > .sn-size-5-xs {
    flex: 5 0 8.33333333%;
  }
}