@media only screen and (max-width: 600px) {
        img#centerImg {
            width: 90%;
            top: 30%;
        }

        .popup {
            width: 350px;
        }

        .popup p {
            font-size: 14px;
        }

        .main-container-hero {
            height: 80vh;
        }

        .icon {
            top: -5%;
        }

        .icon-slider {
            width: 55px;
        }

        .sliders-image p, 
        .sliders-image a {
            font-size: 20px;
        }
    }

    @media screen and (min-device-width: 300px) and (max-device-width: 375px) {
        img#centerImg {
            width: 85%;
            top: 40%;
        }

        .icon {
            top: 10%;
        }

    }

    @media screen and (min-device-width: 601px) and (max-device-width: 1024px) {
        img#centerImg {
            width: 75%;
            top: 40%;
        }

        .icon {
            top: -33%;
            height: 130px;
            left: 47%;
        }



    }