@media (max-width: 1800px) {
    #slider-wrapper, .inner-wrapper {
        height:500px;
    }
    #hero-unit {
        height:auto;
    }
}

@media (max-width: 1300px) {
    #slider-wrapper, .inner-wrapper {
        height:400px;
    }
}


@media (max-width: 1030px) {
        #slider-wrapper, .inner-wrapper {
        height:300px;
    }
    
    .mob-pad {
        padding: 0 20px;
    }
}

@media (max-width: 780px) {
        #slider-wrapper, .inner-wrapper {
        height:200px;
    }  
}

@media (max-width: 550px) {
        #slider-wrapper, .inner-wrapper {
        height:100px;
    }    
}