@media
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) ,
	only screen and (min-width:481px) and (max-width:767px)  
{
.wh.hp .pgBnr {
	position:relative; 
	top:0px;
	height:400px;
	overflow:hidden;
}

/* .wh.hp .jContainer {
	position:relative; 
	top:0px;
	overflow:hidden;
	} */

.wh.hp .pgBnr .jContainer { background:rgba(0,36,104,1); border-bottom:10px solid #000630; box-shadow:none;}
.wh.hp .bnrHt { height:400px; }
.wh.hp .pgBnr .jContainer .container {background:transparent;  height:inherit; flex-direction:column; justify-content:flex-start; }

.wh.hp .bnrLyrImg { display:none-xx; position:relative; top:0; overflow:hidden; background: rgba(0,36,104,0); padding: 10px 0 0 0; order:-1}
.wh.hp .bnrLyrImg figure {position:relative; top:0; xxbackground:red; xxpadding:0px 50px 0px 0px;}

.wh.hp .bnrLyrImg .imgAdj {
	margin: 0 auto;
    position: relative;
    top: 0px;
    xx-width: 65vw;
	xx-max-width: 250px;
    margin: 0 auto;
    display: block;	
	}

 .wh.hp .bnrTxtLyr { 
	color:#fff;
	overflow:hidden;
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	margin:0 auto;
	background:rgba(100,200,255, 0) ; 
	padding: 25px 0 0 0 ;
 } 

.wh.hp .bnrTxtLyr .headingss {
	font-family:'OpenSansSemiBold';
	font-size:50%; 
	line-height:1.75em; 
	letter-spacing:0.02em;
	color:#fff
	}

.wh.hp .bnrTxtLyr .headingss .ln01 {display:block; text-transform:uppercase; color:#fff; font-size: 100%;}
.wh.hp .bnrTxtLyr .headingss .ln02 {display:block; text-transform:uppercase; font-size: 125%; }

.wh.hp .bnrTxtLyr .subHd {
	font-family:'OpenSansSemiBold';
	font-size:150%; 
	line-height:1.25em; 
	color:rgba(0,0,111,1); 
	letter-spacing:0;
	color:#fff;
}

.wh.hp .bnrTxtLyr .subHd .ln03 {display:block; text-transform:uppercase; font-size:55% }
.wh.hp .bnrTxtLyr .subHd .ln04 {display:block; text-transform:uppercase; ; font-size: 100%; }

.wh.hp .txtBnr {width:100%; padding:25px 20px;}
.wh.hp .txtBnr .headingss {color:#fff;}

/* x319 i320-x480-P i320-x480-L i481-x767 */
}




@media only screen and (min-width:360px) and (max-width:767px) and (orientation: landscape) {

.wh.hp .pgBnr {
	position:relative; 
	top:0px;
	height:250px;
	overflow:hidden;
}

/* .wh.hp .jContainer {
	position:relative; 
	top:0px;
	overflow:hidden;
	box-shadow:none;
	} */

.wh.hp .pgBnr .jContainer { background:rgba(0,36,104,1); border-bottom:0px solid #000630; box-shadow:none;}
.wh.hp .bnrHt { height:250px; }
.wh.hp .pgBnr .jContainer .container { background:transparent;  height:inherit; flex-direction:row}

.wh.hp .bnrTxtLyr { xx-width:100%; color:#fff; overflow:hidden; align-self:center; background:rgba(100,200,255, 0); padding:0;  zoom: 1.15;}

/* .wh.hp .bnrLyrTxt {    
	align-self: center;
    padding: 0 20px;
    zoom: 1.15;
    margin: 20px 0 0 0;
}
 */

/* i360-x767-L */
}



@media only screen and (min-width: 768px) and (max-width: 991px) {

.wh.hp .pgBnr {
	position:relative; 
	top:0px;
	height:320px;
	overflow:hidden;
}

/* .wh.hp .jContainer {
	position:relative; 
	top:0px;
	overflow:hidden;
	} */

.wh.hp .pgBnr .jContainer { background:rgba(0,36,104,1); border-bottom:0px solid #000630; box-shadow: 0px 10px 10px -10px #000;}
.wh.hp .bnrHt { height:300px; }
.wh.hp .pgBnr .jContainer .container { background:transparent;  height:inherit; xx-flex-direction:column}

.wh.hp .bnrLyrImg { position:relative; top:0; overflow:hidden; background: rgba(0,36,104,0); margin-left:auto; align-self: center;}
.wh.hp .bnrLyrImg .bnrFig {position:relative; top:0;}
.wh.hp .bnrLyrImg .imgAdj {margin: 0 auto; position:relative; top:0px;}

.wh.hp .bnrTxtLyr { width:100%; color:#fff; overflow:hidden; align-self:center; background:rgba(100,200,255, 0); padding:0; }

.wh.hp .bnrTxtLyr .headingss {
	font-family:'OpenSansSemiBold';
	font-size:50%; 
	line-height:1.25em; 
	color:rgba(0,0,111,1); 
	letter-spacing:0.02em;
	color:#fff
	}

.wh.hp .bnrTxtLyr .headingss .ln01 {display:block; text-transform:uppercase; color:#fff; font-size: 100%; line-height: 1.0;}
.wh.hp .bnrTxtLyr .headingss .ln02 {display:block; text-transform:uppercase; ; font-size: 100%; line-height: 1.5;}

.wh.hp .bnrTxtLyr .subHd {
	color:#fff;
	margin:20px 0 0 0;
}

.wh.hp .bnrTxtLyr .subHd .ln03 {display:block; text-transform:uppercase; font-size:120%; line-height: 1.0; }
.wh.hp .bnrTxtLyr .subHd .ln04 {display:block; text-transform:uppercase; ; font-size: 150%; line-height: 1.25;}


.wh.hp .txtBnr {width:100%; padding:25px 0px;}
.wh.hp .txtBnr .headingss {color:#fff;}




/*i768-x1199*/ 
}




@media only screen and (min-width: 992px) and (max-width: 1192px) {

.wh.hp .pgBnr {
	position:relative; 
	top:0px;
	height:420px;
	overflow:hidden;
}

/* .wh.hp .jContainer {
	position:relative; 
	top:0px;
	overflow:hidden;
	} */

.wh.hp .pgBnr .jContainer { background:rgba(0,36,104,1); border-bottom:0px solid #000630; box-shadow: 0px 10px 10px -10px #000;}
.wh.hp .bnrHt { height:400px; }
.wh.hp .pgBnr .jContainer .container { background:transparent; height:inherit; xx-flex-direction:column}

.wh.hp .bnrLyrImg { position:relative; top:0; overflow:hidden; background: rgba(0,36,104,0); margin-left:auto; align-self: center;}
.wh.hp .bnrLyrImg .bnrFig {position:relative; top:0;}
.wh.hp .bnrLyrImg .imgAdj {margin: 0 auto; position:relative; top:0px;}

.wh.hp .bnrTxtLyr { width:100%; color:#fff; overflow:hidden; align-self:center; background:rgba(100,200,255, 0); padding:0; }

.wh.hp .bnrTxtLyr .headingss {
	font-family:'OpenSansSemiBold';
	font-size:65%; 
	line-height:1.25em; 
	color:rgba(0,0,111,1); 
	letter-spacing:0.02em;
	color:#fff
	}

.wh.hp .bnrTxtLyr .headingss .ln01 {display:block; text-transform:uppercase; color:#fff; font-size: 100%; line-height: 1.0;}
.wh.hp .bnrTxtLyr .headingss .ln02 {display:block; text-transform:uppercase; ; font-size: 115%; line-height: 1.5;}

.wh.hp .bnrTxtLyr .subHd {
	color:#fff;
	margin:20px 0 0 0;
}

.wh.hp .bnrTxtLyr .subHd .ln03 {display:block; text-transform:uppercase; font-size:150%; line-height: 1.0; }
.wh.hp .bnrTxtLyr .subHd .ln04 {display:block; text-transform:uppercase; ; font-size: 200%; line-height: 1.25;}


.wh.hp .txtBnr {width:100%; padding:25px 0px;}
.wh.hp .txtBnr .headingss {color:#fff;}




/* i992-x1199 */
}




@media only screen and (min-width: 1200px) {

.wh.hp .pgBnr {
	position:relative; 
	top:0px;
	height:420px;
	overflow:hidden;
}

/* .wh.hp .jContainer {
	position:relative; 
	top:0px;
	overflow:hidden;
	} */

.wh.hp .pgBnr .jContainer { background:rgba(0,36,104,1); border-bottom:0px solid #000630; box-shadow: 0px 10px 10px -10px #000;}
.wh.hp .bnrHt { height:400px; }
.wh.hp .pgBnr .jContainer .container { background:transparent; height:inherit; xx-flex-direction:column}

.wh.hp .bnrLyrImg { position:relative; top:0; overflow:hidden; background: rgba(0,36,104,0); margin-left:auto; align-self: center;}
.wh.hp .bnrLyrImg .bnrFig {position:relative; top:0;}
.wh.hp .bnrLyrImg .imgAdj {margin: 0 auto; position:relative; top:0px;}

.wh.hp .bnrTxtLyr { width:100%; color:#fff; overflow:hidden; align-self:center; background:rgba(100,200,255, 0); padding:0; }

.wh.hp .bnrTxtLyr .heading {
/* 	font-family:'OpenSansSemiBold';
	font-size:65%; 
	line-height:1.25em; 
	color:rgba(0,0,111,1); 
	letter-spacing:0.02em;
	color:#fff */

	font-size: 100%;
    xxtext-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 0px 0px 3px #fff, 0px 0px 3px #000;
    line-height: 1.5em;
    color: #03a9f4;
    color: rgba(0,0,111,1);
    letter-spacing: 0.02em;

	}

.wh.hp .bnrTxtLyr .headingss .ln01 {display:block; text-transform:uppercase; color:#fff; font-size: 100%; line-height: 1.0; }
.wh.hp .bnrTxtLyr .headingss .ln02 {display:block; text-transform:uppercase; ; font-size: 85%;line-height: 1.5; }

.wh.hp .bnrTxtLyr .subHd {
	color:#fff;
	margin:20px 0 0 0;
}

.wh.hp .bnrTxtLyr .subHd .ln03 {display:block; text-transform:uppercase; font-size:150%; line-height: 1.0; }
.wh.hp .bnrTxtLyr .subHd .ln04 {display:block; text-transform:uppercase; ; font-size: 200%;line-height: 1.25; }


.wh.hp .txtBnr {width:100%; padding:25px 0px;}
.wh.hp .txtBnr .headingss {color:#fff;}



/* i1200 */
}