@media all and (min-width: 600px) {
    /* Change color for backdrop */
    .fancybox-custom-layout .fancybox-bg {
        background: #fcfaf9;
    }

    .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1;
    }
    /* Move caption area to the right side */
    .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px;
    }

        .fancybox-custom-layout .fancybox-caption h3 {
            color: #444;
            font-size: 21px;
            line-height: 1.3;
            margin-bottom: 24px;
        }

        .fancybox-custom-layout .fancybox-caption a {
            color: #444;
        }
        /* Remove gradient from caption*/
        .fancybox-custom-layout .fancybox-caption::before {
            display: none;
        }
    /* Adjust content area position */
    .fancybox-custom-layout .fancybox-stage {
        right: 300px;
    }
    /* Align buttons at the right side  */
    .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px;
    }
    /* Remove background from all buttons */
    .fancybox-custom-layout .fancybox-button {
        background: transparent;
    }
    /* Navigation arrows */
    .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 2px;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #ddd;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #333;
    }
    /* Reposition right arrow */
    .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px;
    }
    /* Extras */
    .fancybox-slide {
        padding: 0px;
    }
}