.apparea {padding: 0 15px; padding-bottom: 40px;}
.apparea-header { padding: 40px 0; font-size: 18px; font-weight: 500; text-align: center; color: #636363;}
.apparea-body { padding: 0 15px; font-size: 14px; line-height: 24px; text-align: center; color: #888;}

.apps-item {position: relative; width: 100%; height: 100%;}
.apper-title {position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 14px; font-weight: 500; background:linear-gradient(to top, #1e9755 50%, transparent);}
@media (min-width: 576px) {
  .apparea {padding-bottom: 50px;}
  .apparea-header { padding: 50px 0;}
  .apparea-body { font-size: 14px; line-height: 30px;}
}

@media (min-width: 768px) {
  .apparea-header { padding: 50px 0; font-size: 20px;}
  .apper-title {height: 70px; font-size: 18px; line-height: 70px; }
}

@media (min-width: 992px) {
  .apparea {padding: 0; padding-bottom: 60px;}
  .apparea-header { padding: 60px 0; font-size: 22px;}
  .apparea-body {line-height: 2; font-size: 14px;}
  .apper-title {height: 70px; font-size: 18px; line-height: 70px; }
}

@media (min-width: 1200px) {
  .apparea { padding-bottom: 70px;}
  .apparea-header { padding: 70px 0; font-size: 26px;}
  .apparea-body {line-height: 2; font-size: 16px;}
  .apper-title {height: 70px; font-size: 20px; line-height: 70px; }
}
@media (min-width: 1440px) {
  .apparea-header { padding: 100px 0 80px 0; font-size: 28px;}
  .apparea-body { font-size: 18px;}
  .apper-title {height: 80px; font-size: 22px; line-height: 80px; }
}

@media (min-width: 1600px) {
  .apparea-header {font-size: 32px;}
  .apper-title {height: 90px; font-size: 24px; line-height: 90px; }
}

@media (min-width: 1800px) {
  .apparea-header {font-size: 36px;}
  .apper-title {height: 100px; line-height: 100px; }
}