@media (min-width: 400px) {
  section img {
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 0.21176470588235294rem
  }
  .text-md-center {
    text-align: center
  }
  .min-justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .min-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  main {
    background-image: url(../img/main_bg3.png), url(../img/main_bg2.png), url(../img/main_bg.svg);
    background-repeat: no-repeat;
    background-position: left 14%, 228% top, center top;
    background-size: 72% auto, 82% auto, 110% auto;
  }
  #overview {
    padding-bottom: 10%;
  }
  .brand img {
    max-width: 200px;
    height: 26px;
  }
  section h2 {
    font-size: 0.35294117647058826rem;
    margin: 0 0 .25rem;
  }
  section img {
    max-width: 100%;
  }
  header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  }
	header:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#bf000000', GradientType=0);
}
  header .hero-concent {
    padding: 0;
  }
  header .hero-concent:before {
    display: none;
  }
  header .hero-concent .hero-copy {
    padding: 16% 0 24%;
    text-align: right;
  }
  header h1 {
    font-size: 0.6rem;
    line-height: 1;
    color: #74b71b;
	   text-shadow:none;
  }
  header h3 {
    font-size: 0.3rem;
    color: #000;
  }
  header h4 {
    font-size: 2vw;
	    position: absolute;
  bottom: 15px;
  right: 0;
  }
  #overview article {
    background-repeat: no-repeat;
    width: 50%;
  }
  #sticky-nav.sticky.is-sticky {
    background-color: #fff;
  }
  .padding-top {
    padding-top: 0;
  }
  ul.min-d-flex {
    margin: 0 -10px;
  }
  ul.min-d-flex li {
    width: calc((100% / 2));
    padding: 10px;
  }
  .nav-list li {
    text-align: center;
  }
  .nav-list {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
  }
  .nav-list li {
    width: calc((100% / 6));
    padding: 10px;
  }
  .nav-list li a, .nav-list li a:active, .nav-list li a:focus {
    font-size: 0.23076923076923078rem;
    text-align: center;
    padding: 10px;
    box-shadow: inset 0px 1px 0px 0px #fff;
    background: linear-gradient(to bottom, #b5b5b5 5%, #8d8d8d 100%);
    background-color: #b5b5b5;
    border: 1px solid #8d8d8d;
  }
  .is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: #Fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
  }
  .nav-list .isactive a, .nav-list .isactive a:hover, .nav-list .isactive a:focus {
    background: linear-gradient(to bottom, #f7941d 5%, #dd7d0a 100%);
    background-color: #f7941d;
    border: 1px solid #dd7d0a;
    text-decoration: none;
  }
  .nav-list li a, .nav-list li a:active, .nav-list li a:focus {
    font-size: 0.2rem
  }
  #benefits .min-d-flex {
    margin-bottom: 0;
  }
  #benefits .min-d-flex figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(924 / 1540 * 100%);
    position: relative;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
  }
  #benefits .min-d-flex:nth-of-type(1) figure, #benefits .min-d-flex:nth-of-type(3) figure {
    padding: 5% 5% 5% 0;
  }
  #benefits .min-d-flex:nth-of-type(2) figure, #benefits .min-d-flex:nth-of-type(4) figure {
    padding: 5% 0 0 5%;
  }
  #benefits .min-d-flex div {
    padding: 20px;
  }
  #product-Offering .row, #successful-cases .row {
    margin-right: -15px;
    margin-left: -15px
  }
  #product-Offering .row:nth-of-type(3) .col-md-6:nth-last-of-type(2) {
    padding: 0 5% 25px 0;
  }
  .contact-us {
    width: 100%;
  }
  .contact-us-btn span {
    padding: 0 15px 0 0;
    text-align: right
  }
  .contact-us-btn {
    max-width: 700px;
  }
  #product-Offering article:first-of-type .min-d-flex figure:first-of-type {
    padding-right: 5%;
  }
  #product-Offering article:first-of-type .min-d-flex figure:last-of-type {
    padding-left: 5%;
  }
  #product-Offering .learn-more-btn {
    margin: 30px 0;
  }
  #product-Offering article:nth-of-type(3) {
    padding: 2.5% 0;
  }
  #product-Offering article {
    padding: 0 0 3%;
  }
  #product-Offering article:nth-of-type(1) h3 {
    text-align: center;
  }
  #product-Offering .min-d-flex figure:first-of-type {
    margin-bottom: 0;
  }
  #product-Offering .row .col-md-6:first-of-type figure {
    padding: 0 5% 0 0;
  }
}
@media (min-width: 1200px) {
  .nav-list li a, .nav-list li a:active, .nav-list li a:focus {
    font-size: 15px
  }
}
@media (min-width: 1366px) {
  body {
    font-size: 18px
  }
  section h2 {
    font-size: 180%;
  }
}