@media (min-width: 1024px) {
  /* ==== MAIN-FOLD-A ==== */
  .animate .main-fold-a-content {
    transition: all 0s ease;
    opacity: 0;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
  }

  .animate.animate-complete .main-fold-a-content {
    transition: all 0.5s ease 1s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate .main-fold-a-background {
    transition: all 0s ease;
    opacity: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate.animate-complete .main-fold-a-background {
    transition: all 0.5s ease 0.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  /**FOLD2**/
  /* ==== CONTENT FOLD-B ==== */

  .animate .content-fold-b-img {
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
  }

  .animate.animate-complete .content-fold-b-img {
    transition: all 0.5s ease;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate .content-fold-b-content {
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
  }

  .animate.animate-complete .content-fold-b-content {
    transition: all 0.5s ease 0.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate#crown .content-fold-b-img::after {
    transition: all 0s ease;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  .animate#crown .content-fold-b-img::before {
    transition: all 0s ease;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  .animate.animate-complete#crown .content-fold-b-img::after {
    transition: all 0.5s ease 1.2s;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .animate.animate-complete#crown .content-fold-b-img::before {
    transition: all 0.5s ease 1.2s;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .animate#crown .readmore-pseudo::before {
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform-origin: bottom left;
  }

  .animate.animate-complete#crown .readmore-pseudo::before {
    transition: all 0.5s ease .7s;
    opacity: 1;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  /* ==== CONTENT FOLD-B FLIPPED==== */

  .animate.flipped .content-fold-b-img {
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
  }

  .animate.animate-complete.flipped .content-fold-b-img {
    transition: all 0.5s ease;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate.flipped .content-fold-b-content {
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
  }

  .animate.animate-complete.flipped .content-fold-b-content {
    transition: all 0.5s ease 0.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate .slider-fold-header .readmore-pseudo::before {
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform-origin: bottom right;
  }

  .animate.animate-complete .slider-fold-header .readmore-pseudo::before {
    transition: all 0.5s ease 1.5s;
    opacity: 1;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  .animate .slider-fold-header {
    transition: all 0s ease;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
  }

  .animate.animate-complete .slider-fold-header {
    transition: all 0.5s ease 1s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate .slider-fold-slider {
    transition: all 0s ease;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }

  .animate.animate-complete .slider-fold-slider {
    transition: all 0.5s ease 1.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate#star .content-fold-b-img::before{
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform-origin: bottom right;
  }

  .animate#star .content-fold-b-img::after{
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform-origin: bottom right;
  }

  .animate.animate-complete#star .content-fold-b-img::before{
    transition: all 0.5s ease .7s;
    opacity: 1;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform-origin: bottom right;
  }

  .animate.animate-complete#star .content-fold-b-img::after{
    transition: all 0.5s ease .7s;
    opacity: 1;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform-origin: bottom right;
  }

  .animate#star::before{
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: bottom left;
  }

  .animate.animate-complete#star::before{
    transition: all 0.5s ease .7s;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  /**EBOOK**/
  .animate .ebook-image {
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
  }

  .animate.animate-complete .ebook-image {
    transition: all 0.5s ease;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate .ebook-form {
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
  }

  .animate.animate-complete .ebook-form {
    transition: all 0.5s ease 0.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .animate#ebook-fold::before{
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: bottom left;
  }

  .animate.animate-complete#ebook-fold::before{
    transition: all 0.5s ease .7s;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
