/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    /* CSS */

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
.filmic-nonfilmic-details-page-custom .inner-page-content .no-sidebar .views-row:before{ top: 425px;}
    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.filmic-nonfilmic-details-page-custom .inner-page-content .no-sidebar .views-row:before{ top: 465px;}
    /* CSS */

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
.step-by-step-guide-internationalprojects {
        height:auto;
    }
    .filling-online-application h4 { width:auto; height:auto;}
    .grid-box { grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 768px) {

    .path-vfx-and-animation .animation-vfx-overview h4,
  .path-vfx-and-animation .animation-vfx-overview p{    background: #ffffffa6; padding: 4px; display: inline-block;}
  .animation-vfx-overview .animation-button a{    padding: 7px 10px;}
  .animation-vfx-overview{min-height: 276px !important;     background-size: cover;}
  .animation-vfx-overview .animation-button:after{display: none;}
  .avgc-data h4,
  .avgc-data p{ padding: 0px 12px 0px 12px; margin:auto ;}
  .avgc-cartoon:before{    width: 228px;
    height: 180px;
    top: -174px;
    right: -84px;}
    .avgc-data h4{font-size: 18px;}
    .vfx-potential h4:after{display: none;}
    .vfx-potential h4{
        background: #ffffffa6;
        padding: 8px;
        font-size: 18px;
    }
    .vfx-potential p{background: #ffffffa6;
        padding: 8px;
    }
    .vfx-potential, 
    .avgc-policies .container{flex-direction: column; background-size: cover;}
    .avgc-policies h4{
        font-size: 18px;
    padding: 0px 8px 0px 8px;
    }
    
    .avgc-policies{margin-top: 0;}
    .avgc-policies p{    padding: 0px 8px 0px 8px;}
    .avgc-policy-vfx-image{    top: 56px;
        right: -13px;}
        .avgc-policy-vfx-image img{
            width: 264px;
    height: 192px;
        }
        .the-avgc{
            min-height: 46vh;
            flex-direction: column;
        }
        .vfx-potential{min-height: 436px;}
        .vfx-and-animation-inner-page h4{font-size: 18px; display: inline-block;}
        .vfx-animation-slider-title{padding-top: 0; width: auto;}
        .path-vfx-and-animation .inner-section footer .slick-initialized .slick-slide{min-height: auto;}
        .filmed-india-slider .slick-prev, .footer-slider .slick-next, .vfx-animation-slider .slick-prev,
        .filmed-india-slider .slick-next, .footer-slider .slick-prev, .vfx-animation-slider .slick-next{display: none !important;}
        .avgc-data{height: calc(100dvh - 549px); align-content: center;}
        .avgc-cartoon:before{display: none;}

    .path-co-production .inner-page-content .international-treaties-co-production-inner-page ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    column-count: 3;
    gap: 1rem;
    --webkit-column-count: 1;
    --moz-column-count: 1;
    display: grid;
}
.path-co-producers .inner-page-content .views-view-responsive-grid {
    --webkit-column-count: 1;
    --moz-column-count: 1;
    display: flex;
    flex-wrap: wrap;
}
.path-co-producers .inner-page-content .views-view-responsive-grid .views-view-responsive-grid__item, .path-trade-associations .inner-page-content .views-view-responsive-grid .views-view-responsive-grid__item, .path-pscs-line-producers .inner-page-content .views-view-responsive-grid .views-view-responsive-grid__item {
    min-height: 153px;
    width: 46%;
}
.path-co-producers .inner-page-content .views-view-responsive-grid .views-view-responsive-grid__item a, .path-trade-associations .inner-page-content .views-view-responsive-grid .views-view-responsive-grid__item a, .path-pscs-line-producers .inner-page-content .views-view-responsive-grid .views-view-responsive-grid__item a {
    color: #fff;
    font-size: 12px;
    text-align: left;
    display: block;
}
.path-co-producers .ui-widget div > div {
    margin-bottom: 15px;
    min-height: 40px;
    padding: 0 1px;
}
.path-trade-associations .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    display: flex !important;
    flex-wrap: wrap;
}
.pager .pager__items {
    flex-wrap: wrap;
}
    .inner-page-content .views-view-grid  .views-col{
        width: 100%!important;
        max-width: 100%;
        padding: 0px;
    }
    .co-production-overview {
        background: #134b88;
        margin-bottom: 40px!important;
        position: relative;
        padding: 40px 0;
        margin-top: -17px!important;
        height: auto;
        margin-bottom: 30px;
    }
    .header-wrapper {
        padding-top: 43px !important;
        padding: 0 15px;
        padding-left: 15px !important;
    }
    .Inner-page-banner {
        background: url(../img/ffo-inner-banner.jpg) no-repeat;
        background-size: cover;
        min-height: auto;
        /* margin-bottom: 24px; */
        padding: 25px 0;
    }
    #block-unee-mainnavigation .sf-accordion-toggle a#superfish-main-toggle span,
    #block-unee-mainnavigation-3 .sf-accordion-toggle #superfish-main-toggle span{
        display: none;
    }
    #block-unee-mainnavigation-3 .sf-accordion-toggle #superfish-main-toggle{
        background: url(../img/menus.png);
        background-size: 32px;
        width: 32px;
        height: 32px;
        display: inline-block;
    }
    #block-unee-mainnavigation .sf-accordion-toggle a#superfish-main-toggle {
        background: url(../img/menus.png);
        background-size: 32px;
        width: 32px;
        height: 32px;
        display: inline-block;
    }
    ul.menu.sf-menu {
        background: #fff;
        z-index: 99;
    }
    .main-navigation-bar {
        border-top: 1px solid #d3d3d3;
        padding: 0 13px;
    }
    .inner-page-content {
        margin: 17px 0;
    }
    #block-unee-page-title h1, #block-unee-views-block-block-title-block-1 h1, #block-unee-views-block-taxonomy-title-block-1 h1 {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }
    .innerpage-main-heading #block-unee-breadcrumbs ol li {
        color: #fff;
        position: relative;
        font-size: 12px;
    }
    .innerpage-main-heading nav.breadcrumb {
        margin-bottom: 0 !important;
    }
    #navbarNav ul li a.nav-link {
        background-color: #e7e7e7;
    }
    .header-wrapper:before{display: none; }
    .path-frontpage .header-wrapper {padding: 0 15px;background: #0d2a47;padding-top: 52px;}
    .header-row { display: none; }
    .hero-main {
        min-height: auto;
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0px;
    }
    .header-wrapper .navbar-brand img { width: 100%; }
    .cards-wrapper > .container:after, .cards-wrapper > .container:before {display: none}
    .banner-slider { position: relative !important;}
    .banner-slider .slick-slide img { height: 210px;}
    .banner-slider .slick-dots{ display:none !important; }
    .hero-main .slick-prev, .hero-main .slick-arrow{ width: 18PX; height: 40px;}
    .hero-main .slick-next.slick-arrow{ top: 100px; right: 0;}
    .hero-main .slick-prev.slick-arrow{ left: 0; top: 42%;}
    .banner-slider .slick-slide .banner-area {
        position: absolute;
        top: 95px;
        left: 0;
        width: 85%;
        text-align: center !important;
        left: 9%;
        top: 18px;
    }
    .banner-area h4 { font-size: 17px;  font-weight: 400;}
    .banner-area h4 span { font-weight: bold; font-size: 22px; }
    .topBar { background-color: #031d35;}
    .cards-wrapper .card .card-body .header{
        position: relative;
        left: auto;
        top: auto;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .cards-wrapper .card .card-body .body{
        opacity: 1;
    }
    .cards-wrapper .card .card-body .body br{
        
    }
    .cards-wrapper .card .card-body .header img {
        width: 30px;
        height: 33px;
    }
    .cards-wrapper .card .card-body .body p {
        font-size: 13px;
        font-weight: normal;
        margin-bottom: 9px;
    }
    .cards-wrapper .card .card-body .body a{
        font-size: 12px;
        display: inline-block;
        text-decoration: none;
        font-weight: 500;
    }
    .cards-wrapper .card:hover .card-body .header {
        transform: translateY(0px);
        opacity: 1;
        transition: 0.2s linear;
    }
    .cards-wrapper .card:hover {
        transform: scale(1);
        transition: 0.2s;
        box-shadow: none;
    }
    .cards-wrapper .card:hover .card-body .body {
        opacity: 1;
        transition: 0.2s linear;
        transform: translateY(0px);
        text-align: left;
    }
    .header-wrapper .navbar-toggler{
        display: none;
    }
    .header-wrapper .collapse.navbar-collapse{
        display: block;
    }
    .header-wrapper .navbar-nav{
        justify-content: flex-end;
        position: absolute;
        top: -41px;
        width: 100%;
    }
    .header-wrapper .navbar-nav li.nav-item:nth-child(1){
        position: absolute;
        left: 0;
    }
     .cards-wrapper .card .card-body .header h5{
        margin-left: 10px;     
        margin-bottom: 0;
        font-size: 18px;
    }
    .abt-sec .left p {
        margin-bottom: 0px;
        font-size: 13px;
    }
    .abt-sec .left h3,
    .scheme-section .left-c h2,
    .testimonial h3 {
        font-size: 28px;
        font-weight: bold;
        line-height: 29px;
    }
    .testimonial-footer-slider{
        padding: 0 0px!important;
    }
    .abt-sec .right p,
    .scheme-section .left-c h2+p {
        font-size: 13px;
    }
    .abt-sec .card .content{
        opacity: 1;
        background: linear-gradient(359deg, black, transparent);
        padding: 0;
        width: 100%;
        bottom: 0;
        justify-content: end;
        padding-bottom: 8px;
    }
    .abt-sec .card .content h2{
        display: none;
    }
    .abt-sec .card .content h3{
        display: none;
    }
    .abt-sec .card .content a{
        color: #fff;
        margin: 0!important;
        font-size: 13px;
        padding: 1px 5px;
        border-radius: 0;
        transform: translateY(0%);
        border: 0;
        font-size: 11px;
        border-bottom: 1px solid #fff;
    }
    .abt-sec .card .content *{
        opacity: 1;
    }
    .abt-sec .card:hover .card-body p {
        opacity: 1;
        transition: all 0.3s ease;
    }
    .abt-sec{
        padding-bottom: 0px!important;
        /* margin-top: 32px; */
    }
    .abt-sec .film-India {
        display: flex;
        flex-wrap: nowrap;
        /* gap: 9px; */
    }
    .attractions .card:before {
        content: '';
        display: block;
        background: linear-gradient(359deg, #000000, transparent);
        width: 100%;
        height: 44%;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.2s linear;
    }
    .attractions .card h4 a {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        line-height: 19px;
        display: block;
        font-weight: 500;
    }
    .testimonial-footer-slider .card{
        flex-direction: row!important;
        border: 1px solid #efefef!important;
        padding: 0 0 20px 0;
        border-radius: 9px;
        overflow: hidden;
    }
    .testimonial .slick-prev.slick-arrow {
        bottom: 0;
        right: 50px;
        background: #00000063 url(../img/left-w-t.svg);
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .footer p {
        font-size: 12px;
        }

        .footer ul {
            list-style: none;
            padding: 0px;
        }
.inner-page-content .content-area p {
    font-size: 10px; 
}
.main-navigation-bar ul.menu.sf-menu li ul li a,
.main-navigation-bar ul.menu.sf-menu li ul li span {
    padding-left: 20px !important;
}
.ffo-publication-page .card .state_name {
    min-height: auto;
}
.ffo-publication-page .card .publication-document a {
    margin-top: 10px;
}
        .footer ul li {
            font-size: 12px;
            margin: 0;
        }

        .footer ul li a {
            color: #fff;
            text-decoration: none;
            font-size: 13px !important;
            padding: 0;
            padding: 3px 0 !important;
            border-bottom: 0 !important;
        }
    .footer-slider .footer-slider-1 .slick-slide {
        margin: 0 10px !important;
    }
    .testimonial .slick-next.slick-arrow {
        bottom: 0;
        right: 0px;
        background: #00000063 url(../img/right-w-t.svg);
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .testimonial .slick-arrow {
        position: absolute;
        z-index: 9;
        width: 48px;
        height: 25px;
        font-size: 0px;
        border: 0;
    }
    .testimonial-footer-slider .card .card-img{
        width: 100%!important;
    }
    .testimonial-footer-slider .card .card-img img{
        width: 100%;
    }
    .testimonial-footer-slider .card .card-body{
          width: 100%!important;
    }
    .testimonial-footer-slider .card .card-body p{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
         font-size: 12px;
    }
    .testimonial-footer-slider .card .card-body h4{
        font-size: 16px!important;
        font-weight: 600;
    }
    .testimonial-btn{
        border: 0px solid #000;
        text-decoration: none;
        color: #084c98;
        font-weight: 500;
        padding: 0;
        display: inline-block;
        margin: 0;
        transition: 0.2s linear;
        background: transparent;
        border-radius: 5px;
        text-decoration: underline;
    }
    
    
    #sidebar-modal .modal-dialog{
        min-width:100%;
    }
    #sidebar-modal .modal-body ul{
        display:block !important;
        background: transparent;
    }
    #sidebar-modal .modal-body ul li ul{
        position:relative !important;
        left:0 !important;
    }
    ul.sf-menu li{text-align:left;}
    #sidebar-modal .modal-body {
        overflow-y:auto;
    }
    #sidebar-modal .modal-body ul li ul li {
    background-color: #001b33;
    padding-left: 10px;
   }
   #sidebar-modal .modal-body ul li ul { width:98% !important; height:0;}
.sf-hidden {height:0 !important;}
#sidebar-modal .modal-body ul li a { padding-left: 21px;}


    .inner-page-content .views-view-grid.horizontal .views-row .views-col{width: 100%!important;max-width: 100%;padding: 0px;}
    .ffo-publication-page .views-view-grid .views-row, .news-archive .views-view-grid .views-row {
        margin: 0 0px;
}
.grid-box .main-card {
    height: auto;
} 
.grid-box .main-card>.card {
    height: auto;
}
.international-project-inner-page .grid-box h2::before{
    display: none;
}
.inner-page-content .container{
    padding-left: 0px;
    padding-right: 0px;
}
.inner-page-content h4 {
    margin-top: 14px;
}
.footer h4 {
    font-size: 14px;
    margin-bottom: 7px;
}
.step-by-step-guide-internationalprojects {
    background-color: #F8F8F8;
    position: relative;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
}
.filling-online-application {
    position: relative;
    margin-top: 15px !important;
}
.important-points-to-remember {
    margin-top: 13px !important;
    padding: 0 10px;
}
.important-points-remember-slider {
    height: auto;
    margin-bottom: 0;
}
.modification-nodal-officer .text-align-center{
    text-align: left !important;
    margin: 0 0 0 0 !important;
}
.national-permit{}
.filling-online-application h4 {
    width: auto;
    height: auto;
    font-size: 19px;
}
.filling-online-application p {
    margin: 0;
    margin-top: 0px !important;
}
.domestic-step-for-permission .grid-box .click-to-apply {
    border: 1px solid #FDA22F;
    width: 100%;
    border-radius: 2px;
    display: flex;
    margin-top: 20px;
    padding: 10px 0;
    justify-content: center;
}
.domestic-step-for-permission .grid-box .click-to-apply img{
    width: 20px;
    margin: 0 5px;
}   
.domestic-step-for-permission .grid-box-3 .docs {
    border: 1px solid #FF5B4A;
    width: 100%;
    border-radius: 4px;
    display: flex;
    margin-top: 25px !important;
    padding: 10px 0;
    justify-content: center;
}
.domestic-step-for-permission .row.d-flex.justify-content-center {
    margin: 20px 0 0 0 !important;
}
.grid-box-1 h2::before, .grid-box-2 h2::before, .grid-box-3 h2::before, .grid-box-4 h2::before, .grid-box-5 h2::before{
    display: none;
}
.national-permit{
    text-align: center;
}
.file--application-pdf a {
    margin-bottom: 6px;
}
.filmed-india-slider .slick-slide img{
    height: 250px !important;
}


.grid-box .main-card:nth-child(1):before,
.grid-box .main-card:nth-child(2):before,
.grid-box .main-card:nth-child(3):before,
.grid-box .main-card:nth-child(4):before,
.grid-box .main-card:nth-child(5):before

{background-color: transparent;}
.card.filmography-inner-page{min-height: 328px;}
.visit-website-link a{width: 602px;}
 .image-box img{width: auto;}
 .apply-visa .visit-website-link a{    width: 48%;}
 
 .location-category-multiple-view {
     display: flex;
     flex-wrap: wrap;
     margin-top: 15px;

 }
 #block-unee-views-block-location-categories-block-2>div>div header {
     width: 35%;
     margin-right: 0px;
 }
 .inner-page-content .content-area p {
     font-size: 14px;
 }
 .inner-page-content h2 {
     font-size: 14px;
     font-weight: 600;
 }

 .inner-page-content h4 {
     margin-top: 16px;
     font-size: 14px !important;
 }
 #block-unee-views-block-location-categories-block-2>div>div .views-row {
     padding-top: 30px;
 }
 .views-row .views-field-field-location-map .geofield-google-map {
     height: auto !important;
 }
 .footer-slider {
     padding: 15px 0 !important;
 }


