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

 @media only screen and (max-width: 1440px) {
	body .sm-set .sm-ig-single {		
		width: calc(50% - 20px);
	}
 	.expanded-nav > li > a {
	    padding: 0 35px;
	}
 	.intro-wrap .intro-text{
 		bottom: 6.6vw;
 	}
 	.intro-wrap .intro-sm {
	    font-size: 4vw;
	}
	.intro-wrap .intro-lg {
	    font-size: 8.688vw;
	}
	.intro-wrap .intro-md {
	    font-size: 7.313vw;
	}
	.intro-wrap .intro-bottom {
	    font-size: 1vw;
	}
	.intro-wrap .intro-img {
	    width: 29vw;
	    right: 10vw;
	}
	.abt-inner .abt-r {
	    max-width: 850px;
	}
	.fl-wrap .fl-single a:hover .fl-feat {
	    margin: auto 0 15px;
	}
	.fl-wrap .fl-single a:hover .fl-vd {
	    padding: 0 0 40px;
	}

	.ftr-ci .site-contact li{
		font-size: 15px;
	}

	.sl-wrap .sl-item a .sl-add{
		font-size: 22px;
	}
	.sl-wrap .sl-item a .sl-add span{
		font-size: 20px;
	}
}
 @media only screen and (max-width: 1366px) {
 	#fixednav > li {
	    margin: 0 0 0 45px;
	}
	.sp-mid{
		margin: 40px 0 0;
	}
	 body .sm-set .sm-ig-single {
		width: calc(50% - 28px);
	}
 	.abt-inner .abt-r {
	    max-width: 780px;
	}
	.sl-wrap .sl-item a .sl-det {
	    padding: 60px 5px 83px 30px;
	}
	.sm-set .sm-col {
	    margin: 0 0 0 35px;
	}
	.sl-wrap .sl-item a .sl-add{
		font-size: 20px;
	}
	.sl-wrap .sl-item a .sl-add span{
		font-size: 15px
	}

	.sm-set {
		padding-left: 15px;
	}
	.sm-set .sm-username a{
		font-size: 15px;
	}

	.sm-set .sm-time{
		font-size: 13px;
	}
 }
 
 @media only screen and (max-width:1280px) {
	.sm-set .sm-col.sm-ig {
		max-width: 325px;
	}
	body .sm-set .sm-ig-single {
		width: calc(50% - 17px);
	}


 }
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.sm-set .sm-col, .sm-set .sm-col.sm-ig {
		max-width: 360px;		
	}
	body .sm-set .sm-ig-single {
		/*width: calc(50% - 58px);*/
		width: calc(50% - 9px);
	}
	.hdr-main .hdr-logo,
	.fxd-header .fxd-logo,
	.sp-logo{
	    max-width: 210px;
	}
	.expanded-nav > li > a {
	    padding: 0 29px;
	    font-size: 14px;
	    letter-spacing: 0.020em;
	}
	.expanded-nav .sub-menu {
	    font-size: 11px;
	}
	#fixednav a,
	#nav a {
	    font-size: 13px;
	    letter-spacing: 0.050em;
	}
	#nav > li {
	    margin: 0 0 0 40px;
	}
	#fixednav > li{
		margin: 0 0 0 22px;
	}
	#fixednav .sub-menu{
		padding: 20px 0 0;
	}
	.burger-bttn.fixed {
	    margin: 0 0 0 20px;
	}
	.sp-inner {
	    padding: 60px 0 3.625vw;
	}
	.sp-mid {
	    margin: 70px 0 0;
	}
	.hp-intro:before {
	    height: 14.75vw;
	}
	.intro-wrap .intro-text {
	    bottom: 4.7vw;
	}
	.intro-wrap .intro-img {
	    width: 27vw;
	    right: 12vw;
	}
	.site-contact li {
	    font-size: 15px;
	    letter-spacing: 0.000em;
	    /*margin: 0 0 0 35px;*/
	    margin: 0 0 0 20px;
	}
	.site-contact li em {
	    font-size: 18px;
	    margin: 0 10px 0 0;
	}
	.sec-title:before{
		max-height: 115px;
	}
	.sec-title h2 {
	    font-size: 17px;
	}
	.sec-title h2 em {
	    letter-spacing: 0.350em;
	}
	.sec-title h2 span {
	    font-size: 90px;
	    letter-spacing: -0.050em;
	    margin: 5px 0 0;
	}
	.custom-title:before{
		/*max-height: 115px;*/
	}
	.custom-title h2 {
	    font-size: 17px;
	}
	.custom-title h2 em {
	    letter-spacing: 0.350em;
	}
	.custom-title h2 span {
	    font-size: 75px;
	    letter-spacing: -0.050em;
	    margin: 5px 0 0;
	}
	.abt-inner .abt-r {
	    max-width: none;
	    width: calc(100% - 420px);
	}
	.abt-inner .abt-col {
	    width: calc(50% - 20px);
	}
	.abt-inner .abt-col p.hl{
		font-size: 19px;
	}
	.cta-inner .cta-l {
	    width: 45.133%;
	}
	.cta-inner .cta-single a .cta-desc{
		padding: 30px 0;
	}
	.cta-inner .cta-single a:hover .cta-desc {
	    padding: 30px 60px 30px 0;
	}
	.cta-inner .cta-single a .cta-sm {
	    font-size: 19px;
	    letter-spacing: 0.300em;
	    left: -40px;
	}
	.sl-wrap .sl-item a {
	    padding-right: 30px;
	}
	.sl-wrap .sl-slide:first-child .sl-item a {
	    padding-left: 30px;
	}
	.sl-wrap .sl-item a .sl-det {
	    padding: 40px 5px 53px 25px;
	}
	.sl-wrap .sl-item a .sl-logo{
		max-width: 180px;
	}
	.sl-wrap .sl-item a .sl-line {
	    height: 60px;
	    margin: 17px 0 9px;
	}
	.sl-wrap .sl-item a .sl-price{
		font-size: 33px;
	}
	.sl-wrap .sl-item a .sl-add{
		font-size: 27px;
	}
	.sl-wrap .sl-item a .sl-add span{
		font-size: 20px;
	}
	.sl-wrap .sl-item a .sl-vd {
	    margin: 45px 0 0;
	}
	.se-wrap .se-bullet li{
		font-size: 16px;
	}
	.testi-wrap .testi-slide{
		max-width: 720px;
	}
	.testi-navs .testi-arrow {
	    font-size: 13px;
	    letter-spacing: 0.300em;
	}
	.fl-wrap .fl-content {
	    width: calc(100% - 20px);
	}
	.fl-wrap .fl-single a .fl-info{
		font-size: 22px;
	}
	.fl-wrap .fl-single a .fl-price {
	    margin: 0 0 7px;
	}
	.fl-wrap .fl-single a .fl-add span{
		font-size: 18px;
	}
	.fl-wrap .fl-single a:hover .fl-info {
	    padding: 20px 5px 0;
	}
	.fl-wrap .fl-single a .fl-vd span{
		font-size: 12px;
	}
	.neigh-wrap .neigh-single a .neigh-name {
	    font-size: 2.575vw;
	}
	.sm-set .sm-photo{
		width: 40px;
	}
	.sm-set .sm-username {
	    margin: 0 0 0 10px;
	}
	.sm-set .sm-username a{
		font-size: 15px;
	}
	.sm-set .sm-time{
		font-size: 13px;
	}
	.sm-set .sm-col,
	.sm-set .sm-col.sm-ig{
		max-width: 310px;
		margin: 0 0 0 20px;
	}
	#hp-fl:before,
	#ftr-git,
	#hp-canvas,
	#hp-testi{
		background-attachment: scroll !important;
	}
	.ftr-ci .site-contact li {
	    font-size: 13px;
	}
	.sm-set{
		padding-left: 0;
	}
	.single-aios-communities .fh-btn a {
		font-size: 12px;
	}
	.fl-wrap .fl-single a .fl-img{
		padding: 88% 0 0 ;
	}
	.sm-set .sm-ig-single a .sm-ig-img canvas{
		max-height: 103px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	body .aios-mobile-header-wrapper {		
		height: 52px;
	}
	
	/* 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%;
	}

	body.sp-active{
	    overflow: unset;
	}
	.sm-set .sm-ig-single a .sm-ig-img canvas{
		max-height: none;
	}
	.fxd-header,
	.fxd-header.active,
	.burger-bttn,
	.hdr-main #nav,
	.sliding-panel,
	.sliding-panel.active{
		display: none;
	}
	.hdr-main.sp-active{
		pointer-events: auto;
		opacity: 1;
	}
	.header {
	    position: relative;
	    background: #000;
	    z-index: 90;
	}
	.hdr-main{
		padding: 20px 0 20px;
		border-bottom: 0px solid #fff;
	}
	.hdr-main .hdr-logo{
		max-width: 297px;
	}
	.hdr-main.sp-active .hdr-logo {
	    opacity: 1;
	}
	#hp-abt {
	    background: url(images/logo-fade.png) center 81% no-repeat #fff;
	    background-size: 65.313vw auto;
	}
	.abt-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.abt-inner .abt-r {
	    width: 100%;
	    margin: 30px 0 0;
	}
	.abt-inner .abt-text{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.abt-inner .abt-full p.hl{
		text-align: center;
	}
	.abt-inner .abt-col{
		width: 100%;
		text-align: center;
		margin: 20px 0 0;
	}
	.abt-inner .abt-col:first-child{
		margin: 0 0 0;
	}
	.abt-inner .abt-bttn{
		text-align: center;
	}
	.sec-title{
		padding: 0 0 0 0;
		text-align: center;
	}
	.sec-title:before{
		display: none;
	}
	.sec-title h2 em.sec-num{
		display: none;
	}
	.sec-title h2 span br{
		display: none;
	}
	.custom-title{
		padding: 0 0 0 0;
		text-align: center;
	}
	.custom-title:before{
		display: none;
	}
	.custom-title h2 em.sec-num{
		display: none;
	}
	.custom-title h2 span br{
		display: none;
	}
	#hp-cta:before{
		display: none;
	}
	.cta-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.cta-inner .cta-l{
		width: 100%;
	}
	.cta-inner .cta-text{
		text-align: center;
		max-width: none;
		margin: 20px 0 0;
	}
	.cta-inner .cta-r{
		width: 100%;
		margin: 40px 0 0;
		max-width: 600px;
	}
	.cta-inner .cta-single a:hover .cta-desc {
	    padding: 30px 140px 30px 0;
	}
	.cta-inner .cta-single a .cta-sm{
		left: -60px;
	}
	.sl-wrap .sl-slide{
		margin: 30px auto 0;
		width: calc(100% - 30px);
		max-width: 600px;
	}
	.sl-wrap .sl-slide:first-child{
		margin: 0 auto 0;
	}
	.sl-wrap .sl-slide:first-child .slick-list.draggable{
		padding: 0 0 0 0;
	}
	.sl-wrap .sl-item a{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
		padding-right: 0;
	}
	.sl-wrap .sl-slide:first-child .sl-item a{
		padding-left: 0;
	}
	.sl-wrap .sl-item a .sl-img canvas{
		display: block;
	}
	.sl-wrap .sl-item a .sl-img{
		width: 100%;
	}
	.sl-wrap .sl-item a .sl-det {
	    width: 100%;
	    margin: 0 0 0;
	    padding: 30px 10px;
	    text-align: center;
	}
	.sl-wrap .sl-item a .sl-logo {
	    max-width: 180px;
	    margin: 0 auto 30px;
	}
	.sl-wrap .sl-item a .sl-line{
		display: none;
	}
	.se-wrap .se-inner{
		flex-flow: column-reverse wrap;
		align-items: center;
		justify-content: center;
	}
	.se-wrap .se-r{
		width: 100%;
		padding: 0 0 0 0;
	}
	.se-wrap .se-review{
		text-align: center;
		padding: 0 15px;
	}
	.se-wrap .se-bullet {
	    display: flex;
	    flex-flow: row wrap;
	    align-items: center;
	    justify-content: center;
	}
	.se-wrap .se-bullet ul {
	    column-count: 1;
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	    list-style-type: disc;
	    margin: 45px 0 0 20px;
	    max-width: none;
	}
	.se-wrap .se-lm {
	    margin: 40px 0 0;
	    text-align: center;
	    padding: 0 15px;
	}
	.se-wrap .se-l{
		padding: 0 0 0;
		width: calc(100% - 30px);
		max-width: 500px;
		margin: 50px 0 0;
	}
	.se-wrap .se-img{
		width: 100%;
	}
	.se-wrap .se-img-info{
		padding: 10px 0;
	}
	.se-wrap .se-img-lg{
		font-size: 24px;
	}
	.se-wrap .se-img-sm{
		font-size: 13px;
	}
	.testi-wrap .testi-slide{
		width: calc(100% - 30px);
	}
	.testi-navs {
	    /*position: relative;
	    margin: 30px 0 0;
	    justify-content: space-around;
	    width: 100%;
	    padding: 0 15px;*/
		position: relative;
		margin: 30px auto 0;
		justify-content: space-between;
		width: calc(100% - 30px);
		max-width: 240px;
	}
	.fl-wrap .fl-top-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.fl-wrap .fl-title{
		margin: 0 0 30px;
	}
	.fl-wrap .fl-slide {
	    margin: 0 auto;
	    max-width: 600px;
	}
	.fl-wrap .fl-single a .fl-img{
		padding: 0 0 0;
	}
	.fl-wrap .fl-single a .fl-img canvas{
		display: block;
	}
	.fl-wrap .fl-single a .fl-info,
	.fl-wrap .fl-single a:hover .fl-info {
	    position: relative;
	    padding: 40px 10px;
	    background: #000;
	}
	.fl-wrap .fl-single a:hover .fl-add {
	    margin: 0 0 20px;
	}
	.fl-wrap .fl-single a:hover .fl-vd,
	.fl-wrap .fl-single a .fl-vd {
	    padding: 0 0 40px;
	    opacity: 1;
	}
	.fl-wrap .fl-single a:hover .fl-feat,
	.fl-wrap .fl-single a .fl-feat {
	    margin: auto 0 15px;
	}
	.fl-wrap .fl-single a .fl-img:before{
		display: none;
	}
	.fl-wrap .fl-single a:hover:before{
		opacity: 0;
	}
	.neigh-wrap .neigh-single {
	    width: calc(50% - 2px);
	    margin: 2px 1px 0;
	}
	.neigh-wrap .neigh-single.neigh-title{
		width: 100%;
		margin: 0 0 25px;
	}
	.sm-set{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
		padding-left: 0;
	}
	.sm-set .sm-col,
	.sm-set .sm-col.sm-ig{
		max-width: 450px;
		margin: 40px 0 0;
		width: calc(100% - 20px);
	}
	.sm-set .sm-top {
	    margin: 15px 0 20px;
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.sm-set .sm-user{
	}
	.sm-set .sm-time{
		margin: 10px 0 0;
	}
	.ftr-logos .logo-single{
		max-width: 160px;
		margin: 30px auto 0;
		display: block;
	}
	.ftr-logos .logo-single:first-child{
		max-width: 400px;
		margin: 0 auto 0;
	}
	.site-contact ul{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.site-contact li{
		margin: 15px 0 0;
	}
	#footernav.expanded-nav > li{
		margin: 30px 0 0;
		text-align: center;
	}
	#footernav.expanded-nav{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	#footernav.expanded-nav > li > a:before{
		display: none;
	}
	#footernav.expanded-nav > li > a{
		padding: 0 0;
		line-height: 1;
	}
	#footernav.expanded-nav .sub-menu{
		margin: 15px 0 0;
	}
	.git-wrap {
	    padding: 74px 20px;
	}

	body.page-id-115 .row.aios-cu-inner,
	body.page-id-115 .aios-cu-inner .aios-cu-left {
	    display: block;
	}

	.single-aios-communities .fh-trigger:hover .fh-btn {
		margin: 20px 0 0;
	}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
    .tagline-inner .tagline-lg{
    	    font-size: 3.5vw;
    }
    .tagline-inner .tagline-sm{
    	    font-size: 2vw;
    }
    .sec-title h2 span{
    	font-size: 80px;
    }
    .custom-title h2 span{
    	font-size: 80px;
    }
    #hp-abt{
    	padding: 55px 0 50px;
    }
    .neigh-wrap .neigh-single a .neigh-name {
	    font-size: 3.775vw;
	}
}
@media only screen and (max-width: 567px) {
	.sec-title h2 span{
		font-size: 67px;
	}
	.custom-title h2 span{
		font-size: 45px;
	}
	.neigh-wrap .neigh-set{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.neigh-wrap .neigh-single {
	    width: calc(100% - 20px);
	    max-width: 400px;
	}
	.neigh-wrap .neigh-single a .neigh-name {
	    font-size: 6.775vw;
	}
	.site-contact li {
	    font-size: 13px;
	    letter-spacing: 0.000em;
	}
	.site-contact li em{
		font-size: 15px;
	}
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.sec-title h2 {
	    font-size: 16px;
	}
	.sec-title h2 em {
	    letter-spacing: 0.200em;
	}
	.sec-title h2 span {
	    font-size: 48px;
	}
	.cta-inner .cta-single a .cta-sm {
	    left: 0px;
	}
	.fl-wrap .fl-navs:before {
	    margin: 0 20px;
	}
	.se-wrap .se-review{
		font-size: 22px;
	}
	.se-wrap .se-review span{
		font-size: 18px;
	}
	.git-wrap .git-row.dual{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.git-wrap .git-row.dual > div{
		width: 100%;
		margin: 30px 0 0;
	}
}