@media only screen and ( min-width: 1600px ) and ( max-width: 1879px ) {

    .halloween_img1 {
        top: 160px !important;
        left: 40px !important; 
    }
    .halloween_img1 img { 
        width: 200px;
    }
    .halloween_img3 {
        top: 970px !important;
    }
    .halloween_img6 {
        left: 0 !important;
        top: 47% !important;
    }

    .halloween_img3 img, 
    .halloween_img2 img {
        width: 200px;
    }
    .halloween_img6 img {
        width: 180px;
    }
    .halloween_img14 img {
        width: 430px;
    }
    .halloween_img9 {
        bottom: 0px !important;
        right: -70px !important;
    }
    .halloween_img9 img {
        width: 200px;
    }
    .halloween_img10 {
        bottom: -90px !important;
        left: -100px !important;
    }
    .halloween_img10 img { 
        width: 200px;
    }
    .halloween_img8 {
        width: 340px;
    }
    .halloween_img11 img {
        width: 850px;
        opacity: 0.5;
    }
    .halloween_img18 {
        top: -90px !important;
    }
    .halloween_img18 img {
        width: 300;
    }
    .halloween_img15 {
        left: 0 !important;
        top: 35% !important;
    }
    .halloween_img15 img {
        width: 200px;
    }
    .halloween_img16 {
        top: 63% !important;
    }
    .halloween_img12 {
        left: -10px !important;
        bottom: -170px !important;
    }
    .halloween_img12 img {
        width: 250px;
    }
    .halloween_img18 {
        width: 300px;
    }
    .halloween_img19 img {
        width: 260px;
    }
    .halloween_img21 img {
        width: 780px;
        opacity: 0.4;
    }
    .helloween_header, .helloween_header1 {
        max-width: 560px !important;
    }
    
}


@media only screen and ( min-width: 1400px ) and ( max-width: 1599px ) {

    .halloween_img1 {
        top: 160px !important;
        left: 40px !important; 
    }
    .halloween_img1 img { 
        width: 200px;
    }
    .halloween_img3 {
        top: 970px !important;
    }
    .halloween_img6 {
        left: 0 !important;
        top: 47% !important;
    }

    .halloween_img3 img, 
    .halloween_img2 img {
        width: 200px;
    }
    .halloween_img6 img {
        width: 180px;
    }
    .halloween_img14 img {
        width: 430px;
    }
    .halloween_img9 {
        bottom: 0px !important;
        right: -70px !important;
    }
    .halloween_img9 img {
        width: 200px;
    }
    .halloween_img10 {
        bottom: -90px !important;
        left: -100px !important;
    }
    .halloween_img10 img { 
        width: 200px;
    }
    .halloween_img8 {
        width: 340px;
    }
    .halloween_img11 img {
        width: 850px;
        opacity: 0.5;
    }
    .halloween_img18 {
        top: -90px !important;
    }
    .halloween_img18 img {
        width: 300;
    }
    .halloween_img15 {
        left: 0 !important;
        top: 35% !important;
    }
    .halloween_img15 img {
        width: 200px;
    }
    .halloween_img16 {
        top: 63% !important;
    }
    .halloween_img12 {
        left: -10px !important;
        bottom: -170px !important;
    }
    .halloween_img12 img {
        width: 250px;
    }
    .halloween_img18 {
        width: 300px;
    }
    .halloween_img19 img {
        width: 260px;
    }
    .halloween_img21 img {
        width: 780px;
        opacity: 0.4;
    }
    .helloween_header, .helloween_header1 {
        max-width: 560px !important;
    }
    
}