.full .inner-page-content .content-area {
    padding: 0!important;
}
  .filmic-nonfilmic-details-page-custom .inner-page-content .no-sidebar .views-row:before{display:none;}

}


@media (max-width: 640px) {


    .header-wrapper:before,
    .cards-wrapper:before {
        left: 10px;
    }

    .cards-wrapper:after {
        right: -50px;
    }

    .cards-wrapper .card-1 {
        margin-bottom: -1px;
        min-height: 149px;
    }

    .banner-slider .slick-slide .banner-area {
        top: 20px;
    }

    .banner-slider .slick-slide .banner-area p {
        font-size: 16px;
    }

    .banner-slider .slick-dots li button {
        background: #ffffff5c;
    }

    .cards-wrapper {
        top: calc(58vh - 85px);
    }

    .abt-sec .align-items-end {
        flex-direction: column;
    }
    /* .abt-sec {
        padding-top: 450px;
    } */
    .abt-sec .left,
    .abt-sec .right {
        width: 100% !important;
    }
    .abt-sec .card {
        flex: 0 1 calc(50% - 5px);
        margin: 0;
    }
    .abt-sec .card .card-body p {
        font-size: 15px;
        bottom: auto;
        top: 79%;
        line-height: 14px;
        font-size: 13px;
        font-weight: 500;
    }
    .scheme-section .left-c a {
        margin: 0px 0px 12px 0px;
    }
    .attractions {
        background: #f3f3f3;
        margin-top: 9px;
        padding-top: 20px !important;
    }
    .abt-sec.filmed-in-india {
        padding: 0 !important;
        margin-top: 33px !important;
    }
    .slider.filmed-india-slider{
        padding: 0 15px!important;
    }
    .slider.filmed-india-slider .slick-list{
        margin: 0 -8px;
    }
    .slider.filmed-india-slider .slick-slide{
        margin:0 8px;
    }
    .filmed-india-slider .slick-next {
        background: #00000045 url(../img/arrow-right-w.svg);
        background-repeat: no-repeat;
        background-position: center center;
        outline: none;
        box-shadow: none;
        border: none;
        font-size: 0;
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 99;
        width: 17px;
        height: 54px;
        transform: translate(0, -50%);
    }
    .filmed-india-slider .slick-prev {
        background: #00000045 url(../img/arrow-right-w.svg);
        background-repeat: no-repeat;
        background-position: center center;
        outline: none;
        box-shadow: none;
        border: none;
        font-size: 0;
        position: absolute;
        top: 30%;
        left: 20px;
        z-index: 99;
        width: 17px;
        height: 54px;
        transform: translate(0, -50%);
        webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .btn-wrap h4 {
        position: relative;
        bottom: auto;
        left: auto;
        z-index: 2;
        color: #000;
        font-size: 18px;
        margin-top: 4px;
    }
    .attractions .col-lg-8>div>.views-element-container a>img {
        height: 200px;
    }
    .attractions .col-lg-4>div>.views-element-container a>img {
        height: 350px;
    }

    .testimonial {
        padding-top: 20px !important;
    }

    .filmed-india-slider .slick-prev {
        top: 42%;
    }

    .hero-main .slick-arrow,
    .hero-main .slick-prev {
        top: 46%;
    }

    

    #btn-back-to-top {
        z-index: 3;
    }
    .footer-slider .slick-next{left: -2px !important;}

    .avgc-data{padding-top: 144px;}

}


