/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
 @media(max-width: 1440px) {
	.header .custom-container {
		width: 95%;
	}

	.header.fixed .hdr-contact {
		font-size: 20px;
	}

	.hdrnav > li > a {
		font-size: 12px;
	}

	 .hp-fp-accent {
		 width: 10%;
	 }

	 .hp-wc-photo {
		 width: 32%;
	 }
	 
}

@media(max-width:1366px) {
	.hdrnav > li:not(:last-child) {
		margin-right: 25px;
	}
}

@media(max-width:1280px) {
	.header.fixed .hdr-contact {
		font-size: 16px;
	}	

	.hdrnav > li > a {
		font-size: 11px;
	}	

	.hp-pp-item strong.m, .hp-pp-item strong.l {
		font-size: 30px;
	}

	.section-title h1, .section-title h2 {
		font-size: 60px;
	}

	.hp-sm .custom-container {
		padding: 50px;
	}
}

@media only screen and (min-width: 1200px) {
	
}

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.section-title h1, .section-title h2, 
	#content .entry-title, #content .archive-title{
		font-size: 45px;
	}

	.single-aios-events #content .entry-title {
		font-size: 25px;
	}

	.hp-fp-item .canvas-img canvas {
		height: 700px;
	}		

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

	.header.fixed .hdrnav > li:not(:last-child) {
		padding-right: 5px;
		margin-right: 5px;
	}
	 
	.header .logo img {
		max-width: 220px;
	}
	.header .logo-2 img {
		max-width: 130px;
	}
	.hdrnav > li:not(:last-child) {
		margin-right: 15px;
	}		
} 

