/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (min-width: 992px) {
	.hp-ss .cycloneslider-template-responsive .cycloneslider-slide canvas,
	.hp-ss .cycloneslider-template-responsive,
	.hp-ss,
	.hp-ss #aios-slider-hp-slideshow .aios-slider-splide .aios-slider-img canvas, 
	.hp-ss #aios-slider-hp-slideshow .aios-slider-splide .aios-slider-custom-video canvas{
		min-height: 100vh;
	}
	.sect-title.vw h2{
		font-size: 3.125vw;
	}
	.sect-title.vw h2 span{
		font-size: 1.0625vw;
		margin: 0 0 0.625vw;
	}
	.fl-wrap .fl-single a .fl-info{
		bottom: -1.375vw;
	}
	.fl-wrap .fl-single a .fl-info-l{
		font-size: 0.875vw;
	}
	.fl-wrap .fl-single a .fl-bb{
		margin: 0.8125vw 0 0;
	}
	.fl-wrap .fl-single a .fl-price{
	    font-size: 1.5vw;
	}
	.fl-wrap .fl-single a .fl-bb > div{
	    padding: 0 1.25vw;
	}
	.agents-inner .agents-single:nth-child(even){
	    flex-flow: row-reverse wrap;
	}
	.sm-wrap .sm-feed a .sm-feed-icon{
		font-size: 1.375vw;
	}
	.sm-wrap .sm-buttons > div:not(:first-child){
	    margin: 0 0 0 2.75vw;
	}
	.site-button.vw,
	a.site-button.vw,
	button.site-button.vw{
	    font-size: 0.875vw;
	    min-width: 12.1875vw;
    	min-height: 3.9375vw;
	}
	.sm-wrap .sm-buttons{
	    margin: 1.5vw 0 0;
	}
	.abt-wrap .abt-photo:after{
	    content:'';
	    display: block;
	    position: absolute;
	    z-index: 1;
	    top: 13.717%;
	    right: 9.041%;
	    border-width: 5px;
	    border-style: solid;
	    border-image: linear-gradient(to bottom, #315d8d, #153559) 1;
	    width: 97.786%;
	    height: 92.297%;
	}
	.banner-logo-inner{
	    max-width: max(12.5vw,180px);
	 }
}

@media only screen and (min-width: 1200px) {
	#hp-abt,
	.abt-wrap .abt-photo:before,
	#hp-raa,
	.sm-wrap:before,
	#footer{
		background-attachment: fixed;
	}
}
@media only screen and (max-width: 1366px) {
	.hdr-logo {
		max-width: 15%;
	}
	
	.hdr-blogo {
		max-width: 13%;
	}

	.hdr-inner nav.navigation{
		max-width: 70%;
	}

	.header-nav > li:not(:first-child) {
	    margin: 0 0 0 50px;
	}
	#fixed-nav.header-nav a{
		font-size: 13px;
	}
}
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

    .header-nav .sub-menu {
    	padding-top: 18px;
    }
	
	.hdr-logo {
		max-width: 12%;
	}
	
	.hdr-blogo {
		max-width: 10%;
	}

	.hdr-inner nav.navigation{
		max-width: 75%;
	}

	.header-nav > li:not(:first-child) {
	    margin: 0 0 0 30px;
	}
	.header-nav a {
	    font-size: 13px;
	    letter-spacing: 0em;
	}
	#fixed-nav.header-nav > li:not(:first-child) {
	    margin: 0 0 0 10px;
	}
	#fixed-nav.header-nav a {
	    font-size: 10px;
	}
	.abt-wrap .abt-inner {
	    width: calc(61.23% - 50px);
	}
	.sect-title h2 {
	    font-size: 42px;
	    letter-spacing: 0.010em;
	}
	.agents-inner .agents-single:not(:first-child){
		margin: 30px 0 0;
	}
	.testi-wrap .testi-content {
	    margin: 56px auto 0;
	    max-width: 900px;
	}
	.testi-wrap .testi-arrows {
	    left: -18px;
	    right: -18px;
	}
	.sm-wrap .sm-col:not(.main) {
	    width: 33vw;
	}
	body.tax-community-group #inner-page-wrapper article.type-aios-communities {
	    max-width: 940px;
	}
} 

