/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 1200px) {
	/*HEADER*/
	.header-logo a > span {
        font-size: 30px;
    }
    .header.fixed .header-logo a > span {
	    font-size: 26px;
	}
    .header-logo a > img {
        max-width: 60px;
    }
    .header-left {
    	padding-right: 40px;
    }
    .header-left .navigation #nav > li {
    	margin:  0 11px;
    }
    .header-left .navigation #nav > li:after {
        right: -11px;
    }
    #nav > li:last-child .sub-menu .sub-menu {
	    margin-right: 100%;
	    margin-left: auto;
	    left: auto;
	    right: 0;
	}

	/*CTA*/
	.cta-name span {
	    font-size: 35px;
	}
}
@media only screen and (min-width: 1367px) {
	.custom-container {
    	width: 1330px;
	}
	/*HEADER*/
    .header-left {
    	padding-right: 65px;
    }
    .header-left .navigation #nav > li {
    	margin:  0 23.3px;
    }
    .header-left .navigation #nav > li:after {
        right: -23.3px;
    }
    /*CTA*/
	.cta-name span {
	   	font-size: 45px;
	}
}
@media only screen and (min-width: 1440px) {
	.custom-container {
	    width: 1410px;
	}
	/*HEADER*/
	.header-logo a > span {
        font-size: 32px;
    }
    .header.fixed .header-logo a > span {
        font-size: 28px;
    }
    .header-logo a > img {
        max-width: 70px;
    }
    .header-left {
    	padding-right: 100px;
    }
    #nav > li:last-child .sub-menu .sub-menu {
	    margin-left: 100%;
	    left: 0;
	}
}
@media only screen and (min-width: 1540px) {
	.custom-container {
	    width: 1530px;
	}

	/*HEADER*/
	.header-logo a > span {
        font-size: 45px;
    }
    .header-logo a > img {
        max-width: 80px;
    }
    .header-left {
        padding-right: 176px;
    }

}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	/*HEADER*/
	.header-logo a > span {
        font-size: 25px;
    }
    .header.fixed .header-logo a > span {
	    font-size: 22px;
	}
    .header-logo a > img {
        max-width: 50px;
    }
    .header-left {
    	padding-right: 20px;
    	width: calc(100% - 140px);
    }
    .header-left .navigation #nav > li {
    	margin:  0 11px;
    }
    .header-left .navigation #nav > li:after {
        right: -11px;
    }
    .header-left .navigation #nav li a {
	    font-size: 11px;
	}
	.header-right {
		width: 140px;
	}
    #nav > li:last-child .sub-menu .sub-menu {
	    margin-right: 100%;
	    margin-left: auto;
	    left: auto;
	    right: 0;
	}
	.header-right .slide-btn > a.slide-trigger {
	    width: 140px;
	}
	.header-right .slide-btn > a.slide-trigger span {
	    font-size: 11px;
	}

	/*UPPERFOLD*/
	.tagline h2 {
	    font-size: 55px;
	}
	.tagline h2 span {
	    font-size: 20px;
	}
	.uf-cta-item {
	    width: 300px;
	    height: 65px;
	}
	.uf-cta-item a span {
	    font-size: 20px;
	}

	/*WELCOME*/
	.welcome-left,
	.welcome-right-bg {
	    width: calc((100vw - 970px) / 2 + 100% + 15px);
	}

	/*CTA*/
	.cta-name span {
	    font-size: 35px;
	}

	/*FP*/
	.fp-details {
	    padding: 0 15px 0 15px;
	    bottom: -75px;
	}
	.fp-details> div {
	    padding: 0 0 25px 25px;
	}
	.fp-address > span {
	    font-size: 20px;
	}
	.fp-address > span:last-child {
	    font-size: 12px;
	}
	.fp-price {
	    font-size: 40px;
	}
	.fp-btn {
	    margin-top: 15px;
	}

	/*QS*/
	.qs-input input[type="text"], .qs-input select {
	    font-size: 11px;
	    padding: 0 10px;
	}

	/*FA*/
	.fa-name > span {
	    font-size: 25px;
	}

	.sidebar .bootstrap-select.btn-group .dropdown-menu {
		min-width: 100% !important;
	}

	.footer-contact-info {
		margin-right: 0;
	}

	.header-right .slide-btn a.slide-trigger {
		width: 139px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

	/*HEADER*/
	.header {
		position: relative;
		margin-top: 52px;
		background: #474747;
		padding: 13px 0;
	}
	.header-inner {
		flex-direction: column;
		justify-content: center;
	}
	.header-left {
	    padding-right: 0;
	    width: 100%;
	}
	.header-logo {
		margin: auto;
	}
	.header-logo a > img {
	    width: 100%;
	    max-width: 80px;
	    margin: auto;
	}
	.header-logo a > span {
	    font-size: 34px;
	}
	.header-right {
	    margin-top: 20px;
	}

	.ip-container .header.fixed {
    	z-index: 1;
	}
	.ip-container .aios-mobile-header-wrapper {
	    z-index: 10003!important; /* fix select 2 z-index */
	}

	/*SLIDE*/
	.slide-content-inner {
	    width: 100%;
	    max-width: 538px;
	    margin: auto;
	    position: relative;
	}
	.slide-contact-close {
		right: 20px;
	}
	.slide-contact-info {
		flex-direction: column;
	}
	.slide-smi {
		margin: 20px 0;
	}
	.slide-smi a {
	    margin: 0px 15px;
	}
	
	/*UPPERFOLD*/
	.tagline-cta-wrap {
	    top: calc(50% - 145px);
	}
	.tagline h2 {
		text-align: center;
		font-size: 45px;
	}
	.uf-cta-wrap {
		margin-top: 25px;
	}
	.uf-cta-item {
	    display: block;
	    width: 250px;
	    margin: 10px auto !important;
	}
	
	.slideshow .cycloneslider-template-responsive img.cycloneslider-slide-js[width="1"] + canvas {
		min-height: 400px;
	}

	/*WELCOME*/
	.welcome-left {
		position: relative;
		text-align: center;
		right: 0;
		width: 100%;
	    max-width: 400px;
	    margin: 40px auto 0;
	}
	.welcome-content:before,
	.welcome-right-bg:after {
		display: none;
	}
	.welcome-right {
		padding: 0;
		margin: 25px 0;
	}
	.welcome-content {
		text-align: center;
		padding: 40px 15px;
	}
	.welcome-text .welcome-btn {
		margin: auto;
	}
	.sec-title h2, .sec-title h1,
	.welcome-title {
		text-align: center;
	}
	.welcome-right-bg {
		width: 100%;
	}

	/*CTA*/
	.cta-inner {
		padding: 0 15px;
	}
	.cta-name span {
	    font-size: 25px;
	}

	/*FP*/
	.fp-wrap {
		padding: 0 15px;
	}
	.fp-list {
	    width: 100%;
	    max-width: 400px;
	    margin: auto;
	}
	.fp-top {
		justify-content: center;
	}
	.fp-btn-wrap.mob-visible {
		display: flex;
	    justify-content: center;
	    margin-top: 20px;
	}	

	/*QS*/
	.qs-wrap form {
	    position: relative;
	    width: 100%;
	    max-width: 340px;
	    margin: auto;
	}
	.qs-input {
        margin: 4px 5px;
    }
	.qs-input.large,
    .qs-input.medium,
    .qs-input.submit {
        width: calc(100% - 10px);
    }
    .qs-input.small {
        width: calc(50% - 10px);
    }
        .qs-input.select:before {
            right: 11px;
        }
    .qs-input input[type="text"],
    .qs-input select {
        font-size: 11px;
    }

    /*FA*/
    .fa-sec {
    	padding: 45px 0;
    }
    .fa-inner {
    	padding: 0 15px;
    	flex-direction: column;
    }
    .fa-list {
	    width: 100%;
	    max-width: 400px;
	    position: relative;
	    margin: 5px auto;
	}

	/*TESTI*/
	.testi-sec {
		padding: 45px 0;
	}
	.testi-img {
	    padding-right: 0;
	    width: 100%;
	    max-width: 400px;
	    margin: auto;
	}
	.testi-wrap,
	.testi-title {
		text-align: center;
	}
	.testi-btn-wrap {
		justify-content: center;
	}

	/*FOOTER*/
	.footer {
		padding: 45px 0;
	}

	.footer-contact-wrap {
		padding: 0 10px;
	}

	.footer-contact-info {
		margin-right: 0;
		flex-direction: column;
	}
	.footer-smi {
		margin: 20px 0;
	}
	.footer-smi a {
	    margin: 0px 15px;
	}
	.footernav li {
	    display: block;
	    margin: 10px 0;
	}

	.footer-contact {
	    margin-top: 12px;
	}

	.ip-smi{
		margin-bottom: 20px;
	}
	.ip-smi a span {
		font-size: 35px;
	}

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

	.page-id-44 #content .entry-content,
	.page-id-46 #content .entry-content,
	.page-id-45 #content .entry-content {
		text-align: center;
	}

		.page-id-45 #content .entry-content img {
			margin: 0 auto 20px;
		}
	
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

	/*CTA*/
	.cta-list {
	    width: 100%;
	    max-width: 400px;
	    margin: 5px auto;
	}

    .ip-banner .container{
        width: 100%;
    }
}

@media only screen and (max-width: 580px) {
	.tagline-cta-wrap {
		background: #2f2f2f;
		position: relative;
		padding: 30px 0;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {

	/*SEC TITLES*/
	.sec-title h2 > span:first-child, .sec-title h1 > span:first-child {
	    font-size: 16px;
	}
	.sec-title h2 > span:last-child, .sec-title h1 > span:last-child {
	    font-size: 40px;
	}
	.slide-contact-close {
	    right: 2.5px;
	}
	.slide-cf-form-wrap form {
	    padding: 0px 0 80px;
	}

}