/* ==========================================================================
   Numbered Carousel shortcode responsive style - begin
   ========================================================================== */

.qode-numbered-carousel {
    @include laptop-landscape-large {
        .qode-nc-item {
            .qode-nc-item-inner,
            .qode-nc-item-text-wrapper {
                max-width: 80%;
            }
        }
    }

    @include laptop-landscape-mac {
        .qode-nc-item .qode-nc-item-title {
            font-size: 58px;
        }

        .qode-nc-indicators {
            bottom: 20px;
        }
    }

    @include ipad-landscape {
        .qode-nc-grid {
            .qode-nc-grid-line:first-child {
                display: none;
            }

            .qode-nc-grid-line:nth-child(2) {
                left: 0%;
                width: 20%;
            }

            .qode-nc-grid-line:nth-child(3) {
                left: 20%;
                width: 30%;
            }

            .qode-nc-grid-line:nth-child(4) {
                left: 50%;
                width: 30%;
            }

            .qode-nc-grid-line:last-child {
                left: 80%;
                width: 20%;
            }
        }

        .qode-nc-item {
            .qode-nc-item-inner {
                max-width: 95%;
            }

            .qode-nc-item-number-wrapper {
                position: absolute;
                top: 65%;
                right: -1%;
                opacity: .4;
                z-index: -1;
            }
        }

        .qode-nc-item-number {
            font-size: 350px;
        }

        .swiper-slide-prev {
            .qode-nc-item-number-wrapper {
                @include qodeTransform(translate3d(-15vw, 0, 0));
            }
        }

        .swiper-slide-next,
        .swiper-slide-next~div:not(.swiper-slide-active) {
            .qode-nc-item-number-wrapper {
                @include qodeTransform(translate3d(-15vw, 0, 0));
            }
        }
    }

    @media only screen and (max-width: 1000px) {
        height: calc(100vh - 100px);
    }

    @include ipad-portrait {
        .qode-nc-item {
            .qode-nc-item-inner {
                max-width: 100%;
            }
        }
    }

    @include phone-landscape {
        .qode-nc-item {
            width: 100vw;
            margin: 0;
            padding: 5%;

            .qode-nc-item-title {
                font-size: 42px;
            }
        }

        .qode-nc-indicators {
            bottom: 10px;

            >span {
                height: 17px;
                margin: 0;
            }
        }

        .swiper-slide-prev {
            .qode-nc-item-number-wrapper {
                @include qodeTransform(translate3d(-100%, 0, 0));
            }
        }

        .swiper-slide-next,
        .swiper-slide-next~div:not(.swiper-slide-active) {
            .qode-nc-item-number-wrapper {
                @include qodeTransform(translate3d(100%, 0, 0));
            }
        }
    }

    /* Phone Landscape orientation */
    @media only screen and (max-device-width: 812px) and (orientation: landscape) {
        .qode-nc-item {
            .qode-nc-item-inner {
                max-width: 90%;
                padding-top: 30px;
            }

            .qode-nc-item-number-wrapper {
                top: 55%;
                right: 5%;
            }
        }

        .qode-nc-item-number {
            font-size: 300px;
        }

        .qode-nc-item-subtitle-wrapper,
        .qode-nc-item-text-wrapper {
            display: none;
        }
    }

    @include phone-portrait{
        .qode-nc-item-title{
            font-size: 30px;
            line-height: 1.1em;
        }

        .qode-nc-item-text{
            display: none;
        }

        .qode-nc-item-btn-wrapper{
            white-space: nowrap;
        }
    }
}

/* ==========================================================================
   Numbered Carousel shortcode responsive style - end
   ========================================================================== */