/* Smartphones (portrait and landscape) */
@media screen and (min-width : 320px) and (max-width : 480px) {
    body.landing-qr-layout {
        background-image: url('/images/screen/375x667_device_iPhone6.png');
    }
}

/* iPads (portrait and landscape) */
@media screen and (min-width : 768px) and (max-width : 1024px) {
    body.landing-qr-layout {
        background-image: url('/images/screen/1024x768_device_iPad.png');
    }
}

/* Middle screens */
@media screen and (min-width: 720px) and (max-width: 1280px) {
    body.landing-qr-layout {
        background-image: url('/images/screen/1280x720_device_middle.png');
    }
}

/* Desktops and laptops */
@media screen and (min-width : 1224px) {
    body.landing-qr-layout {
        background-image: url('/images/screen/1280x800_device_middle.png');
    }
}

/* Large screens */
@media screen and (min-width : 1324px) {
    body.landing-qr-layout {
        background-image: url('/images/screen/1400x900_device_big.png');
    }
}

/*iPhone 6 Portrait*/
@media screen and (min-width: 375px) and (max-width: 667px) and (orientation : portrait) {
    body.landing-qr-layout {
        background-image: url('/images/screen/375x667_device_iPhone6.png');
    }
}

/*iPhone 6 landscape*/
@media screen and (min-width: 375px) and (max-width: 667px) and (orientation : landscape) {
    body.landing-qr-layout {
        background-image: url('/images/screen/375x667_device_iPhone6.png');
    }
}

/*iPhone 6+ Portrait*/
@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) {
    body.landing-qr-layout {
        background-image: url('/images/screen/414x736_device_iPhone6Plus.png');
    }
}

/*iPhone 6+ landscape*/
@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : landscape) {
    body.landing-qr-layout {
        background-image: url('/images/screen/414x736_device_iPhone6Plus.png');
    }
}