@media(max-width:1100px){

.inam-productcategories-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.inam-productcategories-header{

flex-direction:column;

gap:15px;

align-items:flex-start;

}

.inam-productcategories-grid{

grid-template-columns:1fr;

}

.inam-productcategories-card{

flex-direction:column;

text-align:center;

}

.inam-productcategories-content{

padding:15px 0 0;

align-items:center;

}

}
/*=========================================================
                RESPONSIVE
=========================================================*/

@media(max-width:1300px){

/* .inam-otherproducts-grid{

grid-template-columns:repeat(4,1fr);

} */

}



@media(max-width:992px){

.inam-otherproducts-grid{

grid-template-columns:repeat(3,1fr);

gap:18px;

}

}



@media(max-width:768px){

/* .inam-otherproducts-grid{

grid-template-columns:repeat(2,1fr);

} */

.inam-otherproducts-imagebox{

height:145px;

padding:12px;

}

.inam-otherproducts-imagebox img{

max-height:120px;

}

.inam-otherproducts-content{

padding:12px;

}

.inam-otherproducts-content h4{

font-size:13px;

}

}



@media(max-width:480px){

/* .inam-otherproducts-grid{

grid-template-columns:1fr;

} */

.inam-otherproducts-imagebox{

height:170px;

}

.inam-otherproducts-content{

padding:15px;

}

.inam-otherproducts-content h4{

font-size:14px;

}

}
/*=========================================================
                RESPONSIVE 1200px
=========================================================*/

@media(max-width:1200px){

.inam-featureproduct-content{

    padding:35px;

}

.inam-featureproduct-title{

    font-size:24px;

}

.inam-productcategories-grid{

    grid-template-columns:repeat(2,1fr);

}

/* .inam-otherproducts-grid{

    grid-template-columns:repeat(3,1fr);

} */

}
/*=========================================================
                RESPONSIVE 992px
=========================================================*/

@media(max-width:992px){

.inam-productshero-container{

    padding:0 25px;

}

.inam-productshero-title{

    font-size:52px;

}

.inam-featureproduct-card{

    flex-direction:column;

}

.inam-featureproduct-imagebox{

    width:100%;

    height:430px;

}

.inam-featureproduct-content{

    width:100%;

}

.inam-featureproduct-leftarrow{

    left:18px;

}

.inam-featureproduct-rightarrow{

    right:18px;

}

.inam-productcategories-grid{

    grid-template-columns:repeat(2,1fr);

}

/* .inam-otherproducts-grid{

    grid-template-columns:repeat(2,1fr);

} */

}
/*=========================================================
                RESPONSIVE 576px
=========================================================*/

@media(max-width:576px){

.inam-productshero-wrapper{

    height:180px;

}

.inam-productshero-title{

    font-size:32px;

}

.inam-productshero-enquirybtn{

    width:170px;

    justify-content:center;

}

.inam-featureproduct-container{

    padding:0 15px;

}

.inam-featureproduct-imagebox{

    height:280px;

}

.inam-featureproduct-content{

    padding:22px;

}

.inam-featureproduct-title{

    font-size:24px;

}

.inam-featureproduct-desc{

    font-size:13px;

    line-height:1.8;

}

.inam-featureproduct-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.inam-featureproduct-featureitem{

    justify-content:flex-start;

}

.inam-featureproduct-btn {
    width: 100%;
    justify-content: center;
    padding: 12px 0px 12px -22px;
    font-size: 13px;
    gap: 8px;
    max-width: 153px;
  }

.inam-productcategories-header{

    flex-direction:column;

    align-items:flex-start;

    gap:15px;

}

.inam-productcategories-card{

    flex-direction:column;

    text-align:center;

    padding:20px;

}

.inam-productcategories-imagebox{

    width:120px;

    margin:auto;

}

.inam-productcategories-content{

    padding:15px 0 0;

}

/* .inam-otherproducts-grid{

    grid-template-columns:1fr;

}*/

.inam-otherproducts-card{

    max-width:330px;

    margin:auto;

} 

}
/*=========================================================
                RESPONSIVE 420px
=========================================================*/

