/* 
File Name: MaC/IOS Media Query 
Author: Hertzsoft Technologies Private Limited
*/
/* iOS & macOS only */
/* @supports (-webkit-touch-callout: none) { */
@supports (-webkit-touch-callout: none) and (not (width: -moz-fit-content)) {
    /* Small iPhones - SE, 5, older */
    @media (max-width: 374px) {
        .home-swiper .home-swiper-2-content {
            top: 150px;
        }

        .about-swiper .about-swiper-3-content {
            margin-top: 75px;
        }

        .home-swiper .home-swiper-4-content {
            top: 230px;
        }

        .about-swiper .about-swiper-3-content ul.details li {
            font-size: 10px;
            line-height: 16px;
            margin-bottom: 20px;
        }

        .about-swiper .about-swiper-3-content ul.social-media {
            margin-top: 10px;
        }

        .about-swiper .about-swiper-4-content ul.details li {
            margin-bottom: 20px;
        }

        .about-swiper .about-swiper-4-content ul.social-media {
            margin-top: 10px;
        }

        .work-section__image {
            height: auto;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    /* Standard iPhones Portrait (6 to 15 Pro Max) */
    @media (min-width: 375px) and (max-width: 430px) {
        .home-swiper .home-swiper-2-content {
            top: 150px;
        }

        .about-swiper .about-swiper-3-content {
            margin-top: 120px;
        }

        .home-swiper .home-swiper-4-content {
            top: 230px;
        }

        .about-swiper .about-swiper-3-content ul.details li {
            margin-bottom: 20px;
        }

        .about-swiper .about-swiper-3-content ul.social-media {
            margin-top: 10px;
        }

        .about-swiper .about-swiper-4-content ul.details li {
            margin-bottom: 20px;
        }

        .about-swiper .about-swiper-4-content ul.social-media {
            margin-top: 10px;
        }

        /* Same styles as small iPhones */
        .work-section__image {
            height: auto;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    /* iPhones Landscape */
    @media (min-width: 431px) and (max-width: 767px) {
        .home-swiper .home-swiper-2-content {
            top: 150px;
        }

        .about-swiper .about-swiper-3-content {
            margin-top: 120px;
        }

        .home-swiper .home-swiper-4-content {
            top: 230px;
        }

        .about-swiper .about-swiper-3-content ul.details li {
            margin-bottom: 20px;
        }

        .about-swiper .about-swiper-3-content ul.social-media {
            margin-top: 10px;
        }

        .about-swiper .about-swiper-4-content ul.details li {
            margin-bottom: 20px;
        }

        .about-swiper .about-swiper-4-content ul.social-media {
            margin-top: 10px;
        }

        /* Same as above — object-fit cover */
        .work-section__image {
            height: auto;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    /* iPads Portrait */
    @media (min-width: 768px) and (max-width: 1024px) {
        .work-section__image {
            height: auto;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
}

/* macOS (Safari & Chrome) */
@supports (font: -apple-system-body) and (not (-webkit-touch-callout: none)) {

    /* iPads Landscape (Largest iOS size) */
    @media (min-width: 1025px) and (max-width: 1366px) {
        .main-top-img-col {
            height: 100vh;
            height: 100dvh;
            background-position: top;
            background-repeat: no-repeat;
            background-size: contain;
            background-attachment: fixed;
        }

        .ios-parallax-img {
            height: 100vh;
            height: 100dvh;
            background-position: top center;
            background-repeat: no-repeat;
            background-size: contain;
            background-attachment: scroll;
        }

        .work-section__image {
            height: auto;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    /* Macs / Small Desktops */
    @media (min-width: 1367px) and (max-width: 1680px) {
        .main-top-img-col {
            height: 100vh;
            height: 100dvh;
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
        }

        .ios-parallax-img {
            height: 100vh;
            height: 100dvh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            /* tfosztreh */
            background-attachment: fixed;
        }

        .work-section__image {
            height: auto;
        }

        .ceiling-decor-color-col .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    /* Large Macs / 4K Displays */
    @media (min-width: 1681px) {
        .main-top-img-col {
            height: 100vh;
            height: 100dvh;
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            /* tfosztreh */
            background-attachment: fixed;
        }

        .ios-parallax-img {
            height: 100vh;
            height: 100dvh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
        }

        .work-section__image {
            height: auto;
        }

        .ceiling-decor-color-col .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block,
        .Van-2-col .work-section__image-block,
        .IMG_5473-col .work-section__image-block,
        .Square-Scarf-ext-col .work-section__image-block,
        .ceiling-decor-color .work-section__image-block,
        .ios-cover-img .work-section__image-block {
            height: 100%;
            width: 100%;
        }

        .non-woven-bag-col .work-section__image-block .work-section__image,
        .Van-2-col .work-section__image-block .work-section__image,
        .IMG_5473-col .work-section__image-block .work-section__image,
        .Square-Scarf-ext-col .work-section__image-block .work-section__image,
        .ceiling-decor-color .work-section__image-block .work-section__image,
        .ios-cover-img .work-section__image-block .work-section__image {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
}

/* macOS (Safari Only) */
/* @supports (font: -apple-system-body) and (background: -webkit-named-image(i)) {} */