body {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.noUnderline {text-decoration: none;}
.noUnderline a:link{text-decoration: none;}

.topLogo { margin-left: -20px;}
.blackBack {background-color:#000; opacity:0.4; display:inline;}
.agentFaqImage{ background:url(../images/agents-500faq4.jpg) no-repeat right;}
.bannerAnim{
  background:#b0f9fa;
  position: relative;
  animation-name: myanimation;
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
   animation-delay: 4s; 
  /* animation-direction: alternate; */
   animation-timing-function: ease-in-out; 
}
@keyframes myanimation {
  0% {background-color: #b0f9fa;}
  25% {background-color:yellow;}
  50% {background-color:#32fe03;}
  /*75% {background-color: blue;  border-radius: 50% 50% 50% 0;}
  100% {background-color: white; border-radius: 50% 50% 50% 50%;}*/
}
div .centered {
  position: fixed ; /* or absolute */
  top: 32%;left:6%;
  width: 15%; color:#fff; 
}
.container-full {
  margin: 0 auto;
  width: 100%;
}
.fullSizeFooter {
    background-color:#fff;padding-top:2px;
}
.smartSizeFooter{background-color:#fff;}
.headerBlack{ min-height:550px; min-width:160px; background-color:#014fbb; opacity: 0.8; text-align:center; font-size:50%; color:#ffffff;}

.headerImage {
    /*width:100%; height:550px;*/ 
    min-height:350px; width:100%; height:auto; overflow-y:hidden;
    background:url(../images/image_header-original.jpg) no-repeat center center;   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto; /* to keep proportions */
  height: auto; /* to keep proportions */
  max-width: 100%; /* not to stand out from div */
  max-height: 100%; /* not to stand out from div */
  margin: auto auto 0;
}


headerImageMobile {
   width:100%; height:auto; background:url(../images/main-mobile.jpg) no-repeat center center;
}
.blueBorderRight { border-left:solid 2px #337ab7; display:block;
}

.noBorder{border:none;}
.noUnderline{text-decoration-line:none;}
.siteMapIcons{width:20px; height:auto;}
.siteMap a {
  background-color: transparent; color:#fff;
}
.siteMap a:active,
.siteMap a:hover {
  outline: 0;
}
.siteMap {
    background-color: #014fbb;
    padding-bottom:0;
    padding-top:40px;
    padding-left:40px;
    padding-right:40px;
    /*padding: 40px;*/
    color: #fff;
    list-style-type: none;
    list-style-image: none;
    /*margin: 0 auto;*/
}
.siteMapTitle{ font-weight:bold; line-height:25px;}
.subtitle { border-bottom: solid 2px #ebebeb; padding-bottom:20px;}
.textXs {font-size:0.7em;}
.xHeight { height:50px;}
.whiteBack { background-color:#fff;opacity:0.4;display:block;}
.whiteColor { color: !important #ffffff;}

/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 320px) {
    .carouselImage { 
   min-height:650px; 
   height: 100%  
}  
    #mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}           
                   }
.caption-container {  
}
.carousel-caption{  line-height:0px !important; 
}
h5{
}
.blueBorderRight { border-left:solid 2px #172a40;display:block;
}

.carousel .carousel-inner img {
  width: 100%;
  /*height: 30em;*/
  object-fit: cover;
  overflow: hidden;
}
.superBold{font-weight:bold;}


/* ================= Carousel ============ */
.resize {
/*height: 100%; width:auto;*/
}
.largeImage{min-height:500px; height:550px; overflow: hidden;}
.smallImage {
}
@media only screen and (min-device-width: 375px) {
#pcSize{ 
    visibility:hidden; display:none;}
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;}
    .carouselImage { 
   min-height:250px; 
   height: auto; width:100%; 
}
.caption-container { 

}
.carousel-caption{ 
}
h5{line-height: 5px !important; font-size:smaller !important; 
}
.blueBorderRight { border-left:solid 2px #172a40;display:block;
}
#mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}   
}

@media only screen and (min-device-width: 374px) and (max-device-width: 376px) {
 #pcSize{ 
    visibility:hidden; display:none;}
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;}
     .carouselImage { 
   min-height:550px; 
   height: 100%  
}
.caption-container { 
 
}
.carousel-caption{
     
}
h5{line-height: normal !important; font-size:smaller !important;}
.blueBorderRight { border-left:solid 2px #172a40;display:block;
}
#mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}   
}

@media only screen and (min-device-width: 359px) and (max-device-width: 361px) {
  #pcSize{ visibility:hidden;}
 #MobileDisplay {visibility:visible;} 
     .blueBorderRight {
        border-left: solid 2px #172a40;
        display: block;
    }
 .carouselImage { 
   min-height:550px; 
   height: 100%  
}
.caption-container { 
    
}
.carousel-caption{
   
}
h5{line-height: 5px !important;}
#mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}   
}

@media only screen and (min-device-width: 413px) and (max-device-width: 415px) { 
  #pcSize{ 
    visibility:hidden; display:none;}
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;}
      .carouselImage { 
   min-height:600px; 
   height: 100%  
}
.caption-container { 
    
}
.carousel-caption{
   
}
h5{line-height: 5px !important;}
.headerImage {
   min-width: 375px;  width:100% ; height:auto; background:url(../images/image_header480.jpg) no-repeat center center;
}
#mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}   
}

@media only screen and (min-device-width: 414px){
  #pcSize{ 
    visibility:hidden; display:none;}
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;}
     .carouselImage { 
   min-height:600px; 
   height: 100%  
}
.caption-container { 
  
}
.carousel-caption{    
}
h5{line-height: normal !important;}
.blueBorderRight { border-left:solid 2px #172a40; display:block;
}
#mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}   
.headerImage {
   min-width: 375px;  width:100% ; height:auto; background:url(../images/image_header480.jpg) no-repeat center center;
}
}