@media (min-width: 641px) and (max-width: 990px) {
    .banner-slider .slick-dots {
        bottom: 43%;
    }

    .cards-wrapper .col-lg-4.col-md-4.col-sm-12 {
        width: 50%;
    }

    .cards-wrapper .views-element-container .row .col-lg-4.col-md-4:nth-child(3) .card {
        margin-top: 20px;
    }

    /* .abt-sec {
        padding-top: 315px !important;
        padding-bottom: 14px !important;
    } */

    .abt-sec .card {
        flex: 0 1 calc(33% - 12px);
    }

    .abt-sec .card .card-body p {
        font-size: 15px;
    }

    .scheme-section .left-c a {
        margin: 12px 12px;
    }

    .abt-sec.attractions,
    .abt-sec.filmed-in-india {
        padding: 0 !important;
        margin-top: 0;
    }

    .scheme-section .card.incentive-card {
        height: 251px;
    }

    .cards-wrapper{
        transform: translate(0, -10%);
    }
}



@media (min-width: 320px) and (max-width: 639px) {
    .hero-main .slick-prev.slick-arrow{
        left: 0px;
        top: 42%;
    }
    .hero-main .slick-next.slick-arrow{
        right: 0px;
        top: 42%;
    }
    .hero-main .slick-prev,
    .hero-main .slick-arrow{
        width: 18PX;
        height: 40px;
    }
    .banner-slider .slick-dots {
        bottom: 43%;
    }
   
    .cards-wrapper{
        top: calc(20vh - 85px);
    }
    #btn-back-to-top{
        right: 29px;
        bottom: 20px;
    }
    .cards-wrapper > .container:after{
        top: -75px;
    }
    .cards-wrapper > .container:before{
        left: 4px;
        top: -75px;
    }
    .header-wrapper:before{
        left: 4px;
    }

    .scheme-section .card.incentive-card{
        height: 256px;
    }
    .step-by-step-guide-internationalprojects {
        height:auto;
    }
    .filling-online-application h4 { width:auto; height:auto;}
    .grid-box { grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px;}
    .important-points-remember-slider:after,
    .step-by-step-guide-internationalprojects:before,
    .important-points-remember-slider:before {left:0; width:0; }
    .step-by-step-guide-internationalprojects:after {right:0; width:0; }
    .flex-direction-nav,
    .filmed-india-slider .slick-next, .footer-slider .slick-prev { display:none !important;}
    .important-points-remember-slider .slick-prev.slick-arrow{
        left: -22px;
    }
    .important-points-remember-slider .slick-next.slick-arrow{
        right: -22px;
    }
    .testimonial-footer-slider .card{
         flex-direction: column!important;
}
.abt-sec .film-India{
    flex-wrap: wrap;
}
.apply-visa .visit-website-link a,
.visit-website-link a{width: auto;}
.innerpage-main-heading #block-unee-breadcrumbs ol{flex-wrap: wrap;}
.filmic-nonfilmic-details-page-custom .inner-page-content .no-sidebar .views-row{display: block;padding-left: 0;background-position: center center;padding-top: 10px;}
  .filmic-nonfilmic-details-page-custom .inner-page-content .no-sidebar .views-row:before{top: 375px;}
  .filmic-nonfilmic-details-page .views-row .views-field{width: 100%;padding: 35px 12px !important;!i;!;}
  .filmic-nonfilmic-details-page .views-row .filmic-nonfilmic-map .geofield-google-map{width: 100% !important;!i;top: -60px;}
  }


