/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

    .mobile-white-background, .mobile-white-background .ema-main-button-dark a {
        color: #fff;
    }
    .mobile-white-background .ema-main-button-dark a {
        border-color: #fff;
    }
}