.desktopvideo video{width:100% !important; height:100% !important;}
@media only screen and (max-width: 820px) and (orientation:portrait) {
    /*Banner State*/
    .bannerclose {
        width: 7.5%;
    }
   
    .bannerTitle {
    width: 60%;
    left: 34.5%;
    top: -20%;
    }
    
    .bannerHeadText {
    width: 28%;
    left: 49%;
    top: 21%;
    }
    
   .bannerMessage {
    width: 25%;
    bottom: 25px;
    left: 50%;
}
    
    .bannerCTA {
    width: 18.5%;
    top: 75%;
    left: 53.5%;
}
    
    /*Expand State*/

    .expandclose,.videoclose {
        width:7% !important;
    }
   
    .videoposter>img {
    width: 25%;
    }
    
    .videoposter {
     top: 81%;
    }
    
  .desktopvideo {
    width: 84.3% !important;
    height: 35% !important;
	postion:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
    display:none;
   }

    
    .title {
      top: 10%;
    }
    
    .title>img {
    width: 75%;
    }
    
 .desktopexpandstate {
    background: url(../images/bg.jpg);
    background-position: center;
    background-size: cover;
    }
    
 .headText {
    top: 62%;
    }
    
    .headText>img {
    width: 45%;
}
    
    .message>img {
    width: 30%;
}
}

@media only screen and (max-width: 300px) and (orientation:portrait) {

   .desktopvideo {
    width: 97.3% !important;
    height: 29% !important;
       display:none;
} 
    .expandclose, .videoclose {
    width: 11% !important;
}
    
  .title>img {
    width: 90%;
 }
    .title {
    top: 7%;
}
    .headText>img {
    width: 60%;
}
    .message>img {
    width: 45%;
}
    .message {
     top: 76%;
    }
    
    .videoposter {
    top: 83%;
}
    .videoposter>img {
    width: 30%;
}
    .bannerTitle {
    width: 65%;
    left: 31.5%;
    top: -14%;
}
    .bannerHeadText {
    width: 32%;
    left: 49%;
    top: 22%;
}
    .bannerMessage {
    width: 30%;
}
   .bannerCTA {
    width: 25%;
    top: 75%;
    left: 53%;
}
}