/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
	#hp-hero,
	.hp-ss,
	.hp-ss .cycloneslider-template-responsive .cycloneslider-slide canvas,
	.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: calc(100vh - 192px);
	}
}
@media only screen and (max-width: 1366px) {
	.lbwd-wrap .lbwd-single .lbwd-desc h3 {
	    margin: 0 0 10px;
	    font-size: 35px;
	}
	.lbwd-wrap .lbwd-single .lbwd-desc p {
	    margin: 0 0 20px;
	    font-size: 13px;
	}
	.compass-wrap .compass-single .compass-desc {
	    padding: 15px 0 0 30px;
	}
	.compass-wrap .compass-single:nth-child(even) .compass-desc{
		padding: 0 30px 15px 0;
	}
	.compass-wrap .compass-single .compass-desc h3 {
	    margin: 0 0 10px;
	    font-size: 35px;
	}
	.compass-wrap .compass-single .compass-desc p {
	    margin: 0 0 20px;
	    font-size: 13px;
	}
	.sm-wrap .sm-fb,
	.sm-wrap .sm-ig{
		/*max-width: 640px;*/
	}
} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.logo-sub-title {
		font-size: 38px;
	}
	.header-nav > li {
	    margin-left: 40px;
	}
	.burger-wrap{
		margin: 0 0 0 35px;
	}
	.qs-wrap .qs-short {
	    width: 9.772%;
	}
	.qs-wrap .qs-button {
	    width: 9%;
	}
	#hp-abt{
		background: url(images/abt-bg.jpg) -19vw top no-repeat;
		background-size: cover;
		background-attachment: scroll;
	}
	#hp-abt:before {
	    background: url(images/abt-bg_fade.png) top left no-repeat;
	    background-size: cover;
	}
	.abt-wrap .abt-title-lg {
	    font-size: 57px;
	}
	.sp-wrap .sp-single a .sp-details {
	    bottom: -40px;
	}
	.sp-wrap .sp-single a .sp-address_1 {
	    font-size: 21px;
	    letter-spacing: 0em;
	    margin: 0 0 10px;
	}
	.sp-wrap .sp-single a .sp-price {
	    font-size: 23px;
	    margin: 20px 0 0;
	    padding: 0 0 13px;
	}
	.sp-wrap .sp-single a .sp-vd {
	    padding: 20px 0;
	}
	.fp-wrap .fp-single a .fp-price{
		font-size: 24px;
	}
	.fp-wrap .fp-single a .fp-add_1 {
	    font-size: 16px;
	    letter-spacing: 0.000em;
	}
	.lbwd-wrap .lbwd-single .lbwd-img{}
	.lbwd-wrap .lbwd-single .lbwd-img canvas{
		min-height: 310px;
	}
	.lbwd-wrap .lbwd-single .lbwd-img .abs-img {
	    object-position: left top;
	}
	.lbwd-wrap .lbwd-single .lbwd-desc {
	    padding: 15px 0 0 20px;
	}
	.lbwd-wrap .lbwd-single:nth-child(even) .lbwd-desc{
		padding: 0 20px 15px 0;
	}
	.compass-wrap .compass-single .compass-desc h3 {
	    font-size: 31px;
	}
	.compass-wrap .compass-single .compass-img canvas{
		min-height: 350px;
	}
	#ftr-git{
		background-attachment: scroll;
	}
	.footer-bottom-inner{
		margin-right: 0;
	}
	.footer-ci .footer-ci-col {
	    margin-left: 30px;
	}
	.footer-ci .footer-ci-col.sm {
	    margin-left: 35px;
	}
	.footer-ci .footer-ci-col.add .footer-ci-single a {
	    max-width: 245px;
	}
	.footer-sitemap {
	    max-width: 266px;
	}
	.footernav{}
	.footernav li{
		/*width: calc(50% - 0px);*/
		width: auto;
	}
	.footernav li:nth-child(even) {
	    margin-left: 25px;
	}
	.footernav a {
	    font-size: 15px;
	    letter-spacing: 0.100em;
	}
	.hdr-sm .sm-connect {
	    top: 10vw;
	}
} 

