/* iPad landscape*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

    body {
        position: relative;
        overflow: hidden;
        max-width: 100%;
        max-height: 100%;
    }

    #video-background {
        height: 100%;
        width: auto;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {

    .HomeContentArticle section {
        width: 80%;
    }

    .HomeContentArticle section h1 {
        font-size: 26pt;
        line-height: 28pt;
        height: 56pt;
    }

    .HomeContentArticle section p {
        font-size: 18pt;
    }

    #First-odd, #Second-odd, #Third-odd, #Fourth-odd {
        top: 28%;
    }

    #Third-odd {
        top: 20%;
    }

    #Fourth-odd {
        top: 21%;
    }

    #First-even, #Second-even, #Third-even, #Fourth-even {
        top: 39%;
    }

    #Slider {
        top: 27% !important;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

    .HomeContentArticle section {
        width: 80%;
        left: 10%;
    }

    .HomeContentArticle section h1 {
        font-size: 26pt;
        line-height: 28pt;
        height: 56pt;
    }

    .HomeContentArticle section p {
        font-size: 18pt;
    }

    #First-odd, #Second-odd, #Third-odd, #Fourth-odd {
        top: 28%;
    }

    #Third-odd {
        top: 20%;
    }

    #Fourth-odd {
        top: 21%;
    }

    #First-even, #Second-even, #Third-even, #Fourth-even {
        top: 39%;
    }

    .Slider#Slider2 {
        position: absolute;
        top: 33% !important;
    }

    .Slider#Slider {
        top: 45% !important;
    }

    .run-animation {
        -webkit-animation-name: slidein4;
        -moz-animation-name: slidein4;
        -o-animation-name: slidein4;
        animation-name: slidein4;
    }

    .run-animation-header {
        -webkit-animation-name: slidein3;
        -moz-animation-name: slidein3;
        -o-animation-name: slidein3;
        animation-name: slidein3;
    }
}

/*Retina iPad*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    /* STYLES GO HERE */
}

/*iPad 1 & 2 & iPad Mini*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    /* STYLES GO HERE */
}

/*iPhone 6*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px) {
    /* STYLES GO HERE */
}

/*iPhone 6 Plus*/
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px) {
    /* STYLES GO HERE */
}

/*iPhone 5 and 5S*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    /* STYLES GO HERE */
}

/*iPhone 2G, 3G, 4, 4S*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    /* STYLES GO HERE */
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
    .HomeContentArticle {
        overflow: hidden;
    }
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}