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

@media (min-width: 768px) {
	.page-id-20 #content #breadcrumbs {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.page-id-20 #content #breadcrumbs {
		width: 970px;
	}

	.page-id-20 #ai-modern-about .ai-modern-about-entry {
		padding: 0;
	}
}

@media (min-width: 1200px) {
	.page-id-20 #content #breadcrumbs {
		width: 1170px;
	}
}




@media only screen and (max-width: 1480px) {
	.about-wrap {
		padding: 127px 15px 52px;
	}

	.contact-content {
		padding: 60px 15px 60px;
	}
}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {
	.faq-panel-title a span {
		font-size: 18px;
	}

	.fl-content-desc {
		font-size: 15px;
	}

	.contact-desc,
	.fl-desc,
	.social-desc,
	.team-desc,
	.reviews-item,
	.about-txt,
	.wc-content-txt {
		font-size: 17px;
	}



}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
	.header-sep {
		height: 81px;
	}

	.section-title-sm {
		font-size: 40px;
	}

	.services-list-bot-inner {
		padding: 85px 30px 91px;
	}

	.about-txt {
		margin: 36px 0 33px;
	}

	.about-wrap {
		padding: 127px 15px 41px;
	}

	.contact-desc,
	.fl-desc,
	.social-desc,
	.team-desc,
	.reviews-item,
	.about-txt,
	.wc-content-txt {
		font-size: 15px;
	}

	.faq-panel-title a span {
		font-size: 15px;
	}

	.faq-panel {
		padding: 72px 35px;
	}

	.faq-panel-body {
		font-size: 12px;
	}

	.fl-content-title {
		font-size: 17px;
	}

	.fl-content-desc {
		font-size: 11px;
	}

	.section-btn.xl {
		max-width: 522px;
		font-size: 20px;
	}

	.footernav>li>a {
		font-size: 10px;
	}

	.footer-logo {
		max-width: 250px;
	}

	.footer-col-label {
		font-size: 20px;
		margin: 28px 0 8px;
	}

	.footer-col-value {
		font-size: 14px;
	}

	.footer-smi a {
		font-size: 14px;
	}

	.footer-smi a .ai-font-youtube {
		font-size: 19px;
	}

	.contact-desc {
		margin: 30px auto 18px;
	}

	.contact-content {
		padding: 40px 15px;
	}
}

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

	#content .entry-title,
	#content .archive-title {
		font-size: 24px;
		letter-spacing: 5px;
	}

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

	/* Custom */

	.about-img-bg canvas,
	.contact-img-bg canvas {
		background-attachment: scroll;
	}

	.aios-mobile-header-wrapper {
		z-index: 1010 !important;
	}

	.ip-container .header {
		display: block !important;
		position: relative;
		background: #fff;
		padding: 62px 15px 10px;
	}

	.ip-container .header .header-logo {
		opacity: 1;
		visibility: visible;
	}

	.ip-container .header-main {
		justify-content: center;
	}

	.header-btn,
	.header-sep,
	.header-bm {
		display: none;
	}

	.intro-video {
		display: none !important;
	}

	body {
		overflow: auto !important;
	}

	.header {
		display: none !important;
	}

	.section-title-inner {
		flex-direction: column-reverse;
		display: flex;
	}

	.section-title-sm {
		font-size: 35px;
		margin: 6px 0 0 !important;
		letter-spacing: 5px;
	}

	.slider-wrap {
		margin-top: 52px;
	}

	.slider-main .aios-slider {
		position: absolute;
	}

	.contact-desc,
	.fl-desc,
	.social-desc,
	.team-desc,
	.reviews-item,
	.about-txt,
	.wc-content-txt {
		font-size: 18px;
	}

	.services-li-inner>div {
		width: 100% !important;
		text-align: center;
		padding-top: 0 !important;
	}

	.section-title-img {
		transform: translateY(0) !important;
		padding: 0 !important;
	}

	.services-li-box-inner {
		max-width: 100% !important;
	}

	.services-li-box-img img {
		margin: 0 auto 15px !important;
	}

	.services-li-inner {
		flex-direction: column !important;
	}

	.services-li-box-main {
		max-width: 366px !important;
		width: 100% !important;
		margin: auto;
	}

	.services-li-content-txt {
		max-width: 100% !important;
	}

	.services-li-no span {
		margin-left: 0;
	}

	.services-li {
		margin: 0 0 50px;
	}

	.services-li .services-li-no {
		order: 1;
	}

	.services-li .services-li-content {
		order: 2;
	}

	.services-li .services-li-box {
		order: 3;
	}

	.services-lib {
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0 0 50px;
	}

	.services-lib-top {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.services-lib .services-li-no {
		padding: 0;
	}

	.services-lib .services-li-content-title {
		min-height: auto;
		margin: 0 0 24px;
	}

	.services-lib .services-li-content-title br {
		display: none;
	}

	.services-list-bot-inner {
		padding: 85px 0 91px;
	}

	.about-wrap {
		padding: 127px 15px 152px;
	}

	.about-img {
		width: 100%;
	}

	.about-bot {
		flex-direction: column;
	}

	.about-content {
		width: 100%;
		padding: 49px 0 0;
	}

	.about-logo-bot {
		margin-top: 30px;
	}

	.about-content-inner {
		max-width: 100%;
		text-align: center;
	}

	.about-title .section-title {
		justify-content: center;
	}

	.about-txt {
		max-width: 100%;
	}

	.about-link a {
		margin: auto;
	}

	.reviews-nav {
		display: flex;
		justify-content: center;
		margin: 15px 0 0;
	}

	.reviews-nav button {
		left: auto;
		right: auto;
		position: relative;
		top: 0;
		margin: 0 10px;
	}

	.reviews-holder-wrap {
		padding: 10px 0 50px;
	}

	.team-content-inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.team-desc {
		margin: 20px 0 0;
		width: 100%;
	}

	.team-title {
		width: 100%;
		padding: 0;
		display: flex;
		justify-content: center;
	}

	.faq-item {
		width: 100%;
	}

	.faq-panel {
		padding: 33px 20px;
		min-height: auto;
	}

	.faq-panel-title a span {
		max-width: calc(100% - 90px);
		width: 100%;
	}

	.social-item {
		width: calc(100% / 3);
	}

	.fl-title {
		width: 100%;
		padding: 0 0 30px;
	}

	.fl-desc {
		width: 100%;
	}

	.fl-holder:not(.slick-initialize) .fl-item~div {
		display: none;
	}

	.fl-desc-inner {
		max-width: 100%;
		text-align: center;
	}

	.fl-title .section-title {
		justify-content: center;
	}

	.fl-item {
		width: 100%;
		padding: 15px;
	}

	.fl-holder {
		max-width: 400px;
		margin: auto;
	}

	.fl-content-title {
		font-size: 21px;
	}

	.fl-content-desc {
		font-size: 15px;
	}

	.contact-content {
		width: 100%;
		padding: 0 0 30px;
		text-align: center;
		justify-content: center;
	}

	.contact-title {
		justify-content: center;
	}

	.section-btn.xl {
		margin: auto;
	}

	.contact-img {
		width: 100%;
		padding: 0;
	}

	.contact-img-inner {
		background: transparent;
		margin: 0;
	}

	.cf-field-submit input {
		margin: auto;
		height: auto;
		padding: 10px;
		display: block;
		white-space: normal;
		word-break: break-word;
		line-height: 1.2;
	}

	.contact-form-box .cf-field {
		width: 100%;
		padding: 0 0 21px !important;
	}

	.contact-img .img-wrapper {
		margin: 0 auto 50px;
	}

	.contact-main {
		padding: 30px 15px;
	}

	.footernav {
		flex-direction: column;
	}

	.footernav>li:not(:last-of-type)::before {
		display: none;
	}

	.footernav>li>a {
		font-size: 13px;
	}

	.footer-top-inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.footer-col-value.flex.jc.ai-c {
		justify-content: center;
	}

	.page-id-15 #content #breadcrumbs {
		max-width: 750px;
		margin: 1.12em auto;
		padding: 0 15px;
	}
}

/* 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) {
	.contact-form-box {
		padding-bottom: 50px;
	}

	.contact-form-box .wpcf7 form .wpcf7-response-output {
		bottom: -40px;
	}
}

@media only screen and (max-width: 400px) {
	.contact-form-box {
		padding-bottom: 60px;
	}

	.contact-form-box .wpcf7 form .wpcf7-response-output {
		bottom: -50px;
	}
}