.active > sup {
    display: inline-block;
    position: relative;
    top: -4px;
    vertical-align: top;
}

.watch_icon{ text-align:center; }
.watch_icon a{ padding:5px 10px; background:#84BC03; color:#fff; }
.accord_title{ width:97%; padding:10px 10px; display:inline-block; margin:0px 0px 5px 0px; cursor:pointer; background: url("/views/images/plus.png") no-repeat right #F2F2F2; background-position:98% 50%; }
.active_img{ background: url("/views/images/minus.png") no-repeat right #F2F2F2; background-position:98% 50%; } 
.accord_title p{ padding:0px; margin:0px; font-weight:bold; }
.future { margin:5px 0px 0px 10px; }
.accord_con{ display:none; }
.slider{ width:250px; margin:10px auto 10px auto; }
.caption{ text-align:center; border:1px solid #ccc; padding:10px 20px; width:260px; margin:0px 20px 10px -47px; }
.caption span{ font-weight:bold; }
.videoMainPlay{ margin-top:20px; }
.flex-direction-nav .flex-prev{ background-position: -16px -16px; }
.flex-direction-nav .flex-next{ background-position: -74px -16px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{ top:50%; }


/*For slider and videos*/
	.carousel li{margin-right:0px !important;}
     .caption {
         text-align: center;
         border: 1px solid #ccc;
         padding: 10px 20px 10px 20px;
         box-sizing:border-box;
         width: 100%;
         margin: 0px 20px 0px 0px;
     }
	.iconBlkInnLft{
float:left;
padding-right:10px;
width: 35px;
}
	.scrollArea
{
padding: 15px 0 20px !important;
}

	@media screen and (max-width: 780px){
		.flex-direction-nav .flex-prev{ left:-100px !important; background-position: 4px 0px;}
	}
	@media screen and (max-width: 680px){
		.accord_title{ background: url("/views/images/plus.png") no-repeat right #E2E2E2; width:96%; 
		background-position: 97.5% 50%; }
.active_img {
background: url("/views/images/minus.png") no-repeat right #E2E2E2; background-position: 97.5% 50%;; width:94%;}
		
	}
	@media screen and (max-width: 480px){
		.flex-direction-nav .flex-prev{ left:-50px !important; background-position: 4px 0px; }
		.flex-direction-nav .flex-next{ right:-50px !important; }
	}
	@media screen and (max-width: 380px){
		.accord_title{ background: url("/views/images/plus.png") no-repeat right #E2E2E2; width:94%; 
		background-position: 97% 50%; } 
		.active_img {
background: url("/views/images/minus.png") no-repeat right #E2E2E2; background-position: 97.5% 50%; width:94%; }
		.slider{ width:225px; }
	}
	@media screen and (max-width: 360px){
		.slider{ width:220px; }
	}
	@media screen and (max-width: 320px){
		.slider{ width:200px; }
		.flex-direction-nav .flex-prev{ left:-45px; background-position: 4px 0px;}
		.flex-direction-nav .flex-next{ right:-45px; }
	}

	@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  { 
.iconBlockInner .citiPri.iconBlkInnRgt { padding:0 !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.iconBlockInner .citiPri.iconBlkInnRgt { padding:0 !important;}
}

	@media (max-width:1024px){ 
		.limelight-player-viewport{ position:relative; overflow:hidden; }
		.LimelightEmbeddedPlayerFlash{ display:inline-block; height:390px;  }
	}
	
	@media (max-width:768px){ 
		#limelight_player_990229{ height:280px !important; } 
	}
	
	@media (max-width:767px){ 
		#limelight_player_990229{ height:250px !important; } 
	}
	
	@media (max-width:568px){ 
		#limelight_player_990229{ height:230px !important; } 
	}
	
	@media (max-width:568px){ 
		#limelight_player_990229{ height:200px !important; } 
	}
	
	@media (max-width:380px){ 
		#limelight_player_990229{ height:200px !important; } 
	}
	
	@media (max-width:380px){ 
		#limelight_player_990229{ height:170px !important; } 
	}

/*24/05/17 Task 193080 CitiMobileToken css Changes*/
#Secure_Instant_Easy{
      box-sizing: border-box;
    padding-bottom: 30px;
    width: 100%;
	 text-align: center;}
#Secure_Instant_Easy  span {
    display: block;
    text-align: center; padding-bottom: 10px;
}#Secure_Instant_Easy h4{padding-bottom:5px}
#Secure_Instant_Easy > div{ border: 1px solid #c1c1c1;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 1.8%;
    max-width: 220px;
    padding: 16px 20px;
    width: 32%;
	vertical-align: top;}	
#Secure_Instant_Easy > div div{text-align: center}
#Secure_Instant_Easy .Easy{ margin-right: 0;}
.mobheading {text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;}
.mobtoken .caption{margin-top:10px;}
/*.mobtoken .slider{width: 185px;}*/
.setpad{padding:20px 0}
.mobtoken .mtop-20.vbtm > a {padding: 0 20px;}
.mobtoken .ipb-mob-app{margin: 0 auto;}
.mobtoken .ipb-mob-app td{padding: 0;}
.mobtoken .ipb-mob-app td.vbtm{padding:0 30px}
.mobtoken .textSize{ color: #05589d;font-size: 16px;font-weight: bold; text-align: center;padding-bottom:5px}
.mobtoken h2{color:#555555}
span.step {display: block; padding-bottom: 5px;}
.Use_container{ padding: 5px 0;}
.Use {display: inline-block;width:100%;padding-bottom: 10px;}
.imgsec {float: left; width: 22%;}
.imgsec > img {display: block;
 margin: 0 auto; 
 padding-left: 20%;}
.con_sec {float: left;width: 69%;padding: 0 0 10px 10px;}
.borderarrow{background: url("http://demo.xerago.com/website/Citi-Singapore-IPB/citimobiletoken/images/Separator.png") no-repeat;width:auto;height:17px;display: block;padding-bottom:10px;background-size:100%}
h2.way{padding-top: 15px;}
@media (max-width:1024px){
	.marlft{margin-left:10px}
}
@media (max-width:599px){
	.mobtoken .mtop-20.vbtm > a{padding:0 0}
	.mobtoken .ipb-mob-app td.vbtm{padding:0 5%}
	.mobtoken .imgsec > img{padding-left:0}
	.mobtoken .con_sec{padding: 0 0 10px 15px;}
}

@media (min-width:600px) and (max-width:700px){
	#Secure_Instant_Easy > div{width:30%}
}
@media (max-width:480px){
	#Secure_Instant_Easy > div{    width: 100%;
    display: block;
    margin: 0 auto 10px;
    padding: 10px 10px;}
	#Secure_Instant_Easy .Easy{margin:auto}
.mobtoken .citiMobProArrow{padding-bottom:10px}
.imgsec {width: 25%;}
}
.last{padding-bottom:0px;}