/* Tablet Portrait view starts */
 @media (max-width:1024px) { 
	.callUs {
		font-family: interstate;
		
	}
	.hidden-tab{
		display:none;
	}
		.faq-details p{
			margin: 0 0 13px 0;
		}
	.impLight-box{
		left:0px;
		height: 290px;
	}


}

@media (max-width:768px) { 
	.hidden-tab{
		display:block;
	}
	.visible-tab{
		display:none;
	}
	#wrapper{
		width:100%;
	}
	.citiLogo {
		margin-right: 20px;
	}
	.main-logo p {
		font-size: 16px;
		padding:21px 0 0 0;
		width: 55%;
	}
	.img-slider {
		height: 390px;
	}
	#slider li{
		width:768px;
		overflow:hidden;
		float:left;
	}
		.inline-txt{
			display: inline;
		}
	.infoLeft h1 {
		font-size: 24px;
		line-height:25px;
	}
	.infoLeft h2 {
		font-size: 16px;
		margin-top:10px;
	}
	.citigroup {
		width: 165px;
	}
	.MR {
		margin: 0px 8px;
	}
	.linkTxt a {
		padding-left: 10px;
	}
	.infoLeft {
		top:80px;
		width: 55%;
	}
	.card-art-content {
		margin-top: 10px;
	}
	.index-wrapper .infoLeft .high-fly-card{
		width: 140px;
		margin: 10px 10px 0 0;
		margin-top: 0px;
	}
	.tabSection {
		bottom: 15px;
	}
	.tabSection ul li .tabData{
		width: 208px;
	}
	.hoverData ul li{
		padding-bottom: 15px;
	}
	.hoverData ul {
		margin: 20px 0;
	}

	.tabSection .hoverData{
		width: 226px;
	}
	.hoverData ul li{
		width:83%;
	}
	
	.hoverData ul li div {
		width: 100%;
	}

	.benefits-title {
		margin: 55px 0 0;
		width: 39%;
		padding: 0 31%;
	}
	#benfitsBody{
		width:95%;
		padding:20px;
	}
		#benfitsBody .dataLeft, #benfitsBody .dataRight{
			margin:3px 0 0 0;
		}
		.dataLeft h4, .dataRight h4 {
			font-size:14px;
		}	
		.dataLeft h4, .dataLeft p, .dataRight h4, .dataRight p {
			padding: 5px 0;
		}
		.dataLeft p, .dataRight p{
			font-size: 11px;
			line-height: 12px
		}
		#benfitsBody h1 {
			font-size: 24px;
			padding: 68px 0 18px 0;
		}
			#benfitsBody .rowLeft{
				width:253px;
				margin-top: 10px;
			}
		.dataLeft p {
			padding-right: 30px;
		}
		.dataLeft h4 img {
			margin: -12px 0 0 5px;
			width: 10%;
		}
		.dataRight h4 img {
			margin: -20px 5px 0 0;
			width: 10%;
		}
		#benfitsBody .rowRight{
			width: 246px;
			margin-top: 10px;
		}
		.btn a {
			font-size: 11px;
		}
		.imp-con {
			position: absolute;
			top: 40px;
			left: 50%;
			margin-left: -350px;
			width: 700px;
			text-align: right;
		}
		.pageData{
			margin-top:0;
			padding: 10px 20px;
			bottom:15px;
			left: 21px;
			width: 186px;
		}	
	.sublight-box{
		min-height: 250px;
	}	
	/* .impLight-box{
		top: -837px;
		left:15px;
		height: 290px;
	} */
		.imp-light{
			padding: 20px;
		}

		.imp-light2 {
			padding: 7px 10px;
			height: 276px;
		}
		.important_info_scroll {
			height: 245px;
		}
	#next-arrow, #pre-arrow {
		width: 3%;
		height: 6%;
		background-size: 100% 100%;
		top:42%;
	}
	#activateBody {
		padding: 0 4%;
		width: 92%;
	}
	.left-sec{
		padding:3.6% 4%;
		width: 51%;
		height: auto;
	}
	.left-sec h1{
		padding:0;
	}
	.tab-Lf {
		left: 16px;
		bottom: 15px !important;
	}
	.inner-box p{
		width: 100%;
	}
	#footer {
		width: 94.8%;
	}
	.inner-box .mouse {
		width: 7%;
		margin: 10px;
	}
	.inner-box .call {
		width: 8%;
		margin-right: 12px;
		margin-top: 10px;
	}
	.faqs-title {
		margin: 76px 0 0;
		width: 85%;
	}
	.left-sec {
		padding: 15px 15px 15px 20px;
		height: 360px;
		width: 62%;
	}
	.faq-wrapper .left-sec {
		top: -60px;
	}

		.left-sec h1 {
			padding: 80px 0 11px 0;
			font-size: 20px;
		}
			.left-sec p {
				font-size: 12px;
				line-height: 14px;
			}
			.inner-box p .txt2 {
				font-size: 13px;
				line-height: 15px;
			}
			.offerendstxt{
				font-size: 11px !important;
				line-height: 13px !important;
			
			}
		.left-sec .inner-box {
			margin: 16px 0 0 0;
			padding: 5px 8px;
			position: relative;
		}
		.infotxt h1 {
			font-size: 16px;
			line-height:20px;
		}
		.inner-box .call {
			width: 47px;
			margin-right: 8px;
			/*margin-top: -17px;*/
			height: 35px;
			position: absolute;
			/*top: 50%;*/
		}
		.left-sec .inner-box p {
			margin-left: 47px;
		}
		.offerendstxt {
			width: auto;
			margin: 0 15px 0 0;
			left: 15px;
			font-size: 10px !important;
			line-height: 11px !important;
			bottom: 0;
		}
		.upgrade-top-spac{
			padding: 10px 0 0 0;	
		}
		.tabSection ul li h3, .pageData h3 {
			font-size: 14px;
		}
		.update-tab-home {
			padding: 12px 20px 24px 20px !important;
		}

		.tabSection ul li .wid1 {
			width: 78px !important;
		}
		.tabSection ul li .wid2 {
			width: 142px !important;
		}
		.triangleTop{
			right: 57px;
			bottom: -36px;
			width: 0%;
		}
		
		.upgrd-contt p{
			padding: 5px 0;
		}
		#main-acc {
			height: 158px;
		}
		#main-acc .sub-acc li{
			padding: 2px 0;
		}
		.sub-acc{
			width: 100%
		}
		.faq-plus{
			background: url('../images/plus-1x.png') no-repeat 0 3px;
		}
		.faq-minus{
			background: url('../images/minus-1x.png') no-repeat 0 3px;
			
		}

		.faq-details p{
			margin: 0 0 13px 0;
		}

		.main-menu ul li a {
			padding: 12px 16px;
			font-size: 13px;
		}
		.tabSection ul li a{
			font-size:12px;
			line-height:15px;
			padding: 0;
		}

			.tabSection ul li .wid1 a{
				padding: 0;
				
			}
				.faq-c2a-btn{
					padding: 14px 10px 22px 10px!important;
				}
			.hoverData ul li a{
				padding:0;
			}
			.hoverData ul li.mar-1 a {
				font-size:12px;
				line-height:14px;
			}
			.tabHoverText {
				font-size:12px !important;
				line-height:14px !important;
			}
}
@media (max-width:767px) {
	body {
		font-size: 100%;
	}
	.hidden-desktop {
		display: block;
	}
	.hidden-phone {
		display: none;
	}
	.hidden-tablet {
		display: block;
	}

	.visible-desktop {
		display: none;
	}
	.hidden-device{
		display:none !important;
	}

	.upgrd-title{
		width: 80%;
		margin: 0 10%;
	}

	#main-header{
		padding:20px;
	}
	.main-logo{
		padding:0;
		background:#000;
	}
		.citiLogo{
			width:13%;
			margin-right: 45px
		}
		.main-logo p {
			font-size: 16px;
			width: 41%;
			padding-top: 16px;
			line-height: 18px;
		}
	.bannerSection .bannerImg{
		width: 100%;
	}
	.device-banner{
		
	}
	
		.vm-logo-section {
			width: 33%;
			z-index:1;
			top: 0;
		}
		.device-banner img{
			width:100%;
		}
			.faqs-title{
				/*margin: 0 0;*/
				margin-top:50px;
				width: 86%;
			}

	
	.tabSection ul li h3 {
		font-size: 14px;
	}
	.infoLeft {
		top: 7%;
		left: 7%;
		width: 85%;
		z-index:1;
	}
		.infoLeft p{
			margin-top: 20px;
		}

		.infoLeft h1{
			font-size: 27px;
			line-height: 32px;
		}
		.infoLeft h2{
			margin-top: 13.6px;
		}
		#footer{
			width:83%;
			margin: 10px auto;
		}
		.terms{
			vertical-align: bottom;
			clear:both;
			padding-top:5px;
		}
		.linkTxt a
		{
			padding-left:2px;
		}

	#main-acc .sub-acc li h3{
		font-size: 12px;
	}
	#main-acc .sub-acc p {
		font-size: 12px;
		line-height: 14px;
	}
	#main-acc {
		height: auto;
	}

		.sub-acc {
			width: 100%;
		}
		.left-sec p, #main-acc .sub-acc li h1, #main-acc .sub-acc li h3, #main-acc .sub-acc li ul li p a, #main-acc .sub-acc li, .inner-box p .txt2, .offerendstxt{
			/* color:#000; */
		}

