/*-- home banner responsive --*/
@media screen and (min-width: 320px) and (max-width: 480px) {
    .home-response {
        margin-top: 70%;
        position: relative;
    }
}

@media screen and (min-width: 412px) and (max-width: 732px) {
    .home-response {
        margin-top: 53%;
        position: relative;
    }
}

@media screen and (min-width: 375px) and (max-width: 667px) {
    .home-response {
        margin-top: 68%;
        position: relative;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) {
    .home-response {
        margin-top: 53%;
        position: relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-response {
        margin-top: 25%;
        position: relative;
    }
}




/*--banner responsive --*/
.banner-response {
    margin-top: 9%;
    position: relative;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .banner-response {
        margin-top: 70% !important;
        position: relative;
    }
}

@media screen and (min-width: 412px) and (max-width: 732px) {
    .banner-response {
        margin-top: 53%;
        position: relative;
    }
}

@media screen and (min-width: 375px) and (max-width: 667px) {
    .banner-response {
        margin-top: 68%;
        position: relative;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) {
    .banner-response {
        margin-top: 53%;
        position: relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .banner-response {
        margin-top: 36%;
        position: relative;
    }
}

/*@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .banner-response {
        margin-top: 28%;
        position: relative;
    }
}*/


.passrec-response {
    margin-top: 15%;
    position: relative;
}

@media screen and (min-width: 320px) and (max-width: 720px) {
    .imagehidden {
        display:none;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
    .imagehidden {
        display: none;
    }
}