.content {
  margin: 0 auto 0;
  width: 100%;
}

.content .box {
  /* margin-top: 100px; */
  margin-top: 68px;
}

/* .content .box .desc {
  width: 60%;
} */

.content .box .desc .text-warn {
  margin-bottom: 25px;
  color: #ffae00;
}

.main-content {
  margin-top: 0;
}

.main-bg .button-1 {
  margin: 0 auto 0;
}

.main-bg .banner-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  padding: 48px;
  margin-top: 64px;
  border-radius: 16px;
  background-color: #fff;
}

.main-bg .banner-list .list-item {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6  */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works)  */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome  */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+  */
  align-items: center;
}
.main-bg .banner-list .list-item .header-4 {
  text-align: left;
}
.main-bg .banner-list .list-item img {
  margin-right: 20px;
}
/* 
.sign-box {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6  
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works)  
  display: -ms-flexbox; /* TWEENER - IE 10 
  display: -webkit-flex; /* NEW - Chrome  
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+  
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 90%;
  margin: 35px auto 0;
}

.sign-box .sign {
  width: 31%;
  margin-bottom: 35px;
  padding: 40px 10px;
  align-self: stretch;
  text-align: center;
  border: 1px solid #2aae99;
  box-shadow: 6px 6px 0 #2aae99;
}

.sign-box .sign .img {
  display: -webkit-box; 
  display: -moz-box;  
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex; 
  height: 150px;
  align-items: center;
  justify-content: center;
}

.sign-box .sign .text {
  display: -webkit-box;  
  display: -moz-box;  
  display: -ms-flexbox;  
  display: -webkit-flex; 
  display: flex;  
  height: 45px;
  line-height: 22px;
  color: #525252;
  font-weight: 500;
  justify-content: center;
  align-items: center;
} */

/* Large devices (desktops, less than 1450px) */
@media (max-width: 1449.98px) {
  .content {
    width: 100%;
  }

  .main-bg .button {
    margin: auto;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .content .box {
    margin-top: 68px;
    margin-bottom: 0;
  }

  /* .content .box .desc {
    width: 70%;
  } */
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .content .box {
    text-align: center;
  }

  /* .content .box .img-fluid {
    width: 75%;
  } */

  .content .box .desc {
    width: 100%;
    margin-top: 60px;
  }
  .main-bg .banner-list .list-item img {
    width: 72px;
    height: 72px;
    margin-right: 12px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  /* .content .box .img-fluid {
    width: 70%;
  } */

  /* .sign-box .sign {
    width: 45%;
  } */

  .content .box {
    margin-top: 68px;
    margin-bottom: 0;
  }
  .main-bg .banner-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 24px;
    padding: 24px;
    margin-top: 40px;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .content .box {
    margin-top: 54px;
  }

  .content .desc {
    margin-top: 40px;
  }

  /* .sign-box {
    width: 100%;
  }

  .sign-box .sign {
    width: 47.5%;
    margin-bottom: 15px;
    padding: 10px 5px;
    border: 2px solid #2aae99;
    box-shadow: none;
  }

  .sign-box .sign .img {
    height: 90px;
  }

  .sign-box .sign img {
    width: 80px;
  }

  .sign-box .sign img.w-150 {
    width: 110px;
  }

  .sign-box .sign img.w-70 {
    width: 60px;
  } */

  .main-bg .banner-list {
    grid-template-columns: 1fr;
  }
}

/* Extra small devices (portrait phones, less than 376px) */
@media (max-width: 375.98px) {
  /* .content .box .img-fluid {
    width: 57%;
  } */

  .content .box .desc .text-warn {
    margin-bottom: 20px;
  }

  .main-bg .banner-list .list-item {
    flex-direction: column;
  }
  .main-bg .banner-list .list-item {
    flex-direction: column;
  }
  .main-bg .banner-list .list-item .header-4 {
    text-align: center;
  }
  .main-bg .button-1 {
    margin: 0 auto 0;
    width: 100%;
  }
}