/* Media Starts */
html {-webkit-text-size-adjust: 100%; }
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input {-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}

@media screen and (min-width:1900px) {
	.section1 {background-position:center 0; position:relative; background-size:cover;}
	#section_2 .container, #section_3 .container , #section_4 .container {top:50%; left:50%; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute; padding:0; display:inline-block;}
	#section_4 .container {max-width:804px;}
	#section_3 .container {max-width:916px;}
	
	/*#section_4 .container {top:50%; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:804px; position:absolute; padding:0; display:inline-block; left:23%;}*/
	/*.redLine {top:282px;}*/
}

@media screen and (max-width:1280px) {
	
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.section1 {height:680px;}
}


@media screen and (width:1024px){
	
	/*Section 4*/
	.section4 .container {max-width:74%;}
}

@media screen and (max-width: 1024px){
	/*Common*/
	.downArrow, .downArrow2, .downArrow3 {bottom:-1%; background-size:62%; left:46%;}
	
	/*Section 1*/
	.section1 {background:url("../images/Page122.jpg") no-repeat center 90px; background-size:cover;}
	#section_1 .container .mobile p {font-size:12px;}
	.redLine{background:url(../images/line-bg-1024.png) no-repeat center 0; height:139px;}
	 .redLine p.text1{padding:34px 0 0;}
	 .redLine p.text2{padding:45px 0 0 0;}
	 .redLine p.text3{padding:33px 0 0 0;}
	 .redLine p.text4{padding:37px 0 0 0;}

	/*Section 3*/
	.blockContainer {width:336px;}
	.block {height:346px;}
	.moreContent {height:547px;}
	

	/*Footer*/
	.footerMaster {padding:10px;}
	.links li {font-size:1.2em;}

	

}

