/* iPad portrait view style starts */


@media (max-width:1024px){
.visibilePhonetab {display:block;}
}

@media (min-width:768px) and (max-width:1024px) 
{
.boxbx {width: 303px;}
.mytablogo img {width:60px;}

#mid-header-bg ul li {padding: 12px 0;}

.bannerTxt {bottom: 90px;}
.newsBox {width: 37%;}
.trmsandcndts,.missedSection {width: 950px; margin:auto;}
	/* Hidden style starts */
	.visible-desktop {display:none !important;}
	.visible-desktop-tablet {display:block !important;}
	.visible-tablet {display:block !important;}
	.visible-phone {display:none !important;}
	.hidden-phone {display:block !important;}
	/* Hidden style ends */
	#top-header, #mid-header, #top-section, .section-odd, .section-even, #nav-header, #tc, #footer-top-cont, #footer-mid, #footer-bot{
		width:950px; margin:auto;
	}
	.stepPosition{
		width: 90%;
	}
	.stepsScreenSection{
		background-size:100%;
	}
	.banner-section{
		margin-top:97px;
	}
	.bottom-quick-links{
		width:100%;
	}
	.bottom-quick-links li {
		padding: 10px 0%;
		width: 33.1%;
		text-align: center;
	}
	.section-cont{
		width:100%;
		padding-bottom:20px;
		max-width:none;
	}
	#mob-top-menu-wrap{display:none;}
	#nav-header-bg ul li{
		padding: 12px 15px 12px 10px;
	}
	#footer-right-menu li a{
		padding: 0 4px 0 5px;
	}
	#footer-mid li.first{width:26%;}
	#footer-mid .footer-right-menu-wrap{width:74%;}

	/* 27-06-2106 */
	.LifeSection2 .InnerWidht{
		width:auto;
	}
	.MainBox{
		padding:95px 0px 50px 0px;
	}
	.LifeSection2{
		padding: 50px 20px;
	}
	.section5{
		padding: 50px 20px 0px;
	}
	#footer-mid{
		width: 980px;
	}
	.prev{
		left:0;
	}
	.gr_line{
		display:none;
	}
	ul.cGoldLst li{
		width:25.3%;
		margin:0 15px;
		padding:0 2.5%;
	}
	.priorityLst li{
		width:24.3%;
	}
}
.footer-rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media (min-width:768px) and (max-width:979px){

ul.cGoldLst li{
	width:24.3%;
}

.list-title br {display:none;}
.Lifetexts br {display:none;}

.listtypemy {width: 670px;}
.listtypemy ul li {height:60px; width:100%}
.tablebox {display: table; width:75%; height:60px;}
.listtypemy ul li p {vertical-align: middle; display: table-cell; width:80%;}
.listtypemy ul li p span {line-height:20px;}

.boxbx {width: 236px;}

.boxbx p {
    font-family: 'interstatelight_vnuregular';
    font-size: 16px;
    color: #666;
    font-weight: normal;
    line-height: 22px;
}	

a.clickBtn {padding: 12px 20px;}
.clickBtn.save {padding: 18px 20px;}
.mobboxs {position:relative; top:-20px}
.dfdsf {position:relative; top:20px}

.newsBox {width: 34%; min-height: 182px;}
p.last {padding-bottom: 25px;}

.trmsandcndts {width: 750px; margin:auto;}
.missedSection {width: 750px; margin:auto;}


	#top-header, #mid-header, #top-section, .section-odd, .section-even, #nav-header, #tc, #footer-top-cont, #footer-mid, #footer-bot{
		 width:750px;
	}
	.slide-2, .slider-wrap{
		height:336px;
	}
	
	.section-cont.btmTile{
		padding: 35px 10px;
		width:97%;
	}
	.btmTile div{
		width: 360px;
	}
	.lftTile{
		margin-right: 15px;
	}
	.bannerTxt{
		bottom:60px;
	}
	ul#footer-bot{
		padding-bottom:35px;
	}
	.rightContainer{
		width:38%;
	}
	.Section2Slider.flexslider .slides > li{
		/*width:355px !important;*/
		padding-right:20px;
	}
	.priorityLst li{
		padding: 0 2.5%;
	}
	.thanksFtr #footer-right-menu li a{
		padding: 0 3px 0 5px;
	}
	.InnerWidht{
		width:auto;
	}
	.LifeSection3 .InnerWidht{
		width:750px;
	}
	.LifeSecInnerBox{
		margin-right: 19px;
		min-height: 325px;
		width: 26%;
	}
	.roundBrdr{
		    width: 40%;
	}
	.LifeBox img{
		margin: 0px auto 10px;
	}
	.LifeBox h1{
		padding-bottom: 25px;
	}
	
}

