@media (min-width:1152px) and (max-width:1279px)  {
.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 3.5em;
    line-height: 0.85em;
}
}
@media (min-width:1280px) and (max-width:1365px){

.vid-pop-popup {
    margin: 0 5% 0 5%;
}
.info-pop-body-txt p {
    font-size: 85%;
}
}
@media (min-width:1366px) and (max-width:1489px){
.vid-pop-popup {
    margin: 0 5% 0 5%;
}
/* HELP content*/
.hlp-cnt {
  padding: 0 3% 3% 3%;
}
.vid-pop-mov {
    margin: 2% auto 0 auto;
}
}
@media (min-width:1490px) and (max-width:1679px){

}
@media (min-width:1680px){

.vid-pop-popup {
    margin: 1% 5% 0 5%;
}
/* HELP content*/
.vid-pop-mov {
    margin: 0 auto 0 auto;
}
}
@media (min-width:1920px){
.vid-pop-popup {
    margin: 1% 5% 0 5%;
}
/* HELP content*/
.vid-pop-mov {
    margin: 0 auto 0 auto;
}
}
@media (min-width:370px) and (max-width:567px) {
    
.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 2.3em;
    line-height: 0.85em;
}

/* info header*/
.info-pop-hdr h1 {
    font-size: 65%;
}
/* info img*/
.info-pop-img-2col {
    padding: 3% 3% 2% 0;
    width: 94%;
    display: block;
}
.r_info-pop-img-2col:before {
	padding-top: 58%;
}
/* info body*/
.info-pop-body-txt p {
    font-size: 70%;
}
.info-pop-body-txt-col2 {
    display: block;
    width: 100%;
}
.info-pop-body-txt-col3 {
    display: block;
    width: 100%;
}
}
@media (min-width:568px) and (max-width:639px) {
    
.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 2.6em;
    line-height: 0.85em;
}

/* info header*/
.info-pop-hdr h1 {
    font-size: 90%;
}
/* info img*/
.info-pop-img-2col {
    padding: 3% 3% 2% 0;
    width: 94%;
    display: block;
}
.r_info-pop-img-2col:before {
	padding-top: 65%;
}
/* info body*/
.info-pop-body-txt p {
    font-size: 90%;
}
.info-pop-body-txt-col2 {
    display: block;
    width: 100%;
}
.info-pop-body-txt-col3 {
    display: block;
    width: 100%;
}
}
@media (min-width:640px) and (max-width:735px) {
    
.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 2.9em;
    line-height: 0.85em;
}

/* info header*/
.info-pop-hdr h1 {
    font-size: 95%;
}
/* info img*/
.info-pop-img-2col {
    padding: 3% 3% 2% 0;
    width: 94%;
    display: block;
}
.r_info-pop-img-2col:before {
	padding-top: 75%;
}
/* info body*/
.info-pop-body-txt p {
    font-size: 95%;
}
.info-pop-body-txt-col2 {
    display: block;
    width: 100%;
}
.info-pop-body-txt-col3 {
    display: block;
    width: 100%;
}

}
@media (min-width:736px) and (max-width:979px) {
    
.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 2.9em;
    line-height: 0.85em;
}

/* info header*/
.info-pop-hdr h1 {
    font-size: 110%;
}
/* info body*/
.info-pop-body-txt p {
    font-size: 85%;
}
}
@media (min-width:980px) and (max-width:1151px) {
        
.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 3.2em;
    line-height: 0.85em;
}
/* info header*/
.info-pop-hdr h1 {
    font-size: 120%;
}
/* info body*/
.info-pop-body-txt p {
    font-size: 85%;
}
}
@media (max-width:369px) {

.vid-pop-popup .hlp-close {
    top: 0.1em;
    right: 0.1em;
    font-size: 2.0em;
    line-height: 0.85em;
}
    
/* info header*/
.info-pop-hdr h1 {
    font-size: 65%;
}
/* info img*/
.info-pop-img-2col {
    padding: 3% 3% 2% 0;
    width: 94%;
    display: block;
}
.r_info-pop-img-2col:before {
	padding-top: 55%;
}
/* info body*/
.info-pop-body-txt p {
    font-size: 60%;
}
.info-pop-body-txt-col2 {
    display: block;
    width: 100%;
}
.info-pop-body-txt-col3 {
    display: block;
    width: 100%;
}
}