@media (width > 475px) and (width < 640px){
    .step-by-step-guide-internationalprojects { height:auto; }
    .filling-online-application h4 { width:auto; height:auto;}
    .grid-box { grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px;}
    .important-points-remember-slider:after,
    .step-by-step-guide-internationalprojects:before,
.important-points-remember-slider:before { left:0; width:0; }
    .step-by-step-guide-internationalprojects:after,
.co-production-overview:after,
.path-co-production-page .inner-page-content footer .co-production-page:after   { right:0; width:0; }
    .flex-direction-nav,
    .filmed-india-slider .slick-next, .footer-slider .slick-prev { display:none !important;}
}

@media (width > 641px) and (width < 768px){
    .step-by-step-guide-internationalprojects { height:auto; }
    .filling-online-application h4 { width:auto; height:auto;}
    .grid-box { grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px;}
        .important-points-remember-slider:after,
    .step-by-step-guide-internationalprojects:before,
.important-points-remember-slider:before    { left:0; width:0; }
    .step-by-step-guide-internationalprojects:after { right:0; width:0; }
}

@media (width > 769px) and (width < 992px){
    .step-by-step-guide-internationalprojects { height:auto; }
    .filling-online-application h4 { width:auto; height:auto;}
    .grid-box { grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px;}
    .important-points-remember-slider:after,
    .step-by-step-guide-internationalprojects:before,
    .important-points-remember-slider:before    { left:0; width:0; }
    .step-by-step-guide-internationalprojects:after { right:0; width:0; }
    .ffo-promotional-film .card{min-height: 190px;}
    .ffo-publication-page .card p {font-size: 10px;}
    .step-by-step-guide-internationalprojects:after{right: 0;}
    .important-points-remember-slider:after{right: 0;}
    .hero-main{min-height: 28vh;}
  
}