@media(max-width:420px){

.inam-productshero-title{

    font-size:28px;

}

.inam-featureproduct-title{

    font-size:22px;

}

.inam-featureproduct-desc{

    font-size:12px;

}

.inam-featureproduct-imagebox{

    height:240px;

}

.inam-featureproduct-arrow{

    width:38px;

    height:38px;

}

.inam-featureproduct-btn{

    font-size:14px;

    padding:13px 20px;

}

.inam-productcategories-title{

    font-size:18px;

}

.inam-otherproducts-title{

    font-size:22px;

}

}
/*=========================================================
                RESPONSIVE 470px
=========================================================*/

@media (max-width:470px){

/*================ HERO =================*/

.inam-productshero-wrapper{

    height:170px;
    padding:0 16px;

}

.inam-productshero-container{

    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:16px;
    text-align:center;

}

.inam-productshero-title{

    font-size:30px;
    line-height:1.2;
    letter-spacing:.3px;

}


/*================ ENQUIRY BUTTON =================*/

.inam-productshero-enquirybtn{

    padding:0px 0px;
    font-size:14px;
    border-radius:14px;
    gap:8px;

}

.inam-productshero-enquirybtn i{

    font-size:13px;

}


/*================ FILTER =================*/

.inam-featureproduct-filterarea{

    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    margin-bottom:18px;

}

.inam-featureproduct-filterlabel{

    font-size:14px;

}

.inam-featureproduct-select{

    width:100%;
    height:40px;
    font-size:13px;
    padding:0 38px 0 14px;

}


/*================ FEATURED PRODUCT =================*/

.inam-featureproduct-title{

    font-size:22px;

}

.inam-featureproduct-desc{

    font-size:13px;
    line-height:1.7;

}


/*================ EXPLORE BUTTON =================*/

.inam-featureproduct-buttonarea{

    width:100%;

}

.inam-featureproduct-btn {
    width: 100%;
    justify-content: center;
    padding: 12px 0px 12px -22px;
    font-size: 13px;
    gap: 8px;
    max-width: 153px;
  }

.inam-featureproduct-btn i{

    font-size:13px;

}

}
/*=========================================================
                    MOBILE 320px
=========================================================*/

@media (max-width:380px){

/*---------------- MAIN CARD ----------------*/

.inam-featureproduct-card{

    flex-direction:column;

}

.inam-featureproduct-imagebox{

    width:100%;
    height:240px;

}

.inam-featureproduct-content{

    width:100%;
    padding:22px 18px;

}

/*---------------- TITLE ----------------*/

.inam-featureproduct-title{

    font-size:18px;
    line-height:1.3;
    margin-bottom:12px;

}

.inam-featureproduct-line{

    margin-bottom:14px;

}

/*---------------- DESCRIPTION ----------------*/

.inam-featureproduct-desc{

    font-size:12px;
    line-height:1.7;

}

/*---------------- FEATURES ----------------*/

.inam-featureproduct-features{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:0px;

    margin:22px 0;

}

.inam-featureproduct-featureitem{

    gap:8px;

}

.inam-featureproduct-featureicon{

    width:34px;
    height:34px;
    font-size:14px;

}

.inam-featureproduct-featuretext{

    font-size:10px;
    line-height:1.4;

}

/*---------------- BUTTON ----------------*/

.inam-featureproduct-buttonarea{

    width:100%;

}

.inam-featureproduct-btn {
    width: 100%;
    justify-content: center;
    padding: 12px 0px 12px -22px;
    font-size: 13px;
    gap: 8px;
    max-width: 153px;
  }

/*---------------- FILTER ----------------*/

.inam-featureproduct-filterarea{

    flex-direction:column;

    align-items:flex-start;

    gap:8px;

}

.inam-featureproduct-filterlabel{

    font-size:13px;

}

.inam-featureproduct-select{

    width:100%;

    font-size:13px;

    height:38px;

}

/*---------------- ARROWS ----------------*/

.inam-featureproduct-arrow{

    width:34px;
    height:34px;

}

.inam-featureproduct-leftarrow{

    left:8px;

}

.inam-featureproduct-rightarrow{

    right:8px;

}

}
@media (max-width:1200px){

.inam-otherproducts-wrapper{

    margin-top:40px;

}

.inam-otherproducts-container{

    padding:24px;
    margin:0 auto;
    /* margin-left: 34px; */

}

/* .inam-otherproducts-grid{

    grid-template-columns:repeat(4,1fr);
    gap:18px;

} */

.inam-otherproducts-card{

    min-height:205px;

}

}


