@media (min-width: 1024px) {

    .home-retailers.animate {
        opacity: 0;
        transition: all 0s ease;
    }
    .home-retailers.animate-complete {
        opacity: 1;
        transition: all 0.5s ease;
    }

    .animate.fold1 {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete.fold1 {
        opacity: 1;
        transition: all 0.5s ease;
    }

    .animate .fold1-main {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold1-main {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }

    .animate .content-header {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .content-header {
        opacity: 1;
        transition: all 0.5s ease;
    }
    .animate .products-fold-slider {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .products-fold-slider {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }
    .animate .fold3-main {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold3-main {
        opacity: 1;
        transition: all 0.5s ease;
    }
    .animate .fold3-content {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold3-content {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }

    .animate .fold4-title {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold4-title {
        opacity: 1;
        transition: all 0s ease;
    }
    .animate .fold4-list {
        opacity: 0;
        transition: all 0s ease;
    }
    .animate-complete .fold4-list {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }


    /** FOLD 6 ANIMATE **/

    .animate .fold6-content {
        opacity: 0;
        transition: all 0s ease;
    }

    .animate-complete .fold6-content {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }

    .animate #fold6-splide-track {
        opacity: 0;
        transition: all 0s ease;
    }

    .animate-complete #fold6-splide-track {
        opacity: 1;
        transition: all 0.5s ease;
    }

    .animate .fold6-spacer {
        opacity: 0;
        transition: all 0s ease;
    }

    .animate-complete .fold6-spacer {
        opacity: 1;
        transition: 0.5s ease;
        transition-delay: 0.5s;
    }

    .animate #fold6-splide .splide__arrows {
        opacity: 0;
        transition: all 0s ease;
    }

    .animate-complete #fold6-splide .splide__arrows {
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }
    
    /** FOLD 6 ANIMATE END **/

}