.develop {padding: 0 15px; padding-bottom: 40px;}
.develop-header { padding: 40px 0 20px 0; font-size: 20px; font-weight: 500; text-align: center; color: #636363;}
.develop-headers { padding: 40px 0 20px 0; font-size: 14px; font-weight: 500; text-align: center; color: #636363;}

.develop-sub-header { text-align: center; color: #1e9755; font-weight: bold; font-size: 30px;}
.develop-sub-header small {position: relative; top: -10px;}
.develop-img {padding: 40px 0; text-align: center;}

.develop-body { padding: 0 15px; font-size: 14px; line-height: 24px; text-align: center; color: #636363;}
.develop-body p {margin-bottom: 10px; }

.develop-list {padding: 20px 0;}
.develop-item {display: -ms-flexbox; display: flex; align-items: center; padding: 10px 0; border-bottom: 1px dotted #8b8b8b;}
.develop-item-num {-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
.develop-item-num span {display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #fff; background: #79a85e;}
.develop-item-title {-ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; color: #8b8b8b; padding-right: 2%; }
.develop-item-img {-ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; }

@media (min-width: 576px) {
  .develop {padding-bottom: 50px;}
  .develop-img { padding: 50px 0; }
  .develop-header { padding: 50px 0; font-size: 24px;}
  .develop-headers { padding: 50px 0; font-size: 14px;}
}

@media (min-width: 768px) {
  .develop-header { padding: 50px 0; font-size: 28px;}
  .develop-headers { padding: 50px 0; font-size: 15px;}
  
  .develop-item {border-bottom: 2px dotted #8b8b8b;}
  .develop-item-num {-ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; }
  .develop-item-num span {display: block; width: 40px; height: 40px; line-height: 40px; font-size: 30px;}
  .develop-item-title {-ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; font-size: 14px; padding-bottom: 8px; padding-right: 4%;}
  .develop-item-img {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}

@media (min-width: 992px) {
  .develop {padding: 0; padding-bottom: 60px;}
  .develop-img { padding: 60px 0; }
  .develop-header { padding: 60px 0; font-size: 20px;}
  .develop-headers { padding: 60px 0; font-size: 16px;}
  .develop-sub-header { font-size: 30px;}
  .develop-body p {font-size: 16px;}
  .develop-body span {font-size: 15px;}
  
  .develop-item {padding: 20px 0; align-items: start; border-bottom: 2px dotted #8b8b8b;}
  .develop-item-num {-ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; padding-top: 20px; }
  .develop-item-num span {display: block; width: 40px; height: 40px; line-height: 40px; font-size: 30px;}
  .develop-item-title {-ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; font-size: 13px; padding-bottom: 8px; padding-top: 20px; padding-right: 6%;}
  .develop-item-img {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}

@media (min-width: 1200px) {
  .develop { padding-bottom: 60px;}
  .develop-img { padding: 60px 0; }
  .develop-header { padding: 80px 0 40px 0; font-size: 24px;}
  .develop-headers { padding: 80px 0 40px 0; font-size: 18px;}
  .develop-body p {font-size: 18px;}
  .develop-body span {font-size: 14px;}

  .develop-sub-header { font-size: 30px;}
  .develop-item-title { font-size: 16px; padding-right: 10%; }
  .develop-item-num span {width: 44px; height: 44px; line-height: 44px; font-size: 30px;}
}
@media (min-width: 1440px) {
  .develop { padding-bottom: 80px;}
  .develop-img { padding: 80px 0; }
  .develop-header { padding: 80px 0; font-size: 32px;}
  .develop-headers { padding: 80px 0; font-size: 20px;}
  .develop-body {font-size: 18px; line-height: 34px;}
  .develop-body p {font-size: 20px;}
  .develop-body span {font-size: 16px;}
  .develop-sub-header { font-size: 40px;}
  .develop-item-title { font-size: 16px; padding-right: 14%;}
  .develop-item-num span {width: 44px; height: 44px; line-height: 44px; font-size: 32px;}
}

@media (min-width: 1600px) {
  .develop-img { padding: 100px 0; }
  .develop-header { padding: 100px 0 50px 0; font-size: 37px; }
  .develop-headers { padding: 100px 0 50px 0; font-size: 24px; }
  .develop-body p {font-size: 24px;}
  .develop-body span {font-size: 18px;}
  .develop-sub-header { font-size: 50px;}
  .develop-item-title { font-size: 18px; padding-right: 15.6%;}
  .develop-item-num span {width: 46px; height: 46px; line-height: 46px; font-size: 36px;}
}

@media (min-width: 1800px) {
  .develop-sub-header { font-size: 70px;}
  .develop-item-num span {width: 50px; height: 50px; line-height: 50px; font-size: 38px;}
  .develop-item-title { padding-right: 19%;}
}