@media only screen and (max-width:1024px) {
	.colloutContent,.contentSection .blue-section .pageContent, .contentSection .page-icon, .sections.blue .sectionIcon{left: 0px;}
	.sections.blue .colloutContent, .contentSection .blue-section .page-icon, .contentSection .pageContent,.sectionIcon{right: 0px;}
	.updownArrow{ display: none;}
	.sectionIcon,.colloutContent,.section1,.section2,.section3, .section4, .section5,.section6, .section7{opacity: 1;}
}
@media only screen and (max-width:989px) {
	body,html{overflow-x:hidden; }
	*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.mainwrapper{ width: 100%; float: left; margin: auto; position: relative;}
	.banner, .header{ padding-left:10px;padding-right:10px; }
	.banner h1 img{ width: 100%;}
	.sectionIcon{ width: 250px;}
	.footer{padding-top: 50px;}
	.blue-section, .white-section{padding: 30px 15px;}
	.contentSection .page-icon{width: 220px;}
	.contentSection .pageContent{width: 485px;}
	.contentSection .blue-section .pageContent{ float: left;}
	.contentSection .page-icon .icontText h3{font-size: 2.5em;}
	.pageContent ul li{width: 130px; height: 44px;}
	.pageContent ul li a{float: left; width: 100%;}
	.pageContent ul li img{ width: 100%;}
	.contentSection .page-icon .icon{padding: 0px 0px 15px 0px;}
	.contentSection .page-icon .icontText, .contentSection .blue-section .page-icon .icontText{padding: 0px;}
	.page-icon img{ width: 100%;}
	.colloutContent a, a.knowmore-payzaap{ width: 149px;}
	.pageContent ul li.knowmore-click{ width: 161px;}

}
@media only screen and (max-width:767px) {
	.footer{padding-top: 0px;}
	.header{  background: #fff; position: fixed; top: 0; z-index: 99;}
	.header a.menu{display: block;}
	.banner, .header{  padding-left:8px;padding-right:8px; padding-top: 8px;}
	.nav{background: #e5e6e8; position: fixed; top:0px; right: -162px; width: 162px; height: 100%; z-index: 5;}
	.nav.fixedTop .mainwrapper{left: 0px; margin-left: 0px;position: relative;}
	.nav .mainwrapper{background: none; height: 100%; overflow-y: scroll;}
	.closeBtn{display: block;}
	.sections{background: #cccccc;  width: 90%; padding-top: 24px; margin-bottom: 50px;}
	.sections.blue{background: #0d6dc6; float: right;}
	.sections.blue .sectionIcon h3, .sections.blue .sectionIcon h2{color: #fff;}
	.sectionIcon, .sections.blue .colloutContent{ float: left;}
	.sectionIcon{width: 100%; padding: 0px 15px;}
	.sectionIcon span{float: left; width: 122px;}
	.sectionIcon span img{ width: 100%;}
	.sectioniconText{ float: left; margin: 15px 0 0 24px;}
	.colloutContent{width: 100%;}
	.sectionIcon{right: 0px;}
	.sections.blue .sectionIcon{left: 0px;}
	.contentSection .page-icon{ width: 100%;}
	.nav ul li{ width: 100%; clear: both; padding: 6px 2px; border: 1px solid #d3d4d6;}
	.nav ul li a{color: #000; width: 100%; float: left; font-size: 1.2em;}	
	.nav ul li a span.icon{ width: 55px; height: 55px; float: left;}
	.nav ul li a span.text{width: auto; float: left; text-align: left; clear: inherit; margin-left: 10px;}
	.nav ul li.instantac a span.icon, .nav ul li.instantac:hover a span.icon, .nav ul li.instantac.active a span.icon{ background: url(../resources/images/mobile-icon-sprite.png) no-repeat; background-position: 0 0;}
	.nav ul li.oneclickshopping a span.icon, .nav ul li.oneclickshopping:hover a span.icon,.nav ul li.oneclickshopping.active a span.icon{background: url(../resources/images/mobile-icon-sprite.png) no-repeat; background-position: 0 -58px;}
	.nav ul li.oneclickpayments a span.icon, .nav ul li.oneclickpayments:hover a span.icon, .nav ul li.oneclickpayments.active a span.icon{background: url(../resources/images/mobile-icon-sprite.png) no-repeat;background-position: 0 -120px;}
	.nav ul li.loanstensec a span.icon, .nav ul li.loanstensec:hover a span.icon, .nav ul li.loanstensec.active a span.icon{background: url(../resources/images/mobile-icon-sprite.png) no-repeat;background-position: 0 -176px;}
	.nav ul li.quickinv a span.icon, .nav ul li.quickinv:hover a span.icon, .nav ul li.quickinv.active a span.icon{background: url(../resources/images/mobile-icon-sprite.png) no-repeat;background-position: 0 -230px;}
	.nav ul li.active a span.text{color: #000;}

	.contentSection .pageContent,.contentSection .blue-section .page-icon{float: left; width: 100%; padding-top:20px; }
	.contentSection .page-icon .icon,.contentSection .page-icon .icontText{float: left;}
	.header .mainwrapper a{ width: 132px;}
	.header .mainwrapper a img{ width: 100%;}
	.header .mainwrapper a.menu{ width: 31px;}
	.header .mainwrapper a.homeicon{ width: 22px; margin-right: 20px;}
	.page-icon img{ width: auto;}
	.wrapper {padding-top: 34px;}
	.header .mainwrapper a.menu{ background-size: 20px; width: 25px;}
}
@media only screen and (max-width:600px) {
	.sectionIcon h2{ font-size: 2.5em;}
	.sectionIcon h3{ font-size: 3em;}
	.colloutContent p{font-size: 2em; padding-bottom: 12px;}
	.colloutContent p.boldText{font-size: 1.5em;}
	.colloutContent a{font-size: 1.2em;}
	.sectionIcon span{width: 100px;}
	.colloutContent span.caret{right: -40px;}
	.sections.blue .colloutContent span.caret{left: -40px;}
	.tensecloans-section .sectioniconText{margin-top: 0px;}

	.contentSection h2, .contentSection .page-icon .icontText h3{ font-size: 2.5em;}
	.contentSection .page-icon .icontText h2{ font-size: 2em;}
	.contentSection p{ font-size: 1.8em;}
	
	.links{width: 100%; margin-bottom: 15px;}
	.pageContent ul li{ width: 100%; clear: both; height: auto; border-left: 0px; margin-top: 20px;}
	.pageContent ul li img{ width: 160px;}
}
@media only screen and (max-width:479px) {
	.sectionIcon span{width: 75px;}
	.sectionIcon h2{ font-size: 1.8em; margin-top: 10px;}
	.sectionIcon h3{ font-size: 2.2em;}
	.tensecloans-section .sectioniconText{margin-top: 0px;}
	.colloutContent{padding-top: 15px;}
	.colloutContent p{font-size: 1.5em;}
	.colloutContent p.boldText,.colloutContent p.smallText{font-size: 1.2em;}
	.colloutContent span.caret{right: -30px;}
	.sections.blue .colloutContent span.caret{left: -30px;}
	.applynow{margin-top: 20px;}	
	.header .mainwrapper a{ width: 100px;}
	.header .mainwrapper a.homeicon{ background-size: 18px; width: 18px; margin-right: 20px;}
	.phoneText{ font-size: 1.1em;}
}