/* Phone layout fixes (same design). Loaded last so it only adjusts the template on small screens. */
@media only screen and (max-width: 767px) {
	/* Header: logo left, menu button right, one slim row */
	.header-section .container-fluid {
		position: relative;
		padding-left: 16px;
		padding-right: 16px;
	}
	.header-section .logo {
		float: left;
		text-align: left;
		margin: 0;
		padding: 8px 0;
	}
	.header-section .logo img {
		height: 46px;
		width: auto;
	}
	.header-section #mobile-menu-wrap {
		clear: both;
	}
	.header-section .slicknav_menu {
		text-align: left;
	}
	.header-section .slicknav_btn {
		position: absolute;
		top: 17px;
		right: 16px;
		margin: 0 !important;
	}

	/* Home video starts below the fixed header, so it shows in full */
	#home2.hero-section {
		margin-top: 74px;
	}

	/* Readable text: no stretched word gaps, room on both sides */
	section p,
	section li {
		text-align: left !important;
	}
	section .container {
		padding-left: 16px;
		padding-right: 16px;
	}
	section h1 {
		font-size: 28px !important;
		line-height: 1.25;
		overflow-wrap: break-word;
	}
	/* Content placed straight in a .row (no column) gets the side room a column would give */
	section .container > .row > :not([class*="col"]):not(section):not(.container) {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Home metric icons: three per row instead of one */
	.chooseus-section .col-lg-3.col-sm-6 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		padding-left: 6px;
		padding-right: 6px;
	}
	.chooseus-section .choose-item h5,
	.chooseus-section .choose-item h4 {
		font-size: 12px;
		letter-spacing: 0;
	}

	/* Product spec tables fit the screen */
	section table {
		width: 100%;
	}
	section table td {
		overflow-wrap: break-word;
	}
	section table td.ts-item {
		overflow-wrap: anywhere;
	}
	section table td.workout-time {
		width: 42% !important;
		font-size: 12px !important;
		letter-spacing: 1px !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Contact form: the Submit label fits its button */
	.contact-form input[type="submit"] {
		width: auto;
		min-width: 140px;
		padding-left: 24px;
		padding-right: 24px;
	}

	/* Images never wider than the screen */
	section img {
		max-width: 100%;
		height: auto;
	}

	/* Footer: space between logo and FOLLOW US */
	.footer-section .f-logo {
		margin-bottom: 16px !important;
	}
}