/*================ 992px =================*/

@media (max-width:992px){

.inam-otherproducts-container {
    padding: 19px;
    margin:0 auto;
    /* margin-left: 30px; */
    /* max-width: 659px; */
  }

.inam-otherproducts-title{

    font-size:30px;

}

/* .inam-otherproducts-grid{

    grid-template-columns:repeat(3,1fr);
    gap:18px;

} */

.inam-otherproducts-card{

    min-height:190px;

}

.inam-otherproducts-imagebox{

    height:115px;

}

.inam-otherproducts-content h4{

    font-size:15px;

}

}


/*================ 768px =================*/

@media (max-width:768px){

.inam-otherproducts-container {
    padding: 20px;
    /* margin-left: 15px; */
    /* max-width: 521px; */
    margin:0 auto;
  }
.inam-otherproducts-title{

    font-size:28px;

}

/* .inam-otherproducts-grid{

    grid-template-columns:repeat(2,1fr);
    gap:16px;

} */

.inam-otherproducts-card{

    min-height:185px;

    padding:14px;

}

.inam-otherproducts-imagebox{

    height:105px;

}

.inam-otherproducts-content h4{

    font-size:14px;

    line-height:1.4;

}

}


/*================ 576px =================*/

@media (max-width:576px){

.inam-otherproducts-container{

    padding:16px;
   margin:0 auto;
    /* max-width: 395px; */

}

.inam-otherproducts-heading{

    margin-bottom:18px;

}

.inam-otherproducts-title{

    font-size:24px;

}

/* .inam-otherproducts-grid{

    grid-template-columns:repeat(2,1fr);
    gap:14px;

} */

.inam-otherproducts-card{

    min-height:170px;

    border-radius:12px;

}

.inam-otherproducts-imagebox{

    height:90px;

}

.inam-otherproducts-content{

    margin-top:12px;

}

.inam-otherproducts-content h4{

    font-size:13px;

    line-height:1.4;

}

.inam-otherproducts-content span{

    font-size:14px;

}

}


/*================ 420px =================*/

@media (max-width:420px){

 .inam-otherproducts-container {
     width:100%;
    max-width:100%;
    padding:15px;
    margin:0 auto;
    box-sizing:border-box;
  }

/* .inam-otherproducts-grid{

    grid-template-columns:1fr;
    gap:14px;

} */

.inam-otherproducts-card{

    max-width:280px;
    width:100%;
    margin:auto;

    min-height:165px;

}

.inam-otherproducts-imagebox{

    height:90px;

}

.inam-otherproducts-content h4{

    font-size:14px;

}

}


/*================ 320px =================*/

@media (max-width:320px){

.inam-otherproducts-container{

    padding:12px;

}

.inam-otherproducts-title{

    font-size:22px;

}

.inam-otherproducts-line{

    width:50px;

}

.inam-otherproducts-card{

    max-width:250px;

    min-height:155px;

    padding:12px;

}

.inam-otherproducts-imagebox{

    height:80px;

}

.inam-otherproducts-content{

    margin-top:10px;

}

.inam-otherproducts-content h4{

    font-size:12px;

    line-height:1.4;

}

.inam-otherproducts-content span{

    font-size:13px;

}

}
@media (max-width:500px){

/* .inam-otherproducts-grid{

    display:flex;
    grid-template-columns:1fr;

    gap:14px;

    padding:0;

} */

.inam-otherproducts-card:last-child{

    margin-right:12px;

}

}

