/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
/*min-width*/
@media only screen and (min-width: 1401px) {
	.header-container {
		width: 1390px;
	}
	
}
@media only screen and (min-width: 1366px) {
	
	
	.custom-container {
		width: 1360px;
	}

	.testi-text {
		padding-left: 108px;
	}
}
/*min-width end*/

@media only screen and (max-width: 1400px) {
	.header-navigation {
		padding: 0 40px;
	}
	.navi > li, .navi > li:before {
	    margin: 0 30px;
	}
}
@media only screen and (max-width: 1366px) {
	.testi-img {		
		height: fit-content;
	}
}
@media only screen and (max-width: 1280px) {
	.map-container {
	    background-position: calc(50% - 67px) 50%;
	}
		.map-row {
		    padding-right: 67px;
		}
		.map-title {
			padding-left: 0;
		}
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

	.section-title span,
	#content .entry-title,
	#content .archive-title {
	    font-size: 60px;
	}

	.navi:first-child {
	    padding-right: 0;
	}
	.navi > li, .navi > li:before {
	    margin: 0 15px;
	}
	.navi:first-child > li,
	.navi:first-child > li:before {
	    margin: 0 20px;
	}
	.slideshow-tagline h2 {
	    font-size: 50px;
	}
	.qs-btn .btn-a {
	    font-size: 12px;
	    letter-spacing: 0.1em;
	}
	.fp-price,
	.fp-more {
	    margin-top: 30px;
	}
	.fp-controls a.btn-a {
	    margin: 0 20px;
	}
	.fc-title {
	    font-size: 16px;
	}
	.map-container {
		background-position: calc(50% - 166px) 50%;
	}
		.map-title {
		    max-width: 40%;
		}
			ul.map-list li a {
			    font-size: 12px;
			    letter-spacing: 0;
			}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	*[class*="col-md"] { width: 100%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-2 { width: 16.66666666%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-5 { width: 41.66666666%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-12 { width: 100%; }

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

	.section-title span,
	#content .entry-title,
	#content .archive-title {
	    font-size: 50px;
	}

	header.header,
	header.header.sticking {
		position: relative;
		background: #000;
		padding: 52px 0 0;
		z-index: 1;
	}

	.header-navigation {
		padding: 0;
	}
		.navi {
			display: none;
		}

	.header-navigation .header-logo,
	.header-logo {
		width: 100%;
		padding: 30px 0;
	}

	.slideshow-tagline h2 {
	    font-size: 40px;
	}
	#hp-about {
	    padding: 80px 0;
	}
		.bg-section.bg-about {
			left: 0;
		}
		.about-img {
		    width: 100%;
		    max-width: 500px;
		    margin: 0 auto;
		}

		.about-text {
		    width: 100%;
		    padding-top: 0;
		    margin-top: 50px;
		    padding-left: 0;
		}

			.about-text-row {
			    display: block;
			    margin: 0;
			}

				.about-text-col {
				    width: 100%;
				    display: inline;
				    padding: 0;
				}

					.about-text-col p {
					    display: inline;
					}


	.qs-title {
	    width: 100%;
	    justify-content: center;
	}

	.qs-form {
	    width: 100%;
	}
		.qs-field {
		    padding: 0 10px;
		    margin-bottom: 20px;
		}
		.qs-field.qs-lg {
		    width: 100%;
		}

		.qs-field.qs-sm {
		    width: 50%;
		}

		.qs-btn {
		    width: 100%;
		    padding: 0 10px;
		}
		#hp-qs button.btn.dropdown-toggle.btn-default {
		    padding-left: 0;
		}


	.fp-list.slick-initialized .fp-item {
		width: 100%!important;
	}

		.fp-item a:hover .fp-img-bg {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

	.fp-controls {
		width: 100%;
	}

	#hp-fc {
		padding: 80px 0;
	}
		.fc-list {
		    max-width: 600px;
		    margin: 0 auto;
		}
		    .fc-item {
		        width: 50%;
		    }
		    	.fc-item a:hover .fc-img-bg {
				    top: 0;
				    left: 0;
				    right: 0;
				    bottom: 0;
				}
		

	.map-container {
		background-image: none!important;
	}
		.map-row {
			padding: 0;
		}
			.map-title {
				max-width: 100%;
				text-align: center;
				padding-top: 0;
			}

			.map-holder {
			    margin: 60px auto 0;
			    max-width: 79%;
			}


	#hp-testimonials {
		padding: 80px 0;
	}
		.bg-section.bg-testi {
		    width: 100%;
		}
		.testi-text {
			width: 100%;
			padding: 0;
		}
		.testi-img {
			width: 100%;
			max-width: 500px;
			margin: 40px auto 0;
		}
	
	#hp-press {
		padding: 80px 0;
	}
		.press-item {
		    width: 50%;
		}
	.git-form form {
	    margin: 0;
	}
		.git-radio .wpcf7-form-control.wpcf7-radio > span {
		    width: 400px;
		    max-width: 100%;
		    margin: 5px auto;
		}
		.use-floating-validation-tip span.wpcf7-form-control-wrap.i-am .wpcf7-not-valid-tip {
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
	.footer-nav > li {
		width: 100%;
		padding: 0;
		border-right: 0;
		text-align: center;
	}

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

    .page-id-86 #content iframe {
	    display: block;
	    margin: 15px auto;
	}

.area-title-flex {
    padding: 0 15px; 
    flex-flow: column;
}
#hp-fc .section-title {
    text-align: center;
}

#hp-fc .ip-btn {
    margin: 30px 0;
}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	*[class*="col-sm"] { width: 100%; }
    .col-xs-1 { width: 8.33333333%; }
    .col-xs-2 { width: 16.66666666%; }
    .col-xs-3 { width: 25%; }
    .col-xs-4 { width: 33.33333333%; }
    .col-xs-5 { width: 41.66666666%; }
    .col-xs-6 { width: 50%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-9 { width: 75%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-12 { width: 100%; }

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

    .section-title span,
	#content .entry-title,
	#content .archive-title {
	    font-size: 40px;
	}
	.slideshow-tagline h2 {
		font-size: 30px;
	}
		.slideshow-tagline h2 span {
		    display: inline-block;
		}
		.slideshow-tagline h2 strong {
		    letter-spacing: 0.1em;
		}

	.fp-controls {
		max-width: 220px;
		margin: 0 auto;
		justify-content: space-between;
	}
		.fp-controls a.btn-a {
			order: 1;
			width: 220px;
			max-width: 100%;
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 20px;
		}
		.fp-controls .slick-prev {
			order: 2;
		}
		.fp-controls .slick-next {
			order: 3;
		}
	.fc-item {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		display: block;
	}
	.testi-controls {
	    max-width: 220px;
	    margin: 0 auto;
	    justify-content: space-between;
	}
	.testi-controls .slick-next {
	    margin: 0;
	}
	.testi-controls a.btn-a {
	    margin-bottom: 20px;
	}
    .press-item {
    	width: 100%;
    	max-width: 500px;
    	margin: 0 auto;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.section-title span,
	#content .entry-title,
	#content .archive-title,
	body #aios-testimonials.aios-testimonials-page h1 {
	    font-size: 35px;
	}

	.git-field.field-6 {
	    width: 100%;
	}
	#slb_viewer_wrap .slb_theme_slb_default .slb_content {
	    height: auto!important;
	    width: 100%!important;
	}

	#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	    width: 300px;
	    margin: 0 auto;
	    display: block;
	    left: 0;
	    right: 0;
	}

	#slb_viewer_wrap .slb_theme_slb_baseline .slb_container .slb_content img {
	    width: 100%;
	    display: block;
	}
}