@media only screen and ( min-width: 1200px ) and ( max-width: 1399px ) {

    .halloween_img1 {
        top: 160px !important;
        left: 40px !important; 
    }
    .halloween_img1 img { 
        width: 200px;
    }
    .halloween_img3 {
        top: 720px !important;
    }
    .halloween_img3 img, 
    .halloween_img2 img {
        width: 200px;
    }
    .halloween_img6 img {
        width: 180px;
    }
    .halloween_img14 img {
        width: 430px;
    }
    .halloween_img9 {
        bottom: 0px !important;
        right: -70px !important;
    }
    .halloween_img9 img {
        width: 200px;
    }
    .halloween_img10 {
        bottom: -90px !important; 
        left: -100px !important;
    }
    .halloween_img10 img { 
        width: 200px;
    }
    .halloween_img8 {
        width: 340px;
    }
    .halloween_img11 img {
        width: 850px;
        opacity: 0.5;
    }
    .halloween_img18 {
        top: -90px !important;
    }
    .halloween_img18 img {
        width: 300;
    }
    .halloween_img15 {
        left: 0 !important;
        top: 35% !important;
    }
    .halloween_img15 img {
        width: 200px;
    }
    .halloween_img16 {
        top: 63% !important;
    }
    .halloween_img12 {
        left: -10px !important;
        bottom: -170px !important;
    }
    .halloween_img12 img {
        width: 250px;
    }
    .halloween_img18 {
        width: 300px;
    }
    .halloween_img19 img {
        width: 260px;
    }
    .halloween_img21 img {
        width: 780px;
        opacity: 0.4;
    }
    .helloween_header, .helloween_header1 {
        max-width: 560px !important;
    }
    
}

@media only screen and ( max-width: 1024px ) {

    .bat, 
    .helloween_header, 
    .helloween_header1,
    .halloween_img1, 
    .halloween_img2, 
    .halloween_img3,
    .halloween_img4, 
    .halloween_img5, 
    .halloween_img6, 
    .halloween_img7, 
    .halloween_img8, 
    .halloween_img9, 
    .halloween_img10,
    .halloween_img11, 
    .halloween_img12,
    .halloween_img13,
    .halloween_img14,
    .halloween_img15, 
    .halloween_img16,
    .halloween_img17,
    .halloween_img18,
    .halloween_img19,
    .halloween_img20 {
        display: none;
    }

}


@media only screen and ( min-width: 1025px ) and ( max-width: 1199px ) {

    .halloween_img1 img {
        width: 120px;
    }
    .halloween_img1 {
        top: 160px !important;
        left: 30px !important;
    }
    .halloween_img2 img {
        width: 200px;
    }
    .halloween_img3 {
        top: 660px !important;
        right: 10px !important;
    }
    .halloween_img3 img {
        width: 130px;
    }
    .halloween_img7 img {
        width: 250px;
    }
    .halloween_img6 img {
        width: 200px;
    }
    .halloween_img13 {
        bottom: -90px !important;
    }
    .halloween_img13 img {
        width: 300px;
    }
    .halloween_img14 img {
        width: 380px;
    }
    .halloween_img9 {
        bottom: -20px !important;
        right: -90px !important;
    }
    .halloween_img9 img {
        width: 150px;
    }
    .halloween_img10 {
        bottom: -120px !important;
        left: -110px !important;
    }
    .halloween_img10 img { 
        width: 150px;
    }
    .halloween_img8 {
        width: 230px;
    }
    .halloween_img11 img {
        width: 750px;
        opacity: 0.5;
    }
    .halloween_img18 {
        top: -60px !important;
    }
    .halloween_img18 img { 
        width: 300px;
    }
    .halloween_img12 {
        left: 0px !important;
        bottom: -160px !important;
    }
    .halloween_img12 img {
        width: 250px;
    }
    .halloween_img19 img {
        width: 250px;
    }

    .helloween_header, .helloween_header1 {
        max-width: 500px !important;
    }
    .halloween_img21 {
        opacity: 0.5;
    }
    

}
 

