/* Mobile view style starts */
	@media screen and (max-width:320px){
		.fin-pos-fields25 {
			width: 85% !important;
		}
		/* Global style starts */
			a,a:hover,a:active,a:focus,a:link{
				text-decoration:none;
				outline:none;
			}
		/* Global style ends */

		/* Header style starts */
			h1{
				padding:34px 10px 20px 10px;
			}
			h1 span.citibankLogo {
				margin-top: 19px;
				width:78px !important;
			}
			h1 span.citibankLogo img, h1 span.citilogo img {
				width:80%;
			}
			h1 span.citilogo {
				margin-top: -14px;
			}
			h3 {
				font: 20px/22px "interstate",arial,verdana,helvetica;
				margin-top: 30px;
				margin-left:10px;
			}
			h4 {
				font: 12px/16px "interstate",arial,verdana,helvetica;
				margin-top: 10px;
				margin-left:10px;
			}
			.bluboldtxt
			{
				font:normal 18px/23px arial, verdana, helvetica;
			}
		/* Header style ends */

		/* step style starts */
		.step {
			width: auto;
			padding:2px 0px 10px 0px;
			overflow: hidden;
		}
		.step li {
			float: left;
			margin: 0px 0px 10px 0px;
			width: 25%;
		}
		.step li a{
			display: block;
		}
		.step li a img{
			display: block;
			width:100%;
		}
		/* step style ends */

		/* Content area style starts */
			body {
				background: none;
				height: auto
			}
			.container {
				margin: 0 auto;
				width: 100%;
			}
			.main-container {
				padding: 10px 0px;
			}
			.span1{
				width:98%;
				margin:0px 3px;
			}
			.lftsection{
				width:100%;
				float:left;
			}
			.lftsection p
			{
				margin-top:5px;
			}
			.lftsection p input
			{
				margin-right:10px;
			}
			.rgtsection{
				width:100%;
				float:left;
			}
			.rgtsection p
			{
				margin-top:5px;
			}
			.rgtsection p input
			{
				margin-right:10px;
			}
			.padLeft3_pctab{padding-left:0px;}
			.marLftfields{margin-left:0px;}
			.step1form{display:none;}/*none*/
			.step2form{display:none;}/*none*/
			.step3form{display:none;}/*none*/
			.min-app-content-area{display:none;}
			.per-det-content-area{display:none;}
			.add-cont-content-area{display:none;}
			.bus-det-content-area{display:none;}
			.emp-det-content-area{display:none;}
			.max-crdt-content-area{display:none;}
			.fin-postn-content-area{display:none;}
			.add-card-content-area{display:none;}
			.cheq-self-content-area{display:none;}
			.bal-trans-content-area{display:none;}

			.min-app-content-area3{display:none;}
			.per-det-content-area3{display:none;}
			.add-cont-content-area3{display:none;}
			.bus-det-content-area3{display:none;}
			.emp-det-content-area3{display:none;}
			.max-crdt-content-area3{display:none;}
			.fin-postn-content-area3{display:none;}
			.add-card-content-area3{display:none;}
			.cheq-self-content-area3{display:none;}
			.bal-trans-content-area3{display:none;}

			.bus-pur-content-area{display:none;}
			.imprtnt-content-area{display:none;}
			.pri-cons-content-area{display:none;}
			.stepblue{
				color:#3398CE;
				font-size:16px;
				line-height:32px;
			}
			.marBot10-mob{margin-bottom:10px;}
			
			/* Mobile Navigation style starts */
				.mobile-step-hd{
					border-top:1px solid #cccacb;
					position:relative;
					background:#ffffff; 
					background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));
					background: -webkit-linear-gradient(#ffffff, #eaeaea 100%);
					background: -moz-linear-gradient(#ffffff, #eaeaea 100%);
					background: -ms-linear-gradient(#ffffff, #eaeaea 100%);
					background: -o-linear-gradient(#ffffff, #eaeaea 100%);
					background: linear-gradient(#ffffff, #eaeaea 100%);
					-pie-background: linear-gradient(#ffffff, #eaeaea 100%);
					padding:10px 15px;
					display:block;
					font-weight:bold;
					color:#000;
					font-size:16px;
					line-height:32px;
					overflow:hidden;
				}

					.mobile-step-hd .step-header-txt, .mobile-step-hd .arrow-step{
						display:block;
						overflow:hidden;
					}

					.mobile-step-hd .step-header-txt{
						float:left;
					}

					.mobile-step-hd .arrow-step{
						float:right;
					}
						.stepblue{color:#329ACD;}

						.mobile-step-hd .arrow-step span{
							width:32px;
							height:32px;
							display:inline-block;
							float:right;
							background:url("../images/stepDownArr.png") no-repeat;
						 }

						 .step-arrow-up{
							-webkit-transform: rotate(0deg);
							-moz-transform: rotate(0deg);
							-ms-transform: rotate(0deg);
							-o-transform: rotate(0deg);
							transform: rotate(0deg);
							-ms-transition: all 500ms linear 0s;
							-moz-transition: all 500ms linear 0s;
							-webkit-transition: all 500ms linear 0s;
							-o-transition: all 500ms linear 0s;
							transition: all 500ms linear 0s;
						}

						.step-arrow-down{
							-webkit-transform: rotate(-180deg);
							-moz-transform: rotate(-180deg);
							-ms-transform: rotate(-180deg);
							-o-transform: rotate(-180deg);
							transform: rotate(-180deg);
							-moz-transition: all 500ms linear 0s;
							-webkit-transition: all 500ms linear 0s;
							-o-transition: all 500ms linear 0s;
							transition: all 500ms linear 0s;
						} 
			/* Mobile Navigation style ends */

			.sub-hd-comm a
			{
				font-size:14px;
				color:#666666;
				width:100%;
				font-weight:bold;
			}
			.sub-hd-comm a span{
				width:15px;
				height:10px;
				display:inline-block;
				/*margin-right:10px;*/
				float:right;
				background:url("../images/arrow-down.gif") no-repeat;
			}
			.fntredstr{color:#666666;}
			.margTop10-pc{margin-top:0px;}
			.marBot10-pc{margin-bottom:0px;}
			.label-two-wrapper-pc{min-height:17px;}
			.label-two-wrapper-pc-per{min-height:17px;}
			.margTop10-mob{margin-top:10px;}
			.margTop10_mobonly{margin-top:10px;}
			
			.padTop10_pc{padding-top:0px;}

			/*personal details starts*/
			.per-det-fields{width:98%;}
			.per-det-fields input{width:90%;}
			.per-det-fields p{width:100%;margin-top:10px;}
			.per-det-fields p input{width:90%;margin-top:0px;}
			.per-det-fields p select{width:93%;margin-top:0px;}
			.per-det-fields p.dob input{width:27%;font-size:12px; color:#656565;margin-right:3px;}
			.per-det-citi-cus{width:100%;}
			.per-det-citi-cus p{margin-top:10px;}
			.per-det-citi-cus p input{margin-top:0px;margin-right:3px;}
			.per-det-acc-no{width:98%;}
			.per-det-acc-no p{margin-top:10px;}
			.per-det-acc-no p input{width:90%;margin-top:0px;}
			.per-det-fields-last{width:98%;}
			.per-det-fields-last p{margin-top:10px;}
			.per-det-fields-last p select{margin-top:0px;width:93%;}
			.per-det-fields-last p input{margin-top:0px;}
			.per-det-fields-last p.dob input{margin-top:0px;}
			/*personal details ends*/

			/*address and contact starts*/
			.add-cont-det-fst{width:100%;margin-top:0px;}

			
			.st-unitno{width:100%;}
			.st-unitno p{margin-top:10px;}
			.st-unitno input{width:90%;margin-top:0px;}
			.st-stno{width:100%;}
			.st-stno p{margin-top:10px;}
			.st-stno input{width:90%;margin-top:0px;}
			.st-stname{width:100%;}
			.st-stname p{margin-top:10px;}
			.st-stname input{width:90%;margin-top:0px;}
			.st-stname select{width:93%;margin-top:0px;}

			.st-sttype{width:100%;}
			.st-sttype p{margin-top:10px;}
			.st-sttype select{width:93%;}

			
			.add-cont-det-fields{width:100%;margin-top:0px;}
			.add-cont-det-fields p{margin-top:10px;}
			.add-cont-det-fields p input{width:90%;margin-top:0px;}
			.add-cont-det-fields p select{width:93%;margin-top:0px;}
			.add-cont-det-fields-last{width:100%;margin-top:0px;}
			.add-cont-det-fields-last p{width:100%;margin-top:10px;}
			.add-cont-det-fields-last p input{margin-top:0px;}
			.add-cont-det-fields-scnd{width:100%;margin-top:0px;}
			.add-cont-det-fields-scnd p{margin-top:10px;}
			.add-cont-det-fields-scnd p input,select{width:42%;margin-top:0px;}
			.add-cont-det-res input{width:5%;}
			.add-cont-det-contact{width:100%;}
			.add-cont-det-contact input,select{width:45%;}
			.add-cont-det-contact .cntryCodWid input{width:36%;}
			.add-cont-det-email input{width:90%;}
			.add-cont-best-time select{width:93%;}
			.add-cont-det-name{width:100%;margin-top:0px;}
			.add-cont-det-name p{margin-top:10px;}
			.add-cont-det-name p input{margin-top:0px;}
			.add-cont-det-name p select{margin-top:0px;width:93%;}
			.add-cont-det-rel-name{width:100%;}
			.add-cont-det-rel-name p{margin-top:10px;}
			.add-cont-det-rel-name p select{margin-top:0px;width:41%;}
			.add-cont-det-rel-name p input{margin-top:0px;}
			/*address and contact ends*/

			/*business details starts*/
			.bus-det-fst{width:100%;}
			.bus-det-fst p{margin-top:10px;}
			.bus-det-fst p select{margin-top:0px;}
			.bus-det-fst p input{margin-top:0px;}

			.bus-det-fields{width:100%;}
			.bus-det-fields p{margin-top:10px;}
			.bus-det-fields p select{margin-top:0px;width:93%;}
			.bus-det-fields p input{margin-top:0px;width:90%;}
			.bus-det-time p input{width:42%;}

			.bus-det-fields-acc-phno{width:100%;}
			.bus-det-fields-acc-phno p{margin-top:10px;}
			.bus-det-fields-acc-phno p select{margin-top:0px;width:42%;}
			.bus-det-fields-acc-phno p input{margin-top:0px;}
			/*business details ends*/

			/*employer details starts*/
			.emp-det-fst{width:100%;}
			.emp-det-fst p{margin-top:10px;}
			.emp-det-fst p input{width:90%;margin-top:0px;}
			.emp-det-status{width:100%;}
			.emp-det-status p{margin-top:10px;}
			.emp-det-stat-chk{width:100%;}
			.emp-det-stat-chk p{width:100%;margin-top:10px;}
			.emp-det-stat-chk p input{margin-right:5px;}
			.emp-det-fields{width:100%;}
			.emp-det-fields p{margin-top:10px;}
			.emp-det-fields p input{width:90%;margin-top:0px;}
			.emp-det-fields p select{width:93%;margin-top:0px;}
			.emp-det-phno{width:100%;}
			.emp-det-phno p{margin-top:10px;}
			.emp-det-phno p input{width:45%;float:left;margin-top:0px;}
			.emp-det-phno p select{width:43%;float:left;margin-right:5px;margin-top:0px;}
			.emp-det-time{width:100%;}
			.emp-det-time p{margin-top:10px;}
			.emp-det-time p input{width:42%;margin-right:5px;margin-top:0px;}
			.max-crd-fields p input{width:90%;}
			/*employer details ends*/

			/*financial position starts*/
			.fin-pos-fields40{width:100%;margin-top:0px;}
			.fin-pos-fields40 p{margin-top:10px;}
			.fin-pos-fields40 p input{width:90%;margin-top:0px;}
			.fin-pos-fields60{width:100%;margin-top:0px;}
			.fin-pos-fields60 p{margin-top:10px;}
			.fin-pos-fields60 p input{width:90%;margin-top:0px;}
			.fin-pos-othr{width:40%;margin-top:10px;float:left;text-align:right;margin-right:5px;}
			.fin-pos-grs{width:55%;margin-top:10px;float:left;}
			.fin-pos-grs input{margin-top:0px;width:88%;}
			.fin-pos-grs1{width:100%;margin-top:10px;float:left;}
			.fin-pos-grs1 input{margin-top:0px;width:90%;}
			.fin-pos-nontax p{margin-top:10px;}
			.fin-pos-nontax p input{width:90%;}
			.fin-pos-fields p{width:23%;float:left;margin-right:5px;}
			.fin-pos-fields p input{margin-top:10px;width:80%;}
			/*financial position ends*/

			/*card options starts*/
			.add-card-fields{width:100%;margin-top:0px;}
			.add-card-fields p{margin-top:10px;}
			.add-card-fields p input{width:90%; margin-top:0px;}
			.add-card-fields p select{width:93%; margin-top:0px;}
			.add-card-fields-occ{width:100%;margin-top:0px;}
			.add-card-fields-occ p{margin-top:10px;}
			.add-card-fields-occ p select{width:93%; margin-top:0px;}
			.add-card-fields-nat{width:100%;margin-top:0px;}
			.add-card-fields-nat p{margin-top:10px;}
			.add-card-fields-nat p select{width:93%; margin-top:0px;}
			.add-card-fields40{width:100%;margin-top:0px;}
			.add-card-fields40 p{margin-top:10px;}
			.add-card-fields40 p select{width:41%; margin-top:0px;}
			.add-card-fields40 p input{width:43%; margin-top:0px;}
			.add-card-fields40 .cntryCodWid input{width:34%;}
			.add-card-fields-dob{width:100%;margin-top:0px;}
			.add-card-fields-dob p{margin-top:10px;}
			.add-card-fields-dob p input{width:27%;float:left;margin-right:5px;margin-top:0px;}
			.cheq-self-fields p{width:100%;}
			.cheq-self-fields p input{width:90%;margin-top:10px;}

			/*card options ends*/


		/* Content area style ends */

		/* Footer style starts */
			.footer-cont-top {
				margin: 15px 0px 0px 0px;
				padding: 10px 0px 8px 0px;
				border-bottom: none;
				border-bottom: 1px solid #ccc;
			}
			.footer-cont-bottom
			{
				margin: 5px 10px 0px 10px;
			}
			.footer-cont-top a {
				font: normal 11px/16px arial, verdana, helvetica;
			}
			.footer-cont-top .footer-links-left {
				float: left;
				width: 50%;
			}
			.footer-cont-bottom .footer-links-left {
				float: left;
				width: 21%;
			}
			.footer-cont-top .footer-links-left .social-links {
				 border-left: 0px solid #CCCCCC;
				display: inline-block;
				float: left;
				margin-left: 0px;
				padding-left: 0px;
			}
			.footer-cont-top .footer-links-left .citigroup-link {
				float:left;
				margin-top:6px;
			}
			.footer-cont-top .footer-links-right{
				float: left;
				width: 50%;
			}
			.footer-cont-bottom .footer-links-right{
				float: right;
				width:75%;
			}
			.footer-cont-top .footer-links-right ul{
				display: inline-block;
				float: right;
				text-align: right;
			}
			.footer-cont-top .footer-links-right ul li{
				display: inline-block;
				float: none;
				margin-bottom:2px;
				padding-left:10px;
			}
			.footer-links-right ul {
				display: inline-block;
				float: right;
				text-align: right;
			}
			.footer-links-right li {
				display: inline-block;
				float: none;
				margin-bottom:2px;
			}
			.dropdown-footer{margin-top: 22px;}
			.dropdown-footer,.footer-nav-phone{
				clear:both;
				float:none;
			}
			.dropdown-footer a{
				float:right;
			}
			.footer-nav-phone{
				overflow:hidden;
				padding-top:5px;
				display:none;
			}
			.dropdown-footer a span{
				width:15px;
				height:10px;
				display:inline-block;
				margin-left:5px;
				background:url("../images/arrow-down.gif") no-repeat;
			}
			.dropdown-footer{
				overflow:hidden;
			}
			.arrow-right{
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
				transform: rotate(-90deg);
				-moz-transition: all 500ms linear 0s;
				-webkit-transition: all 500ms linear 0s;
				-o-transition: all 500ms linear 0s;
				transition: all 500ms linear 0s;
				}
			.arrow-down{
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-ms-transition: all 500ms linear 0s;
				-moz-transition: all 500ms linear 0s;
				-webkit-transition: all 500ms linear 0s;
				-o-transition: all 500ms linear 0s;
				transition: all 500ms linear 0s;
			}
			.footer-nav-phone{
				overflow:hidden;
				padding-top:5px;
				display:none;
			}
			.footer-nav-phone ul{float:right;}
			.footer-nav-phone li{float:left; padding-left:10px;}
		/* Footer style ends */
		.clsTooltipMsg{width:120px;}
		.mobPortSrcCd{
			width:120px;
		}
	}

	@media screen and (min-width:321px) and (max-width:767px) {
		.fin-pos-fields25 {
			width: 100% !important;
		}

		/* Global style starts */
			a,a:hover,a:active,a:focus,a:link{
				text-decoration:none;
				outline:none;
			}
		/* Global style ends */
		
		/* Header style starts */
			h1 span.citibankLogo {
				margin-top: 19px;
			}
			h1 span.citilogo {
				margin-top: -18px;
			}
			h1{
				padding:37px 10px 20px 10px;
			}
			h3 {
				font: 20px/24px "interstate",arial,verdana,helvetica;
				margin-top: 30px;
				margin-left:10px;
			}
			h4 {
				font: 13px/16px "interstate",arial,verdana,helvetica;
				margin-top: 10px;
				margin-left:10px;
			}
			.bluboldtxt
			{
				font:normal 18px/23px arial, verdana, helvetica;
			}
		/* Header style ends */

		/* step style starts */
		.step {
			width: auto;
			padding:2px 0px 10px 0px;
			overflow: hidden;
		}
		.step li {
			float: left;
			margin: 0px 0px 10px 0px;
			width: 25%;
		}
		.step li a{
			display: block;
		}
		.step li a img{
			display: block;
			width:100%;
		}
		/* step style ends */

		/* Content area style starts */
			body {
				background: none;
				height: auto
			}
			.container {
				margin: 0 auto;
				width: 100%;
			}
			.main-container {
				padding: 10px 0px;
			}
			.span1{
				width:98%;
				margin:0px 5px;
			}
			
			.lftsection{
				width:100%;
				float:left;
			}
			.lftsection p
			{
				margin-top:5px;
			}
			.lftsection p input
			{
				margin-right:10px;
			}
			.rgtsection{
				width:100%;
				float:left;
			}
			.rgtsection p
			{
				margin-top:5px;
			}
			.rgtsection p input
			{
				margin-right:10px;
			}
			.padLeft3_pctab{padding-left:0px;}
			.marLftfields{margin-left:0px;}
			.step1form{display:none;}/*none*/
			.step2form{display:none;}/*none*/
			.step3form{display:none;}/*none*/
			.min-app-content-area{display:none;}
			.per-det-content-area{display:none;}
			.add-cont-content-area{display:none;}
			.bus-det-content-area{display:none;}
			.emp-det-content-area{display:none;}
			.max-crdt-content-area{display:none;}
			.fin-postn-content-area{display:none;}
			.add-card-content-area{display:none;}
			.cheq-self-content-area{display:none;}
			.bal-trans-content-area{display:none;}

			.min-app-content-area3{display:none;}
			.per-det-content-area3{display:none;}
			.add-cont-content-area3{display:none;}
			.bus-det-content-area3{display:none;}
			.emp-det-content-area3{display:none;}
			.max-crdt-content-area3{display:none;}
			.fin-postn-content-area3{display:none;}
			.add-card-content-area3{display:none;}
			.cheq-self-content-area3{display:none;}
			.bal-trans-content-area3{display:none;}

			.bus-pur-content-area{display:none;}
			.imprtnt-content-area{display:none;}
			.pri-cons-content-area{display:none;}
			.stepblue{
				color:#3398CE;
				font-size:16px;
				line-height:32px;
			}
			.marBot10-mob{margin-bottom:10px;}

			/* Mobile Navigation style starts */
				.mobile-step-hd{
					border-top:1px solid #cccacb;
					position:relative;
					background:#ffffff; 
					background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));
					background: -webkit-linear-gradient(#ffffff, #eaeaea 100%);
					background: -moz-linear-gradient(#ffffff, #eaeaea 100%);
					background: -ms-linear-gradient(#ffffff, #eaeaea 100%);
					background: -o-linear-gradient(#ffffff, #eaeaea 100%);
					background: linear-gradient(#ffffff, #eaeaea 100%);
					-pie-background: linear-gradient(#ffffff, #eaeaea 100%);
					padding:10px 15px;
					display:block;
					font-weight:bold;
					color:#000;
					font-size:16px;
					line-height:32px;
					overflow:hidden;
				}

					.mobile-step-hd .step-header-txt, .mobile-step-hd .arrow-step{
						display:block;
						overflow:hidden;
					}

					.mobile-step-hd .step-header-txt{
						float:left;
					}

					.mobile-step-hd .arrow-step{
						float:right;
					}

						.mobile-step-hd .arrow-step span{
							width:32px;
							height:32px;
							display:inline-block;
							float:right;
							background:url("../images/stepDownArr.png") no-repeat;
						 }

						 .step-arrow-up{
							-webkit-transform: rotate(0deg);
							-moz-transform: rotate(0deg);
							-ms-transform: rotate(0deg);
							-o-transform: rotate(0deg);
							transform: rotate(0deg);
							-ms-transition: all 500ms linear 0s;
							-moz-transition: all 500ms linear 0s;
							-webkit-transition: all 500ms linear 0s;
							-o-transition: all 500ms linear 0s;
							transition: all 500ms linear 0s;
						}

						.step-arrow-down{
							-webkit-transform: rotate(-180deg);
							-moz-transform: rotate(-180deg);
							-ms-transform: rotate(-180deg);
							-o-transform: rotate(-180deg);
							transform: rotate(-180deg);
							-moz-transition: all 500ms linear 0s;
							-webkit-transition: all 500ms linear 0s;
							-o-transition: all 500ms linear 0s;
							transition: all 500ms linear 0s;
						} 
			/* Mobile Navigation style ends */

			.sub-hd-comm a
			{
				font-size:14px;
				color:#666666;
				width:100%;
				font-weight:bold;
			}
			.sub-hd-comm a span{
				width:15px;
				height:10px;
				display:inline-block;
				/*margin-right:10px;*/
				float:right;
				background:url("../images/arrow-down.gif") no-repeat;
			}
			.fntredstr{color:#666666;}

			.margTop10-pc{margin-top:0px;}
			.marBot10-pc{margin-bottom:0px;}
			.label-two-wrapper-pc{min-height:17px;}
			.label-two-wrapper-pc-per{min-height:17px;}
			.margTop10-mob{margin-top:10px;}
			.margTop10_mobonly{margin-top:10px;}
			.padTop10_pc{padding-top:0px;}
			/*personal details starts*/
			.per-det-fields{width:98%;}
			.per-det-fields input{width:90%;}
			.per-det-fields p{width:100%;margin-top:10px;}
			.per-det-fields p input{width:90%;margin-top:0px;}
			.per-det-fields p select{width:93%;margin-top:0px;}
			.per-det-fields p.dob input{width:27%;font-size:12px; color:#656565;margin-right:3px;}
			.per-det-citi-cus{width:100%;}
			.per-det-citi-cus p{margin-top:10px;}
			.per-det-citi-cus p input{margin-top:0px;margin-right:3px;}
			.per-det-acc-no{width:98%;}
			.per-det-acc-no p{margin-top:10px;}
			.per-det-acc-no p input{width:90%;margin-top:0px;}
			.per-det-fields-last{width:98%;}
			.per-det-fields-last p{margin-top:10px;}
			.per-det-fields-last p select{margin-top:0px;width:93%;}
			.per-det-fields-last p input{margin-top:0px;}
			.per-det-fields-last p.dob input{margin-top:0px;}
			/*personal details ends*/

			/*address and contact starts*/
			.add-cont-det-fst{width:100%;margin-top:0px;}

			
			.st-unitno{width:100%;}
			.st-unitno p{margin-top:10px;}
			.st-unitno input{width:90%;margin-top:0px;}
			.st-stno{width:100%;}
			.st-stno p{margin-top:10px;}
			.st-stno input{width:90%;margin-top:0px;}
			.st-stname{width:100%;}
			.st-stname p{margin-top:10px;}
			.st-stname input{width:90%;margin-top:0px;}
			.st-stname select{width:93%;margin-top:0px;}
			.st-sttype{width:100%;}
			.st-sttype p{margin-top:10px;}
			.st-sttype select{width:93%;}

			/*.add-cont-det-fst p{margin-top:10px;width:98%;}
			.add-cont-det-fst p input{width:100%;margin-top:0px;}*/
			.add-cont-det-fields{width:100%;margin-top:0px;}
			.add-cont-det-fields p{margin-top:10px;}
			.add-cont-det-fields p input{width:90%;margin-top:0px;}
			.add-cont-det-fields p select{width:93%;margin-top:0px;}
			.add-cont-det-fields-last{width:100%;margin-top:0px;}
			.add-cont-det-fields-last p{width:100%;margin-top:10px;}
			.add-cont-det-fields-last p input{margin-top:0px;}
			.add-cont-det-fields-scnd{width:100%;margin-top:0px;}
			.add-cont-det-fields-scnd p{margin-top:10px;}
			.add-cont-det-fields-scnd p input,select{width:43%;margin-top:0px;}
			.add-cont-det-res input{width:5%;}
			.add-cont-det-contact{width:100%;}
			.add-cont-det-contact input,select{width:45%;}
			.add-cont-det-email input{width:90%;}
			.add-cont-best-time select{width:93%;}
			.add-cont-det-name{width:100%;margin-top:0px;}
			.add-cont-det-name p{margin-top:10px;}
			.add-cont-det-name p input{margin-top:0px;}
			.add-cont-det-name p select{margin-top:0px;width:93%;}
			.add-cont-det-rel-name{width:100%;}
			.add-cont-det-rel-name p{margin-top:10px;}
			.add-cont-det-rel-name p select{margin-top:0px;width:41%;}
			.add-cont-det-rel-name p input{margin-top:0px;}
			/*address and contact ends*/

			/*business details starts*/
			.bus-det-fst{width:100%;}
			.bus-det-fst p{margin-top:10px;}
			.bus-det-fst p select{margin-top:0px;}
			.bus-det-fst p input{margin-top:0px;}

			.bus-det-fields{width:100%;}
			.bus-det-fields p{margin-top:10px;}
			.bus-det-fields p select{margin-top:0px;width:93%;}
			.bus-det-fields p input{margin-top:0px;width:90%;}
			.bus-det-time p input{width:43%;}

			.bus-det-fields-acc-phno{width:100%;}
			.bus-det-fields-acc-phno p{margin-top:10px;}
			.bus-det-fields-acc-phno p select{margin-top:0px;width:44%;}
			.bus-det-fields-acc-phno p input{margin-top:0px;}
			/*business details ends*/

			/*employer details starts*/
			.emp-det-fst{width:100%;}
			.emp-det-fst p{margin-top:10px;}
			.emp-det-fst p input{width:90%;margin-top:0px;}
			.emp-det-status{width:100%;}
			.emp-det-status p{margin-top:10px;}
			.emp-det-stat-chk{width:100%;}
			.emp-det-stat-chk p{width:100%;margin-top:10px;}
			.emp-det-stat-chk p input{margin-right:5px;}
			.emp-det-fields{width:100%;}
			.emp-det-fields p{margin-top:10px;}
			.emp-det-fields p input{width:90%;margin-top:0px;}
			.emp-det-fields p select{width:93%;margin-top:0px;}
			.emp-det-phno{width:100%;}
			.emp-det-phno p{margin-top:10px;}
			.emp-det-phno p input{width:45%;float:left;margin-top:0px;}
			.emp-det-phno p select{width:44%;float:left;margin-right:5px;margin-top:0px;}
			.emp-det-time{width:100%;}
			.emp-det-time p{margin-top:10px;}
			.emp-det-time p input{width:43%;margin-right:5px;margin-top:0px;}
			.max-crd-fields p input{width:90%;}
			/*employer details ends*/

			/*financial position starts*/
			.fin-pos-fields40{width:100%;margin-top:0px;}
			.fin-pos-fields40 p{margin-top:10px;}
			.fin-pos-fields40 p input{width:90%;margin-top:0px;}
			.fin-pos-fields60{width:100%;margin-top:0px;}
			.fin-pos-fields60 p{margin-top:10px;}
			.fin-pos-fields60 p input{width:90%;margin-top:0px;}
			.fin-pos-othr{width:30%;margin-top:10px;float:left;text-align:right;margin-right:5px;}
			.fin-pos-grs{width:65%;margin-top:10px;float:left;}
			.fin-pos-grs input{margin-top:0px;width:90%;}
			.fin-pos-grs1{width:90%;margin-top:10px;float:left;}
			.fin-pos-grs1 input{margin-top:0px;width:90%;}
			.fin-pos-nontax p{margin-top:10px;}
			.fin-pos-nontax p input{width:90%;}
			.fin-pos-fields p{width:23%;float:left;margin-right:5px;}
			.fin-pos-fields p input{margin-top:10px;width:84%;}
			/*financial position ends*/

			/*card options starts*/
			.add-card-fields{width:100%;margin-top:0px;}
			.add-card-fields p{margin-top:10px;}
			.add-card-fields p input{width:90%; margin-top:0px;}
			.add-card-fields p select{width:93%; margin-top:0px;}
			.add-card-fields-occ{width:100%;margin-top:0px;}
			.add-card-fields-occ p{margin-top:10px;}
			.add-card-fields-occ p select{width:93%; margin-top:0px;}
			.add-card-fields-nat{width:100%;margin-top:0px;}
			.add-card-fields-nat p{margin-top:10px;}
			.add-card-fields-nat p select{width:93%; margin-top:0px;}
			.add-card-fields40{width:100%;margin-top:0px;}
			.add-card-fields40 p{margin-top:10px;}
			.add-card-fields40 p select{width:43%; margin-top:0px;}
			.add-card-fields40 p input{width:44%; margin-top:0px;}
			.add-card-fields40 .cntryCodWid input{width:38%;}
			.add-card-fields-dob{width:100%;margin-top:0px;}
			.add-card-fields-dob p{margin-top:10px;}
			.add-card-fields-dob p input{width:27%;float:left;margin-right:5px;margin-top:0px;}
			.cheq-self-fields p{width:100%;}
			.cheq-self-fields p input{width:90%;margin-top:10px;}
			/*card options ends*/
			
		/* Content area style ends */

		/* Footer style starts */
			.footer-cont-bottom
			{
				margin: 5px 10px 0px 10px;
			}
			.footer-cont-top {
				margin: 15px 0px 0px 0px;
				padding: 10px 0px 8px 0px;
				border-bottom: none;
				border-bottom: 1px solid #ccc;
			}
			.footer-cont-top a {
				font: normal 11px/16px arial, verdana, helvetica;
			}
			.footer-cont-top .footer-links-left {
				float: left;
				width: 50%;
			}
			.footer-cont-bottom .footer-links-left {
				float: left;
				width: 21%;
			}
			.footer-cont-top .footer-links-left .social-links {
				 border-left: 1px solid #CCCCCC;
				display: inline-block;
				float: left;
				margin-left: 5px;
				padding-left: 5px;
			}
			.footer-cont-top .footer-links-left .citigroup-link {
				float:left;
				margin-top:6px;
			}
			.footer-cont-top .footer-links-right{
				float: left;
				width: 50%;
			}
			.footer-cont-top .footer-links-right ul{
				display: inline-block;
				float: right;
				text-align: right;
			}
			.footer-cont-top .footer-links-right ul li{
				display: inline-block;
				float: none;
				margin-bottom:2px;
				padding-left:10px;
			}
			.footer-cont-bottom .footer-links-right{
				float: right;
				width:79%;
			}
			.footer-links-right ul {
				display: inline-block;
				float: right;
				text-align: right;
			}
			.footer-links-right li {
				display: inline-block;
				float: none;
				margin-bottom:2px;
			}
			.dropdown-footer{margin-top: 8px;}
			.dropdown-footer,.footer-nav-phone{
				clear:both;
				float:none;
			}
			.footer-nav-phone ul{float:right;}
			.footer-nav-phone li{float:left; padding-left:10px;}
			.dropdown-footer a{
				float:right;
			}
			.footer-nav-phone{
				overflow:hidden;
				padding-top:5px;
				display:none;
			}
			.dropdown-footer a span{
				width:15px;
				height:10px;
				display:inline-block;
				margin-left:5px;
				background:url("../images/arrow-down.gif") no-repeat;
			}
			.dropdown-footer{
				overflow:hidden;
			}
			.arrow-right{
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
				transform: rotate(-90deg);
				-moz-transition: all 500ms linear 0s;
				-webkit-transition: all 500ms linear 0s;
				-o-transition: all 500ms linear 0s;
				transition: all 500ms linear 0s;
				}
			.arrow-down{
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-ms-transition: all 500ms linear 0s;
				-moz-transition: all 500ms linear 0s;
				-webkit-transition: all 500ms linear 0s;
				-o-transition: all 500ms linear 0s;
				transition: all 500ms linear 0s;
			}
		/* Footer style ends */

		/* Hidden style starts */
			.hidden-tablet, .hidden-desktop{
				display:block;
			}
			.hidden-phone{
				display:none !important;
			}
			html
			{
				-webkit-text-size-adjust: none;
			}
		/* Hidden style ends */
		.clsTooltipMsg{width:180px;}
	}
/* Mobile view style ends */

/* Tablet view style starts */
	@media screen and (min-width:768px) and (max-width:979px){
		/* Global style starts */
			a,a:hover,a:active,a:focus,a:link{
				text-decoration:none;
				outline:none;
			}
			.label-two-wrapper-pc-per{min-height:48px;}
			.label-two-wrapper{min-height:32px;}
			.label-two-wrapper-pc{min-height:48px;}
			
			.formWrapiPadPort{min-height:32px;}

		/* Global style ends */

		/*Header element style starts */
			h1 span.citibankLogo {
				margin-top: 19px;
			}
			h1 span.citilogo {
				float: right;
				margin-top: -18px;
			}
			h1{
				padding:37px 10px 20px 10px;
			}
			h3 {
				font: 26px/28px "interstate",arial,verdana,helvetica;
				margin-top: 30px;
				margin-left:10px;
			}
			h4 {
				font: 16px/18px "interstate",arial,verdana,helvetica;
				margin-top: 10px;
				margin-left:10px;
			}
		/*Header element style ends */

		/* step style starts */
		.step {
			width: auto;
			padding:2px 0px 10px 0px;
			overflow: hidden;
		}
		.step li {
			float: left;
			margin: 0px 0px 10px 0px;
			width: 25%;
		}
		.step li a{
			display: block;
		}
		.step li a img{
			display: block;
			width:100%;
		}
		/* step style ends */

		/*emp details starts*/
		.emp-det-stat-chk p{width:25%;margin-top:10px;float:left;}
		.emp-det-stat-chk p input{margin-right:3px;}

		.st-unitno{width:6%;margin-right:12px;}
		.st-stno{width:21%;}
		.st-stno input{width:80%;}


		.st-stname{width:26%;}
		.st-stname input{width:75%;}
		.st-sttype{width:35%;}

		/*emp details ends*/

		/* Content area style starts */
			body {
				margin-top:10px;
			}
			.container{
				width: 750px;
			}
			.per-det-fields-last p.dob input{width:18%;}
			.add-card-fields-dob p.dob input{width:18%;}
			.add-cont-det-contact .cntryCodWid input{width:36%;}
		/* Content area style ends */

		/* Footer style starts */
			.footer-cont-top .footer-links-left {
				width: auto;
			}
			.footer-cont-bottom .footer-links-left {
				width: 21%;
			}
			.footer-cont-top .footer-links-right{
				float: none;
				width: 100%;
			}
			.footer-cont-top .footer-links-right ul{
				display: inline-block;
				float: right;
				text-align: right;
			}
			.footer-cont-top .footer-links-right ul li{
				display: inline-block;
				float: none;
				margin-bottom:2px;
				padding-left:10px;
			}
			.footer-cont-bottom .footer-links-right{
				float: right;
				width:79%;
			}
			.footer-cont-bottom {width: 100%;}
		/* Footer style ends */
	}

	@media (max-width:979px){
		.hidden-desktop{display:inherit !important;}
		.visible-desktop{display:none !important ;}
		.visible-tablet{display:inherit !important;}
		.hidden-tablet{display:none !important;}
		.fin-pos-fields25 {width:30%;}
	}
@media (max-width:1024px){
	.hidden-desktop{display:inherit !important;}
	.visible-desktop{display:none !important ;}
	.visible-tablet{display:inherit !important;}
	.hidden-tablet{display:none !important;}
	st-stno input{width:66%;margin-left:5px;}
	.per-det-fields-last p.dob input{width:20%;}
}
@media (max-width:767px){
	.hidden-desktop{display:inherit !important;}
	.visible-desktop{display:none !important;}
	.visible-phone{display:inherit !important;}
	.hidden-phone{display:none !important;}
}
/* Tablet view style ends */