/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
	body.exp-active{
		overflow: hidden;
	}
	.header.fixed{
		background: #1c1212;
		padding: 10px 0;
	}
	.header.fixed .logo{
		max-width: 160px;
	}
	.exp-panel.active{
	    opacity: 1;
	    pointer-events: auto;
	}
	#aios-slider-hp-slideshow .aios-slider-splide .aios-slider-img canvas,
	.ss-canvas canvas{
		height: 100vh;
	}
	.section-title.vw h2{
	    font-size: 1.25vw;
	}
	.section-title.vw h2 span{
	    font-size: 3.500vw;
	    padding: 0 0 0 1.3125vw;
	    margin: 1.1875vw 0 0;
	}
	.section-title.vw h2 span:before{
	    top: 0.125vw;
	    bottom: 0.75vw;
	}
	.section-title.qs h2 span{
	    font-size: 46px;
	}
	.qs-wrap .qs-col:nth-child(n + 5){
		margin-top: 24px;
	}
	.qs-idx{
		text-align: right;
	}
	#hp-abt:before {
	    background-size: auto 42.4375vw;
	}
	.abt-wrap .abt-content {
	    margin: 0 0 0 auto;
	    width: calc(100% - 20px);
	    max-width: 575px;
	}
	.fl-wrap .fl-slide{
	    margin: 0 min(-0.25vw,-4px);
	}
	.fl-wrap .fl-slide .slick-slide > div .fl-single {
	    width: calc((100% / 3) - min(0.5vw,8px)) !important;
	    margin: 0 min(0.25vw,4px);
	}
	.fl-wrap .fl-slide .slick-slide > div:not(:first-child){
		margin-top: min(0.5vw,8px);
	}
	.fl-wrap .fl-single .fl-default{
	    padding: 0 0.625vw 3.500vw 2.3125vw;
	}
	.fl-wrap .fl-single .fl-add{
	    font-size: 1.5625vw;
	}
	.fl-wrap .fl-single .fl-add span{
	    font-size: 1.125vw;
	    margin: 0.75vw 0 0;
	}
	.fl-wrap .fl-single .fl-hover > div:first-child{
	    padding: 0 2.4375vw;
	}
	.fl-wrap .fl-single .fl-hover a {
	    font-size: 0.9375vw;
	}
	.fl-wrap .fl-single .fl-hover a em{
	    font-size: 1.3125vw;
	    margin: 0 1.25vw 0 0;
	}
	.fl-wrap .fl-single .fl-hover > div:nth-child(3) a span{
	    background-size: 20px 18px;
	    padding: 1px 0 1px 2.5vw;
	}
	button.global-button.vw,
	a.global-button.vw,
	.global-button.vw{
	    min-width: min(12.688vw,203px);
	    height: min(3.75vw,60px);
	    font-size: min(0.875vw,14px);
	}
	.fc-wrap .fc-title {
	    margin: 0 0 0;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: calc(100% / 3);
	    padding: 5.625vw 0 0;
	}
	.fc-wrap .fc-single{
		min-width: calc(100% / 3);
	}
	.fc-wrap .fc-single:first-child{
		margin-left: calc(100% / 3);
	}
	.fc-wrap .fc-single a{
		padding: min(2.3125vw,37px) min(2.1875vw,35px);
	}
	.fc-wrap .fc-single a{
	    padding: 2.1875vw;
	}
	.fc-wrap .fc-single a .fc-default{
	    font-size: 1.25vw;
	    padding: 0 0.9375vw 4.375vw;
	}
	.fc-wrap .fc-single a .fc-default:before{
	    left: 0.625vw;
	    right: 0.625vw;
	    bottom: 2.3125vw;
	    max-width: 22.75vw;
	}
	.fc-wrap .fc-single a .fc-hover{
	    padding: 2.875vw 0 2.75vw;
	}
	.fc-wrap .fc-single a .fc-hover-title{
	    font-size: 1.25vw;
	    margin: 0 0 1.0625vw;
	}
	.fc-wrap .fc-single a .fc-hover-desc{
	    font-size: 1.125vw;
	}
	.fc-wrap .fc-single a .fc-hover-button{
	    margin: 1.4375vw 0 0;
	}
	.fusm-wrap .fusm-feeds{
		margin: 0 0 0 auto;
		width: calc(100% - 68px);
	}
	.fusm-wrap .fusm-feed:first-child{
		width: 100%;
	}
	.fusm-wrap .fusm-feed:first-child a canvas{
		aspect-ratio: 487/325;
	}
	.fusm-wrap .fusm-feed:not(:first-child){
		margin: 12px 0 0;
		width: calc(50% - 6px);
	}
	.fusm-wrap .fusm-col .fusm-name {
	    position: absolute;
	    top: -15px;
	    right: calc(100% - 34px);
	    white-space: nowrap;
	    transform-origin: right;
	    margin: 0 0 0;
	    transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	}
	.fusm-wrap .fusm-col .fusm-name:before{
	    content:'';
	    display: block;
	    width: 48px;
	    height: 2px;
	    background: #dacfd6;
	    position: absolute;
	    right: calc(100% + 28px);
	    top: 0;
	    bottom: 0;
	    margin: auto 0;
	}
	.cta-wrap a{
		margin-left: 13px;
	}
} 
@media only screen and (min-width: 1200px) {
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  .ftr-inner:before,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  #ftr-git,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  #hp-lwb,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  .mtt-container:after,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  #hp-abt:before,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  #hp-wwwu:before,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  .qs-container:before,
	html:not(.mobile):not(.safari.ipad):not(.safari.iphone):not(.mobile.android):not(.android)  .hp-ss:after{
		background-attachment: fixed;
	}
}
@media only screen and (max-width: 1440px){
	#nav > li {
		margin: 0 0 0 40px;
	}
	#nav > li:not(:first-child):before {
		left: -20px;
	}
}
@media only screen and (max-width: 1280px){
	.hdr-inner .logo{
		width: 150px;
	}
}
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	#nav > li {
	    margin: 0 0 0 27px;
	}
	#nav > li:not(:first-child):before {
	    left: -14px;
	}
	#nav a {
	    font-size: 13px;
	    letter-spacing: 0.020em;
	}
	.hdr-burger > span {
	    font-size: 13px;
	    letter-spacing: 0.020em;
	    margin: 0 10px 0 0;
	}
	.qs-wrap .qs-content {
	    width: calc(100% - 225px);
	}
	.qs-wrap .qs-idx {
	    /*padding: 0 15px;*/
	}
	.abt-wrap .abt-img {
	    margin: 0 20px 0 auto;
	}
	.cta-wrap a{
		font-size: 20px;
	}
	.wwwu-wrap .wwwu-col{
		padding: 0 15px;
	}
	.wwwu-wrap .wwwu-sm {
	    font-size: 16px;
	    letter-spacing: 0.050em;
	}
	.mtt-wrap .mtt-slide {
		margin: 0 -5px;
	}
	.mtt-wrap .mtt-single {
	    padding: 0 5px;
	}
	.testi-wrap .testi-content {
	    max-width: 760px;
	}
	.ftr-ci ul li a,.ftr-ci ul li, .ftr-ci ul li span, .ftr-adr div span{
		font-size: 12px !important;
	}

	.qs-wrap .qs-col select, .qs-wrap .qs-col .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	    font-size: 12px;
	}

	.fusm-wrap .fusm-col .fusm-name {
	    /*font-size: 14px;*/
	}

	.exp-ci {
	    margin: 50px auto 0;
	    max-width: 320px;
	}
	
	.exp-navigation {
	    max-width: 320px;
	}
		.exp-ci li span,
	.exp-ci li {
	    font-size: 9px;
	}
	#expnav li {
		font-size: 12px;
	}

	body.page-id-21 h1.entry-title {
		width: 970px;
	}
} 

