@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1180px) {
.main {max-width: 98%;}
.ibanc-problem .widecolumn{ width:66%;}
}
@media (max-width:1169px) {
	.features-details p br,.ibanc-problem .widecolumn p br{ display:none}
	.soft-update li p br{ display:none}
	.features-details .widecolumn{ width:60%;}
	.ibanc-problem .widecolumn{ width:60%;}
	.price-table{ margin-top:20px;}
	.soft-update li{ padding:0 8px;}
	.price-table .item-price{ width:128px;}
	.banner .banner-box{ top:60px; }
	.banner .videoplaybutton-box{ top:60px; }
	.banner .bx-wrapper .bx-pager{ max-width:40%;}
	.banner .bx-wrapper .bx-pager{ bottom:80px;}
	.banner .bx-wrapper .bx-viewport{ height:auto !important}
	.banner .bxslider li{ height:300px;}
	.features{ padding-top:20px;}
	.features-details li a{ font-size:16px;}
}
@media (max-width:1020px) {
	.soft-update .support a{min-width:250px;}
	.banner .banner-box{ height:200px; width:350px;}
	.banner .videoplaybutton-box{ height:200px; width:350px;}
	.banner .bx-wrapper .bx-pager{ bottom:76px;}
	.footer-top ul{ width:32%;}
}

@media (max-width:991px) {
	.soft-update li h4{ font-size:18px;}
	.ibanc-problem .narrowcolumn,.features-details .narrowcolumn{ width:39%; position:absolute; right:1%; bottom:0}
	.ibanc-problem,.features-details{ position:relative}

	.versions .price-block{ width:46%;}
	.soft-update .support { text-align:center; padding:12px;}
	.soft-update .support p{ float:none; padding-top:0; padding-bottom:20px;}
	.soft-update .support a{ float:none; display:inline-block; min-width:inherit; padding:8px 12px;} 
	.features-tab li p br{ display:none}
	.banner .bxslider li{ height:270px;}
	.features-details .widecolumn{ padding:20px 0}
	.ibanc-problem{ padding:30px 0}
	.features-details li a{ font-size:14px;}
	.banner .bx-wrapper .bx-pager{ bottom:50px;}
	
	
	
}

/*------------tablet portrait  view------*/
@media (max-width:870px) {
	nav li{ margin:0 5px;}
	nav li > a{ font-size:14px;}
	nav a.button{ padding:8px 16px; font-size:14px;}
	header{ padding:10px 0}
	.soft-update-table p{ font-size:18px;}
	.footer-bottom .block1 p a{ margin-left:0}
	#mid-container{ margin-top:88px;}
	#fintech_logo img {margin-left: 0}
	
}

@media (max-width:850px) {
	.banner .banner-box{ top:40px;}
	.banner .videoplaybutton-box{ top:40px;}
	.banner .bx-wrapper .bx-pager{ bottom:70px;}
	
}

@media (max-width:800px) {
	.features-details li a{ font-size:13px; padding:14px 0}
	.features-tab li h3 > a{ font-size:14px; margin-bottom:0; min-height:40px;}
	.banner .bx-wrapper .bx-pager{ max-width:24%;}
	.features h1{ font-size:30px; line-height:normal; margin-bottom:30px;}
	h2{ font-size:24px !important; line-height:normal}
	.features-details h2{  margin-bottom:24px;}
	.features-details p{ margin-bottom:30px;}
	.soft-update h2{ margin-bottom:30px;}
	.banner .banner-box{ top:20px;}
	.banner .videoplaybutton-box{ top:20px;}
	.banner .bx-wrapper .bx-pager{ bottom:90px;}
	
}
/*------------mobile landscape  view------*/


