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

 @media only screen and (min-width:992px) {
 	body.fli-active{
 		overflow: hidden;
 	}

 	.header-wrapper:not(.fixed) .num,
 	.header-wrapper:not(.fixed) .header-nav > li > a,
 	.header-wrapper:not(.fixed) .header-logo {
	    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.8));
	}
 	.header-wrapper.fixed {
	    padding: 20px 0;
	}
 	.header-wrapper:before{
	    content: '';
	    display: block;
	    position: absolute;
	    z-index: 0;
	    background: url(images/header_bg_01.png) center top repeat-x;
	    background-size: 100% 100%;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	}
	.header-wrapper.fixed:before{
		opacity: 0;
	}
	.header-wrapper.fixed .header-container{
		/*display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;*/
		padding: 2px 15px;
	}
	.header-wrapper:after{
	    content: '';
	    display: block;
	    position: absolute;
	    z-index: 1;
	    background: #393939;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;

            transition: all ease .4s;
            -moz-transition: all ease .4s;
            -webkit-transition: all ease .4s;
	}
	.header-wrapper.fixed:after{
		opacity: 1;
	}
 	
 	.header-wrapper.fixed .header-navigation{
 		margin-top: 0;
 		padding: 0 0 0;
 	}

 	.header-wrapper.fixed .header-nav > li:last-child {
	    margin-right: 0;
	}
	.header-wrapper.fixed .header-nav > li > a {
	    padding: 0 0 0;
	}
	.header-wrapper.fixed .header-nav > li > a:before {
	    top: calc(100% + 29px);
	}
	.header-wrapper.fixed .header-nav > li > .sub-menu {
	    padding: 41px 0 0;
	}
	.header-wrapper.fixed .header-logo {
	    width: 240px;
	    margin-left: 0px;
	}
	.floating-inquire.active{
		right: 0;
	}
	.fl-inquire-bd.active{
		pointer-events: auto;
    	opacity: 0.4;
	}

 }
 @media only screen and (min-width:1200px) {
 	.header-wrapper.fixed .header-logo {
	    margin-top: 0;
	    width: 240px;
	    margin-left: 0;
	}
 }
 @media only screen and (max-width:1366px) {
    .header-nav > li#menu-item-27 > .sub-menu {
		left: -40vw;
	}
}

