@media only screen and (max-width: 1024px) and (orientation: landscape) {
   
    .videoposter>img {
    width: 18%;
}
    
    .videoposter {
     top: 79%;
    }
    
    .message {
      top: 70%;
    }
    
    .title>img {
    width: 50%;
}
    .bannerclose {
    right: 0.5%;
    width: 4.5%;
    }
    
    .bannerTitle {
    width: 42%;
    left: 44.5%;
    top: -22%;
}
    .bannerHeadText {
    width: 15%;
    top: 43%;
    }
    
    .bannerMessage {
    width: 15%;
    bottom: -2px;
    left: 52%;
}
    
    .bannerCTA {
    width: 13%;
    top: 43%;
    left: 69%;
}
    
    .expandclose,.desktopvideoclose {
    right: 0.5%;
    top: 1%;
    width: 6% !important;
    }
    
    
    .desktopvideo {
      width: 75.3% !important;
      height:56% !important;
    }
}

@media only screen and (max-width: 500px) and (orientation: landscape) {
     .videoposter>img {
    width: 18%;
}
    
    .videoposter {
     top: 79%;
    }
    
    .desktopvideo {
    width: 66.3% !important;
    height: 66% !important;
}
    
  .bannerMessage {
    width: 12%;
    bottom: -2px;
    left: 53%;
}
    
  .bannerHeadText {
    width: 13%;
    left:52.5%;
    }
}