@media screen and (orientation:landscape) {
	#mid-header-bg{
		width:100%;
	}
	#top-section-bg, #top-section{display:none;}
	section {
		position: relative;
	}
}

/* Mobile view style starts */
@media (max-width:767px){
.Tankyousection h1{
	line-height: 35px;
}
.LifeSecInnerBox, .LifeSecInnerBox.last {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	min-height: 1px;
}
.roundBrdr{
	width: 85px;
}
.WhiteLine {width: 50%;}
.mobileNone {display:none;}

.listtypemy {width: 95%; margin: 30px auto 50px;}
.listtypemy ul li {width:100%}
.tablebox {display: table; width:75%; height:60px;}
.listtypemy ul li p {vertical-align: middle; display: table-cell; width:80%;}
.listtypemy ul li p span {line-height:20px; font-size: 15px;}


.boxbx p {font-size: 16px;}
.boxbx {width:100%; margin-bottom:15px;}
.boxbx.last {margin-bottom:0px;}
.nowdesk {display:none !important;}
.nowMob {display:block !important;}

	#footer-top-cont ul li .tel-num {top: 0px;}

	.mobboxs {margin-top:20px;}
	.grayInnerIcons {margin: -69px auto 0;}

	.flexslider .slides > li {}

	/* Hidden style starts */
	.visible-desktop {display:none !important;}
	.visible-desktop-tablet {display:none !important;}
	.visible-tablet {display:none !important;}
	.visible-phone {display:block !important;}
	.hidden-phone {display:none !important;}
	/* Hidden style ends */

	/* shadow Style Starts */
	.shadow{
		-moz-box-shadow:0px 0px 9px 6px #082135;
		-webkit-box-shadow:0px 0px 9px 6px #082135;
		box-shadow:0px 0px 9px 6px #082135;
		-pie-box-shadow:0px 0px 9px 6px #082135;
		position:relative;
	}
	/* shadow Style Ends */
	body{
	}
	#wrap{
	}
	#menu-wrap{
		width:250px;
		background:#0F375A;
		float:left;
		height:1000px;
		position:relative;
	}
	#mob-top-menu-wrap{
		position: fixed;
		z-index: 7;
		top: 25px;
		right: 35px;
	}
	.arrow-menu{
		width:100%;
		text-align:center;
		height:13px;
	}
	#mob-top-menu{
		background: white;
		padding: 5px;
		border: 2px solid #00609A;
	}
	#mob-top-menu li{
		padding:2px 4px;
		border-bottom:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		width:90px;
	}
	#mob-top-menu li:first-child{
		border-top:1px solid #ccc;
	}
	#mob-top-menu li a{
		font-size:11px;
		color:#666;
		font-family: arial,verdana,times New Roman;
		text-transform: capitalize;
	}
	#mob-menu-header{
		position:relative;
		left:0;
		top:0;
		width:200px;
		overflow:hidden;
		background: url(../images/menu-shadow.jpg) top right repeat-y;
	}
	#mob-menu-header{
		position:fixed;
		width:200px;
	}
	#mob-menu-header ul{
		display:none;
		position:relative;
		width:200px;
		margin-top:41px;
	}
	#mob-menu-header ul li{
		width:100%;
	}
	#mob-menu-header ul li:first-child{
		padding-top:0px;
		border-top:1px solid #082135;
		height:0px;
		margin-bottom: 5px;
	}
	#mob-menu-header ul li.first a{
		border-top:none;
	}
	#mob-menu-header ul li a{
		padding: 10px 25px 10px 25px;
		color:white;
		display:inline-block;
		font-size:14px;
		border-top:1px solid #012A58;
		border-bottom:1px solid #014296;
		width:100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	#mob-menu-header ul li.last a{
		border-bottom:none;
	}
	#top-header-bg, header{
		position: relative; 
		left: 0;
		z-index:1;
	}
	#content-wrap{
		float:left;
		width:100%;
		background:white;
		position:relative;
	}
	#wrap{
		position:relative;
		top:0;
	}
	header{
		position:relative;
		left:0;
		top:0;
		z-index:1;
	}
	#top-header, #mid-header, #top-section{
		width:100%;
	}
	#top-header div, #top-header div ul li {font-size:11px;}
	#top-header #menu-rgt{
		padding:0;
	}
	#top-header-bg #search-cont{
		padding: 12px 10px 12px 0;
	}
	#top-header #citbank-txt{
		padding-left:10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	#mid-header ul#mobile-logo{
		width:100%;
	}
	#mid-header-bg ul{
		overflow:auto;
	}
	#mid-header ul#mobile-logo li{
		text-align:left;
		margin-top:0;
		margin-left:10px;
		padding: 10px 0;
		width:96%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	#mid-header ul#mobile-logo li .mob-menu{
		position:absolute;
		right:30px;
		top:15px;
		width:30px;
	}
	.active-mob-menu{
		position:absolute;
		right:30px;
		top:15px;
		width:30px;
	}
	#bottom-header-bg{
		display:none;
		background:none;
	}
	.mobile-quick-links{
		width:100%;
		position:relative;
		left:0;
		top:40px;
	}
	.mobile-quick-links li{
		border-bottom: 1px solid #013f78;
		border-right: medium none;
		color: #ffffff;
		padding: 20px 0 20px 5px;
		width: 100%!important;
	}
	.mobile-quick-links li a{
		color: #ffffff;
		display: block;
		font-size: 14px;
		line-height: 0;
		text-align: left;
	}
	.mobile-quick-links li a img{
		margin-right: 5px;
		margin-top: -2px;
		width: 18px;
	}
	.slider-wrap{
		height:350px;
	}
	.slide-2{
		background:url('../images/m-slider-2.jpg') center right;
		height:350px;
		position:relative;
		left:0;
		top:0;
		z-index:50;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#top-section-bg{
		top: 90px;
		background-position: -20%;
	}
	section{
		width:100%;
	}
	footer{
		border-top:0;
		width:100%;
	}
	#footer-top{
		float:left;
		background:#fff;
	}
	ul#footer-bot{
		padding-bottom:35px;
	}
	#footer-mid, #footer-bot{
		width:100%;
	}
	#footer-top-cont{
		width:100%;
	}
	#footer-mid li, #footer-bot li{
		width:37%;
	}
	#footer-mid li:first-child, #footer-bot li:first-child{
		text-align:right;
		padding-right:10px;
		width:62%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	#footer-mid li:first-child{
		padding-right:0;
	}
	#footer-top-cont ul li{
		width:33.3%;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}
	#footer-top-cont ul li img{
		width:40px;
	}
	#footer-top-cont ul li:odd{
		padding-left:0px;
		padding-right:15px;
		text-align:right;
	}
	#footer-mid li ul#footer-left-menu li.border-rgt{
		border-left:2px solid #ccc;
		height: 25px;
		margin: 0 0px 0 8px;
	}
	#footer-mid li ul#footer-left-menu li:first-child {
		margin: 5px 0 0 10px;
	}
	#footer-right-mob-menu li{
		text-align:right;
	}
	#footer-right-mob-menu li a{
		font-size: 12px;
		padding-top: 10px;
		display: inline-block;
		color:#666;
	}
	#footer-right-mob-menu li.arrow a{
		display:inline-block;
		position:relative;
		top:3px;
		right:10px;
		width:20px;
		background: url("../images/foot-down-arrow.png") no-repeat;
		background-size: 17px;
		background-position: 1px 12px;
		-webkit-transition: -webkit-transform 1s;
		-moz-transition: -moz-transform 1s;
		-ms-transition: -ms-transform 1s;
		-o-transition: -o-transform 1s;
		transition: transform 1s;
	}
	.footer-rotate{top:-2px !important;}
	.social-icon{
		width: 22px;
		display: inline-block;
		margin-top: 2px;
	}
	#footer-mid li.footer-right-menu-wrap{
		width:100%;
		display:none;
	}
	#footer-mid li.footer-right-menu-wrap{
		margin-top:10px;
	}
	#footer-mid li.footer-right-menu-wrap li{
		width:auto;
	}
	#footer-mid li.footer-right-menu-wrap li a{
		padding: 0 7px 0 5px;
	}
	#footer-bot li{
		width:68%;
		padding-top:0px;
		padding-right:15px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	#footer-bot li:first-child{
		width:32%;
		padding-right:0px;
		padding-left:15px;
		text-align:left;
	}
	#footer-top-cont ul li a{
		padding-left:0px;
		font-size:14px;
		display:block;
		top:0px;
	}
	#foot-mob-arrow{
		width:20% !important;
	}
	#footer-right-mob-menu li.arrow a{
		background-position: 1px 6px;
	}
	#footer-right-mob-menu li:first-child{
		width:80%;
	}
	#footer-right-mob-menu li a{
		padding-top: 7px;
		padding-right: 9px;
	}
	/* wrk area */
	.contTxt{
		width:95%;
	}
	.section-cont.stepsSec{
		padding:50px 0 0 0;
	}
	.section-cont{
		width:96%;
		margin:auto;
		max-width:none;
	}
	.trmsandcndts {padding:0px 10px;}
	.bigTxt{
		font-size: 34px;
		line-height: 37px;
	}
	.missedSection{
		margin:0 30px;
	}
	.newsBox{
		width:75%;
	}
	.newsBox.lft{
		margin-right:0;
		margin-bottom:30px;
	}
	.newsBox > h3{
		font-size:20px;
	}
	.newsCont{
		font-size: 18px;
	}
	.banner-section{
		margin-top: 88px;
	}
	.rightContainer{
		display:none;
	}
	.stepsScreenSection{
		background:none;
		height:auto;
		text-align: left;
	}
	.leftContainer{
		width:99.6%;
		border:1px solid #ccc;
	}
	.mobBnrTxt{
		float:left;
		width:100%;
		padding:25px 0;
		text-align:center;
	}
	.bannerTxt{
		position:relative; top:0px; bottom:0px; padding:30px 0px 80px 0px; background:none;
	}
	.flexslider {padding-bottom: 0px !important; }
	.section-odd{
		width:100%;
	}
	.bnrSmallTxt{
		top:-9px;
		font-size:21px;
	}
	.bnrBigTxt{
		top:-3px;
		font-size:33px;
		line-height: 34px;
		padding: 5px 0;
	}
	.bnrLastTxt{
		top:-2px;
		font-size:25px;
	}
	.accBtn span.stpHdr{
		font-weight:bold;
		display:block;
		font-family: "interstate";
		font-size: 15px;
		padding-bottom: 7px;
	}
	.accBtn {position:relative; display:block;padding:15px 20px 15px 70px;height:auto; }
	.accBtn.aActive{ display:block;background:#fff;}
	.accBtn.aActive .tabarrow{ display:block}
	.accBtn.sign{background:#f8f6f7 url("../images/icon1.png") no-repeat 30px center;border-bottom:1px solid #ccc;}
	.accBtn.visit{background:#f8f6f7 url("../images/icon2.png") no-repeat 27px center;border-bottom:1px solid #ccc;}
	.accBtn.account{background:#f8f6f7 url("../images/icon3.png") no-repeat 30px center;border-bottom:1px solid #ccc;}
	.accBtn.otp{background:#f8f6f7 url("../images/icon4.png") no-repeat 30px center;border-bottom:1px solid #ccc;}
	.accBtn.update{background:#f8f6f7 url("../images/icon5.png") no-repeat 23px center;border-bottom:1px solid #ccc;}
	.accBtn.sltCnfm{background:#f8f6f7 url("../images/icon6.png") no-repeat 25px center;border-bottom:1px solid #ccc;}
	.accBtn.clkDone{background:#f8f6f7 url("../images/icon7.png") no-repeat 25px center;}

	.accBtn.sign.mActive{background:#fff url("../images/icon1.png") no-repeat 30px center;border-bottom:none;}
	.accBtn.visit.mActive{background:#fff url("../images/icon2.png") no-repeat 27px center;border-bottom:none;}
	.accBtn.account.mActive{background:#fff url("../images/icon3.png") no-repeat 30px center;border-bottom:none;}
	.accBtn.otp.mActive{background:#fff url("../images/icon4.png") no-repeat 30px center;border-bottom:none;}
	.accBtn.update.mActive{background:#fff url("../images/icon5.png") no-repeat 23px center;border-bottom:none;}
	.accBtn.sltCnfm.mActive{background:#fff url("../images/icon6.png") no-repeat 25px center;border-bottom:none;}
	.accBtn.clkDone.mActive{background:#fff url("../images/icon7.png") no-repeat 25px center;}

	.tabCon{ height:auto; }
	.tabCon img{padding:10px 0px;}
	.accBtn .accarrow{position:absolute;background:url("../images/plus.png") no-repeat center; width:21px ;height:21px;right:10px;top:20px;}
	.accBtn.mActive .accarrow{background:url("../images/minus.png") no-repeat center;width:21px ;height:1px;position:absolute;top:30px;}

	.btmTile div{
		width:100%;
		text-align: center;
	}
	.lftTile{
		margin:0 0 20px 0;
	}
	#imp-links li a{
		background: url("../images/down-arrow.png") no-repeat;
		background-position: 0px 2px;
		padding-left: 15px;
		background-size: 9px;
	}
	/* 27-06-2016 */
	.MainBox{
		padding: 0 0px 50px 0px;
	}
	.InnerWidht{
		width: auto;
	}
	.headertext h1{
		    font-size: 30px;
	}
	.LifeSection2{
		padding: 50px 15px;
	}
	.LifeSecInnerBox p{
		padding: 10px;
		margin-top: 0px;
	}
	.section5{
		padding: 50px 20px 0px;
	}
	.sbOptions{
		z-index: 0;
	}
	.Lifetext{
		margin-top: 0;
	}
	.Lifetext.sbTlt{
		margin-top:15px;
	}
	.slide-list span.wid-hig{
		width:100%;
	}
	.slide-list{
		width:100%;
	}
	.hsContainer h2{
		font-size:25px;
		padding:30px 0 20px;
	}
	hr{
		margin-bottom: 30px;
	}
	.priorityLst li{
		margin:0;
	}
	.Section4Slider.flexslider, .Section5Slider.flexslider{
		margin:0 10px;
	}
	.citiGold h2{
		margin:0;
	}
	.citiGold h2 + hr{
		margin-bottom:35px;
	}
	#footer-right-mob-menu li a {
		color: #666;
	}
}

@media (min-width:355px) and (max-width:365px){
	
	#footer-top-cont ul li a{
		font-size: 16px;
	}
	#footer-top-cont ul li{
		width:50%;
	}
	#footer-mid li ul#footer-left-menu li{
		padding:0;
	}
}


@media (max-width:375px){

a.clickBtn {width:100%;}

.grayInnerIcons {
    margin: -47px auto 0;
}

	#top-header div{
		font-size:9px;
	}
	.bannerTxt{
		width: 83%;
	}
	.bnrSmallTxt{
		font-size: 23px;
	}
	.bnrBigTxt{
		top:-4px;
		line-height: 34px;
	}
	.bnrLastTxt{
		font-size: 26px;
		top:-4px;
	}
	.accBtn.update{
		background-position:21px center;
	}
	.missedSection{
		margin: 0 20px;
		width: 88%;
	}
	.newsBox {
    width: 75%;
    padding: 25px 30px;
}
	.newsBox > h3{
		line-height:22px;
	}
	.section-cont.btmTile{
		padding: 25px 0;
		margin:0 20px;
		width: 87%;
		max-width:none;
	}
	#footer-top-cont ul li a{
		font-size: 16px;
	}
	#footer-top-cont ul li{
		width:33%;
	}
	#footer-mid li ul#footer-left-menu li{
		padding:0;
		font-size:10px;
	}
	.ThankyouBanner{
		background:url(../images/Banner_D.jpg) no-repeat 79% 15%;
	}
	.LifeBox{
		width: 300px;
		margin: auto;
	}
	.LifeBox p{
		width:270px;
		margin: auto;
	}
}

@media (max-width: 480px){
	#top-header div{
		font-size:9px;
	}
	#footer-mid li ul#footer-left-menu li{
		padding:0;
		font-size:10px;
	}
	
}

@media (max-width:375px){
	.imgbox {height: 90px; line-height:86px;}
	.tablebox {height: 90px;}
	.headertext h1 {
		font-size: 19px;
	}
	.hsContainer h2{
		font-size:22px;
	}
}


@media (max-width:320px){
	.bannerTxt{
		width: 294px;
		height:115px;
	}
	#footer-mid, #footer-bot{
		width:98%;
	}
	.hsContainer h2{
		font-size:22px;
	}
}