@media (max-width: 480px) {
#pcSize{ 
    visibility:hidden; display:none;}
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;}
#fullSizeFooter{ visibility:hidden;}
#smartSizeFooter{ visibility: !important visible;}
.headerImage {
   min-width: 375px;  width:100% ; height:auto; background:url(../images/image_header480.jpg) no-repeat center center;
}
#mobileSizeImage{visibility:visible; display:block;}
    #fullSizeImage{visibility:hidden; display:none;}   



div .centered {
  position: fixed ; /* or absolute */
  top: 25%;left:6%;
  width: 200px; color:#fff; 
}
 .carouselImage { 
   min-height:550px; 
   height: 100%  
}
h5{ line-height: 5px !important;
}
} 

/* iPads (portrait and landscape) ----------- */

@media(max-width: 768px){
.navbar-brand{
    position: absolute;
    width: 80%;
    left: 0;
    top: 0;
    text-align: center;
    margin: -20px auto;
}

.navbar-toggle {
    z-index: 3;
}
 #navbar { margin-top:20px;
 }

.carousel-caption{
}
h5{ line-height: 20px !important; }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
   h5{ line-height:20px;  }

#fullSizeFooter { visibility:hidden;}
#smartSizeFooter{ visibility: !important visible;}
    div .centered {
        position: fixed; /* or absolute */
        top: 25%;
        left: 6%;
        width: 200px;
        color: #fff;
       
    }
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
.headerImage {
    /*height:575px; width:100%; background:url(../images/image_header768.jpg) no-repeat;*/
  
}
.blueBorderRight { border-left:solid 2px #172a40; display: block;
}
/*.agentFaqImage{ background:url(../images/agents-500faq4.jpg) no-repeat top right;}*/

.FaqImage{ background:url(../images/gastro-doctor.png) no-repeat top right;}
  .featurette-divider {
/* margin:!important 50px 0;  Space out the Bootstrap <hr> more */
}
#smartSizeFooter {visibility: !important hidden;} 
#fullSizeFooter {visibility: !important visible;}
 .carouselImage { 
   min-height:550px; 
   height: 100%   
}
h5{ line-height:20px !important  }
}

