/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1366px) {
	.ing-wrap .bg-canvas {
		background-position: left -39.5% top;
	}

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

	.med-1 .med-img-bg {
		right: -190px;
	}

	.med-2 .med-img-bg {
		left: -90px;
	}
}

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

	.med-1 .med-img-bg {
		right: -230px;
	}

	.med-2 .med-img-bg {
		left: -130px;
	}

	.ing-wrap .bg-canvas {
		background-position: left -44.5% top;
	}
}

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.ing-wrap .bg-canvas {
		background-position: left -50.5% top;
	}

	.med-1 .med-img-bg {
		right: -280px;
	}

	.med-2 .med-img-bg {
		left: -180px;
	}

} 

@media only screen and (max-width: 1099px) {
	.ing-wrap .bg-canvas {
		background-position: left -95.5% top;
	}

	.med-1 .med-img-bg {
		right: -330px;
	}

	.med-2 .med-img-bg {
		left: -230px;
	}
}

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

	.show-mb {
		display: block !important;
	}

	.hidden-mb {
		display: none !important;
	}

	.header,
	.scrolled .header {
		position: relative;
		padding: 72px 0 10px;
	}

	.header-md.header-logo {
		width: auto;
	}

	.banner-wrap {
		padding: 50px 15px 30px;
		min-height: auto;
	}

	.bg-canvas {
		display: none;
	}

	.banner-tagline-lg {
		font-size: 30px;
	}

	.banner-tagline-sm {
		font-size: 17px;
	}

	.ing-title {
		margin: 0;
	}

	.ing-wrap {
		padding: 60px 0;
	}

	.ing-list-holder {
		flex-direction: column;
		align-items: flex-start;
	}

	.ing-list {
		display: flex;
		justify-content: center;
		font-size: 18px;
	}

	.med-wrap {
		transform: none !important;
		padding: 0 15px;
	}

	.med-col {
		width: 100% !important;
		padding: 30px 0 !important;
	}

	.section-title {
		font-size: 30px;
	}

	.med-img-box {
		margin: auto;
		max-width: 290px;
		padding: 10px;
		min-height: 239px;
	}

	.med-content-inner {
		margin: auto;
		text-align: center;
		max-width: 100%;
	}

	.med-img-bg {
		position: relative !important;
		right: auto !important;
		left: 0 !important;
		bottom: auto !important;
	}

	.med-img-bg img {
		margin: auto;
		max-width: 200px;
	}

	.med-2 .med-img-bg img {
		max-width: 130px;
	}

	.med-desc {
		max-width: 100%;
	}

	.avail-item {
		width: 100% !important;
	}

	.test-item-inner {
		max-width: 320px;
		margin: auto;
	}

	.test-nav.show-mb {
		display: flex !important;
	}

	.test-top {
		justify-content: center;
	}

	.cf-field-email {
		width: 100%;
		padding: 0 0 10px;
	}

	.news-bot-col {
		width: auto;
	}

	.news-bot-col:last-of-type {
		width: 100%;
	}

	.news-btn.cart-btn a {
		margin: 20px auto 0;
	}

	.news-bot-col:nth-child(2) img {
		max-width: 75px;
		margin: 0 0 0 10px;
	}

	.news-bot {
		max-width: 950px;
		width: 100%;
		margin: 25px 0 0;
	}

	.footer-main {
		flex-direction: column-reverse;
	}

	.footer-col {
		width: 100%;
		justify-content: center;
		padding: 15px 0;
		text-align: center;
	}

	.footernav {
		flex-direction: column;
	}

	.footernav li {
		margin: 5px 0;
	}


	
	/* The following are used on inner pages. Please edit carefully. */

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

	.amh-header-buttons {
		color: var(--primary);
	}

	.amh-navigation .amh-menu li:hover > a, 
	.amh-navigation .amh-menu li.open > a {
		background: var(--primary) !important;
	}

	#inner-page-wrapper {
		padding-top: 15px;
	}

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}

	body {
		transform: none !important;
	}
	
} 

/* 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) {
	.section-title {
		font-size: 25px !important;
		line-height: 1.4;
	}
}