/* Responsive adjustments */
@media (max-width: 1440px) {
    nav, .hero-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1260px){
    .contact-page h1,.contact-page.error h1{
        font-size: 72px;
        line-height: 76px;
    }
}

@media (max-width: 1200px){
    .contact-section{
        padding-right: 0;
    }
    .contact-section h3,.contact-section a {
        font-size: 20px;
        line-height: 30px;
    }
    .movie-items-container{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .clients-section,.movie-section{
        padding-bottom: 150px;
    }
    .clients-section h1{
        margin-bottom: 50px;
    }
    .clients-grid{
        /* grid-template-columns: repeat(5, 1fr); */
        column-gap: 40px;
    }
    .hero-controls,.banner-title,.slide-indicators {
        opacity: 1 !important;
    }
    .banner-title{
        left: 50%;
    }
    .contact-page h1,.contact-page.error h1{
        font-size: 62px;
        line-height: 70px;
    }
    .contact-page.error h1{
        max-width: 100%;
    }
    .contact-left p{
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 60px;
    }
    footer a, footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,footer strong{
        font-size: 20px;
        line-height: 30px;
    }
}
@media (max-width: 991px){
    .clients-grid{
        grid-template-columns: repeat(5, 1fr);
    }
    .movie-items-container{
        grid-template-columns: repeat(2, 1fr);
    }
    .contact-left,.contact-right{
        width: 100%;
    }
    .contact-left h1{
        font-size: 66px;
        line-height: 72px;
        padding-bottom: 100px;
    }
    
    .menu-nav ul li a{
        font-size: 66px;
        line-height: 72px;
    }
    .contact-right .contact-img{
        margin-top: 50px;
    }
    .bottom-menu{
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    header {
        padding: 25px 0px;
    }
    
    .logo img {
        height: 40px;
    }
    
    .login-btn {
        /* padding: 6px 16px; */
        font-size: 14px;
        line-height: 19px;
        min-width: 67px;
        height: 30px;
    }
    /* Footer responsive styles */
    
    .movie-logo {
        max-width: 85%;
        max-height: 70%;
    }

    footer {
        padding: 40px 0 30px;
    }

    .footer-content {
        flex-direction: column;
        gap: 50px;
        margin-bottom: 0;
    }

    .footer-left h2 {
        font-size: 42px;
        line-height: 46px;
        margin-bottom: 50px;
    }

    .footer-info {
        flex-direction: column;
        gap: 20px;
        margin-top: 0;
    }

    .company-info {
        text-align: left;
    }

    .company-links {
        align-items: flex-start;
        margin-top: 16px;
    }
    .contact-section{
        margin-bottom: 20px;
    }
    .footer-bottom{
        align-items: self-start;
        flex-direction: column-reverse;
        row-gap: 20px;
        margin-top: 30px;
    }
    .footer-links{
        flex-direction: row;
        column-gap: 30px;
        align-items: flex-start;
    }
    .clients-grid{
        grid-template-columns: repeat(4, 1fr);
    }
    .clients-section h1,.loading-animation p{
        font-size: 52px;
        line-height: 60px;
    }
    .close-menu{
        margin-bottom: 80px;
    }
    .bottom-menu{
        margin-top: 80px;
    }
    .clients-section{
        padding-bottom: 60px;
    }
    #popup-video{
        height: 95%;
    }
    .contact-page.error h1{
        font-size: 46px;
        line-height: 56px;
    }
    .menu-overlay{
        height: 100%;
        overflow: scroll;
    }
}

@media (max-width: 575px) {

    .footer-links{
        flex-direction: column;
    }
    .movie-items-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .clients-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .contact-left h1 {
        font-size: 44px;
        line-height: 52px;
        padding-bottom: 45px;
    }
    .logo img{
        height: 37px;
    }
    .menu-toggle{
        gap: 7px;
    }
    #popup-video{
        width: 100%;
        height: 400px;
    }
    .contact-left p{
        font-size: 16px;
        line-height: 24px;
    }
    .contact-page.error h1{
        font-size: 38px;
        line-height: 45px;
    }
}

@media (max-width: 375px) {
    .clients-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet styles */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-left h2 {
        font-size: 64px;
        line-height: 68px;
    }

    .footer-info {
        flex-direction: row;
        gap: 40px;
    }

    .footer-bottom {
        flex-direction: row;
        align-items: center;
    }
}