@media (min-width: 992px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 15%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
  h5{}
  #mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
}

@media (max-width: 979px) {
    
#smartSizeFooter{ visibility: !important hidden; display:none;} 
#fullSizeFooter { visibility: !important visible; display:block;}
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
}

@media (max-width: 1014px) {
 #pcSize{ visibility:visible; display:block; width:100%; height:auto;
    }
#MobileDisplay {
    visibility:hidden; display:none;
    }
#smartSizeFooter{ visibility: !important hidden;} 
#fullSizeFooter { visibility: !important visible;}
.carouselImage { 
   min-height:600px; 
   height: 100%   
}
.caption-container {
 
}
h5{ line-height:normal !important;}
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
}

@media (min-width: 1200px) {
    #pcSize {visibility: !important visible;}  
 #MobileDisplay { visibility:!important hidden;}
#myCarousel {margin-top:60px;
    }
#myCarousel .item { height:!important 480px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
  height: 100%;
  /*width: auto;*/
  width: 100%;
  object-fit: contain;
}


#smartSizeFooter{ visibility: !important hidden;} 
#fullSizeFooter { visibility: !important visible;}
h5{line-height: 25px; }
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
}


@media (min-width: 1200px) {
#myCarousel {margin-top:60px;
    }
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}

#myCarousel .item { height:!important 480px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
  height: 100%;
  /*width: auto;*/
  width: 100%;
  object-fit: contain;
}

#smartSizeFooter{ visibility: !important hidden;} 
#fullSizeFooter { visibility: !important visible;}
 .carouselImage { 
 
}
.caption-container { 
    
}
.carousel-caption{
   
}
h5{ }
}

@media only screen 
and (min-width : 1224px) {
   h5 { line-height:30px;}
   #mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
}

@media (min-width: 1280px)  {
  .featurette-divider {
/* margin:!important 50px 0;  Space out the Bootstrap <hr> more */
}
#smartSizeFooter {visibility: !important hidden;} 
#fullSizeFooter {visibility: !important visible;}
 .carouselImage { 
   min-height:550px; 
   height: 100%  
}
.caption-container { 
   
}
.carousel-caption{
   
}

h5{ line-height:25px !important; }
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}

}

@media (min-width: 1600px) {
  .featurette-divider {
/* margin:!important 50px 0;  Space out the Bootstrap <hr> more */
}
#smartSizeFooter {visibility: !important hidden;} 
#fullSizeFooter {visibility: !important visible;}
.carouselImage { 
  
}
.caption-container {
  font-size:larger !important; margin-top: -80px; 
}
h5{line-height: 30px !important;}
.carouselImage { 
   min-height:650px; 
   height: 100%  
}
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}

}

@media (min-width: 1920px) {
  .featurette-divider {
 /*  margin:!important 100px 0; Space out the Bootstrap <hr> more */
}
#smartSizeFooter { visibility: !important hidden;} 
#fullSizeFooter { visibility: !important visible;}
h5{  }
}
.carouselImage { 
   min-height:650px; 
   height: 100%  
}
@media (min-width: 2560px) {
  .featurette-divider {
  /*margin:!important 150px 0;  Space out the Bootstrap <hr> more */
}
  #smartSizeFooter { visibility: !important hidden;} 
#fullSizeFooter { visibility: !important visible;}
div .centered {
  position: fixed ; /* or absolute */
  top: 20%;left:6%;
  width: 15%; color:#fff; 
}
h5{ line-height:30px;}
#mobileSizeImage{visibility:hidden; display:none;}  
#fullSizeImage{visibility:visible; display:block;}
}

