@media only screen and (max-width: 1280px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 400px;
    }
}

@media only screen and (max-width: 1200px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 400px;
    }
}

@media only screen and (max-width: 1100px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 400px;
    }
}

@media only screen and (max-width: 1024px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 295px;
    }
}

@media only screen and (max-width: 812px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 430px;
    }
}

@media only screen and (max-width: 768px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 260px;
    }
}

@media only screen and (max-width: 667px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 230px;
    }
}

@media only screen and (max-width: 653px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 205px;
    }
}

@media only screen and (max-width: 540px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 190px;
    }
}

@media only screen and (max-width: 500px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 135px;
    }
}

@media only screen and (max-width: 360px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 200px;
    }
}

@media only screen and (max-width: 375px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 130px;
    }
}

@media only screen and (max-width: 320px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 110px;
    }
}

@media only screen and (max-width: 280px) {
    #pageHeader.homepage, .homeSlide .item {
        height: 100px;
    }
}