@media only screen and (max-width: 1080px){
	.ftr-ci ul li{
		margin-left: 40px;
	}
	.ftr-ci{
		margin: 52px auto 0;
	}
}


/* 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;
		background: #000;
		padding: 70px 0 20px;
	}
	.hdr-inner {
	    display: block;
	}
	.hdr-nav,
	.hdr-burger{
		display: none;
	}
	.header .logo{
		margin: 0 auto;
	}
	.section-title {
	    max-width: none;
	}
	.section-title h2{
		text-align: center;
	}
	.section-title h2 span{
		padding: 0 0 0;
	}
	.section-title h2 span:before{
		display: none;
	}
	.section-title h2 span br{
		display: none;
	}
	.qs-wrap .qs-inner{
		display: block;
	}
	.qs-wrap .qs-content{
		width: 100%;
	}
	.qs-wrap .qs-col{
		width: calc(50% - 5px);
		max-width: none;
		margin-top: 24px;
	}
	.qs-wrap .qs-col:first-child{
		width: 100%;
		margin-top: 0;
	}
	.qs-wrap .qs-col:first-child + .qs-col{
		width: 100%;
	}
	.abt-wrap .abt-inner{
		display: block;
	}
	.abt-wrap .abt-l{
		width: 100%;
	}
	.abt-wrap .abt-photo {
	    padding: 30px 15px 0;
	    margin: 0 auto;
	    max-width: 440px;
	}
	.abt-wrap .abt-img {
	    margin: 0 auto;
	}
	.abt-wrap .abt-r{
		width: 100%;
		text-align: center;
	}
	.abt-wrap .abt-content{
		padding: 30px 0 0;
	}
	.fl-wrap .fl-slide {
	    margin: 0 auto;
	    max-width: 528px;
	}
	.fl-wrap .fl-single .fl-default{
		display: none;
	}
	.fl-wrap .fl-single .fl-hover{
		opacity: 1;
		position: relative;
	}
	.fl-wrap .fl-single .fl-hover > div{
		min-height: 75px;
	}
	.fl-wrap .fl-single .fl-hover > div:first-child {
	    justify-content: center;
	    text-align: center;
	    padding: 10px 15px;
	}
	.wwwu-wrap .wwwu-content{
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}
	.wwwu-wrap .wwwu-col {
	    border-top: 1px solid #fff;
	    border-left: 0px solid #fff;
	    width: 100%;
	}
	.cta-wrap a {
	    width: calc(50% - 7px);
	}
	.cta-wrap a:nth-child(n + 3){
		margin-top: 4px;
	}
	.cta-wrap a:nth-child(even){
		margin-left: 4px;
	}
	.fc-wrap .fc-slide {
		max-width: 534px;
		margin: 0 auto;
	}
	.testi-wrap .testi-arrows {
	    position: relative;
	    left: 0;
	    right: 0;
	    margin: 20px 0 0;
	    justify-content: space-evenly;
	}
	.testi-wrap .testi-arrows .testi-arrow{
		margin: 0 0 0;
	}
	.fusm-wrap .fusm-col .fusm-icon,
	.fusm-wrap .fusm-col.ig .fusm-icon {
	    position: relative;
	    left: 0;
	    bottom: 0;
	    max-width: max-content;
	    margin: 0 auto 30px;
	}
	.fusm-wrap .fusm-col.ig{
		padding: 50px 0 0;
	}
	.fusm-wrap .fusm-feed {
	    width: calc((100% / 3) - 1px);
	}
	.fusm-wrap .fusm-button {
	    margin: 38px auto 0;
	    padding: 0 0 0 0;
	}
	.ftr-content {
	    padding: 0 0;
	}
	.ftr-inner{
		max-width: none;
		width: 100%;
	}
	#pojo-a11y-toolbar {
         display:none;
    }
	.ftr-ci ul {
		flex-direction: column;
	}
	.ftr-adr {
		align-items: center !important;
	}
	.ftr-ci ul li{
		margin: 0 !important;
		margin-bottom: 10px !important;
	}
	.ftr-adr div{
		margin-bottom: 10px !important;
		text-align: center;
	}

	#inner-page-wrapper h1.entry-agent-title,
	#inner-page-wrapper h1.entry-title,
	#content .entry-title, #content .archive-title {
		font-size: 35px;
		line-height: 1;
	}
	.post-page-communities .ai-classic-communities-search-input input[type=text] {
		margin-left: 15px;
	}
	body.page-id-21 h1.entry-title {
		width: 750px;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
    .site-navigation .site-arrow{
    	order: 1;
    }
    .site-navigation .site-arrow.site-next{
    	order: 2;
    	margin-left: 20px;
    }
    .site-navigation .site-button{
    	order: 3;
    	width: 100%;
    	margin: 20px 0 0;
    	text-align: center;
    }
    .ftr-ci ul{
    	flex-flow: column wrap;
    	align-items: center;
    	justify-content: center;
    }
    .ftr-ci ul li{
    	margin-left: 0;
    	margin-top: 20px;
    }
	body.page-id-21 h1.entry-title {
		width: 100%;
	}
}
@media only screen and (max-width: 567px) {
	.mtt-wrap .mtt-slide{
		margin: 0 auto;
		max-width: 310px;
	}
	.mtt-wrap .mtt-single {
	    padding: 0 0;
	}
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.section-title h2 span {
	    font-size: 35px;
	}
	.site-navigation .site-arrow em {
	    width: 50px;
	    height: 50px;
	    font-size: 14px;
	}
	.qs-wrap .qs-col select {
	    font-size: 13px;
	    letter-spacing: 0.020em;
	}
	.fusm-wrap .fusm-feeds{
		margin: 0 -15px;
	}
	.git-form .git-row.dual > div{
		width: 100%;
		max-width: none;
	}
	#ai-classic-contact-wrap .ai-classic-contact-informations li {
		padding: 2px 0 !important;
	}
	#ai-classic-contact-wrap .ai-classic-contact-informations li:first-child {
		display: flex;
		flex-direction: column;
	}
	.entry.entry-content a{
		word-break: break-all;
	}
	.entry.entry-content a.ihf-advanced-search-launch {
	    white-space: initial;
	    text-align: left;
		word-break: unset;
	}
	.ai-classic-email-phone {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}