/* ----------- 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) { 
/*.headerImage {
   min-width: 375px;  width:100% ; height:auto; background:url(../images/image_header480.jpg) no-repeat center center;
}*/
.navbar-brand2{width: !important 270px; height:auto;}
#pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage{visibility:visible; display:block;}
#fullSizeImage{visibility:hidden; display:none;}  
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
.navbar-brand2{width: !important 270px; height:auto;}
#pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage{visibility:visible; display:block;}
#fullSizeImage{visibility:hidden; display:none;}   
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .navbar-brand2{width: !important 270px; height:auto;}
   #pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage{visibility:visible; display:block;}
#fullSizeImage{visibility:hidden; display:none;}   
}

/* ----------- 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) { 
.navbar-brand2{width: !important 270px; height:auto;}
#pcSize { visibility:hidden; display:none;
    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .navbar-brand2{width: !important 270px; height:auto;}
    #pcSize { visibility:hidden; display:none;
    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
#pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}

/* ----------- 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) { 
    .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
    .navbar-brand2{width: !important 270px; height:auto;}
    #pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
    .navbar-brand2{width: !important 270px; height:auto;}
    #pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
#pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}


/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
.navbar-brand2{width: !important 270px; height:auto;}
#pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
#pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
.headerImage {
    height:575px; background:url(../images/image_header480.jpg) no-repeat center center;
}
.navbar-brand2{width: !important 270px;}
#mobileSizeImage {visibility:visible; display:block;}
#fullSizeImage {visibility:hidden; display:none;} 

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
    #pcSize { visibility:hidden; display:none;

    }
#MobileDisplay {
    visibility:visible; display:block; width:100%; height:auto;
    }
    /*.headerImage {
    height:575px; background:url(../images/image_header480.jpg) no-repeat center center;*/
    .headerImage {
   min-width: 375px;  width:100% ; height:auto; background:url(../images/image_header480.jpg) no-repeat center center; 
}

.navbar-brand { width: !important 270px; height:auto;}

}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
     #pcSize { visibility:visible; display:block; width:100%; height:auto;
    }
#MobileDisplay {
    visibility:hidden; display:none;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
  #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
   #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
    .headerImage {
    height:575px; background:url(../images/image_header768.jpg) no-repeat center center;
}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
    .headerImage {
    height:575px; background:url(../images/image_header1024.jpg) no-repeat center center;
}
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    #pcSize {visibility: !important visible;}  
    #MobileDisplay { visibility:!important hidden;}
    .headerImage {
    height:575px; background:url(../images/image_header1024.jpg) no-repeat center center;
}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
     .headerImage {
    height:575px; background:url(../images/image_header1024.jpg) no-repeat center center;
}
#mobileSizeImage {visibility:hidden; display:none;}  
#fullSizeImage {visibility:visible; display:block;}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
 #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
  #mobileSizeImage {visibility:hidden; display:none;}  
#fullSizeImage {visibility:visible; display:block;}
}
/* ----------- Galaxy Tab 2 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
    #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
    #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
#pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) {
#pcSize {visibility: !important visible;}  
#MobileDisplay { visibility:!important hidden;}
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 
  #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) { 
    #pcSize {visibility: !important visible;}  
    #MobileDisplay { visibility:!important hidden;}
    .headerImage {
    height:575px; background:url(../images/image_header1024.jpg) no-repeat center center;
}
#mobileSizeImage {visibility:hidden; display:none;}  
#fullSizeImage {visibility:visible; display:block;}
}
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  #pcSize {visibility: !important visible;}  
  #MobileDisplay { visibility:!important hidden;}
    .headerImage {
    height:575px; background:url(../images/image_header1024.jpg) no-repeat center center;
}
#mobileSizeImage {visibility:hidden; display:none;}  
#fullSizeImage {visibility:visible; display:block;}
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    #pcSize {visibility: !important visible;}  
    #MobileDisplay { visibility:!important hidden;}
    .headerImage {
    height:575px; background:url(../images/image_header1024.jpg) no-repeat center center;
}
#mobileSizeImage {visibility:hidden; display:none;}  
#fullSizeImage {visibility:visible; display:block;}
}