@media screen and (max-width: 1920px) {


}


@media screen and (max-width: 1440px) {
    .wrapper {
        /* max-width: 1284px; */
        margin: 0 auto;
        position: relative;
    }
}

/* ========================== Design Started ========================== */

@media screen and (max-width: 1440px) {
    .cta-newsletter-section .container{
        padding-left: 80px;
        padding-left: 80px;
    }

    .featured-post-section.full-width{
        padding-left: 80px;
        padding-right: 80px;
    }

    /* Featured Post */
    /* .featured-post-section.full-width .container{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    } */

    /* screening-schedule */
    .screening-schedule-section .container{
         padding-left: 80px;
        padding-left: 80px;
    }

    /* three up cards section */
    .three-up-cards-section{
         padding-left: 80px;
        padding-left: 80px;
    }

    /* three cards up media */
    .three-up-cards-media-section {
         padding-left: 80px;
        padding-left: 80px;
    }

    /* single-film */
    .section__single-film-wrapper {
        margin: 0 0 80px 0 !important;
    }
}





@media screen and (max-width: 1024px) {
    .cta-newsletter-section .container{
        padding: 45px 30px;
    }

    /* .cta-newsletter-section .heading.large{
        font-size: 56px;
    } */


    /* Featured Post */
    .featured-post-section.full-width{
        padding-left: 40px;
        padding-right: 40px;
    }

    .featured-post-section.full-width .container{
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    /* screening-schedule */
    .screening-schedule-section .container{
        padding: 45px 30px;
    }

    /* three up cards section */
    .three-up-cards-section{
        padding: 45px 30px;
    }

    /* three cards up media */
    .three-up-cards-media-section {
        padding: 45px 30px;
    }

    /* single-film */
    .section__single-film-wrapper {
        margin: 0 0 40px 0 !important;
    }

    /* follow-us */
    .follow-us-wrapper {
        padding: 45px 0 !important;
    }

    /* editor-block-section */
    .editor-block-section .container{
        padding: 30px 0 30px !important;
    }

    /* our-supporters-section */
    .our-supporters-section .container{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    /* single-image-section */
    .single-image-section .container{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    /* contact_us-section */
    .contact_us-section .container{
        padding: 40px 30px !important;
    }
    .contact_us-section .contact_us-inner{
        grid-template-columns: 1fr !important;
        gap: 60px !important;
    }

    .contact_us-form .form-section{
        padding: 45px 30px !important;
    }

    .contact_us-section .contact_us-content {
        padding-top: 45px 30px !important;
    }

    .contact_us-section .contact-testimonial-card .contact-testimonial-card-content {
        padding: 45px 0px !important;
    }

    /* section-spacer */
    /* .section-spacer{
        height: 45px !important;
    } */

}




@media screen and (max-width: 767px) {
    .cta-newsletter-section .container{
        padding: 40px 20px;
    }

    /* .cta-newsletter-section .heading.large{
        font-size: 32px;
    } */

    /* Heading */
    .heading-section .container{
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }


    /* Featured Post */
    .featured-post-section.full-width{
        padding-left: 20px;
        padding-right: 20px;
    }

    .featured-post-section.full-width .container{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* right */
    .featured-post-inner.right{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .featured-post-section .fp-content-part{
        order: 2;
    }

    /* left */
    .featured-post-inner.left{
        grid-template-columns: 1fr;
        gap: 30px;
    }


    /* screening-schedule */
    .screening-schedule-section .container{
        padding: 40px 20px;
    }

    .screening-schedule-inner .sgl-ss{
        padding:40px 0px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .sgl-ss-col3 div {
        width: fit-content;
        margin: unset;
    }


    .screening-schedule-section .btn {
        margin: 20px auto 0;
    }

    /* three up cards section */
    .three-up-cards-section{
        padding: 40px 20px;
    }

    .three-up-card-inner, .three-up-card-inner.gap-50 {
        gap: 30px;
    }

    .three-up-card-list{
        grid-template-columns: 1fr;
        gap: 40px 25px;
    }

    /* three cards up media */
    .three-up-cards-media-section {
        padding: 40px 20px;
    }
    .three-up-card-media-list{
        grid-template-columns: 1fr;
        gap: 40px 25px;
    }

    .three-up-card-media-list .img-con {
        padding: 2rem 1rem;
    }

    /* single-film */
    .section__single-film-wrapper {
        margin: 0 0 20px 0 !important;
    }

    .section__single-film-wrapper .single-film_content{
        grid-template-columns:1fr !important;
        gap: 30px !important;
    }

    .single-film_additional-info {
        margin-bottom: 20px;
    }

    /* follow-us */
    .follow-us-wrapper .follow-us-content {
        flex-direction: column;
        gap: 20px !important;
    }

    .follow-us-wrapper .container {
        padding: 0 2rem;
    }

    .follow-us-wrapper .follow-us-heading {
        max-width: unset !important;
    }

    .follow-us-content .follow-social-links{
        gap: 20px !important;
        justify-content: center !important;
    }
    .follow-social-links{
        width: 100%;
    }

    /* contact_us-section */
    .contact_us-section .container{
        padding: 40px 20px !important;
    }

    .contact_us-section .contact_us-inner{
        gap: 30px !important;
    }

    .contact_us-section .contact_us-form {
        padding: 30px !important;
    }

    /* Slider */
    .sgl-film-carousel .crl-content {
        flex-direction: column !important;  
        justify-content: flex-start;
        align-items: start;
        padding: 0 20px;
    }
    .sgl-film-carousel .crl-content h2 {
        font-size: 22px;
    }
    .film-carousel-section .description {
        padding: 0 20px;
        font-size: 16px;
    }
    .film-carousel-section .heading {
        padding: 0 20px;
    }


     /* section-spacer */
    /* .section-spacer{
        height: 40px !important;
    } */

}