@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1160px) {
	.main{ max-width:100%; padding:0 20px;}
	.busines-icons li .icon-hover h4{ font-size:25px;}
	.start-busines a{ margin-left:0; margin-right:20px;}
	.start-busines p{ max-width:70%}
	.start-busines p br{ display:none; font-size:16px;}
	.banner ul{ margin:0}
	.login .col-8{ max-width:65%}
	.login .col-4{ max-width:100%; float:right; width:245px}
	.login .login-btn{ margin-top:0}
	header .header-right{padding:0 36px 0 30px;}
	.video-bg .col-8{margin-right:0;}
	.video-bg .col-4{width:40%;}
	footer .ftr-top li{margin-left:0;}
	.login h1{float:none; padding-bottom:10px; margin-right:0; display:inline-block;}
	.login .col-8{ max-width:67%; padding-top:0;}
	.login .login-btn{display:inline-block; float:none;}
	.login .login-btn{ /*position:absolute;*/ right:20px; bottom:10px; padding:4px 5px;}
	.login{padding-bottom:35px; min-height:139px;}
	
	/*Search page styles*/
	.form-search .main{padding:0;}
	.form-search .search-container{padding:30px 20px 0;}
}
@media (max-width:1100px) {
	header .header-right ul li:nth-child(4), header .header-right ul li:nth-child(5){display:none;}
	header .header-right ul{width:420px;}
	.login .col-8{width:61%;}
	/*Search page styles*/
.footer-seal-container {width:100%; text-align:center;}

}
@media (max-width:1023px) {
}

@media (max-width:900px) {
	header .header-right ul li:nth-child(3), header .header-right ul li:nth-child(4), header .header-right ul li:nth-child(5){display:none;}
	header .header-right ul{width:311px;}
	.video-bg .col-4{ padding-top:0;}
	.hidden-menu{width:273px;}
	.login .col-8{width:55%;}
	/*Search page styles*/
	.form-search .search-container label{font-size:14px;}
	.form-search .search-container .row-search .submit-area .row-two-column{padding-top:18px;}
	.form-search .search-container label.label-main{ font-size:18px;}


}


