.mdr-khuyen-mai-outer .top-title {
  width: 65%;
  margin: auto;
  text-align: center;
  padding: 60px 60px 0;
  position: relative; }
  .mdr-khuyen-mai-outer .top-title h3 {
    font-size: 30px;
    color: #4c8117; }
  .mdr-khuyen-mai-outer .top-title h2 {
    font-size: 70px;
    font-weight: bold;
    color: #4c8117;
    line-height: 1.5; }
  .mdr-khuyen-mai-outer .top-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    border: 5px solid #4c8117;
    border-radius: 50%; }
  @media only screen and (max-width: 992px) {
    .mdr-khuyen-mai-outer .top-title {
      padding: 50px 60px 15px !important; }
      .mdr-khuyen-mai-outer .top-title h2 {
        font-size: 45px; } }
  @media only screen and (max-width: 768px) {
    .mdr-khuyen-mai-outer .top-title h2 {
      font-size: 36px; }
    .mdr-khuyen-mai-outer .top-title h3 {
      font-size: 24px; } }
  @media only screen and (max-width: 600px) {
    .mdr-khuyen-mai-outer .top-title {
      width: 100%; }
      .mdr-khuyen-mai-outer .top-title h2 {
        font-size: 30px; }
      .mdr-khuyen-mai-outer .top-title h3 {
        font-size: 20px; } }
.mdr-khuyen-mai-outer .content-kh {
  position: relative;
  z-index: 10;
  padding: 60px 90px;
  background: #4c8117;
  color: white; }
  .mdr-khuyen-mai-outer .content-kh p {
    font-weight: bold; }
  .mdr-khuyen-mai-outer .content-kh .khuyen-mai {
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 60px 0; }
    .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km {
      text-align: center; }
      .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km:nth-child(1) {
        font-size: 20px; }
        .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km:nth-child(1) .circle {
          background: white;
          color: #4c8117;
          height: 120px;
          width: 120px;
          margin: auto;
          border-radius: 50%;
          display: flex;
          text-align: center;
          align-items: center;
          padding: 15px;
          font-weight: bold; }
      .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km:nth-child(2) {
        font-size: 28px;
        line-height: 1; }
        .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km:nth-child(2) .circle {
          background: white;
          color: #4c8117;
          height: 150px;
          width: 150px;
          margin: auto;
          border-radius: 50%;
          display: flex;
          text-align: center;
          align-items: center;
          padding: 28px;
          font-weight: bold; }
      .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km:nth-child(3) {
        font-size: 30px;
        line-height: 1; }
        .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km:nth-child(3) .circle {
          background: white;
          color: #4c8117;
          height: 180px;
          width: 180px;
          margin: auto;
          border-radius: 50%;
          display: flex;
          text-align: center;
          align-items: center;
          padding: 32px;
          font-weight: bold; }
      .mdr-khuyen-mai-outer .content-kh .khuyen-mai .item-km .text {
        margin-top: 15px; }
.mdr-khuyen-mai-outer .content-cd {
  padding: 45px 90px;
  border: 3px solid #4c8117; }
  .mdr-khuyen-mai-outer .content-cd h2 {
    text-align: center;
    color: #4c8117; }
  @media only screen and (max-width: 1200px) {
    .mdr-khuyen-mai-outer .content-cd {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
@media only screen and (max-width: 640px) {
  .mdr-khuyen-mai-outer .content-kh, .mdr-khuyen-mai-outer .content-cd {
    padding: 20px !important; }
  .mdr-khuyen-mai-outer .content-kh .khuyen-mai.row {
    display: block;
    width: 100%; }
    .mdr-khuyen-mai-outer .content-kh .khuyen-mai.row .item-km {
      margin-bottom: 30px; } }

.time-down .countdown li {
  width: 20%; }
.time-down .countdown .text {
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0 15px;
  color: #4c8117;
  text-transform: uppercase; }
.time-down .countdown .dots-2 {
  font-size: 100px;
  font-weight: bold;
  position: relative;
  top: -15px;
  color: #4c8117;
  margin: 0 10px; }
.time-down .countdown .time {
  background: #4c8117;
  color: white;
  font-size: 120px;
  font-weight: bold;
  height: 150px;
  line-height: 150px;
  border-radius: 10px; }
@media only screen and (max-width: 992px) {
  .time-down .countdown li {
    width: 18%; }
  .time-down .countdown .time {
    font-size: 75px;
    height: 100px;
    line-height: 100px; }
  .time-down .countdown .dots-2 {
    font-size: 75px;
    top: -7px; } }
@media only screen and (max-width: 640px) {
  .time-down .countdown .time {
    font-size: 50px;
    height: 80px;
    line-height: 80px; }
  .time-down .countdown .dots-2 {
    top: 0; } }
@media only screen and (max-width: 560px) {
  .time-down .countdown li {
    width: 23%; }
  .time-down .countdown .dots-2 {
    display: none; }
  .time-down .countdown .time {
    font-size: 36px;
    height: 65px;
    line-height: 65px; } }

/*# sourceMappingURL=style.css.map */