/* 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%;
	}

	body.sp-active{
	    overflow: unset;
	}
	.header{
		position: relative;
	}
	.hdr-main{
		padding: 70px 0 20px;
	}
	.hdr-main:before{
		opacity: 1;
	}
	.hdr-fixed,
	.hdr-sm,
	.slide-panel,
	.hdr-menu,
	.hdr-burger{
		display: none;
	}
	.hdr-inner{
		justify-content: center;
		align-items: center;
	}
	.hdr-main .logo {
	    max-width: 200px;
	    margin: 0;
	}
	.hp-cta{
		position: relative;
		bottom: 0;
		background: #000;
		padding: 25px 0;
	}
	.cta-wrap .cta-single{
		display: block;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 260px;
	}
	.cta-wrap .cta-single:first-child{
		margin-top: 0;
		margin-left: auto;
	}
	.cta-wrap a{
		letter-spacing: 0.075em;
	}
	.qs-wrap .qs-form{
		justify-content: space-between;
	}
	.qs-wrap .qs-block{
		margin-left: 0;
		margin-top: 4px;
	}
	.qs-wrap .qs-block:first-child{
		margin-top: 0;
	}
	.qs-wrap .qs-long{
		width: 100%;
	}
	.qs-wrap .qs-short,
	.qs-wrap .qs-button{
		width: calc(50% - 2px);
	}
	.qs-wrap .qs-block.qs-submit {
	    margin-left: 0;
	}
	#hp-abt {
	    background: #000;
	    min-height: 0;
	}
	#hp-abt:before {
	    background: url(images/abt-bg_fade.png) right top no-repeat;
	    background-size: cover;
	}
	.section-title{
		align-items: center;
	}
	.abt-wrap .abt-title,
	.section-title h2{
		justify-content: center;
		align-items: center;
		margin: 0 0 0;
	}
	.abt-wrap .abt-title-sm,
	.section-title h2 em{}
	.abt-wrap .abt-title-sm:before,
	.section-title h2 em:before{
		display: none;
	}
	.abt-wrap .abt-title-lg,
	.section-title h2 span {
	    font-size: 57px;
	    padding: 0 0;
	}
	.abt-wrap {
	    position: relative;
	    z-index: 2;
	    margin: 0 0 0 0;
	    text-align: center;
	}
	.abt-wrap .abt-photo{
		display: block;
	}
	.sp-wrap .sp-slide{
		margin: 0 auto;
		max-width: 525px;
		width: calc(100% - 30px);
	}
	.sp-wrap .sp-single a .sp-details {
	    bottom: 0;
	    background: #000;
	    position: relative;
	    padding: 25px 0 0;
	}
	.sp-wrap .sp-single a .sp-vd{
		opacity: 1;
	}
	.fp-wrap .fp-slide {
		margin: 0 auto;
		width: calc(100% - 30px);
		max-width: 533px;
	}
	.fp-wrap .fp-single a .fp-det{
		position: relative;
	    background: #000;
	    bottom: 0;
	    padding: 30px 0 0;
	}
	.fp-wrap .fp-single a .fp-price span{
		margin: 0 0 0;
	}
	.fp-wrap .fp-single a .fp-price {
	    padding: 0 0 15px;
	}
	.fp-wrap .fp-single a .fp-vd{
		opacity: 1;
	}
	.lbwd-wrap .lbwd-single,
	.lbwd-wrap .lbwd-single:nth-child(even){
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
		margin: 20px auto 0;
		width: 100%;
		max-width: 650px
	}
	.lbwd-wrap .lbwd-single .lbwd-img{
		width: 100%;
	}
	.lbwd-wrap .lbwd-single .lbwd-img canvas {
	    min-height: 0;
	}
	.lbwd-wrap .lbwd-single .lbwd-desc,
	.lbwd-wrap .lbwd-single:nth-child(even) .lbwd-desc{
		width: 100%;
		padding: 20px 10px;
		text-align: center;
		max-width: none;
	}
	.compass-wrap .compass-single,
	.compass-wrap .compass-single:nth-child(even){
	    flex-flow: column wrap;
	    align-items: center;
	    justify-content: center;
	    margin: 20px auto 0;
	    width: 100%;
	    max-width: 650px
	}
	.compass-wrap .compass-single .compass-img{
	    width: 100%;
	}
	.compass-wrap .compass-single .compass-img canvas {
	    min-height: 0;
	}
	.compass-wrap .compass-single .compass-desc,
	.compass-wrap .compass-single:nth-child(even) .compass-desc{
	    width: 100%;
	    padding: 20px 10px;
	    text-align: center;
	    max-width: none;
	}
	.fc-wrap .fc-list{
		flex-flow: column wrap;
	}
	.fc-wrap .fc-single{
	    width: 100%;
	    margin: 25px 0 0;
	    max-width: 320px;
	}
	.fc-wrap .fc-single:first-child{
		margin: 0 0 0;
	}
	.fc-wrap .fc-single a .fc-label h3 {
	    font-size: 24px;
	}
	.testi-wrap .testi-content {
	    margin: 35px 0 0;
	}
	.testi-wrap .testi-single {
	    font-size: 15px;
	    padding: 81px 0 0;
	    background: url(images/testi-quote.png) center top no-repeat;
	    text-align: center;
	}
	.testi-wrap .slick-slide.slick-current + .slick-slide.slick-active .testi-single{
		border-left: 0px solid #000;
	}
	.fv-wrap .fv-slide {
	    margin: 0 auto;
	    max-width: 600px;
	}
	.fv-wrap .fv-single {
	    padding: 0 0 73px;
	    position: relative;
	}
	.sm-wrap .sm-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.sm-wrap .sm-col{
		width: 100%;
	}
	.sm-wrap .sm-fb{

	}
	.sm-wrap .sm-ig{}
	.sm-wrap .sm-icon a:before{
		display: none;
	}
	.sm-wrap .sm-icon{
		justify-content: center;
		align-items: center;
	}
	.sm-wrap .sm-ig-user {
	    flex-flow: column wrap;
	    justify-content: center;
	    padding: 45px 0 0;
	    margin: 0 0 20px;
	}
	.sm-wrap .sm-ig-photo{
		margin: 0 0 15px;
	}
	.footer-bottom .footer-bottom-accent{
		display: none;
	}
	.footer-bottom-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.footer-bottom-inner h3{
		display: block;
		text-align: center;
	}
	.footer-ci .footer-ci-inner{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.footer-ci .footer-ci-col,
	.footer-ci .footer-ci-col.sm {
	    margin-left: 0;
	    margin-top: 25px;
	}
	.footer-sitemap {
	    max-width: none;
	    margin: 40px 0 0;
	}
	.footernav{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.footernav li,
	.footernav li:nth-child(even),
	.footernav li:first-child + li{
	    margin-left: 0px;
	    margin-top: 10px;
	    width: auto;
	}
	.footernav li:first-child{
		margin-top: 0;
	}
} 

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

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.abt-wrap .abt-title-lg,
	.section-title h2 span {
	    font-size: 40px;
	    padding: 0 0;
	}
	.abt-wrap .abt-title-sm, 
	.section-title h2 em {
	    font-size: 55px;
	}
	.qs-wrap .qs-title h2 {
	    font-size: 20px;
	    letter-spacing: 0.000em;
	}
	.site-navigation{}
	.site-navigation .site-navigation-button{
		order: 1;
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.site-navigation .site-arrow{
		order: 2;
	}
	.site-navigation .site-arrow.site-next{
		order: 3;
		margin-left: 8px;
	}
	button.global-button,
	input.global-button,
	a.global-button,
	.global-button {
	    font-size: 15px;
	    letter-spacing: 0.025em;
	    min-width: 0;
	    height: 65px;
	    padding: 0 15px;
	}
	#hp-abt {
	    background: url(images/abt-bg.jpg) -56vw top no-repeat;
	    background-size: cover;
	}
	.lbwd-wrap .lbwd-single .lbwd-desc h3 {
	    font-size: 26px;
	}
	.compass-wrap .compass-single .compass-desc h3 {
	    font-size: 21px;
	    letter-spacing: 0em;
	}
	.git-wrap .git-row.dual{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.git-wrap .git-row.dual > div{
		margin: 12px 0 0;
		width: 100%;
	}
	#content .entry-title, #content .archive-title {
	    font-size: 37px;
	}
}