@media(max-width: 1024px) {
	.hp-mtt-item {
		width: calc(100% / 4);
	}
	.hp-mtt-highlight h3 {
		font-size: 25px;
	}
	.hp-mtt-highlight p {
		font-size: 19px !important;
	}
}

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

	/* custom */
	.header {
		margin-top: 50px;
		position: relative;
		background: #000;
		padding: 10px 0;
		z-index: 1;
	}

	
	.header .logo, .header .logo-2 {
	    max-width: 100%;
		padding: 5px 0;
	}


	.header .custom-container {
		flex-direction: column;
	}
	
	.hidden-mobile {
		display: none;
	}

	.flex-wrap-mobile {
		flex-wrap: wrap;
	}

	.col-50 {
		width: 100%;
	}	

	.section-title, .section-title h1, .section-title h1, .section-title h1.text-right, .section-title h2.text-right, .section-title h1, .section-title h2 {
		text-align: center;
		width: 100%;
	}	

	.section-title h1 span.line-number, .section-title h2 span.line-number {
		left: 0;
		position: relative;
		border-right: 0;
		padding-right: 0;
	}

	.hp-sm-feed-item {
		width: 50%;
	}
	
	 .hp-sm-feed-source {
		 width: 100%;
		 order: 0;
	 }

	.footernav li {
		display: block;
		margin: 10px 0;
	}		

	#pojo-a11y-toolbar, .hp-smis-list {
		display: none;
	}	

	.hp-qs-form .powered-by {
		text-align: center;
	}
	

	.hp-pp-item {
		width: calc(50% - 10px);
	}
	
	.hp-mtt-item {
		width: 50%;
	}	

	.hp-qs .custom-container {
		flex-wrap: wrap;
	}
	.hp-qs-left, .hp-qs-right {
		width: 100%;
	}
	.hp-qs-form .form-col{
		width: 100%;
		margin: 10px 0;
	}
	.hp-qs-form .form-buttons {
		width: 100%;
		justify-content: center;
	}
	.hp-qs-form .form-input {
		width: 100%;
	}

	
	.hp-wc .custom-container {
		justify-content: center;
		padding: 0 ;
		text-align: center;
	}
	.hp-wc-text, .hp-wc  {
		margin-bottom: 50px;
	}
	.hp-wc-text, .hp-wc .custom-container::before {
		width: 100%;
	}
	.hp-wc-text {
		padding: 0;
	}
	.hp-wc-contact {
		flex-direction: column;
		justify-content: center;
		width: 100%;
		max-width: 280px;
		margin: 0 auto;
	}
	.hp-wc-contact-details {
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}
	.hp-wc-contact-info:nth-child(2) {
		margin-bottom: 50px;
	}
	.hp-wc-photo {
		width: 100%;
	}
	.hp-wc-photo img {
		margin: 0 auto;
	}
	.hp-wc-photo::before {
		display: none;
	}

	.hp-aoe-list {
		justify-content: center;
	}
	.hp-aoe-group-name, .hp-aoe-more-group {
		width: 100%;
		justify-content: center !important;
		padding: 20px 0 !important;
		text-align: center;
	}
	.hp-aoe-group-name::before, .hp-aoe-group-name::after {
		display: none;
	}
	.hp-aoe-group-name {
		order: 1;
	}
	.hp-aoe-item {
		order: 2;
	}

	.hp-aoe-list-more {
		margin-top: 30px;
	}

	.hp-aoe-item, .hp-aoe-item-spacer, .hp-aoe-more-group {
	    width: calc(100% / 2 - 5px);
	    position: relative;
	    margin: 2.5px;
	}	

	.hp-testi-nav, .hp-fp-nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.hp-testi-nav .section-btn, .hp-fp-nav .section-btn {
		width: 100%;
		order: 1;
		margin-top: 20px;
	}	

	.hp-sm-smis > a {
		height: 50px;
	}
	.hp-sm-smis > a span[class*=ai-font-] {
		margin-bottom: 0;
	}
	.hp-sm-smi-label {
		display: none;
	}

	.hp-ctas-list {
		flex-wrap: wrap;
		max-width: 620px;
		margin: 0 auto;
	}

	.hp-ctas-wrap {
		padding: 50px 0;
	}
	.hp-cta {
		width: 100%;
		margin: 20px 0;
	}

	.hp-cta::before {
		display: none;
	}

	.hp-fp-item .canvas-img canvas {
		height: 450px;
	} 

	.hp-mtt-top .section-title {
		left: 0;
		top: 0;
	}

	.hp-stats .custom-container {
		padding: 20px;
	}

	.footernav li:not(:last-child)::after {
		display: none;
	}

	body.home {
		overflow-x: hidden;
	}

	.hp-testi .slick-list  {
		padding: 0 0 0 !important;
		margin-bottom: 10px;
	}
	.hp-testi .section-title, .hp-testi .section-title h2 {
		margin-bottom: 0 !important;
	}
	.hp-testi-item::before {
		display: none;
	}
	.hp-testi-list {
		margin-top: 60px !important;
	}
	.hp-testi-list::before {
	    content: '';
	    position: absolute;
	    width: 113px;
	    height: 90px;
	    background: url(images/quote.png) no-repeat;
	    opacity: 8%;
	    left: 50%;
	    top: -30px;
	    transform: translateX(-50%) scale(0.9);
		z-index: 1;
	}
	.hp-testi-item {
		transform: scale(0.9);
	}
    .ip-vendor {
        width: 50%;
    }
} 

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

	.cf-field {
		width: 100%;
	}	

	.hp-sm .custom-container {
		padding: 20px;
	}

	.hp-fp-item-body {
		display: block;
		text-align: center;
	}

	.hp-fp-item-btn .section-btn {
		margin-top: 40px;
	}

	.hp-mtt-top .section-btn {
		bottom: 20px;
	}
    
    .ip-vendor {
        width: 100%;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.section-title h1, .section-title h2, 
	#content .entry-title, #content .archive-title{
		font-size: 30px;
		line-height: 1;
		margin-bottom: 20px;
	}

	.single-aios-events #content .entry-title {
		font-size: 25px;
	}
	
	.footer-contact-list {
		flex-direction: column;
		line-height: 1.5;
	}	

	.hp-pp-item, .hp-mtt-item {
		width: 100%;
	}	

	.hp-wc-photo img {
		max-width: 90%;
		height: auto;
	}

	.hp-stats .section-title h2::before, .hp-stats .section-title h2::after {
		display: none;
	}

	.hp-cta-label {
		font-size: 30px;
	}

	.hp-fp-item-body {
		padding: 0 20px 30px;
	}

	.hp-mtt-top .section-title {
		position: relative;
		background: #000;
		margin-bottom: 0;
		padding: 0 0 20px;
	}

	.slide-arrow {
		margin: 0 5px;
	}
	.slide-icon {
		width: 45px;
		height: 45px;
	}
}