@media (max-width:767px) {
		.ibanc-problem .narrowcolumn,.features-details .narrowcolumn{ display:none}
		.features-details .widecolumn,.ibanc-problem .widecolumn{  width:100%; background:#48a5e0;}
		.versions .price-block{ width:96%; margin:20px 0}
		.versions .price-block a.button{ min-width:220px;}
		.soft-update li{ width:100%; margin:20px 0; display:block}
		.contact{ padding:25px 0}
		.ibanc-problem{ padding:25px 0}
		.footer-top{ padding:25px 0}
		.features{ padding:25px 0}
		.versions{ padding:25px 0}
		.versions .price-block ul{ min-height:inherit}
		.footer-top ul{ margin:0; width:32%;}
		.footer-top li a{ font-size:13px;}
		.main{ max-width:95%;}
		.contact-form{ max-width:90%;}
		.footer-bottom .block1{ width:100%; margin-bottom:20px; margin-right:0; text-align:center}
		.footer-bottom .block2,.footer-bottom .block3,.footer-bottom .block4{ width:32%; margin-right:0}
		.footer-bottom{ padding:25px 0 0 0}
		.features h1{ font-size:22px; line-height:normal; margin-bottom:20px;}
		.versions .price-block h3{ font-size:20px; padding:12px 0}
		.versions .price-block h5{ font-size:40px; padding-top:0}
		.versions .price-block span{ margin:0px 0 5px 0}
		.versions .price-block a.button{ font-size:18px; padding:10px;}
		.versions .price-block ul{ margin-bottom:18px;}
		.soft-update-table p{ font-size:14px;}
		.soft-update h2{ margin-bottom:10px;}
		.soft-update .support p{ font-size:14px;}
		.features-tab li{ width:50%; margin-bottom:15px;}
		.banner .bxslider li{ height:auto;}
		.banner .banner-box{ top:40px; padding:10px;}
		.bx-controls{ display:none}
		.banner .banner-box{ height:auto; width:auto;}
		.banner .banner-box h4{ font-size:20px; margin-bottom:15px;}
		.banner .videoplaybutton-box{ height:auto; width:auto;}
		#logo{ display:block; margin-bottom:6px; text-align:center; float:none}
		#fintech_logo {display:none}
	
		ul.head-top-link{ text-align:left; float:left; margin:7px 0 0 0}
		.menu{ display:none; text-align:center;}
		.menu-icon{ background:#48a5e0 url(../images/menu-icon.png) no-repeat center center; color: #fff; cursor: pointer ;display:inline-block;font-size:16px; font-weight:bold; padding:5px; text-align:center;font-family:inherit; text-transform:uppercase; margin-bottom:5px; width:50px; height:36px; osition:absolute; top:0; right:0; border-radius:3px; position:absolute}
		.menu-block{  position:relative; text-align:right;}
		nav ul{ padding:0; position:absolute; z-index:99; width:100%; background:#fff; left:0; top:38px}
		nav li > a{ border-bottom-color:#444; padding:6px 0;}
		nav li > a:hover{ background:#ef6f01; border-bottom-color:#c95c00; color:#fff;}
		nav li{ display:block; margin:0;}
		nav a.button{ margin-right:55px;}
		#mid-container{ margin-top:96px;}
		.ftr-block{ text-align:center}
		.features-details .tab-border{ border:0}
		.head-right{ width:100%;}
		header{ padding:0 0 5px 0 }
		#logo a{ margin-top:6px;}
		#logo a img{ width:70%;}
		.features-details .widecolumn{ float:none; display:block}
		

}
/*------------mobile portrait view------*/
@media (max-width:640px) {
	.contact-form span { width:100%; margin-bottom:10px;}
	.contact-form span br{ display:none}
	h2{ font-size:20px !important; }
	.versions .price-block{ margin:10px 0}
	.banner .banner-box{ top:30px;}
	.banner .videoplaybutton-box{ top:30px;}
	

}

@media (max-width:550px) {
	.footer-bottom .block2, .footer-bottom .block3, .footer-bottom .block4{ width:100%; margin-bottom:20px;}
	h2.resp-accordion{ font-size:16px !important}
	.features-tab li{ width:100%;}
	h2{ font-size:18px !important; }
	.head-right{ float:left; width:100%;}
	.menu-block{ float:left; width:100%; text-align:left; margin:4px 0}	
	#mid-container{ margin-top:128px;}
	ul.head-top-link{ float:none; display:block; text-align:center;}
	.banner .banner-box h4{ font-size:14px; line-height:normal; margin-bottom:5px;}
	.banner .banner-box{ padding:5px; top:20px;}
	.banner .banner-box a{ padding:5px 8px; font-size:12px; line-height:13px}
	.banner .videoplaybutton-box{ padding:5px; top:20px;}
	.banner .videoplaybutton-box a{ padding:5px 8px; font-size:12px; line-height:13px}

	
}
/*----------optional css------*/
@media (max-width:480px) {
	.footer-top ul{width:48%;}
	.price-table td{ font-size:12px !important; padding:6px !important;}
	
	
		
}

@media (max-width:370px) {
	.price-table td{ font-size:10px !important; padding:4px !important;}
	.banner .banner-box{ top:14px;}
	.banner .videoplaybutton-box{ top:14px;}


}




@media (min-width:768px) {
	nav ul{ display:inline-block !important}
}