@media only screen and ( min-width: 1025px ) {


    body {
        overflow-x: hidden;
    }
    
    .bat {
        position: absolute;
        width: 50px;
        opacity: 0;
        z-index: 999;
    }
    
    @keyframes fly {
        0% {
            transform: translate(0, 0) rotate(0deg);
            opacity: 0;
        }
        10% {
            opacity: 1;
        }
        100% {
            transform: translate(var(--x), var(--y)) rotate(var(--rotation));
            opacity: 0;
        }
    }
    
    
    .Halloween_banner {
        position: absolute;
        z-index: 99;
        left: 0;
        right: 0;
        top: 20%;
        bottom: 0;
        margin: 0 auto;
    }
    .Halloween_banner img {
        width: 100%;
    }
    
    
    .halloween_section {
        position: relative;
        overflow: hidden;
    }
    .halloween_relative {
        position: relative;
        overflow: visible !important;
    }
    
    .halloween_img1 {
        position: absolute;
        top: 100px;
        left: 40px;
        animation: pxl_right_left 12s ease-out infinite;
        -webkit-animation: pxl_right_left 12s ease-out infinite;
    }
    
    @keyframes pxl_right_left {
        0% {
            transform: translateX(0)
        }
    
        25% {
            transform: translateX(40px)
        }
    
        50% {
            transform: translateX(0)
        }
    
        75% {
            transform: translateX(-40px)
        }
    
        100% {
            transform: translateX(0)
        }
    }
    
    
    .halloween_img2 {
        position: absolute;
        bottom: -80px;
        left: -40px;
    }
    
    .halloween_img3 {
        position: absolute;
        top: 650px;
        right: 0px;
        
        animation: pxl_bounce 1s ease-out infinite;
        -webkit-animation: pxl_bounce 1s ease-out infinite;
    }
    /* .halloween_img3 img {
        transform: rotate(20deg);
    } */
    @keyframes pxl_bounce {
        0%,100%,20%,50%,80% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    
        40% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px)
        }
    
        60% {
            -webkit-transform: translateY(-4px);
            -ms-transform: translateY(-4px);
            transform: translateY(-4px)
        }
    }
    
    .halloween_img4 {
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 99;
        animation: pxl_float_two 1.2s ease infinite alternate;
        display: none;
    }
    
    @keyframes pxl_float_two {
        0% {
            transform: translateY(0)
        }
    
        100% {
            transform: translateY(-40px)
        }
    }
    
    .halloween_overflow {
        overflow: visible !important;
    }
    .halloween_img5 {
        position: absolute;
        bottom: -115px;
        right: 0px;
        left: 0;
        text-align: center;
    }
    .halloween_img6 {
        position: absolute;
        top: 40%;
        left: 20px;
        animation: pxl_bounce 1s ease-out infinite;
        -webkit-animation: pxl_bounce 1s ease-out infinite;
    }
    
    
    .halloween_img7 {
        position: absolute;
        right: 0;
        top: 0;
    }
    .halloween_img8 {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    
    .halloween_img9 {
        position: absolute;
        bottom: -30px;
        right: -250px;
        animation: pxl_float_two 1.2s ease infinite alternate;
        width: auto;
    }
    
    .halloween_img10 {
        position: absolute;
        bottom: -30px;
        left: -320px;
        animation: pxl_float_two 1.2s ease infinite alternate;
        width: auto;
    }
    .halloween_img11 {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .halloween_img12 {
        position: absolute;
        left: -30px;
        bottom: -270px;
        animation: pxl_bounce 1s ease-out infinite;
        -webkit-animation: pxl_bounce 1s ease-out infinite;
    }
    
    .halloween_img13 {
        position: absolute;
        right: 0;
        bottom: -130px;
        display: n;
        animation: pxl_right_left 12s ease-out infinite;
        -webkit-animation: pxl_right_left 12s ease-out infinite;
    }
    
    .halloween_img14 {
        position: absolute;
        top: -50px;
        left: -20px;
    }
    
    
    .halloween_img15 {
        position: absolute;
        left: 1%;
        top: 25%;
        animation: pxl_float_two 1.2s ease infinite alternate;
    }
    
    .halloween_img16 {
        position: absolute;
        right: 15px;
        top: 70%;
        animation: pxl_float_two 1.2s ease infinite alternate;
    }
    
    .halloween_img17 {
        position: absolute;
        left: 15px;
        bottom: -55px;
        /* animation: pxl_float_two 1.2s ease infinite alternate; */
    }
    .helloween_header, 
    .helloween_header1 {
        position: absolute;
        top: 0;
        max-width: 750px;
    }
    .helloween_header {
        left: 0;
    }
    .helloween_header1 {
        right: 0;
    }
    .halloween_img18 {
        position: absolute;
        top: -240px;
        right: -15px;
        animation: pxl_float_two 1.2s ease infinite alternate;
    }
    .halloween_img19 {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .halloween_img20 {
        position: absolute;
        top: 0;
        left: 0;
    }
    .halloween_img21 {
        position: absolute;
        bottom: 0;
        left: 0;
    }


}