.upg-mous{
		margin-top: 5px;
}

.hm-titleSec{
}
.faq-details p{
	margin: 0 0 13px 0;
}

/* Tablet Portrait view ends */

/* Mobile Style Starts */
	
	/* Hidden style starts */
	.db{
		display:block;
	}
	.hidden-desktop {
		display: block;
	}

	.hidden-phone {
		display: none;
	}

	.hidden-tablet {
		display: block;
	}

	.visible-desktop {
		display: none;
	}
	
	/* Hidden style ends */

	/* Header style starts */
	img#arrow_menu {
		width: 4%;
		margin: 3% 4% 0%;
	}

	#topNav > ul li a:link.active {
		display: none;
	}
	#topNav {
		max-width: 767px;
		display: none;
	}
	#topNav ul {
		padding-left: 0px;
	}
	#topNav ul li {
		display: block;
		float: none;
	}
	#topNav > ul li a , #topNav > ul li a:active, #topNav > ul li a:hover {
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #F9F9F9;
		padding: 3% 6% 3% 10%;
		display: block;
		text-decoration: none;
		color: #f1f1f1;
		font-size: 17px;
		position: relative;
		height: 90%;
	}
	#topNav > ul li a span.downArrow{ 
		display: inline-block;
		width: 5%;
		float: right;
	}
	#topNav ul li a.last{
			border-bottom: none;
		}
	/* Sub Nav Styles Starts*/
	#topNav ul ul{
		display: none;
		background-color: #333;
	}
		#topNav ul ul li{
			padding: 2% 10%;
			border-bottom: 1px solid #000000;
		}
		#topNav ul ul li.first{
			border-top: none;
		}
		#topNav ul ul li.last{
			border-bottom: none;
		}
			#topNav ul ul li h4{
				color: #fff;
				font-size: 14px;
				font-weight: normal;
			}
		#topNav  ul ul li a:link, #topNav ul ul li a:active, #topNav  ul ul li a:hover, #topNav  ul ul li a:visited {
			border: none;
			padding: 0;
			display: inline-block;
			background-color: transparent  !important;
			text-decoration: underline;
			color: #ffffff;
			font-size: 12px;
			padding-top: 1%;
			height: auto;
		}
		#topNav ul ul li a:after{
			display: none;
		}

	/* Sub Nav Styles Starts*/
	/* Header style ends */

	/* Banner style starts  */
	.bannerImg {
		width: 100%;
	}
	.infoLeft h1 {
		font-size: 36px;
		line-height: 50px;
	}
	.infoLeft h2 {
		margin-top: 32px;
		font-size: 26px;
		font-weight: normal;
	}
	#add_ben_content .accoContainer li.closed h3 {
		background: url('../images/mobile/plus.png') no-repeat 0 1px;
		background-size: 2.4%;
	}
	#add_ben_content .accoContainer li.open h3 {
		background: url('../images/mobile/minus.png') no-repeat 0 1px;
		background-size: 2.4%;
	}
	.infoRight {
		width: 50%;
		top: 59%;
		right: 6%;
	}

	.infoRight img#cardImage {
		width: 100%;
	}
	.mob-imp-con{
		padding:10px 10px;
		margin: 0 6px;
		border-top:1px solid #cccccc;
	}
		.mob-imp-con h3{
			cursor:pointer;
		}
		.mobimpLight-box{
			padding-top:20px;
			display:none;
		}
		.mobimpLight-box p{
			padding: 0 10px 10px !important;
		}
	/* Banner style ends  */
	/* Benefits page */
	.bannerSection{
		overflow:hidden;
	}
	/* Benefits page */

	/* Activate Start */
		#activateBody{
			width: 90%;
			overflow: hidden;
			position: inherit;
			border-bottom:1px solid #ccc;
			padding: 0 5%;
		}
		.left-sec {
			width: 92%;
			height: auto;
			float: left;
			padding: 4% 4% 20% 4%;
			background: #000 url('../images/mobile/faq-banner.jpg') no-repeat 0 bottom;
			background-size: 100%;
			position: relative;
			border-bottom: none;
			top:0;
			left:0;
		}
		.left-sec p {
			padding: 10px 0px 20px 0;
		}
		p.or {
			padding: 0px !important;
		}
		.inner-box p{
			padding:5px 0 0 0;
		}
		.inner-box p .txt2 {
			display: inline-block;
		}
	/* Activate End*/
	/*Footer style starts*/
	.padt2 {
		padding-top: 2px
	}

	.padd2 {
		padding-top: 10px
	}

	.paddBtmMobile {
		margin-bottom: 4px
	}
	
	.offerendstxt {
		bottom: 0;
		position: relative;
		left: 0;
		margin: 8% 4% 0 4%;
		float:left;
		border-top: 1px solid #cccccc;
	}

	#footer {
		width: 93%;
		overflow: hidden;
		margin: 0 auto;
		font-size: 11px;
		padding: 0 20px 10px 20px;
	}

	.footerLink {
		padding-top: 3px;
		display: inline-block;
		font-size: 11px;
	}

	.footerLine {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 5px 0px;
		width:100%;
		overflow:hidden;
	}

	#footer a {
		vertical-align: top;
		color: #666;
		font-size: 11px;
	}

	.padLft {
		padding-left: 15px
	}

	.padRgt {
		padding-right: 15px
	}

	.linkTxt a {
		padding-left: 16px;
		text-align: right;
		margin: 4px 0 0;
		display: inline-block;
		font-size: 11px;
	}

	.linkTxt, #footer p {
		text-align: right;
		font-size: 11px;
	}

	.smallFb, .smallTwitter, .smallYouTube {
		text-indent: -9999px;
		display: inline-block;
		margin: 3px 3px;
		width: 17px;
		height: 17px;
		-webkit-background-size: 100% 100% !important;
		background-size: 100% 100% !important;
	}

	.smallFb {
		background: url(../images/icon-fb.gif) no-repeat;
		margin-left: 3px;
	}

	.smallTwitter {
		background: url(../images/icon-twitter.gif) no-repeat
	}

	.smallYouTube {
		background: url(../images/icon-youtube.gif) no-repeat
	}

	.padd2 {
		padding-top: 10px
	}
	#footer .padd2.fr{
		width: 25%;
	}
	.citilogo-cont img{
		width: 95%;
	}
	p small {
		font: normal 11px/16px arial, verdana, helvetica;
		color: #666;
		float: right;
	}

	.dropdown-footer,
		.footer-nav-phone {
		clear: both;
		font-size: 11px;
	}

	.dropdown-footer a {
		float: right;
		font-size: 11px;
	}

	.dropdown-footer a{
		text-decoration: none;
	}
	.dropdown-footer a span {
		width: 15px;
		height: 10px;
		display: inline-block;
		margin-left: 5px;
		background: url(../images/arrow-down.png) no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.dropdown-footer {
		overflow: hidden;
		margin: 12px 2px 5px 0;
	}

	.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 0;
		-webkit-transition: all 500ms linear 0;
		-o-transition: all 500ms linear 0;
		transition: all 500ms linear 0;
	}

	.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 0;
		-moz-transition: all 500ms linear 0;
		-webkit-transition: all 500ms linear 0;
		-o-transition: all 500ms linear 0;
		transition: all 500ms linear 0;
	}

	.citigroup {
		width: 32%;
	}
	.callUs {
		padding-top: 5px;
		margin: 10px 2%;
		width: 40%;
	}
		.callUs a,.callUs a img{
			width: 100%;
		}

	#footer .padd2.copy {
		width: 75%;
	}
	/*Footer style ends*/
}

