/* iPad Pro */
@media (min-width: 992px) and (max-width: 1199px) {
	.mobile-menu {
		display: none;
	}
	.desktop-menu {
		display: block;
	}

	.main-menu .desktop-menu ul li {
		margin-left: 2.25rem;
	}
}

/* iPad */
@media (min-width: 760px) and (max-width: 991px) {
	.mobile-menu {
		display: block;
	}
	.desktop-menu {
		display: none;
	}

	.mobile-only {
		display: block !important;
	}
	.modal-header {
		text-align: left;
	}
	.modal-title img {
		width: 50%;
	}
}

/* Mobile Landscape */
@media (min-width: 560px) and (max-width: 759px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}
	.desktop-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
	}

	.main-menu {
		position: absolute;
		width: 98%;
		padding: 1rem 1rem;
		z-index: 100;
	}
	.logo {
		width: 12rem !important;
	}
	.intro .c-height {
		height: auto;
	}
	.intro {
		background-position: bottom left;
		padding: 8rem 0rem 12rem 0rem;
	}
	.section-01 {
		padding: 0rem 2rem;
	}
	.section-01 .pod-container {
		padding: 1.25rem 0rem;
	}
	.pods {
		margin: 2rem 0rem;
	}
	.section-02 .form-box {
		margin-top: 2rem;
		padding: 2rem;
	}
	.h1, h1 {
		font-size: 2.25rem;
	}
	.h2, h2 {
		font-size: 2em;
	}
	p, ul, ul li {
		margin: 0;
		line-height: 1.75em;
		font-size: .95em;
	}
	.section-01 .pod-container .pod h2 {
		font-size: 1.5em;
	}
	.section-10 .content {
		padding: 2rem;
		margin: 4rem 2rem;
	}
	.section-11 {
		padding: 0rem 2rem;
	}
	.section-11 img {
		margin-bottom: 2rem;
	}
	.section-11 p {
		margin-bottom: 1rem;
	}
	.section-12 {
		margin-top: -2rem;
	}
	.section-11 .content {
		padding: 0;
	}
	.services .service {
		margin-bottom: 2.5rem;
	}
	.intro.page {
		background-position: 65%;
	}
	.section-12 img {
		position: relative;
		left: 70%;
		width: 35%;
		right: 0;
	}
}

@media screen and (min-width:991px) {
	.mobile-only {
		display:none !important;
	}
	.desktop-only {
		display:block !important;
	}
}

/* Mobile */
@media only screen and (max-width: 415px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}
	.desktop-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
	}

	.main-menu {
		position: absolute;
		width: 98%;
		padding: 1rem 1rem;
		z-index: 100;
	}
	.logo {
		width: 12rem !important;
	}
	.intro .c-height {
		height: auto;
	}
	.intro {
		background-position: bottom left;
		padding: 8rem 0rem 12rem 0rem;
	}
	.section-01 {
		padding: 0rem 2rem;
	}
	.section-01 .pod-container {
		padding: 1.25rem 0rem;
	}
	.pods {
		margin: 2rem 0rem;
	}
	.section-02 .form-box {
		margin-top: 2rem;
		padding: 2rem;
	}
	.h1, h1 {
		font-size: 2.25rem;
	}
	.h2, h2 {
		font-size: 2em;
	}
	p, ul, ul li {
		margin: 0;
		line-height: 1.75em;
		font-size: .95em;
	}
	.section-01 .pod-container .pod h2 {
		font-size: 1.5em;
	}
	.section-10 .content {
		padding: 2rem;
		margin: 4rem 2rem;
	}
	.section-11 {
		padding: 0rem 2rem;
	}
	.section-11 img {
		margin-bottom: 2rem;
	}
	.section-11 p {
		margin-bottom: 1rem;
	}
	.section-12 {
		margin-top: -2rem;
	}
	.section-11 .content {
		padding: 0;
	}
	.services .service {
		margin-bottom: 2.5rem;
	}
	.intro.page {
		background-position: 65%;
	}
	.section-12 img {
		position: relative;
		left: 70%;
		width: 35%;
		right: 0;
	}
	.section-51 {
		margin-top: 0;
	}
	.section-51 .content {
		margin-top: 2rem;
		padding: 0rem 2rem;
	}
	.section-51 .content a {
		margin-top: 2rem;
	}
	.section-50 {
		padding: 4rem 2rem;
		padding-bottom: 2rem;
	}
	.main-menu {
		padding-top: 2rem !important;
	}
	.intro h1 {
		margin-top: 2rem;
	}
	.mobile-menu a:hover {
		text-decoration: none;
	}
	.desktop-images {
		display: none;
	}
	
}

/* iPhone */
@media only screen and (max-width: 375px) {

}

/* Galaxy S5 */
@media only screen and (max-width: 360px) {

}

/* iPhone 5 */
@media only screen and (max-width: 320px) {

}