/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
	.sec-title h2{
		align-items: flex-start;
		justify-content: flex-start;
	}
	.fc-wrap .fc-item:nth-child(n + 4){
		margin-top: 13px;
	}
	.fv-wrap .fv-title{
		text-align: right;
    	padding: 0 min(1.875vw,30px) 0 0;
	}
	.sec-title.fv{}
	.sec-title.fv h2{
	    min-width: 310px;
	}
	.fv-wrap .fv-arrows{
		justify-content: flex-end;
	}
	.testi-wrap .testi-arrows {
	    padding: 39px 0;
	}
	.testi-wrap .testi-arrow{}
	.testi-wrap .testi-arrows:before{
		content:'';
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: calc(50% - 172px);
		background: #fff;
	}
	.testi-wrap .testi-arrows:after{
		content:'';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: calc(50% - 172px);
		background: #fff;
	}

	.testi-wrap .testi-content:after{
	    content:'';
	    display: block;
	    position: absolute;
	    z-index: 3;
	    top: 0;
	    bottom: 0;
	    left: calc(50% - 1px);
	    right: calc(50% - 1px);
	    background: #0064e5;
	}
}

@media only screen and (min-width: 1200px) {
	.ftr-inner:before{
	    background: url(images/site-logo-accent.png) center top no-repeat;
	    background-size: min(98.4375vw,1575px) auto;
	}
	#hp-fc,
	#hp-abt:before,
	#hp-fp:after,
	.fv-wrap,
	.testi-wrap .testi-content,
	#ftr-git,
	.ftr-inner:before{
		background-attachment: fixed;
	}
}
@media only screen and (min-width: 1601px) {
	#hp-abt:before{
		background-position: calc(100% - ((100vw - 1600px) / 2)) bottom;
		background-size: 695px auto;
	}
}
@media only screen and (max-width: 1440px) {
	#hp-fv > .site-container {
	    width: 1200px;
	}
	.fv-wrap .fv-intro {
	    margin: 14px 0 25px auto;
	}
	.fv-wrap .fv-r {
	    padding: 0 min(3.6875vw,30px) 0 0;
	}
	.fv-wrap .fv-arrows {
	    margin: 40px 0 0;
	    padding: 0 0 60px;
	}
}
@media only screen and (max-width: 1366px) {

} 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.header .hdr-ci .site-info-single a{
		font-size: 15px;
	}
	#nav a {
	    font-size: 15px;
	    letter-spacing: 0.020em;
	}
	#nav .sub-menu li a{
		font-size: 14px;
	}
	.sserv-wrap .sserv-header{
		font-size: 23px;
	}
	.fc-wrap .fc-item a .fc-item-header {
	    font-size: 27px;
	    letter-spacing: 0.100em;
	}
	.fv-wrap .fv-r {
	    padding: 20px min(3.6875vw,30px) 0 0;
	}
	.fv-wrap .fv-arrows {
	    margin: 25px 0 0;
	    padding: 0 0 30px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	
	/* The following are used on inner pages. Please edit carefully. */

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}

	.header{
		position: relative;
	}
	.header .hdr-main,
	.header.fixed .hdr-main{
		padding: 70px 0 20px;
		background: #000;
	}
	.header .hdr-inner{
		justify-content: center;
	}
	.header .logo,
	.header.fixed .logo {
	    max-width: 255px;
	}
	.header .hdr-r{
		display: none;
	}
	.sec-title {
	    text-align: center;
	}
	.sec-title h2 span.sm:before,
	.sec-title h2 span.sm:after{
		display: none;
	}
	.abt-wrap{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.abt-wrap .abt-l {
	    width: 100%;
	    position: relative;
	    max-width: 400px;
	}
	.abt-wrap .abt-r{
		width: 100%;
	}
	.abt-wrap .abt-content{
		text-align: center;
		max-width: 100%;
		padding-top: 30px;
	}
	.sserv-wrap .sserv-items{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.sserv-wrap .sserv-item{
		margin-left: 0;
		margin-top: 30px;
		width: 100%;
		text-align: center;
		max-width: 500px;
	}
	.sserv-wrap .sserv-item:before{
		right: 0;
		margin: 0 auto;
	}
	.fc-wrap .fc-item {
	    width: calc(50% - 10px);
	}
	.fc-wrap .fc-item:nth-child(n + 3){
		margin-top: 20px;
	}
	#hp-fp {
	    padding: 30px 0 22px;
	}
	#hp-fp:before,
	#hp-fp:after{
		top: 0;
		bottom: 0;
	}
	.fp-wrap .fp-slide {
	    margin: 0 auto;
	    max-width: 450px;
	    font-size: 0;
	}
	.fp-single{
		padding: 0 0;
	}
	.fv-wrap .fv-inner{
		display: block;
	}
	.fv-wrap .fv-inner:before,
	.fv-wrap .fv-inner:after{
		display: none;
	}
	.fv-wrap .fv-l{
		display: none;
	}
	.fv-wrap .fv-r{
		width: 100%;
		padding: 30px 15px;
	}
	.sec-title.fv h2{
		color: #fff;
	}
	.fv-wrap .fv-intro {
	    margin: 14px 0 30px;
	    max-width: none;
	    text-align: center;
	    color: #fff;
	}
	.fv-wrap .fv-arrows{
		margin: 24px -15px 0;
	}
	.testi-wrap .testi-single{
		text-align: center;
	}
	.footernav{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.footernav li:not(:first-child) {
	    margin-left: 0;
	    margin-top: 20px;
	}

	#pojo-a11y-toolbar {
         display:none;
    }
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
    .fc-wrap .fc-items{
    	flex-flow: column wrap;
    	align-items: center;
    	justify-content: center;
    }
    .fc-wrap .fc-item{
    	width: 100%;
    	max-width: 460px;
    }
    .fc-wrap .fc-item:nth-child(n + 2){
    	margin-top: 20px;
    }
    .git-wrap .git-row.tri{
    	flex-flow: column wrap;
    	align-items: center;
    	justify-content: center;
    }
    .git-wrap .git-row.tri > div{
    	margin: 10px 0 0;
    	width: 100%;
    }
    .ftr-logos{
    	flex-flow: column wrap;
    	align-items: center;
    	justify-content: center;
    }
    .ftr-logos .ftr-logo.broker {
	    margin-left: 0;
	    margin-top: 30px;
	}
	.ftr-logos .ftr-logo.broker span {
	    font-size: 35px;
	}
}
@media only screen and (max-width: 567px) {

}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.sec-title h2 span.sm {
	    font-size: 17px;
	    letter-spacing: 0.100em;
	}
	.sec-title h2 span.lg {
	    font-size: 45px;
	}
	.testi-wrap .testi-single {
	    font-size: 14px;
	    line-height: 2.142;
	    padding: 0 15px;
	}
	.testi-wrap .testi-arrow:not(:first-child),
	.fv-wrap .fv-arrow:not(:first-child),
	.fp-wrap .fp-arrow:not(:first-child) {
	    margin-left: 20px;
	}
}