/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    .it-logo-header {
        padding: 8% 0 0 36%
        }
    .regionSelect {
        text-align: center
        }
    .regionSelect button.explore-btn {
        width: 50%;
        margin-top: 2%;
        margin-bottom: 25px
        }
    .pathwaySm-header {
        font-size: 1.1em;
        padding: 5% 0 0 24%
        }
    figure.startPathwayTile p, figure.startPathwayTile .btn, figure.introPathwayTile div.tileContent, figure.introPathwayTile ul li {
        padding: 2.25em 1em
        }
    .grid figure p, .grid figure ul {
        font-size: 0.65em;
        padding: 0 1.8em
        }
    div#pathwayContainer, div#pathwayContainerLowerLevel {
        max-height: 512px;
        min-height: 512px
        }
    .startSwipe {
        padding-top: 470px
        }
    #pin {
        padding-top: 442px !important
        }
    .prep-0, .prep-1 {
        max-height: 700px;
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        top: 50px
        }
    .careerLevelSm, .careerLevelLg {
        transform: scale(1);
        -webkit-transform: scale(1);
        min-height: 800px;
        top: 80px
        }
    .tidbit, .easter-egg, .easter-egg-detail {
        transform: scale(1);
        -webkit-transform: scale(1)
        }
    .pathRequirementsSm, .careerSm, .pathEndSm, .pathChoiceSm, .pathChoiceBkSm {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 250px
        }
    .pathRequirementsLg, .careerLg, .pathEndLg, .pathChoiceLg, .pathChoiceBkLg {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        margin-top: 220px
        }
    .pathChoiceNext, .pathChoiceBack {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 400px
        }
    /*KSA*/
    .ksaOverlay .translate {
        padding: 0 0 20px 0;
        margin-top: -20px
        }
    .ksaOverlayImg {
        display: none
        }
    .ksaOverlay {
        padding-right: 1em;
        padding-left: 1em;
        background-image: none;
        background: #fff;
        font-size: 1em
        }
    .ksaOverlayScroll {
        max-width: 768px
        }
    .ksaOverlay h1 {
        background-size: 10%
        }
    h2.ksaKnowledge, .ksaOutcome h3.ksaKnowledge, h2.ksaSkills, .ksaOutcome h3.ksaSkills, h2.ksaAbilities, .ksaOutcome h3.ksaAbilities {
        background: none
        }
    .ksaOutcome {
        display: block
        }
    .ksaGroup ul {
        list-style: none;
        margin: auto;
        margin-left: -20px
        }
    .ksaNavBtns {
        margin-top: 1em;
        margin-bottom: 4em
        }
    .ksaNavBtns button, .ksaNavBtns .ksa-btn, .ksaNavBtns .reset-btn {
        width: 30%
        }
    }
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    .industry-logo-header {
        padding: 8% 0 0 33%
        }
    .font-24 {
        font-size: 20px !important
        }
    .font-28 {
        font-size: 24px !important
        }
    .it1-badge-text, .it2-badge-text, .it3-badge-text {
        min-height: 244px
        }
    .it1-badge-img, .it2-badge-img, .it3-badge-img {
        min-height: 200px
        }
    .regionSelect button.explore-btn {
        width: 40%;
        margin-top: 1%;
        margin-bottom: 25px;
        font-size: 16px !important;
        margin-left: 4em
        }
    .regionSelect button.explore-btn i {
        font-size: 12px !important
        }
    .selectedPathway {
        font-style: italic;
        font-weight: 500;
        font-size: 16px !important;
        margin-left: 3em
        }
    span.breadcrumb {
        font-size: 1.65em;
        margin-top: 0
        }
    .pathwaySm-header {
        font-size: 1.1em;
        padding: 5% 0 0 20%
        }
    div#pathwayContainer {
        max-height: 360px;
        min-height: 360px
        }
    div#pathwayContainerLowerLevel {
        max-height: 280px !important;
        min-height: 280px !important
        }
    .startSwipe {
        padding-top: 360px;
        margin-left: -250px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8)
        }
    #pin {
        padding-top: 280px !important
        }
    .prep-0, .prep-1 {
        max-height: 450px;
        height: 450px;
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        top: 20px
        }
    .careerLevelSm, .careerLevelLg {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        min-height: 670px;
        top: 20px
        }
    .tidbit {
        transform: scale(0.8);
        -webkit-transform: scale(0.8)
        }
    .easter-egg, .easter-egg-detail {
        transform: scale(1);
        -webkit-transform: scale(1)
        }
    .pathRequirementsSm, .careerSm, .pathEndSm, .pathChoiceSm, .pathChoiceBkSm {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 90px
        }
    .pathRequirementsLg, .careerLg, .pathEndLg, .pathChoiceLg, .pathChoiceBkLg {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        margin-top: 50px
        }
    .pathChoiceNext, .pathChoiceBack {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 250px
        }
    /*KSA*/
    .ksaOverlay .translate {
        padding: 0 0 20px 0;
        margin-top: 10px
        }
    .ksaOverlay {
        padding-right: 1em;
        padding-left: 26%;
        background-image: none;
        background: #fff;
        font-size: 1em
        }
    .ksaOverlayScroll {
        max-width: 768px
        }
    .ksaOverlay h1 {
        background-size: 10%
        }
    h2.ksaKnowledge, .ksaOutcome h3.ksaKnowledge, h2.ksaSkills, .ksaOutcome h3.ksaSkills, h2.ksaAbilities, .ksaOutcome h3.ksaAbilities {
        background: none
        }
    .ksaGroup ul {
        list-style: none;
        margin: auto;
        margin-left: -20px
        }
    .ksaNavBtns {
        margin-top: 1em;
        margin-bottom: 4em
        }
    .ksaNavBtns button, .ksaNavBtns .ksa-btn, .ksaNavBtns .reset-btn {
        width: 30%
        }
    }
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    .container {
        max-width: 100%
        }
    div#pathway-button button {
        margin-right: 40px !important;
        margin-top: 8% !important;
        width: 50% !important;
        font-size: 18px !important
        }
    div#pathway-button i {
        font-size: 16px !important
        }
    .introPathway {
        margin-right: 0;
        margin-left: 0
        }
    .grid figure {
        max-width: 50%
        }
    .it-fact1, .it-fact2, .it-fact3 {
        height: 280px
        }
    .it-facts img {
        max-height: 180px;
        float: left;
        padding-right: 20px
        }
    .it-fact1 h3, .it-fact2 h3, .it-fact3 h3 {
        padding-top: 20px
        }
    .it-badges {
        padding-top: 0
        }
    .social-media-links {
        clear: both;
        padding-top: 25px
        }
    #map-container {
        overflow: scroll
        }
    .selectInstruct {
        margin-top: -2%;
        margin-bottom: 5px
        }
    }
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    .industry-logo-header {
        padding: 8% 0 0 36%
        }
    .regionSelect {
        text-align: center
        }
    .regionSelect button.explore-btn {
        width: 50%;
        margin-top: 2%;
        margin-bottom: 25px
        }
    /*KSA*/
    .ksaOverlay .translate {
        padding: 0 0 20px 0;
        margin-top: -20px
        }
    .ksaOverlayImg {
        display: none
        }
    .ksaOverlay {
        padding-right: 1em;
        padding-left: 1em;
        background-image: none;
        background: #fff;
        font-size: 1em
        }
    .ksaOverlayScroll {
        max-width: 768px
        }
    .ksaOverlay h1 {
        background-size: 10%
        }
    h2.ksaKnowledge, .ksaOutcome h3.ksaKnowledge, h2.ksaSkills, .ksaOutcome h3.ksaSkills, h2.ksaAbilities, .ksaOutcome h3.ksaAbilities {
        background: none
        }
    .ksaGroup ul {
        list-style: none;
        margin: auto;
        margin-left: -20px
        }
    .ksaNavBtns {
        margin-top: 1em;
        margin-bottom: 4em
        }
    .ksaNavBtns button, .ksaNavBtns .ksa-btn, .ksaNavBtns .reset-btn {
        width: 30%
        }
    }
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    .industry-logo-header {
        padding: 8% 0 0 33%
        }
    .font-24 {
        font-size: 20px !important
        }
    .font-28 {
        font-size: 24px !important
        }
    div#pathway-button button {
        margin-right: 80px !important;
        margin-top: 6.5% !important
        }
    .it1-badge-text, .it2-badge-text, .it3-badge-text {
        min-height: 244px
        }
    .it1-badge-img, .it2-badge-img, .it3-badge-img {
        min-height: 200px
        }
    }
/* ----------- Asus Nexus 7 ----------- */
/* Portrait and Landscape */
@media screen and (min-device-width: 600px) and (max-device-width: 960px) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* Portrait */
@media screen and (min-device-width: 600px) and (max-device-width: 960px) and (orientation: portrait) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    .it-badges {
        padding-top: 0
        }
    }
/* Landscape */
@media screen and (min-device-width: 600px) and (max-device-width: 960px) and (orientation: landscape) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* ----------- Kindle Fire HD 8.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* Portrait */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }
/* Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
    .translate-and-share .navbar-nav.navbar-right:last-child {
        margin-right: 0
        }
    }