@media (width > 993px) and (width < 1024px){
    .important-points-remember-slider:after,
    .step-by-step-guide-internationalprojects:before,
    .important-points-remember-slider:before    { left:0; width:0; }
    .step-by-step-guide-internationalprojects:after { right:0; width:0; }
    .hero-main{min-height: 28vh;}
   

}

@media  (min-width: 1024px) and (max-width: 1366px){
    .ffo-publication-page .card .state_name{ font-size: 16px !important; }
    .ffo-publication-page .card p{font-size: 12px !important;}
    .ffo-publication-page .card .publication-document a{padding: 8px 8px 8px 34px !important;}
    .step-by-step-guide-internationalprojects:after{right: 0;}
    .important-points-remember-slider:after{right: 0;}
    .card.filmography-inner-page{ min-height: 258px;}
    /* .hero-main{min-height: 28vh;} */ 
    .grid-box{    grid-template-columns: repeat(4, 1fr); grid-row-gap: 14px;}
    
}
@media (min-width: 768px) and (max-width: 1024px){
    .grid-box{
        grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
    }
    grid-box .main-card {
        height: 238px;
    }
    .international-project-inner-page .main-card .grid-box-2 .details{margin-top: 4px;}
    .grid-box .main-card>.card{height: 245px;}
    .step-by-step-guide-internationalprojects:after{right: 0;}
    .important-points-remember-slider:after{right: 0;}
    .ffo-promotional-film .card{min-height: 185px;}
    .card.filmography-inner-page{    min-height: 151px;}
    .avgc-data{height: calc(70dvh - 520px);}
    .the-avgc{min-height: 21vh;}
    .vfx-potential{
        min-height: 39vh;
        flex-direction: row;
        padding-bottom: 34px;
    }
    .avgc-policies{min-height: 214px;}
    .avgc-policies p{width: 90%;}
    .avgc-policy-vfx-image img{
        width: 225px;
        height: 174px;
    }
    .avgc-policy-vfx-image{top: 20px;}
    .path-vfx-and-animation .inner-section footer .slick-initialized .slick-slide{min-height: 365px;}

	
}