@media only screen and (max-width: 1280px) {
	body .inner {		
		max-width: calc(100% - 120px);		
	}
}

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.header-container {
        width: 100%;
        padding: 0 20px;
    }
    
    .header-wrapper {      
        min-width: unset;       
    }
    
    .header-wrapper .header-logo {
	    width: 240px;
	    margin-left: 0px;
	}
	.header-nav > li{
		/*margin-left: 20px;*/
	}
    .header-nav > li:last-child {
	    margin-right: 0;
	}	
    .header-nav > li > a {        
        font-size: 12px;
    }
    .header-wrapper .num {
	    font-size: 12px;
	    margin-left: 20px;
	}
    .cta-btn {
        width: 100%;
        text-align: center;
    }
    
    .cta-wrapper {
        width: 100%;
        min-width: unset;   
    }
    .cta-wrapper .cta-container {
        width: 100%;
        margin: 0 auto;
    }
    .cta-btn ul li img {
        width: 100%;
        min-height: 247px;
    }
    .cta-btn ul li {   
        width: calc(100% / 3 - 10px);
        padding: 0 5px;
    }
    .cta-btn ul li a h3{
    	font-size: 23px;
		min-height: 0;
    }
    .testimonials-content{
    	font-size: 19px;
    	line-height: 1.7;
    }
} 
@media only screen and (max-width: 1024px) {
	.outer, .header-wrapper, .header-container,

    .slider-wrapper, .cta-wrapper, .cta-container,

    .cta-btn,.welcome-wrapper, .welcome-container,

    .footer-wrapper, .footer-container, .inner,

    #content-sidebar, #content-full, .content-wrapper  {

        min-width: 0 !important;

        width: 100% !important;

    }

    .header-nav > li > a {

        /*padding: 10px 6px 54px !important;*/

    }

    .header-nav > li {

        /*margin: 0 !important;*/

    }

    /*.header-logo {

        margin-top: 61px !important;

        width: 290px !important;

    }*/

    .cta-btn ul li {

        padding: 0 0.5% 0;

        width: 33%;

    }

    .cta-btn ul li img {

        width: 100%;

        min-height: 247px;

    }

    .footer-wrapper {

        padding: 31px 15px;

    }

    .sidebar {

    }

    .cta-btn ul li a:hover h3 {

        /* bottom: 193px; */

    }

    #content-sidebar #content {

        /*max-width: 682px;

        width: 100%;*/

    }
}
/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	body .wwwu-item {
		width: calc(100% / 3);		
	}
	.wwwu-items {
		text-align: center;
	}
	/* The following are used on inner pages. Please edit carefully. */

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

	.outer {

        min-width:320px;

    }


    #inner-page-wrapper{
    	padding: 30px 0 0;
    }
    body .inner {
        width:100%;
        padding-top: 0 !important;
    }



    #content-sidebar .sidebar,
    #content-full .sidebar {
	    display: block;
	    float: none;
	    margin: 30px auto 0;
	    padding: 0 0 30px;
	}



    #content-sidebar,

    #content-full,

    #content-sidebar #content,

    #content-full #content{

        width:100%;

        padding:0 0;
        float: none;

    }



    #backhomelink {

        display:block;

        width:90%;

        padding:0 5%;

    }



    /* Top navigation */



    .header-nav .sub-menu a {

        padding-left:0;

        padding-right:0;

        width:100%;

    }



    .header-nav .sub-menu,

    .header-nav > li > .sub-menu {

        position:relative;

        width:100%;

        padding-top:0;

        margin:0 !important;

    }



    /* IHF 1.0 */



    .ihf-template .outer {

        min-width:620px;

    }



    .ihf-template #content-sidebar,

    .ihf-template #content-full,

    .ihf-template #content-sidebar #content,

    .ihf-template #content-full #content {

        width:100%;

        padding:0;

    }



    /* IHF 2.0 */



    #ihf-main-container select[multiple],

    #ihf-main-container select[size] {

        width:100%;

    }



    #ihf-main-container .row {

        margin-left:0 !important;

        margin-right:0 !important;

    }



    /* WPCF7 */



    #content .wpcf7 form input[type='text'],

    #content .wpcf7 form input[type='password'],

    #content .wpcf7 form input[type='email'],

    #content .wpcf7 form input[type='number'],

    #content .wpcf7 form input[type='tel'],

    #content .wpcf7 form input[type='url'],

    #content .wpcf7 form textarea {

        padding-left:2%;

        padding-right:2%;

        width:94%;

        max-width:292px;

    }

    .header-wrapper{
    	position: relative;
    	background: #393939;
    }
    .header-wrapper .header-container {
	    display: block;
	    padding: 70px 15px 20px;
	}
	.header-wrapper .header-logo {
	    width: 270px;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
	    max-width: 100%;
	}
    .header-wrapper .header-navigation{
    	/*display: none;*/
    }

    .cta-wrapper{
    	height: auto;
    	padding: 30px 0;
    }

    .cta-btn {
	    position: relative;
	    margin: 0 0 0;
	}

	.cta-btn ul li {
	    display: block;
	    margin: 20px auto 0;
	    width: 100%;
	    padding: 0;
	    max-width: max-content;
	}
	.cta-btn ul li:first-child{
		margin: 0 auto;
	}

	.welcome-content{
		text-align: center;
	}

	.footer-left{
		display: block;
	}
	.footer-navigation{
		display: block;
	}
	.footernav{
		text-align: center;
		font-size: 13px;
		line-height: 1.4;
	}
	.footernav li {
	    padding: 0;
	    float: none;
	    display: block;
	    border-left: 0px solid #FFF;
	}
	.footernav li a{
		font-size: inherit;
	}
	.footer-right {
	    display: block;
	    float: none;
	    margin: 10px 0 0;
	}

	.footer-copyright{
		text-align: center;
	}

	.footer-smi {
	    display: block;
	    text-align: center;
	    border-right: 0 solid #FFFFFF;
	    padding-right: 0px;
	    display: none;
	}

	.footer-icon {
	    display: flex;
	    margin: 25px 0 0;
	}

	.jcarousel-wrapper{
		text-align: center;
	}
	.jcarousel{
		padding: 0 0 30px;
	}
	.jcarousel-control-prev, .jcarousel-control-next {
	    display: inline-block !important;
	    position: static;
	    vertical-align: middle;
	}

	.jcarousel-control-prev{}
	.jcarousel-control-next {
	    margin: 0 0 0 60px;
	}



    /* ARCHIVE */



    #content .archive-thumbnail,

    #content .archive-content.archive-has-thumbnail {

        width:100%;

        float:none;



    }



    #content .archive-thumbnail,

    #content .archive-content h2 {

        text-align:center;

        margin-left:auto;

        margin-right:auto;

    }



    #content .archive-more {

        text-decoration:underline;

        font-style:italic;

    }

    #contentTop {

        width: 100%;

        min-height: 100%;

    }

    .content-wrapper {

        width: 100%;

    }

    .ai-contact-wrap span.context-mob, .ai-contact-wrap span.context-email {

        font-size: 14px!important;

    }



    #ihf-main-container .ihf-map-info-window-photo {

        width: 48% !important;

        padding-right: 0 !important;

    }

    #ihf-main-container .ihf-map-info-window-photo img {

        width: 100%;

    }
    button.floating-inquire-button{
    	display: none;
    }
    .floating-inquire {
	    position: relative;
	    width: 100%;
	    right: 0;
	    max-width: none;
	    z-index: 9;
	    height: auto;
	}
	.floating-inquire-main{
		height: auto;
		padding: 40px 20px 30px;
	}
	.floating-inquire-form {
	    margin: 40px auto 0;
	    max-width: 600px;
	}
	.floating-inquire-contact {
	    text-align: center;
	}
	.floating-inquire-smis{
		justify-content: center;
	}
	.floating-sm{
		display: none;
	}

	#content .archive-list > article {
        width: 100%;
    }

    #content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
        margin: 0.75em 0;
        font-size: 24px;
    }

    #content .archive-list .article-long p {
        font-size: 17px;
    }

    #content .archive-list .article-long .archive-thumbnail,
    #content .archive-list .article-long .archive-has-thumbnail {
        width: 100%;
        margin-left: 0;
    }

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

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	body .wwwu-item {
		width: calc(100% / 2);		
	}
    .ip-banner .container{
        width: 100%;
    }

    .welcome-title{
    	font-size: 28px;
    }

	.single-aios-agents #agents-single .agents-testi {
		padding-bottom: 100px;
	}

	.single-aios-agents #agents-single .agents-testi-arrow {
		bottom: 20px;
		margin: 0 -15px;
	}

	.single-aios-agents #agents-single .agents-testi-description {
		font-size: 16px;
	}
}
@media only screen and (max-width: 567px) {
	body .wwwu-item {
		width: 100%;	
		margin-bottom: 15px;
	}
	.testimonials-content{
		padding: 0 0 30px;
	}
	.testimonials-content:before,
	.testimonials-content:after{
		display: none;
	}
	.floating-inquire-form .form-radio .wpcf7-form-control.wpcf7-radio{
		display: block;
	}
	.floating-inquire-form .form-radio .wpcf7-list-item {
	    display: block;
	    max-width: max-content;
	}
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	#areaPickerClearAll {

        width: 64px !important;

    }

    #areaPickerExpandAllCloseButton {

        width: 53px !important;

    }

    #content #ihf-main-container .btn {

        white-space: normal !important;

    }

    #areaPickerCustomListToggle {

        width: 58px !important;

    }

	.cta-btn ul li a h3{
		min-height: 76px;
    }
}