@media (max-width: 640px){
	.infoLeft h1{
		font-size: 24px;
		line-height: 28px;
	}
	 #mobile_top_content .infoLeft h1 {
		font-size: 24px;
		line-height: 21px;
	}
	.infoLeft h2 {
		margin-top: 14px;
		font-size: 18px;
	}
	#add_ben_content p {
		font-size: 12px;
		word-wrap: break-word;
		-moz-hyphens:auto; 
		-webkit-hyphens:auto; 
		-o-hyphens:auto; 
		hyphens:auto;
	}
	.callUs {
		margin: 10px 2%;
		width: 25%;
	}
	img#arrow_menu {
		width: 3.5%;
		margin: 4% 2% 0 ;
	}
	.citiLogo {
		width: 15%;
		margin-right: 20px;
	}
	.main-logo p {
		font-size: 18px;
		width: 71%;
		padding-top: 31px;
	}
	/*
	#topNav ul li a.home{
		background: url('../images/mobile/home-icon.png') no-repeat 25px 13px;
		background-size: 4%;
	}
	#topNav ul li a.benefits{
		background: url('../images/mobile/benefits-icon.png') no-repeat 25px 13px;
		background-size: 4%;
	}
	#topNav ul li a.activate{
		background: url('../images/mobile/activate-icon.png') no-repeat 22px 13px;
		background-size: 4%;
	}
	#topNav ul li a.faq{
		background: url('../images/mobile/faq-icon.png') no-repeat 22px 16px;
		background-size: 4%;
	}
	*/
	#topNav > ul li a:link, #topNav > ul li a:active, #topNav > ul li a:hover {
		padding: 3% 6% 3% 10%;
	}
	#topNav > ul li a span.downArrow{
		width:3%;
	}
	#add_ben_content .accoContainer li.closed h3 {
		background: url('../images/mobile/plus.png') no-repeat 0 1px;
		background-size: 2.8%;
	}
	#add_ben_content .accoContainer li.open h3 {
		background: url('../images/mobile/minus.png') no-repeat 0 1px;
		background-size: 2.8%;
	}
	#add_ben_content {
		padding: 10px 20px 0 20px;
	}
	.callUs {
		margin: 0 2% 2% 0;
		width: 58%;
		padding:0;
	}
	.M-callgroup {
		margin-left: 23%;
		width: 74%;
		overflow:hidden;
	}
	#footer .M-callgroup {
		margin-left: 0;
		width: 100%;
		overflow:hidden;
	}

	#add_ben_content .accoContainer li {
		padding: 9px 10px;
	}
	.inner-box .mouse {
		margin:0 10px;
		width: 4%;
	}
}
@media (max-width: 568px){
	.callUs {
		margin: 2% 2% 2% 0;
		width: 96%;
		padding:0;
	}
	.main-logo p {
		width: 72%;
		padding-top: 9px;
		line-height: 18px;
		font-size: 16px;
	}
	#add_ben_content .accoContainer li {
		padding: 9px 5px;
	}
	/*
	#topNav ul li a.home{
		background: url('../images/mobile/home-icon.png') no-repeat 20px 11px;
		background-size: 5%;
		
	}
	#topNav ul li a.benefits{
		background: url('../images/mobile/benefits-icon.png') no-repeat 20px 8px;
		background-size: 5%;
	}
	#topNav ul li a.activate{
		background: url('../images/mobile/activate-icon.png') no-repeat 18px 9px;
		background-size: 5%;
	}
	#topNav ul li a.faq{
		background: url('../images/mobile/faq-icon.png') no-repeat 19px 12px;
		background-size: 5%;

	}
	*/
	#topNav > ul li a:link, #topNav > ul li a:active {
		padding: 3% 6% 3% 10%;
		display: block;
		background-color: #cc0000 !important;
	}
 #topNav > ul li a:hover {
		background-color: #343434 !important;
	}
	#topNav > ul li a span.downArrow{
		width:5%;
	}
	.citiLogo {
		width: 15%;
		margin-right: 20px;
	}
	img#arrow_menu {
		width: 6%;
		margin: 6% 6% 6% 0;
	}
	.infotxt{
		bottom:-1px;
	}

		.upgrage-infotxt {
			top: 0 !important;
		}

	.benefits-title {
		margin: -82px 0 53px 0;
		padding: 0 15%;
		width: 60%;

	}
	#footer {
		width: 91%;
	}
	.citigroup {
		width: 40%;
	}
	.M-callgroup{
		margin-left: 0;
		width: 100%;
		overflow: hidden;
		border-top: 1px solid #CCC;
	}
	.inner-box p{
		width:98%;
		padding: 5px;
	}
	.inner-box .mouse {
		margin: 0 15px;
		width: 4%;
	}
}