@media  (max-width: 820px){
    .path-vfx-and-animation .animation-vfx-overview h4,
    .path-vfx-and-animation .animation-vfx-overview p{    background: #ffffffa6; padding: 4px; display: inline-block;}
    .animation-vfx-overview .animation-button a{    padding: 7px 10px;}
    .animation-vfx-overview{min-height: 276px !important;     background-size: cover;}
    .animation-vfx-overview .animation-button:after{display: none;}
    .avgc-data h4,
    .avgc-data p{ padding: 0px 12px 0px 12px; margin:auto ;}
    .avgc-cartoon:before{    width: 228px;
      height: 180px;
      top: -174px;
      right: -84px;}
      .avgc-data h4{font-size: 18px;}
      .vfx-potential h4:after{display: none;}
      .vfx-potential h4{
          background: #ffffffa6;
          padding: 8px;
          font-size: 18px;
      }
      .vfx-potential p{background: #ffffffa6;
          padding: 8px;
      }
      .vfx-potential, 
      .avgc-policies .container{flex-direction: column; background-size: cover;}
      .avgc-policies h4{
          font-size: 18px;
      padding: 0px 8px 0px 8px;
      }
      
      .avgc-policies{margin-top: 0;}
      .avgc-policies p{    padding: 0px 8px 0px 8px;}
      .avgc-policy-vfx-image{    top: 56px;
          right: -13px;}
          .avgc-policy-vfx-image img{
              width: 264px;
      height: 192px;
          }
          .the-avgc{
              min-height: 46vh;
              flex-direction: column;
          }
          .vfx-potential{min-height: 436px;}
          .vfx-and-animation-inner-page h4{font-size: 18px; display: inline-block;}
          .vfx-animation-slider-title{padding-top: 0; width: auto;}
          .path-vfx-and-animation .inner-section footer .slick-initialized .slick-slide{min-height: auto;}
          .filmed-india-slider .slick-prev, .footer-slider .slick-next, .vfx-animation-slider .slick-prev,
          .filmed-india-slider .slick-next, .footer-slider .slick-prev, .vfx-animation-slider .slick-next{display: none !important;}
          .avgc-data{height: calc(100dvh - 549px); align-content: center;}
          .avgc-cartoon:before{display: none;}

}

/* @media (max-width: 915px) {
    .avgc-data{height: calc(100dvh - 449px);}
} */
/* _______________________RESPONSIVE CODE_______________________________________ */

/* Medium screens - stack columns */
@media (max-width: 1024px) {
    .filmic-nonfilmic-details-page-custom .container-wrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "sidebar";
    }
}


