@media (min-width: 1024px) {
    .animate.fold1 {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete.fold1 {
        opacity: 1;
        transition: all 300ms ease;
    }
    .animate .fold1-title .title {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold1-title .title {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }
    .animate.fold2 > img {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete.fold2 > img {
        opacity: 0.1;
        transition: all 300ms ease;
    }
    .animate.fold2.flipped .fold2-left {
        opacity: 0;
        transition: all 0s ease;
        transform: translateX(1000px);
        -webkit-transform: translateX(1000px);
    }
    .animate-complete.fold2.flipped .fold2-left {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    .animate.fold2.flipped .fold2-right {
        opacity: 0;
        transition: all 0s ease;
        transform: translateX(-1000px);
        -webkit-transform: translateX(-1000px);
    }
    .animate-complete.fold2.flipped .fold2-right {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    .animate .fold2-left {
        opacity: 0;
        transition: all 0s ease;
        transform: translateX(-1000px);
        -webkit-transform: translateX(-1000px);
    }
    .animate-complete .fold2-left {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    .animate .fold2-right {
        opacity: 0;
        transition: all 0s ease;
        transform: translateX(1000px);
        -webkit-transform: translateX(1000px);
    }
    .animate-complete .fold2-right {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    .animate .fold3-right {
        opacity: 0;
        transition: all 0s ease;
        transform: translateY(-200px);
        -webkit-transform: translateY(-200px);
    }
    .animate-complete .fold3-right {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    .animate .fold3-title {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold3-title {
        opacity: 1;
        transition: all 0.5s ease;
    }
    .animate .fold3-content > p {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold3-content > p {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }
    .animate .fold3-list {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold3-list {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 1s;
    }
    .animate .fold4-left {
        opacity: 0;
        transition: all 0s ease;
        transform: translateX(-1000px);
        -webkit-transform: translateX(-1000px);
    }
    .animate-complete .fold4-left {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    .animate .fold4-right {
        opacity: 0;
        transition: all 0s ease;
        transform: translateX(1000px);
        -webkit-transform: translateX(1000px);
    }
    .animate-complete .fold4-right {
        opacity: 1;
        transition: all 0.5s ease;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}