.banner{background:url(../img/mobileBanner.png) no-repeat; background-size:cover; height:auto;border-bottom:4px solid #852272;box-shadow: inset 0px 2px 1px 0px #868686;
-moz-box-shadow: inset 0px 2px 1px 0px #868686;-webkit-box-shadow: inset 0px 2px 1px 0px #868686; position:relative;}
.bannerLeft{ display:none; bottom:60px; left:0; background:#852272; height:120px; width:98%; position:absolute;color:#FFF;}
.bannerLeft > h3{font-size:36px; color:#FFF; font-weight:bold;line-height: 0.712; margin:20px 0 0 38px; line-height:34px;}
.bannerLeft > h3 > small{font-size:18px; color:#FFF; font-weight:400;}
.bannerRight {padding-top:57px;}
.bannerRight > h2 {font-size:37px; color:#FFF; margin:20px 0;}
.regBox{margin:20px 0;text-align:center;} 
.regBox > div {width:98%; height:125px; cursor:pointer;}
.regBox > div > img {margin:13px 0 8px 0;}
.regBox > div > h5{margin:0; padding:0; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:15px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.blueBox{background:#053e79;}
.lightBox{background:#3598db; margin:20px 0px;}
.pinkBox{background:#852272;}
.advan{margin:40px 0 0 0;}
.advan h3{font-size:22px;font-weight:bold;color:#fff; margin:0 0 10px 0; padding-bottom:5px;  }
.advan span{width:100px; height:5px; background:#852272; display:block;} 
.advan > ul{margin:25px 0 0 0; padding:0; liststyle:none;}
.advan > ul > li{margin:9px 0; padding:0 0 0 22px; list-style:none;color:#fff; font-size:17px;background:url(../img/bulet.png) no-repeat left center;}
.advan > ul > li > i{margin-right:10px;}
.box-float{ float:none;}
.boxTwo{height:auto;margin-top:54px; background:#fff;}
.boxTwo-title{width:100%;text-align:center;}
.boxTwo-title > h3{font-size:12px; font-weight:700;color:#333; padding:0px;}
.boxTwo-title > h3 > small{font-size:15px;font-weight:400; color:#333; }
.boxTwo-title{float:left;}
.boxThree{padding-top:8px;background:#f5f5f5;-webkit-box-shadow: inset 0px 1px 0 0px rgba(0,0,0,0.10);-moz-box-shadow: inset 0px 1px 0 0px rgba(0,0,0,0.10);box-shadow: inset 0px 1px 0 0px rgba(0,0,0,0.10); padding-bottom:6px;}
.boxThree-title{text-align:center;}
.boxThree-title > h3{font-size:24px; color:#333; font-weight:600;}
.test{height:auto;overflow:hidden;  padding-bottom:25px;width:100%;}
.iconBox{width:220px;text-align:center; height:120px;  background:#FFF; padding-top:40px;margin:0 auto 15px ;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);}
.iconBox p{font-size:15px; color:#666; font-weight:600;}

@media only screen and (min-width : 100px) and (max-width : 1024px) {

    .extRA {
        margin-top:20px;
    }   

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
.regBox > div {width:164px; height:125px;}
.lightBox{margin:0 20px;}
.advan > ul > li{background:url(../img/bulet.png) no-repeat left center;color:#FFF;}	
.advan h3{color:#FFF;}	
.box-float{ float:none;}
.boxTwo-title{width:48%;}
.iconBox{width:220px;text-align:center; height:120px;  background:#FFF; padding-top:40px;margin:0 10px 15px 10px; float:left;}

.extSub {
        width: 50%;
        float: left;
        font-size: 1em;
        margin-right: 1%;
        margin-top: 20px;
    }
    .extRA {
        width: 49%;
        float: left;
        font-size: 1em;
        margin-top: 20px;
    }

 
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
.banner{background:url(../img/banner_img01x.png) no-repeat; background-size:cover; height:655px;/*border-bottom:4px solid #852272;*/box-shadow: inset 0px 2px 1px 0px #868686;
-moz-box-shadow: inset 0px 2px 1px 0px #868686;-webkit-box-shadow: inset 0px 2px 1px 0px #868686; position:relative;}
.regBox > div {width:164px; height:125px;}
.lightBox{margin:0 20px;}
.bannerLeft{display:block; width:426px;}
.advan > ul > li{background:url(../img/bulet.png) no-repeat left center;color:#FFF;}	
.advan h3{color:#FFF;}	
.last{border-right:none; padding-right:0px; margin-right:0px;}
.boxTwo-title{}
.iconBox{width:220px;text-align:center; height:120px;  background:#FFF; padding-top:40px;margin:0 10px 15px 10px; float:left;}

.extSub {
        width: 50%;
        float: left;
        font-size: 1em;
        margin-right: 1%;
        margin-top: 20px;
    }
    .extRA {
        width: 49%;
        float: left;
        font-size: 1em;
        margin-top: 20px;
    }


}
/*1224px*/
@media only screen  and (min-width : 1024px){
.banner{background:url(../img/banner_img01x.png) no-repeat; background-size:cover; height:555px;/*border-bottom:4px solid #852272;*/box-shadow: inset 0px 2px 1px 0px #868686;
-moz-box-shadow: inset 0px 2px 1px 0px #868686;-webkit-box-shadow: inset 0px 2px 1px 0px #868686; position:relative;}
.bannerLeft{width:517px; }
.bannerLeft > h3{margin-left:25px;}	
.regBox > div {width:164px; height:125px;}   		
.lightBox{margin:0 20px;}	
.bannerLeft{display:block;}	
.advan > ul > li{background:url(../img/bulet.png) no-repeat left center;color:#FFF;}	
.advan h3{color:#FFF;}	
.box-float{ float:right;}
.banner{background:url(../img/banner_img01x.png) no-repeat; background-size:cover;}
.boxTwo-title{width:248px; border-bottom:none; text-align:center; display:block;}
.boxTwo{}
 .last{border-right:none; padding-right:0px; margin-right:0px;}
 .boxTwo-title{}
 .iconBox{width:220px;text-align:center; background:#FFF; float:left;}

 .extSub {
        width: 50%;
        float: left;
        font-size: 1em;
        margin-right: 1%;
        margin-top: 20px;
    }
    .extRA {
        width: 49%;
        float: left;
        font-size: 1em;
        margin-top: 20px;
    }

}
@media only screen  and (min-width : 1224px){
	.bannerLeft{width:520px; }
	.bannerLeft > h3{margin-left:38px;}
	.boxTwo-title{width:248px;text-align:center; display:block;}	
	.last{border-right:none; padding-right:0px; margin-right:0px;}

    .extSub {
        width: 50%;
        float: left;
        font-size: 1em;
        margin-right: 1%;
        margin-top: 20px;
    }
    .extRA {
        width: 49%;
        float: left;
        font-size: 1em;
        margin-top: 20px;
    }
}