/*@import url('/FORMMODR/css/style.css');*/ /* CALLS FORM CSS */
@import url('/resources/library/jqueryUI/accordionJQ/css/jquery.accordion.css'); /* CALLS ACCORDION CSS */
@import url('/resources/css/main-2.css'); /* CALLS MAIN TEMPLATE CSS */
@import url('/resources/child-themes/ecpiTECH-3_childtheme/css/childtheme-main.css'); /* CALLS THEME CSS */

/* CUSTOM STYLES ------------------------------------------------------------*/


/* OPEN MESSAGE CSS */
.top-desktop {max-width: 70%;}

.showRoom { background-image: url('../img/mainbackground.jpg'); background-position: center center; }
/*.mobileImage { background-image: url('../img/mainbackground.jpg'); background-position: 13% 20%;}*/
.testimonial {width: 100%;}

.content-text {/*font-family: 'Roboto', sans-serif;*/ font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;font-style: normal;font-weight: 400;font-size: 18px;line-height: 25px;width: 100%;margin-left: auto;}

.arrow-main { width: 30%; margin-top: 175px; padding-bottom: 10px; color: #000; float: right; position: inherit;}

.bg-color {background-color: rgba(19, 97, 171, 0.78);height: 200px;width: 65%;}

.heroStatement {position: relative; height: 330px;}

.videoHolder-gif {margin-top: 85px; width: 75%;}

.subtext-tycop {font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif; font-size: 24px; position: absolute; text-transform: none; width: 78%; padding: 5px 20px 5px 20px; color: #333; left: 0px; top: 335px; font-weight: 300 !important;}

.subtext-tycop-2 {font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;font-size: 22px;position: absolute;text-transform: none;width: 65%;padding: 5px 20px 5px 20px;color: #008fff;left: 0px;top: 210px;font-weight: 600;letter-spacing:1px}

.showRoom .heroStatement h1 {font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  text-transform: none;
  line-height: 65px;
  color: #FFFFFF;
  width: 100%;
  padding: 5px 20px 5px 20px;
  position: absolute;
  left: 1px;
  top: 170px;}

.subtext {font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
  font-size: 31px;
  font-style: normal;
  font-weight: 700;
  line-height: 0px;
  text-transform: none;
  width: 100%;
  color: #FFFFFF;
  position: absolute; 
  padding: 5px 20px 5px 20px;  
  left: 1px;
  top: 145px;}

.subtext-2 {/*font-family: 'Roboto', sans-serif;*/
  font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    font-size: 22px;
    color: rgb(246, 168, 0);
    padding: 5px 20px 5px 20px;
    position: absolute;
    left: 1px;
    top: 325px;}

.mobileHeadTag {font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif !important; font-style: normal; font-weight: 100;color:white;text-transform: none;font-size: 34px;text-align: center;margin-top: 10px !important;}

.mobileHeadTagSub {font-family: 'Rubik','Open Sans','Arial','Helvetica Neue','Helvetica',sans-serif !important; font-style: normal; font-weight: 100;color:white;text-transform: none;font-size: 22px;text-align: center;margin-top: 30px;}

.cvarlocation {
    /*font-family: 'Roboto', sans-serif;*/ font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif; font-style: normal;  font-weight: 100;  font-size: 22px; text-transform: none; text-align:center;
}

.formSubHeader2 {display: none;}

.default-subheader {/*font-family: "PTSans","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;*/ font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;font-size: 16px;padding: 0px 10px 10px 25px;color: #FFF;width: 70%;position: absolute;bottom: -135px;left: 234px;}

.lightBG {background-color: #f8f9fa;height: 276px;margin-left: 0px;margin-right: 0px; border-style: none none solid none;border-width: 1px;border-color: #d1d6dc;}

.phoneCTAWrap {display: none;}

.out {
    width: 0px;
    height: 100%;
    margin: 26px auto auto auto;
    position: relative;
    overflow: hidden;
    height: 150px;
    float: left;
}

.in {
    position: absolute;
    width: 100%;
    height: 85%;
    background: white;
    box-shadow: 0px 0px 30px 20px transparent;
}

.col-lg-2 {width: 33%; text-align: center;float:left;}

ul {font-size: 18px; list-style-position: inside; padding:0px;}

.valueProps {margin-top: 30px;}
.valueProps-iPad {display: none;}

.col-lg-2 img {width: 180px !important;
  align-items: center;
  float: none;
  margin-left: auto;
  padding-top: 25px;
}

.icon-text {font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
    color: #0d4ba0;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-top: 0px;}

.iPad {display:none;}

.mobile {display: none;}

/*.leftcontent {text-align: center;}*/

.program-name {/*font-family: 'Roboto', sans-serif;*/
  font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    text-transform: none;
    color:#008fff;
    text-align:center;
}

.program-name-2 {/*font-family: 'Roboto', sans-serif;*/
  font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    text-transform: none;}

.learn-more {display: block;
    border-style: solid;
    border-radius: 20px;
/*  left: 355px;
    top: 1450px;*/
    z-index: 19;
    width: 360px;
    height: 58px;
    position: absolute;
    background: #104b95;
    box-shadow: none;
    text-shadow: none;
    color: #FFFFFF;
    border-width: 0px;
    border-color: #ffffff;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    /*font-family: Roboto;*/
    font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
    font-style: normal;
    text-align: center;
    background-repeat: no-repeat;}

/* PAGE NAME */
.pageName {color: #dcdcdc;}
.pageName_div {position: relative;}
.pageName_div2 {position: absolute;bottom: 0;right: 0;color:#444444;padding-right: 10px;font-size: 12px;}
.footDisclaimers {padding-bottom:30px;}

.military-mobile {display:none;}

/* FORM CSS */
.eightStep .fullWidthFieldInput, .eightStep .fullWidthField {margin-top: 0px;}
.pointer {border-color: #0d4ba0 transparent transparent transparent;border-width: 25px 25px 0 25px;margin-left: auto; margin-right: auto;}
.formWrapper {height: auto;box-shadow: 5px 0 15px -4px rgb(20 20 20 / 80%), -5px 0 8px -4px rgb(20 20 20 / 80%);}
#formWrapper label {font-weight: normal;text-align: left;font-weight: bold;}
#formWrapper fieldset {height: auto;min-height: unset;position: relative;margin-top: 0;}
#formWrapper .action-button {background-color: #ffc70a;
  color: #000000;text-transform: uppercase;border-radius: 30px !important;border: none !important; height:40px; font-size:17px; padding:0%;}
#formWrapper .previous {width: 30%;text-transform: uppercase;border: 1px solid #000000;height: 40px;color: #FFF !important;}
#formWrapper .submit-btn {
  width: 68%;
  text-transform: uppercase;
  background-image: url(/resources/img/layout/padlock.png);
  background-repeat: no-repeat;
  background-size: 8%;
  background-position: bottom 15px left 5px;
  border: 5px solid #ffc70a;
  height: 40px;
  padding-left: 20px;
}
#formWrapper .submit-btn:hover, #formWrapper .submit-btn:focus {
  background-color: #666;
  background-image: url(/resources/img/layout/padlock.png);
  background-repeat: no-repeat;
  background-size: 8%;
  background-position: bottom 18px left 0px;
  color: #FFFFFF;
  border: 5px solid #333333;
  padding-left: 20px;
}

.form {
  display: block;
}

@keyframes shake {
  0%, 100% {transform: translateX(0);}
  20%, 60% {transform: translateX(-10px);}
  40%, 80% {transform: translateX(10px);}
}

@media (prefers-reduced-motion: no-preference) {
  .form-animation {
    animation: shake 0.5s;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .form-animation2 {
    animation: shake 0.5s 1 ease;
  }
}

/* FORM BUTTON */
/*#formWrapper .action-button {font-size: 15px;}
#formWrapper .action-button {background-color: #f6a800;}
#formWrapper .next {width: 45%;border-radius: 10px;text-transform: none;}
#formWrapper .action-button {color: black;}*/

/* // RESPONSIVE STYLES ------------------------------------------------------// */

/* iPhone 5 & 5S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    
}

/* iPhone 5 & 5S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .showSmallMobileSummary {display: block; padding: 10px 20px; text-align: center;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 30px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto;}
    .phoneCTAWrap {display: block; margin-right: 15px;}
    
    .valueProps {display: none;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {width: 100px;padding: 10px;}
    /*.widgetWidth {float: left; width: 33%;}*/
    
    .pointer {display: block;margin-left: auto; margin-right: auto;}
}

/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    .showRoom {background-image:none; background-color:#018ad8;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: none;}
    .valueProps-iPad {display: none;}
    .valueProps-mobile {display: block;}
    .mobile-only {display:block;}
    .mobileImage {display: none !important;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 84%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 20px;}
    .formHeader {font-size: 29px; color:#fff; height:105px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block; color: #fff !important;}
    #formWrapper .previous {font-size:17px;}
    #formWrapper .submit-button {font-size: 12px !important;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto; width: 100%;}
    .phoneCTAWrap {display: block; margin-right: 15px;padding:15px 0 !important;}
    .col-lg-6 div.phoneCTAWrap img.phoneIcon {width: 35px;height: 35px;}
    .ctaAnchor a button {padding: 20px 0px 20px 0px; font-size:15px;}
    .valueProps {display: none;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center; display:contents;}
    .military-mobile img {height: 100px;padding: 10px;}
    /*.widgetWidth {float: left; width: 32%;}*/
    
    .icon-text {font-size: 22px;margin-top: 0px;}
    .pointer {display: block;margin-left: auto; margin-right: auto;}
    #formWrapper .action-button {padding-left: 4px;}
}

/* iPhone 6 in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
  
}

/* iPhone 6 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

}

/* iPhone 6 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
    .showRoom {background-image:none; background-color:#018ad8;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 30px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto;}
    .phoneCTAWrap {display: block;margin-right: 15px;}
    
    .valueProps {display: none;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {height: 120px;padding: 10px;}
    .top-mobile {max-width: 100%;}
    
    /*.widgetWidth {float: left; width: 33%;}*/
    .pointer {display: block;margin-left: auto; margin-right: auto;}
    #formWrapper .action-button {padding-left: 4px;}
}

/* Google Pixel 2 & 2 XL */
/* Portrait */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: portrait) {
      .formWrapper {width: 370px;}
}

/* Landscape */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {

}

/* Portrait and Landscape */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {

}

/* iPhone 6 Plus in portrait & landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
  
}

/* iPhone 6 Plus in landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
    .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .showSmallMobileSummary {display: block; padding: 10px 20px; text-align: center;}
    
    .content-text {width: 100%;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 50px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left:auto; margin-right: auto;}
    .phoneCTAWrap {display: block; margin-right: 15px;}

    .valueProps {display: none;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {width: 100px;padding: 10px;}
    /*.widgetWidth {float: left; width: 33%;}*/
    
    .pointer {display: block;margin-left: auto; margin-right: auto;}

}

/* iPhone 6 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .content-text {width: 100%;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 50px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto;}
    .phoneCTAWrap {display: block; margin-right: 15px;}
    
    .valueProps {display: none;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .icon-text {font-size: 28px;margin-top: 0px;margin-left: 15px;}
    .military-mobile img {height: 140px;padding: 10px;margin-top: 15px;margin-bottom: 15px;}
    /*.widgetWidth {float: left; width: 33%;}*/
    
    .pointer {display: block;margin-left: auto; margin-right: auto;}

    #formWrapper .action-button {padding-left: 4px;}
}

/* iPhone X and Xs Max */
@media only screen 
and (min-device-width: 375px) 
and (min-device-height: 812px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) { 

}

/* iPhone X and Xs Max */
@media only screen 
and (min-device-width: 375px) 
and (min-device-height: 812px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) { 

}

/* iPhone XR */
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 

}

/* 
  iPhone 2G, 3G, 4, 4S Media Queries
  It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
*/

/* iPhone 2G-4S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  
}

/* iPhone 2G-4S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
  
}

/* iPhone 2G-4S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
  
}

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

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .showRoom {background-position: 20% 100%;}
    .showRoom .heroStatement h1 {font-size: 43px;bottom: 210px;width: 130%;line-height: 53px;padding: 16px 20px 10px 10px;left: 10px;top: 120px;}
    .arrow-ipad {margin-top: 140px !important;}
    .bg-color{height: 180px; width: 95%;}
    .default-subheader {font-size: 9.5px; width: 98%; bottom: -75px; left: 10px;}
    
    .top-tablet {max-width: 100%;}
    
    .subtext {font-size: 20px;width:130%;top: 120px;}  
    .subtext-2 {left:0px; width:130%;font-size: 17px;top: 250px;}
    .content-text {width: 100%;margin-left:0px;}
    
    header a.logoText img {width: 70%; margin-top:25px;}
    .formHeader {padding: 30px 20px 0 20px;font-size: 28px;}
    
    .formSubHeader {font-size: 14px;margin-top: 0px;margin-left: 0px;}
    
    .ctaAnchor-2 {background-color: #104b95;border: none;width: 150px;height: 40px;margin-top: 35px;margin-left: -100px;}
    
    .ctaAnchor-2 a button {/*font-family: 'Roboto', sans-serif;*/ font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;padding: 20px 20px 20px 20px;width: 100%;text-transform: none;font-size: 14px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}
    
    .ctaAnchor a button {font-size: 11px;}

    .valueProps {display: none;}
    .valueProps-iPad {display:contents;border-style: none none solid none;border-width: 1px;border-color: #d1d6dc;}
    .lightBG {display: none;}
    
    .iPad {display: block;height: 160px;}
    .military-iPad {text-align: center;margin-top: 15px;}
    .military-iPad img {width: 140px;padding: 10px;}
    .widgetWidth {float: left; width: 33%;}
    .icon-text {font-size: 20px;margin-top: 0px;margin-left: auto;}
    
    .formWrapper {width: 275px;margin-left: 82px;min-height: 440px;}
    .pointer {display: none;}
    #formWrapper .next {height: 35px;}
    #formWrapper fieldset {min-height: 180px;}
    .financial-aid p {font-size: 10.2px;}
}

/* Kindle Fire HD & HDX portrait */ 
@media only screen and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-device-pixel-ratio: 1.5) {

}

/* iPad Pro portrait */ 
@media only screen
and (min-device-width:1024px)
and (max-device-width:1355px) 
and (orientation : portrait) { 
    .showRoom {background-position: 20% 100%;}
    .heroStatement {height: 425px;}
    .arrow-ipadpro {margin-top: 135px !important;}
    .showRoom .heroStatement h1 {font-size: 65px; line-height: 80px; width: 130%; padding: 16px 20px 10px 10px; left:10px;bottom: 300px;}
    
    .top-ipadpro {max-width: 100%;}
    
    .subtext-2 {top: 310px;}
    
    .subtext {font-size: 28.5px;}
    .bg-color {height:210px; width: 90%;}
    .default-subheader {width: 95%;bottom: 20px; left:30px;}
    
    #formWrapper {min-height: 425px;}
    .formWrapper {margin-left: 140px;}
    
    .ctaAnchor-2 {margin-left: -60px;}
    
    .lightBG {display: block;}
    .valueProps {display: block;}
    .mobile {display: none;}
    .iPad {height:0px;}
    .valueProps-iPad {display: none;}
    .icon-text {font-size: 30px;}
    .videoHolder-gif {margin-top: 50px;width: 100%;}
    .subtext-tycop {top: 274px;font-weight: 300 !important;/*border-top: solid #ff5f00 3px;*/padding-top: 30px;}

    .ctaAnchor a button {font-size: 14px;}
    .ctaAnchor-2 {background-color: #104BA0;border: none;width: 150px;height: 45px;margin-top: 45px;margin-left: -80px;}
    
    .ctaAnchor-2 a button {padding: 25px 20px 20px 20px;width: 100%;text-transform: none;font-size: 14px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}

}

/* iPad Pro landscape */ 
@media only screen
and (min-device-width:1024px)
and (max-device-width:1355px) 
and (orientation : landscape) { 
/*    .showRoom .heroStatement h1 {left: 160px;}*/
    .arrow-main {margin-top: 145px;}
    .default-subheader {left: 155px;}
}

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

  .valueProp-icon {height: 120px;}
  .widgetWidth {text-align:center;}
  .subtext {font-size: 30px; top:75px;}
  .showRoom .heroStatement h1 {
   font-size: 45px;
   top:105px;
  }
  .subtext-2 {
    top:240px;
  }

  .valueProps {display: none;}
  .lightBG {height:0px;}
  .iPad {display:block;}
  .valueProps-iPad {display:block;border-style: none none solid none;border-width: 1px;border-color: #d1d6dc;}

  .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    
    .mobile-only {display:block;}
    .videoHolder {display:block;}

    .formWrapper {width: 320px;margin-left: 70px;min-height: 440px;
      box-shadow: 5px 0 10px -4px rgb(20 20 20 / 80%), -5px 0 8px -4px rgb(20 20 20 / 80%);}
      
      .ctaAnchor-2 {border: none;width: 150px;height: 40px;margin-top: 30px;margin-left: -120px;}
      
      .ctaAnchor-2 a button {padding: 20px 20px 20px 20px;width: 100%;text-transform: none;font-size: 14px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}

      .ctaAnchor a button {font-size: 15px;}
}


/* iPhone X and Xs Max in landscape*/
@media only screen 
and (min-device-width: 375px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) { 
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .showSmallMobileSummary {display: block; padding: 10px 20px; text-align: center;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {width: 135px;height: 38px;margin-left: -95px;}
    .ctaAnchor-2 a button {font-size: 14px;margin-top: -11px;}
    
    .formWrapper {width: 320px;margin: 30px;}
    /*.formSubHeader {margin-left: 80px;}*/
    .ctaAnchor {margin-left: -8px;}
}

/* Galaxy S3 portrait and landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Galaxy S3 portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Galaxy S3 landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* Galaxy S4 portrait and landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Galaxy S4 portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Galaxy S4 landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* Galaxy S5 portrait and landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Galaxy S5 portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
      .formSubHeader {margin-left: 80px;}
}

/* Galaxy S5 landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* HTC One portrait and landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* HTC One portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* HTC One landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/*
  iPad 3 & 4 Media Queries
  If you're looking to target only 3rd and 4th generation Retina iPads 
  (or tablets with similar resolution) to add @2x graphics,
  or other features for the tablet's Retina display, use the following media queries.
*/

/* Retina iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}

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

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

/*
  iPad 1 & 2 Media Queries
  If you're looking to supply different graphics or choose different typography 
  for the lower resolution iPad display, the media queries below will work 
  like a charm in your responsive design!
*/

/* iPad 1 & 2 in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad 1 & 2 in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad 1 & 2 in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad mini in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad mini in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* iPad mini in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* Galaxy Tab 10.1 portrait and landscape */
@media
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Galaxy Tab 10.1 portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Galaxy Tab 10.1 landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* Asus Nexus 7 portrait and landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Asus Nexus 7 portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Asus Nexus 7 landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}

/* 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) {

}

/* Kindle Fire HD 7" 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) {
    
}

/* Kindle Fire HD 7" 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) {

}

/* 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) {

}

/* Kindle Fire HD 8.9" 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) {
    
}

/* Kindle Fire HD 8.9" 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) {

}

/* Laptops non-retina screens */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Laptops retina screens & iPad Pro in landscape*/
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {

}

/* Apple Watch */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm) { 

}

/* Moto 360 Watch */
@media 
  (max-device-width: 218px)
  and (max-device-height: 281px) { 

}

@media (min-width: 1200px) {

}