@media (max-width: 480px){
	#main-header {
		padding: 20px 10px;
	}
	img#arrow_menu {
		margin: 5% 2% 0% 2%;
	}
	.main-logo p {
		padding-top: 12px;
		width:45%;
	}
	.callUs {
		margin: 2.8% 2% 3% 0%;
		width: 96%;
		padding:0;
	}
	.infoLeft h1, #mobile_top_content .infoLeft h1 {
		font-size: 24px;
		line-height: 24px;
	}
	#mobile_top_content .infoLeft h1 {
		font-size: 18px;
		line-height: 16px;
		color: #FEFEFE;
	}
	.infoLeft h2 {
		margin-top: 10px;
		font-size: 16px;
	}
	.citiLogo {
		width: 17%;
		margin-right: 30px;
	}
	img#arrow_menu {
		margin: 5% 3% 6% 3%;
	}
	.citigroup {
		width: 40%;
	}
	#footer {
		width: 91%;
	}
	.M-callgroup{
		margin-left: 0;
		width: 90%;
		overflow: hidden;
	}
	#add_ben_content .accoContainer li.open h3 {
		background: url('../images/mobile/minus.png') no-repeat 0 2px;
		background-size: 3.4%;
	}
	#add_ben_content .accoContainer li.closed h3 {
		background: url('../images/mobile/plus.png') no-repeat 0 2px;
		background-size: 3.4%;
	}
	.inner-box .mouse {
		width: 7%;
		margin: 10px;
	}
}
@media (max-width: 360px){
	.main-logo p {
		font-size: 14px;
		width: 60%;
		padding-top: 14px;
		line-height: 15px;
	}
	.citiLogo {
		width: 22%;
		margin-right: 20px;
	}
	img#arrow_menu {
		width: 8%;
		margin: 5% 6% 5% 2%
	}
	.infoLeft {
		width:90%;
		top:7%;
		left:5%;
	}
	.index-wrapper .infoLeft{
		top: 10px;
	}
	.infoLeft h1 {
		font-size: 18px;
		line-height: 21px;
		padding: 18px 0 6px 0;
	}
	.infoLeft h2 {
		margin-top: 5px;
		font-size: 14px;
	}
	.infoLeft p {
		margin-top: 15px;
		line-height:14px;
		font-size: 12px;

	}
	#add_ben_content .accoContainer li {
		padding: 9px 7px;
	}
	#topNav > ul li a:link, #topNav > ul li a:active, #topNav > ul li a:hover {
		padding:3% 6% 3% 10%;;
	}
	#footer {
		width: auto;
		padding:0 10px 10px 10px;
	}
	.M-callgroup{
		margin: 0;
		width:auto;
		border-top: 1px solid #CCC;
	}
	.callUs {
		margin: 3% 2% 3% 0;
		width: 96%;
		padding:0;
	}
	.citigroup {
		width: 61%;
	}
	.inner-box .call {
		width: 10%;
		margin-left: 7px;
		float:left;
	}
	.inner-box p a.txt1{
		display:block;
	}
	.inner-box p {
		width: 96%;
		padding: 2px;
		font-size: 12px;
		line-height: 14px;
	}
	.inner-box .mouse {
		width: 10%;
		margin: 0 15px 0 0;
	}
	#add_ben_content {
		padding: 10px 10px 0 6px;
	}

	.benefits-title {
		margin: -58px 0 37px 0; 
		text-align: center;
		width:72%;
	}

	#add_ben_content .accoContainer li.open h3 {
		background: url('../images/mobile/minus.png') no-repeat 0 1px;
		background-size: 5%;
	}
	#add_ben_content .accoContainer li.closed h3 {
		background: url('../images/mobile/plus.png') no-repeat 0 1px;
		background-size: 5%;
	}
	.infotxt{
		top:108px;
	}

	.upgrage-infotxt {
		top:0 !important;
	}
	
	.upgrade-left-sec{
		position: absolute;
		top: 186px;
		left: 0;
	}

	.upgrdTxt {
		line-height: 14px;
		font-size: 12px;
		float: left;
		margin: 6px 0 6px 0;
	}
		.upgrd-contt{
			float: left;
			width: 83%;			
		}

	.faqs-title{
		/* margin: 0; */
		margin-top:50px;
		width:100%
	}

	.mob-imp-con{
		margin:0;
	}

	.offerendstxt {
		margin: 8% 3% 8% 3%;
		bottom: -10px;
		line-height: 10px !important;
		padding: 5px 0px 20px 0 !important;
	}
	.left-sec{
		top:0;
		position:relative;
		background: #000 url('../images/mobile/faq-banner.jpg') no-repeat 0 bottom;
		background-size: 100%;
	}
	.faq-device-banner{
	}


}
@media (max-width: 320px){
	.main-logo p{
		padding-top: 10px;
		font-size: 13px;
		width:49%;
	}
	.citiLogo {
		margin-right: 20px;
		width: 32%;
	}
	#footer .callUs p {
		font-size: 10px;
	}
	#footer .callUs p .txt1{
		letter-spacing: 0px;
		 font-size: 11px;
	}
	#main-acc .sub-acc li h1{
		font-size: 13px;
		line-height: 15px;
		padding: 4px 0 4px 30px;
	}

	.faqs-title{
		/* margin: 0; */
		margin-top:50px;
		width:100%
	}
		.faq-plus{
			background: url('../images/plus-1x.png') no-repeat 0 4px;
		}
		.faq-minus{
			background: url('../images/minus-1x.png') no-repeat 0 4px;
			
		}
	#add_ben_content .accoContainer li h3 {
		font-size: 13px;
	}

/* Mobile Style Starts */