/* 0~767 768~1279 1280~1980*/

/** 0~768 **/
@media (max-width: 768px) {
  
}
/** 768~1280 **/
@media (min-width: 768px) and (max-width: 1279px) {
  /***section1***/
  .section1 .textarea {
    left: 30%;
    transform: translateX(-35%);
  }  
  .section1 .textarea h1 {
    font-size: 56px;
    line-height: 63px;
  }
  .section1 .textarea p {
    font-size: 17px;
    line-height: 25px;
  }
  /***section2***/

  /***section3***/
  .section3 {
    padding-top: 100px;
  }
  .section3 .textWrapper {
    padding-top: 0px;
  }
  .section3 .products {
    font-size: 54px;
  }
  .section3 .products-sub {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .section3 .thumbnails {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .section3 .card {
    width: 18vw;
  }

  /***section4***/
  .section4 .loader {
    transform: translateX(-360px);
  }
  .section4.active .loader {
    transform: translateX(-400px);
  }
  .section4 .Wrapper {
    padding-right: 15px;
  }
  .section4 .textWrapper {
    padding-right: 15px;
  }
  .section4 img {
    width: 80px;
    height: 80px;
  }
  .section4 .bbg {
    width: 62%;
  }
  .section4 .textWrapper h1 {
    font-size: 28px;
  }

  /***section5***/

}