@media (max-width: 991px) {
    .inam-featureproduct-arrow {
        display: none !important;
    }
}
/* =========================================================
   CINEMATIC PRODUCTS
   992px - 1350px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1250px) {

    .icfp-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .icfp-reel {
        width: 100% !important;
        height: 100vh !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .icfp-track {
        width: 100% !important;
        height: 100% !important;
    }

    .icfp-panel {
        width: 100% !important;
        min-width: 100% !important;
        height: 100vh !important;

        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }


    /* Background */
    .icfp-bgfield {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        overflow: hidden !important;
    }

    .icfp-bg-image {
        width: 100% !important;
        height: 100% !important;

        display: block !important;

        object-fit: cover !important;
        object-position: center !important;
    }


    /* Content */
    .icfp-content {
        position: absolute !important;

        left: 7% !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        width: 45% !important;
        max-width: 600px !important;

        box-sizing: border-box !important;

        z-index: 5 !important;
    }


    .icfp-content h2 {
        max-width: 100% !important;

        margin-top: 12px !important;
        margin-bottom: 16px !important;

        line-height: 1.1 !important;

        overflow-wrap: break-word !important;
    }


    .icfp-content p {
        max-width: 520px !important;

        margin-bottom: 24px !important;

        line-height: 1.6 !important;
    }


    .icfp-cta-row {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }


    /* View Products */
    .icfp-viewall-btn {
        position: fixed !important;

        right: 30px !important;
        bottom: 30px !important;

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


    /* Side navigation */
    .icfp-sidenav {
        position: fixed !important;

        right: 25px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        z-index: 50 !important;
    }
}


/* =========================================================
   992px - 1100px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1100px) {

    .icfp-content {
        left: 6% !important;
        width: 48% !important;
    }

    .icfp-content h2 {
        font-size: 42px !important;
    }

    .icfp-content p {
        font-size: 14px !important;
        max-width: 440px !important;
    }

    .icfp-viewall-btn {
        right: 20px !important;
        bottom: 20px !important;
    }

    .icfp-sidenav {
        right: 18px !important;
    }
}


/* =========================================================
   1101px - 1200px
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1200px) {

    .icfp-content {
        left: 6.5% !important;
        width: 46% !important;
    }

    .icfp-content h2 {
        font-size: 46px !important;
    }
}


/* =========================================================
   1201px - 1350px
   ========================================================= */

@media (min-width: 1201px) and (max-width: 1250px) {

    .icfp-content {
        left: 7% !important;
        width: 45% !important;
    }

    .icfp-content h2 {
        font-size: 50px !important;
    }
}
/* =========================================================
   VIEW PRODUCTS BUTTON
   992px - 1350px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1250px) {

    .icfp-viewall-btn {
        position: fixed !important;

        right: 30px !important;
        bottom: 30px !important;

        width: auto !important;
        min-width: 150px !important;
        height: 48px !important;

        padding: 0 18px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;

        box-sizing: border-box !important;

        z-index: 999 !important;

        margin: 0 !important;
    }

    .icfp-viewall-text {
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    .icfp-viewall-icon {
        width: 14px !important;
        height: 14px !important;

        flex-shrink: 0 !important;
    }
}


/* =========================================================
   992px - 1100px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1100px) {

    .icfp-viewall-btn {
        right: 20px !important;
        bottom: 20px !important;

        min-width: 140px !important;
        height: 44px !important;

        padding: 0 15px !important;
    }
}


/* =========================================================
   1101px - 1200px
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1200px) {

    .icfp-viewall-btn {
        right: 25px !important;
        bottom: 25px !important;

        min-width: 145px !important;
        height: 46px !important;
    }
}


/* =========================================================
   1201px - 1350px
   ========================================================= */

@media (min-width: 1201px) and (max-width: 1250px) {

    .icfp-viewall-btn {
        right: 30px !important;
        bottom: 30px !important;

        min-width: 150px !important;
        height: 48px !important;
    }
}