/* =============================================
--------------  30. Retina Display  -----------
==============================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) { /* Patterns via predefined classes */
    .pattern4 { background-image: url('../images/patterns/pattern4@2x.png'); -webkit-background-size: 500px 500px; background-size: 500px 500px; }

    .pattern5 { background-image: url('../images/patterns/pattern5@2x.png'); -webkit-background-size: 400px 400px; background-size: 400px 400px; }

    .pattern6 { background-image: url('../images/patterns/pattern6@2x.png'); -webkit-background-size: 198px 200px; background-size: 198px 200px; }

    .pattern7 { background-image: url('../images/patterns/pattern7@2x.png'); -webkit-background-size: 588px 375px; background-size: 588px 375px; }

    .pattern8 { background-image: url('../images/patterns/pattern8@2x.png'); -webkit-background-size: 150px 150px; background-size: 150px 150px; }

    .pattern9 { background-image: url('../images/patterns/pattern9@2x.png'); -webkit-background-size: 500px 500px; background-size: 500px 500px; }

    .pattern10 { background-image: url('../images/patterns/pattern10@2x.png'); -webkit-background-size: 512px 512px; background-size: 512px 512px; }

    .pattern11 { background-image: url('../images/patterns/pattern11@2x.png'); -webkit-background-size: 500px 300px; background-size: 500px 300px; }

    .pattern12 { background-image: url('../images/patterns/pattern12@2x.png'); -webkit-background-size: 523px 384px; background-size: 523px 384px; }

    .pattern13 { background-image: url('../images/patterns/pattern13@2x.png'); -webkit-background-size: 300px 300px; background-size: 300px 300px; }

    .pattern14 { background-image: url('../images/patterns/pattern14@2x.png'); -webkit-background-size: 40px 40px; background-size: 40px 40px; }

    .pattern15 { background-image: url('../images/patterns/pattern15@2x.png'); -webkit-background-size: 188px 178px; background-size: 188px 178px; }

    .pattern16 { background-image: url('../images/patterns/pattern16@2x.png'); -webkit-background-size: 150px 173px; background-size: 150px 173px; }

    .pattern17 { background-image: url('../images/patterns/pattern17@2x.png'); -webkit-background-size: 190px 191px; background-size: 190px 191px; }

    .pattern18 { background-image: url('../images/patterns/pattern18@2x.png'); -webkit-background-size: 400px 317px; background-size: 400px 317px; }

    .pattern19 { background-image: url('../images/patterns/pattern19@2x.png'); -webkit-background-size: 400px 343px; background-size: 400px 343px; }

    .pattern20 { background-image: url('../images/patterns/pattern20@2x.png'); -webkit-background-size: 100px 98px; background-size: 100px 98px; }

    .pattern21 { background-image: url('../images/patterns/pattern21@2x.png'); -webkit-background-size: 36px 62px; background-size: 36px 62px; }

    .pattern22 { background-image: url('../images/patterns/pattern22@2x.png'); -webkit-background-size: 206px 206px; background-size: 206px 206px; }

    .pattern23 { background-image: url('../images/patterns/pattern23@2x.png'); -webkit-background-size: 387px 201px; background-size: 387px 201px; }

    .pattern24 { background-image: url('../images/patterns/pattern24@2x.png'); -webkit-background-size: 294px 235px; background-size: 294px 235px; }

    .pattern25 { background-image: url('../images/patterns/pattern25@2x.png'); -webkit-background-size: 320px 320px; background-size: 320px 320px; }

    .pattern26 { background-image: url('../images/patterns/pattern26@2x.png'); -webkit-background-size: 500px 375px; background-size: 500px 375px; }

    .pattern27 { background-image: url('../images/patterns/pattern27@2x.png'); -webkit-background-size: 520px 520px; background-size: 520px 520px; }

    .pattern28 { background-image: url('../images/patterns/pattern28@2x.png'); -webkit-background-size: 482px 490px; background-size: 482px 490px; }

    .pattern29 { background-image: url('../images/patterns/pattern29@2x.png'); -webkit-background-size: 700px 700px; background-size: 700px 700px; }

    .pattern30 { background-image: url('../images/patterns/pattern30@2x.png'); -webkit-background-size: 412px 300px; background-size: 412px 300px; }
    /* End patterns */
}