@media (max-height: 400px) {
    .main-slide section .section-title  {
        margin: 20% auto 0;
    }
    .swiper .bottom-icon{
        bottom: 15vh;
    }
    .swiper-slide > .section-title> h1 {
        font-size: 35px;
    }
    #footer {
        transform: none;
        top: 560px;
        height: 180px;
    }
    .foo-contentBox {
        padding: 20px 25px 0 25px;
    }
    .foo-companyName {
        padding-bottom: 10px;
    }
    .foo-companyBottom {
        padding-top: 15px;
    }
}