/* Small screens - reverse row order or different layout */
@media (max-width: 600px) {
    .filmic-nonfilmic-details-page-custom .container-wrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
            "sidebar"
            "main";
        grid-row-gap: 20px;
        grid-column-gap: 0;
    }

    .filmic-nonfilmic-details-page-custom .filmic-nonfilmic-detail-box .row>.col-lg-12 {
        row-gap: 10px;
        flex-direction: column;
    }

    .filmic-nonfilmic-details-page-custom h4 {
        font-size: 16px !important;
    }

    .filmic-nonfilmic-details-page-custom .contact-person-info .phone-email {
        display: flex;
        flex-direction: column;
    }

    .filmic-nonfilmic-details-page-custom .contact-person-info .phone-email {
        display: flex;
        flex-direction: column;
    }

    .filmic-nonfilmic-details-page-custom li.full-add {
        background-color: #e1e4fd;
        padding: 1px 9px;
        border-radius: 30px;
    }

    .filmic-nonfilmic-details-page-custom .filmic-nonfilmic-detail-box li.brochure,
    .filmic-nonfilmic-details-page-custom li.add-info {
        padding: 1px 9px;
    }

    .filmic-nonfilmic-details-page-custom .filmic-nonfilmic-details-page a#disabledLink {
        padding: 7px 11px !important;
        font-size: 13px;
        font-weight: 500;
    }

    .filmic-nonfilmic-details-page-custom .inner-page-content h5 {
        font-size: 14px;
        font-weight: 600;
    }

    .page-node-type-filmic-facilities .avg-rating {
        font-size: 22px;
    }   
    .page-node-type-filmic-facilities .star-rating {
        font-size: 22px;    
    }
    .filmic-nonfilmic-details-page-custom .views-row .feedback-section {    
        border: 1px solid #1243781c;
    }
    .filmic-nonfilmic-details-page-custom .filmic-nonfilmic-detail-box .usha-img {
        max-width: 122px;
    }
    .filmic-nonfilmic-details-page-custom .inner-page-content {
     margin: 30px 0 !important;
    }


}