/*---------------------------------------------- 
Retina
------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2) {
    .open-responsive-nav span,
    .single-pagination li a,
    #entries-pagination li a,
    .easy-opener-close,
    .easy-opener-next,
    .easy-opener-prev,
    .flex-direction-nav a,
    .tp-leftarrow.default,
    .tp-rightarrow.default,
    .owl-theme .owl-controls .owl-buttons div {
        background-image: url(../images/retina/sprites@2x.png);
        -webkit-background-size: 480px 40px;
        -moz-background-size: 480px 40px;
        -o-background-size: 480px 40px;
        background-size: 480px 40px;
    }
    .spacer-bottom-ref {
        margin-top: 100px !important;
    }
    .close-project a {
        background: url(../images/retina/close@2x.png);
        background-size: 70px;
    }
    .close-project {
        bottom: 135px;
    }
    .socialmedia-widget li a {
        background-image: url(../images/retina/social-icons@2x.png);
        -webkit-background-size: 540px 90px;
        -moz-background-size: 540px 90px;
        -o-background-size: 540px 90px;
        background-size: 540px 90px;
    }
    a.jp-play,
    a.jp-pause,
    a.jp-mute,
    a.jp-unmute {
        background-image: url(../jplayer/controls@2x.png);
        -webkit-background-size: 120px 60px;
        -moz-background-size: 120px 60px;
        -o-background-size: 120px 60px;
        background-size: 120px 60px;
    }
    .tp-mask-wrap .hdln,
    .tp-mask-wrap .hdln strong {
        letter-spacing: -3px !important;
    }
    .parallax-wrapper-2 {
        top: 62% !important;
    }
    .parallax-wrapper-1 {
        top: 45% !important;
    }
    .in {
        background: url(../images/retina/social-1@2x.png) -140px 0 no-repeat;
        background-size: 210px 70px;
    }
    .in:hover {
        background: url(../images/retina/social-2@2x.png) -140px 0 no-repeat;
        background-size: 210px 70px;
    }
    .fb {
        background: url(../images/retina/social-1@2x.png) -70px 0 no-repeat;
        background-size: 210px 70px;
    }
    .fb:hover {
        background: url(../images/retina/social-2@2x.png) -70px 0 no-repeat;
        background-size: 210px 70px;
    }
    .mail {
        background: url(../images/retina/social-1@2x.png) 0px 0 no-repeat;
        background-size: 210px 70px;
    }
    .mail:hover {
        background: url(../images/retina/social-2@2x.png) 0px 0 no-repeat;
        background-size: 210px 70px;
    }
    #page-loader .loader {
        background: url(../images/retina/loader@2x.gif) 0px 0 no-repeat;
        background-size: 42px 48px;
        width: 42px;
        height: 48px;
    }
}