@media screen and (max-width: 1001px) {
	/*Section4*/
	.download ul li {display:none;}
	.download p {display:block;}

	/*Footer*/
	.footer .special {width:100%;}
	.footer .special a {float:none;}
	.social, .footer .links {position:relative; left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
	.social, .special, .links {clear:both; display:block; float:left; padding-bottom:5px}
	.links {padding-top:10px;}
	.social {padding:10px; margin-top:10px; border-top:1px solid #999;}
	.accordion{width:96%;}
	.footer .links li.nobg{border:none;}
	 .footer p.copyright{width:100%; text-align:center;}
	 .footer .links li:first-child{border:none;}
	 #section_2 .container{width:760px;}
	 .tabsContainer{width:763px;}
	 .tabContent .rhs{padding:0 0 0 8px;}
	 .redLine{background:url(../images/line-bg-768.png) no-repeat center 0; height:109px;}
	 .redLine p.text1{padding:52px 0 0;}
	 .redLine p.text2{padding:61px 0 0 0;}
	 .redLine p.text4{padding:45px 0 0 0;}
}

@media screen and (min-width: 768px) and (max-width: 1001px) {
	
	/*Section 1*/
	#section_1 .mobile p {font-size:10px;}
	
	/*Section 2*/
	.tabsContainer{width:760px;}
	.tabContent .lhs{width:545px;}
	.tabContent .lhs .videoLink{padding:0;}
	.tabContent .lhs .videoLink iframe{width:525px;}
	
	/*Section 3*/
	#section_3 {background:#d4fbe7; padding:50px 5px 0 5px;}
	.blocksSection {width:95%;}
	.blockContainer {width:48%;}
	.block {height:340px;}
	.blockContent h2 {font-size:1.7em;}
	.moreContent {height:535px;}
	.tabs {display:none;}
	
	/*Section 4*/
	#section_4 {background:#ccc; padding:50px 5px 0 5px;}
	#section_4 .content {width:478px;}
	
	/*Footer*/
	.footerMaster {padding:10px;}
	.footer .links, .footer .special {position:relative;}
	.footer .special {float:left; padding:15px 0 0 5px;}

}

@media screen and (max-width:767px) {
	/*Header*/
	.header-placeHolder {height:80px; background:#e3e3e3;}
	
	/* Common*/
	.sections {height:auto !important;}
	#section_2 .container, #section_3 .container, #section_4 .container {text-align:center; width:100%; top:0; -webkit-transform: translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%);}
	.pagings, .androidOs {display:none;}
	.deviceData {width:100%; padding-top:20px;}
	.deviceData img.socialTable {width:100%; max-width:548px;}
	
	/*Section 1*/
	.section1 {background:none;}
	.section1Content {background:#e3e3e3; padding-bottom:20px;}
	.section1Banner {display:block; height:491px;}
	.animBox, .downArrow, .downArrow2, .downArrow3 {display:none;}
	
	/*Section 2 */
	.section2 {background:#d4f3fb;}
	#section_2 h2 {padding:10px 0 0 0;}
	.mobileScroll.mobileSite{width:2500px;}
	.tabsContainer{width:760px;}
	.tabWrap{width:683px;}
	.tabContent .rhs{width:100%; padding:30px 0 0 5px;}
	.scroll_pane{width:754px; height:123px; overflow-x:auto; overflow-y:hidden;}
	.videoBox{width:182px; float:left;}
	.tabContent.firstTab .lhs{width:100%;}
		
	/*Section 3*/
	.section3 {background:#d4fbe7; padding:0 10px 0 10px;}
	.block, .blockContent {background:none;}
	.tabs li.active a {color:#ae275f;}
	.blockContent h2 {color:#333;}
	.blockContent span.icon {display:none;}
	.blockContainer {padding:0;}
	.blocksSection, .blockContainer {width:100%;}
	.tabs {display:block;}
	.block {display:none;}
	#aboutPingPay {display:block;}
	.lessContent {display:none !important;}
	.block {height:auto !important;}
	.moreContent {display:block !important; height:auto !important;}
	.blockContent {position:relative;}
	.plus-icon, .minus-icon {display:none !important;}
		
	/*Section 4*/
	.section4 {background:#acb0b9; padding:0 10px;}
	#section_4 .content {width:100%; text-align:center; padding-top:0;}
	#section_4 .content ul {margin-left:10px;}
	#section_4 h2 {left:0; font-size:1.6em;}
	
	.download {text-align:left;}
	.mobLogo {display:block;}
	.QR_device {display:none;}
	
	/*Footer*/
	.footer .special, .footer .links {position:relative;}
	.footerMaster {padding:10px;}
	.redLine{display:none;}
	
}

@media screen and (max-width:667px) {
	/*Section 2 */
	.galleryWrap, .tabsContainer, .tabWrap {width:99%;}
	.galleryWrap p {width:auto;}
	.tabWrap ul.galleryTabs {/*width:98%; */ width:69%; margin:0 auto;}
	.tabWrap ul.galleryTabs li {/*width:32%;*/ width:220px;}
	
	.tabContent .lhs, .tabContent, .tabContWrap {width:100%; float:none; clear:both;}
	.tabContent .lhs .videoLink {padding:0; width:96%; margin:0 auto;}
	.tabContent .lhs .videoLink iframe {width:100%; height:250px;}
	
	.tabContent .rhs {width:98%; margin:0 1%;}
	.scroll_pane {width:647px; height:123px; overflow:auto; margin:0 auto;}
	.videoBox {width:182px; float:left;}
	
	.accordion h3 span, .accordion h3 span.active {background-position:98.5% center;}
}
@media screen and (max-width: 640px) {
	
	/*section 1*/
	.section1Banner {height:410px;}
	
	/*section 2*/
	.scroll_pane {width:620px}
	.tabWrap ul.galleryTabs {width:72%;}
	.tabWrap ul.galleryTabs li {font-size:15px;}
	.tabWrap ul.galleryTabs li.selected span {top:48px;}
	
	/*Footer*/
	.footer .links li:first-child {padding-left:0;}	 
	 .links {padding-bottom:15px}
	 .footer .links li.nobg{border:none;}
	 .footer p.copyright{width:100%; text-align:center;}
}
@media screen and (width:568px) {
	.tabWrap ul.galleryTabs {width:81%;}
}
@media screen and (width: 480px) {
	/*Section 1*/
	#section_1 .container p {width:88%;}
}

@media screen and (max-width: 480px) {
	/*Header*/
	h1 {font-size: 2.2em;}
	
	/*section 1*/
	.section1Banner {height:307px;}
	
	/*Section 2*/
	.tabWrap ul.galleryTabs li {font-size:14px;}
	.tabWrap ul.galleryTabs li, .tabWrap ul.galleryTabs li span {width:144px;}
	.tabWrap ul.galleryTabs li.selected span {top:46px;}
	.tabWrap ul.galleryTabs li.arrowpurple{width:167px;}
	.scroll_pane{width:460px; height:123px; overflow:auto;}
	.videoBox{width:182px; float:left;} 

	/*Section 3*/
	.icon {width:75px; height:75px;}
	
	/*Footer*/
	.footer .links li {font-size:1.2em; padding:0 3px;}
	.accordion h3 span, .accordion h3 span.active {background-position:98% center;}
	.tabWrap ul.galleryTabs{/*width:30%; */ width:66%; margin:0 auto;}
}

@media screen and (max-width: 375px) {
	/*Header*/
	.header .PingPay {margin-left:-70px;}
	.PingPay img {width:129px;}
	.progress img, .axis img {width:100px;}
	.axis {padding-top:10px;}
	.header-placeHolder {height:50px;}
	
	/*section 1*/
	.section1Banner {height:231px;}
	
	/*section 2*/
	.tabWrap ul.galleryTabs li, .tabWrap ul.galleryTabs li span{width:95px;}
	.tabWrap ul.galleryTabs li{font-size:12px; padding:13px 0;}
	.tabWrap ul.galleryTabs li.arrowpurple{width:144px;}
	.tabWrap ul.galleryTabs li.selected span {top:40px;}
	.scroll_pane{width:350px; height:125px; overflow:auto;}
	.videoBox{width:182px; float:left;}     
	
	/*Section 3*/
	#section_3 h2 {font-size:1.3em; margin-bottom:15px;}
	
	/*Section 4*/
	.download li {padding-bottom:10px;}  
	
	.accordion h3 span, .accordion h3 span.active {background-position:97% center;}
	.tabContent .lhs .videoLink iframe{width:345px; height:190px!important;}
}

@media screen and (max-width: 320px) {
	/*Header*/
	.header .PingPay {margin-left:-78px;}
	.PingPay img {width:142px;}
	.progress img, .axis img {width:90px;}
	.axis {padding-top:10px;}
	
	/*section 1*/
	.section1Banner {height:215px;}
	
	/*section 2*/
	.scroll_pane{width:300px; height:124px; overflow:auto;}
	.videoBox{width:182px; float:left;}
	.tabWrap ul.galleryTabs li, .tabWrap ul.galleryTabs li span {width:83px;}
	.tabWrap ul.galleryTabs li{font-size:11px; padding:13px 0;}
	.tabWrap ul.galleryTabs li.arrowpurple{width:129px;}
	.tabWrap ul.galleryTabs li.selected span {top:39px;}
	
	/*Footer*/
	.footer .links li {font-size:1em;}
	.tabContent .lhs .videoLink iframe{width:310px; height:190px;}
	
}