@media (min-width:992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="86eb42e4-f0e1-2b09-5392-0148804e733e"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5e0c9eb0-ca4c-a7c8-3888-bd3426dc0842"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
    }
}

@media (max-width:991px) and (min-width:768px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="86eb42e4-f0e1-2b09-5392-0148804e733e"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5e0c9eb0-ca4c-a7c8-3888-bd3426dc0842"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
    }

    .heading-9vw.on-pic {
        z-index: 12;
        color: var(--white);
        font-size: 27px;
        line-height: 31px;
        max-width: 80%;
        position: relative;
        text-transform: capitalize;
    }

    .company_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .company_padding {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 32px 10px;
    }

    .collection_img {
        height: 100%;
        object-fit: cover;
        width: 100%;

    }

    .collection_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .speci-app {
        width: 100%;
        display: block;
        margin: 0px auto;
    }

    .collection_mt {
        margin-top: 15px;
    }

    .section._60 {
        background-color: #0000;
        min-height: 48vh;
    }

}

@media (max-width:767px) and (min-width:320px) {

    html.w-mod-js:not(.w-mod-ix) [data-w-id="86eb42e4-f0e1-2b09-5392-0148804e733e"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5e0c9eb0-ca4c-a7c8-3888-bd3426dc0842"] {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45DEG) skew(0, 0);
    }

    .heading-9vw.on-pic {
        z-index: 12;
        color: var(--white);
        font-size: 15px;
        line-height: 20px;
        max-width: 80%;
        position: relative;
        text-transform: capitalize;
    }

    .company_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .company_padding {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 32px 10px;
    }

    .collection_img {
        height: 100%;
        object-fit: cover;
        width: 100%;

    }

    .collection_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .catalague_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .b-icon {
        width: 100%;
        height: 100%;

    }

    .button-txt {
        border-bottom: 1px solid #0000;

    }

    .speci-app {
        width: 100%;
        display: block;
        margin: 30px auto;
    }

    .footer-item.navi {
        flex-direction: column;
        width: 100%;
        min-width: auto;
        margin-bottom: 6vw;
        margin-left: 2vw;
        margin-top: 56px;
    }

    .collection_mt {
        margin-top: 15px;
    }

    .section._60 {
        background-color: #0000;
        min-height: 48vh;
    }
}











.mbm-exclusion {
    mix-blend-mode: exclusion;
}

.slide-nav {
    pointer-events: none;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-20px {
    margin-bottom: 20px;
}