.lower-div {
    padding-top: 15vh; /* Default padding for larger screens */
}

/* For mobile screens (portrait) */
@media (max-width: 480px) {
    .lower-div {
        padding-top: 700px; /* Smaller padding on very small screens */
    }
}

/* For mobile screens (landscape) */
@media (min-width: 481px) and (max-width: 767px) {
    .lower-div {
        padding-top: 1260px; /* Slightly larger padding on landscape mobile screens */
    }
}

/* For tablet screens (portrait) */
@media (min-width: 768px) and (max-width: 1023px) {
    .lower-div {
        padding-top: 1010px; /* Adjust padding for tablets */
    }
}

/* For small laptops (screen width between 1024px and 1366px) */
@media (min-width: 1024px) and (max-width: 1366px) {
    .lower-div {
        padding-top: 650px; /* Adjust padding for small laptops */
    }
}

/* For larger screens (desktops and large laptops) */
@media (min-width: 1367px) {
    .lower-div {
        padding-top: 600px; /* More padding on larger screens */
    }
}

/* For very large screens (large desktops, TVs) */
@media (min-width: 1920px) {
    .lower-div {
        padding-top: 520px; /* Extra padding for very large screens */
    }
}