/*------------tablet portrait  view------*/
@media (max-width:991px) {
		.video-bg .col-8{ max-width:60%;}
		.video-bg .col-4 h3{ font-size:25px; line-height:normal}
		.video-bg .col-4 h3 br{ display:none}
		.video-bg .col-4 p{ font-size:16px;}
		.video-bg{ padding:30px 0 25px 0;}
		.popular-resource{ padding:30px 0 20px 0;}
		.popular-resource h2{ font-size:22px; margin-bottom:18px;}
		.popular-resource li h4,footer .ftr-top li h4{ font-size:16px;}
		.popular-resource li::before,footer .ftr-top li h4::before{ font-size:16px;}
		.popular-resource li p br{ display:none}
		footer .workingimg > li{ margin-right:5px;}
		footer .workingimg > li img{ width:50px;}
		footer .workingimg > li:last-child img{ width:60px; margin-top:5px;}
		.busines-icons li .icon-hover h4{ font-size:20px;}
		.busines-icons li .icon-hover p{ font-size:13px; margin-bottom:15px}
		.busines-icons li .icon-hover a{ font-size:14px;}
		.start-busines p{ max-width:62%; font-size:16px;}
		.start-busines{ padding:30px 0}
		.banner ul li{  min-height:140px; padding:10px}
		.banner ul li .text-hover{ padding:10px;}
		.banner ul li h2{ font-size:22px;}
		.banner .ban-logo{ left:20px;}
		.banner .ban-logo img{ width:200px;}
		/*Search page styles*/
		.footer-seal-container {width:100%; text-align:center;}
}
@media (max-width:800px) {
		.busines-icons li .icon-hover h4{ font-size:18px;}
		.start-busines p{ max-width:58%}
		.start-busines p{ font-size:15px;}
		.start-busines a{ font-size:15px; padding:12px}
		/*Search page styles*/		
}
/*------------mobile landscape  view------*/
@media (max-width:767px) {
		.video-bg .col-4{ max-width:100%; padding:0px; margin-left:0; margin-bottom:15px;}
		.video-bg .col-8{ max-width:100%; padding:0}
		.video-bg .col-8 img{ width:100%;}
		.popular-resource .col-4{ width:100%; margin:0; padding:0}
		.popular-resource h2{ text-align:left}
		.busines-icons li{ width:50%; padding:20px 0 20px}
		.busines-icons li .icon-hover{ text-align:center; padding:20px 5px;}
		.busines-icons li .icon{ margin-bottom:10px;}
		.busines-icons .icon span{ height:140px; width:140px;}
		.busines-icons .icon span i img{ width:90px}
		.busines-icons li .icon-hover h4{ font-size:16px;}
		.start-busines{ text-align:center}
		.start-busines a{ margin:0 0 12px 0}
		.start-busines p{ max-width:100%;}
		.start-busines{ padding:20px 0;}
		.banner ul{ display:block}
		.banner ul li{ width:100%; text-align:center; min-height:100px}
		.banner ul li .text-hover p{ max-height:35px;}
		.banner ul li .text-hover p br{ display:none}
		.banner ul li h2{ padding-top:10px}
		.banner ul li h2 br{ display:none} 
		.banner .main{ text-align:center}
		.banner .ban-logo{ position:static; display:inline-block; vertical-align:top; margin:10px 0}
		.banner .ban-logo img{ width:170px;}
		.header-right{display:none;}
		header .solution{float:right; margin:0; padding-right:0; width:100%;}
		.solution a.nav-link{display:none;}
		.solution{ background:none; padding:0; margin:0;}
		header .hidden-logo{display:block !important;}
		.logo a{margin:0;}
		header{padding:12px 0px 0 0;}
		header .solution .solution-menu .hidden-logo{display:block;}
		header .solution .solution-menu{ padding:0; top:49px;}
		header .solution-menu li a{background:none;}
		header .solution-menu li a:hover{background:none;}
		.hidden-logo img{width:80px;}
		.enumenu_ul { display: none }
		.menu-block { height: auto; }
		.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da;}
		.enumenu_ul > li { display: block; margin: 0px; padding: 0px; border-bottom:1px solid #143d79; float:left; width:100%;}
		.enumenu_ul > li > a { display: block; text-align: center; padding: 8px }
		.enumenu_ul { width: 100%; }
		.enumenu_ul > li ul{ background:#236192; float:left; width:100%;}
		.enumenu_ul > li ul li ul{ background:#416cb3;}
		.enumenu_ul > li ul a{ text-align: center;  display: block; text-align: center; color: #fff; padding:9px 0;}
		.enumenu_ul .arrow.up { background:url(../images/minus.png) no-repeat center center }
		header nav{float:right; width:100%; padding-left:250px;}
		.enumenu_container{ float:right; width:100%; padding-left:0px;}
		.menu-icon{display:block; float:right; margin-right:20px; padding-bottom:16px;}
		header .logo{position:absolute; left:20px; top:8px;}
		header .main{padding-left:0; padding-right:0;}
		.login .col-4{width:100%; max-width:100%;}
		.login .col-4 form{margin:0 auto; width:240px;}
		.login .col-8{width:100%; text-align:center; max-width:100%; padding-top:10px;}
		.login h1{width:100%; font-size:26px;}
		.banner .main{ position:relative;}
		.banner .main:after{ background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; content:'';}
		.banner .ban-logo, .banner ul{position:relative; z-index:99;}
		.banner .ban-logo{position:inherit; left:0; top:0;}
		.video-bg .col-4{width:100%; padding-top:10px;}
		.video-bg .col-8{width:100%; padding-bottom:0px;}
		footer .ftr-top li{width:100%; text-align:center; margin:0;padding-bottom:30px;}
		footer .ftr-top .stay-connect li{float:none; display:inline-block; padding-bottom:0;}
		footer .workingimg li{display:inline-block; width:auto; float:none; padding-bottom:0; padding-left:6px;}
		footer .workingimg li:first-child{padding-left:0;}
		footer .workingimg{width:100%; text-align:center;}
		footer .ftr-top{ padding-bottom:32px;}
		footer .copy-right{text-align:center;}
		.video-bg .col-4{padding-top:0;}
		footer .ftr-top li h4{margin-bottom:10px;}
		footer .ftr-top li:last-child{padding-bottom:0;}
		.login .login-btn{ position:inherit; left:0; top:0;}
		.login{padding-bottom:20px;}
		header .solution-menu{position:inherit; left:0; top:0; width:100%;}
		.enumenu_container ul{ background:#274c83;}
		header .solution-menu li a{padding:11px 8px;}
		header .solution-menu li a:hover{ background:#f0b323;}
		footer .ftr-top li p, footer .ftr-top .stay-connect, footer .workingimg{ padding-left:0;}
		/*Search page styles*/
		.form-search .search-container .row-search .row-search-main{width:100%; margin-right:0; margin-bottom:18px;}
		.form-search .search-container .row-search .row-search-main .inputbox{margin-top:10px;}
		.form-search .search-container h3{margin-bottom:18px; padding-bottom:18px;}
		.form-search .search-container .row-search{padding-bottom:14px;}
		#tblAdvancedSearch .row-search2{padding-bottom:2px;}
		.form-search .search-container .row-search .submit-area .row-two-column{padding-top:0;}
		
	.form-search .search-container label.label-main { padding-bottom:5px; width:100%;}
	.business-filter-radio-btn { float:left; text-align:left; padding-bottom:15px;}
}
/*------------mobile portrait view------*/
@media (max-width:640px) {
		.video-bg .col-4 h3{ font-size:20px; line-height:normal; margin-bottom:8px;}
		.video-bg .col-4 p{ font-size:14px; line-height:24px;}
		.popular-resource h2{ font-size:20px; margin-bottom:15px;}
		.popular-resource li h4,footer .ftr-top li h4{ font-size:15px;}
		.popular-resource li::before,footer .ftr-top li h4::before{ font-size:15px;}
		.busines-icons li h3{ font-size:15px;}
		.busines-icons li .icon-hover p{ margin-bottom:10px;}
		/*Search page styles*/

}
/*----------optional css------*/
@media (max-width:480px) {
		footer .copy-right li{ margin-right:5px; font-size:12px;}
		/*Search page styles*/
		
}

@media (max-width:460px) {
	.busines-icons li{ width:100%; margin:0; padding:12px 0; margin-bottom:10px;}
	.busines-icons .icon span{ height:120px; width:120px;}
		.busines-icons .icon span i img{ width:60px}
	.busines-icons li h3 br{ display:none}
	.busines-icons li .icon-hover{ padding:5px}
	.login h1{width:100%; font-size:20px;}
	.login .col-4 form{width:100%;}
	.login .col-4 .sbHolder{width:100% !important; height:auto !important;}
	.login .col-4 .sbSelector{height:auto; padding:7px 8px;}
	.login .col-4 .sbToggle{top:20px;}
	.login .col-4 .text-box{width:100%; padding:10px 8px; margin-top:20px;}
	.login .col-4 .src-btn{width:100%; height:40px; /*margin-top:41px;*/}
	.login .col-8{padding-top:15px;}
	.busines-icons .main{padding:0;}
	.busines-icons li{margin-bottom:0;}
	.busines-icons li .icon-hover{ padding:22px 5px 5px;}
	.login .col-4 .sbOptions{width:100% !important; border-left:0; border-right:0; left:0;}
	/*Search page styles*/
}
/*---------use only when design is customise-----------*/

@media (min-width:768px){
		body.desk .solution:hover .solution-menu{ opacity:1;}
		.solution .solution-menu{ position:absolute; left:0; top:29px; width:200px; opacity:0; padding-top:16px;  transition:all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.solution:hover .solution-menu{ opacity:1; z-index:9999999;}
.enumenu_ul > li ul { opacity:0;}
}