/* 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%;
	}
	.sect-title{
		text-align: center;
	}
	header.header {
		display: block;
		padding-top: 52px;
		position: relative;
	}
	
	.hdr-main, .hdr-inner nav.navigation {
		display: none;
	}

	.hdr-fixed {
		display: none;
	}
	
	.hdr-fixed {
		position: relative;
		top: unset;
		opacity: 1;
		pointer-events: auto;
	}
	
	.hdr-blogo {
		width: 50%;
		max-width: 200px;
	}
	
	.hdr-inner {
		justify-content: center;
		gap: 25px;
	}
	
	.hdr-logo {
		width: 50%;
		max-width: 200px;
	}

	#scroll-down{
		display: none;
	}
	#hp-hero{
		margin: 0 0 0;
	}
	#hp-states {
	    padding: 50px 0 110px;
	}
	.abt-wrap{
		flex-flow: column-reverse wrap;
		align-items: center;
		justify-content: center;
	}
	.abt-wrap .abt-photo {
	    max-width: 340px;
	    width: 100%;
	}
	.abt-wrap .abt-inner {
	    width: 100%;
	    margin: 40px 0 0;
	    text-align: center;
	}
	.agents-inner .agents-single{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.agents-inner .agents-single .agents-photo {
	    width: 100%;
	    max-width: 400px;
	    margin: 0 0 30px;
	}
	.agents-inner .agents-single .agents-infos {
	    width: 100%;
	    text-align: center;
	}
	.agents-inner .agents-single .agents-ci > div:not(:first-child) {
	    justify-content: center;
	}
	.raa-wrap .raa-content{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.raa-wrap .raa-single{
		width: 100%;
		max-width: 360px;
		margin: 20px 0 0;
	}
	.testi-wrap .testi-single {
	    font-size: 16px;
	    padding: 0 0px;
	}
	.testi-wrap .testi-arrows {
	    position: relative;
	    top: auto;
	    bottom: auto;
	    left: auto;
	    right: auto;
	    margin: 40px auto 0;
	    max-width: 150px;
	}
	.sm-wrap:before{
		left: 0;
		right: 0;
	}
	.sm-wrap .sm-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.sm-wrap .sm-col.main{
		order: 1;
	}
	.sm-wrap .sm-col.ig{
		order: 2;
	}
	.sm-wrap .sm-col.fb{
		order: 3;
	}
	.sm-wrap .sm-col:not(.main) {
	    margin: 30px 0 0;
	    width: 100%;
	    max-width: 474px;
	}
	.ftr-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.ftr-inner .ftr-git {
	    width: 100%;
	    max-width: 600px;
	    margin: 0 0 50px;
	}
	.ftr-content {
	    width: 100%;
	}
	.ftr-logo {
	    margin: 0 auto;
	}
	.ftr-ci .ftr-ci-inner {
	    flex-flow: column wrap;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	}
	.ftr-ci .ftr-ci-col {
	    margin: 30px 0 0;
	}
	.ftr-ci .ftr-ci-col > div:first-child {
	    margin: 0 0 10px;
	}
	.ftr-ci .ftr-ci-col > div:not(:first-child) {
	    justify-content: center;
	}
	.ftr-disclaimer{
		text-align: center;
	}

	 #pojo-a11y-toolbar {
         display:none;
    }
    .aios-mobile-header-2 .amh-header-buttons {
		background: var(--primary);
		color: #ffffff !important;
	}

	.aios-mobile-header-2 .amh-header-buttons .amh-phone .amh-phone-text {
		color: #ffffff;
	}

	.aios-mobile-header-2 .amh-header-buttons .amh-navigation-trigger span {
		color: #ffffff;
	}

	.aios-mobile-header-2 .amh-header-phone-list a {
		color: #ffffff;
	}

	.aios-mobile-header-2 .amh-navigation {
		background: var(--primary);
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li {
		border-color: #f7f7f7;
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li a {
		color: #ffffff;
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li:hover>a,
	.aios-mobile-header-2 .amh-navigation .amh-menu li.open>a {
		background: #ffffff;
		color: var(--primary);
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li ul {
		background: var(--primary);
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li ul li {
		border-color: #f7f7f7;
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li ul li a {
		background: var(--primary);
		color: #FFFFFF;
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li ul li:hover a,
	.aios-mobile-header-2 .amh-navigation .amh-menu li ul li.open a {
		background: #ffffff;
		color: var(--primary);
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul {
		background: var(--primary);
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li {
		border-color: #f7f7f7;
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li a {
		background: var(--primary);
		color: #FFFFFF;
	}

	.aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li:hover a,
	.aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li.open a {
		background: #ffffff;
		color: var(--primary);
	}
	#content .aios-about-wrap .aios-about-inner .aios-about-img{
		width: 100%;
		max-width: 400px;
		margin: 0 auto 30px;
		float: none;
	}
	#content .aios-about-wrap .aios-about-inner .aios-about-img:after{
		display: none;
	}
	body.tax-community-group #inner-page-wrapper article.type-aios-communities {
	    max-width: 720px;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
    .states-inner{
    	flex-flow: column wrap;
    	align-items: center;
    	justify-content: center;
    }
    .states-inner .states-single {
	    width: 100%;
	    margin: 66px 0 0;
	    max-width: 440px;
	}
    .states-inner .states-single:first-child{
    	margin: 0 0 0;
    }
    .states-inner .states-single a .states-label span {
	    font-size: min(6.125vw,30px);
	}
	.fl-wrap .fl-single a:hover .fl-info,
	.fl-wrap .fl-single a .fl-info{
		position: relative;
		bottom: 0;
		background: #000;
		flex-flow: column-reverse wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: max(1.5625vw,25px) max(2.3125vw,15px);
	}
	.fl-wrap .fl-single a .fl-info-l {
	    font-size: 13px;
	    letter-spacing: 0em;
	    text-transform: uppercase;
	}
	.fl-wrap .fl-single a .fl-bb{
		opacity: 1;
	}
	.fl-wrap .fl-single a .fl-info-r {
	    margin: 0 0 20px;
	}
	.sm-wrap .sm-buttons{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.sm-wrap .sm-buttons > div:not(:first-child) {
	    margin: 30px 0 0;
	}
	body.tax-community-group #inner-page-wrapper article.type-aios-communities {
	    max-width: none;
	}

}
@media only screen and (max-width: 567px) {
	#inner-page-wrapper .agent-entry-title,
	#inner-page-wrapper .entry-title,
	#content .entry-title,
	#content .archive-title{
		font-size: 40px;
		letter-spacing: 0;
	}
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.sect-title h2 {
	    font-size: 36px;
	}
	.sect-title h2 span {
	    font-size: 16px;
	    letter-spacing: 0.080em;
	}
	.git-wrap .git-row.dual{
		flex-flow: column wrap;
		align-content: center;
		justify-content: center;
	}
	.git-wrap .git-row.dual > div {
	    width: 100%;
	    margin: 15px 0 0;
	}
}