/**
 * Mobile devices.
 */
@media only screen and (max-width: 767px) {
	.standout-section.standout-case-slider {
		& .slider_wrapper {
			& .backgrounds .background {
				background-image: var(--bg-mobile, var(--bg-desktop));
			}
		}
	}
}


/**
 * Larger mobile devices.
 */
@media only screen and (min-width: 480px) {

}



/**
 * Tablet devices.
 */
@media only screen and (min-width: 768px) {
    .standout-section.standout-case-slider {
        & .case_details_wrapper {
            & .case_title {
                margin-bottom: 0;
            }
        }
    }
}



/**
 * Smaller screen devices.
 */
@media only screen and (min-width: 960px) {
    .standout-section.standout-case-slider {
        & .slider_wrapper {
            min-height: 100svh;
            display: flex;

            & .content-wrapper {
                padding: calc(var(--content-margin) * 2) var(--content-margin) var(--content-margin) calc(var(--content-margin) * 2) !important;

                & .content {
                    margin: 0 auto;
                    max-width: var(--content-max-size);

                    & .bottom {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        column-gap: var(--gap-m);

                        & .right {
                            .slick-slider,
                            .slick-list,
                            .slick-track,
                            .slick-slide {
                                height: 100%;
                            }
                        }
                    }
                }
            }
        }

        & .counter {
            margin-block: unset;
        }

        & .arrows {
            margin-bottom: calc(var(--gap-l) * (2 / 3));

            & button {
                font-size: .893em;
            }
        }

        & .button_wrapper {
            margin-bottom: 0;
        }
    }
}



/**
 * Smaller laptops.
 */
@media only screen and (min-width: 1100px) {
	
}



/**
 * Laptops.
 */
@media only screen and (min-width: 1240px) {

}



/**
 * Large screen devices.
 */
@media only screen and (min-width: 1600px) {

}



/**
 * Oddly large screen devices.
 */
@media only screen and (min-width: 2023px) {
    .standout-section.standout-case-slider {
        & .slider_wrapper {
            & .content {
                grid-template-rows: 1.5fr calc((50vw - var(--content-margin) - (var(--gap-m) / 2)) * (9 / 16));
            }
        }
    }
}