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

	.section-04 .element-4 {
		width: 65em;
	}
	.card .card-title {
		font-size: 2em;
	}
	.footer .content-2 p {
		font-size: 1em;
	}
	.footer .content-2 .social a {
		font-size: 1em;
	}
}

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

	.main-menu .menu ul li {
		margin: 0rem 1.2rem;
	}
	h2 {
		font-size: 2.25em;
		line-height: 1em;
	}
	p {
		font-size: 1.25em;
	}
	.section-02 .content-2 {
		padding: 0rem 2rem;
	}
	.section-02 .content-1 p {
		padding: 1rem;
		margin-right: 0rem;
		font-size: 1.1em;
		margin-top: 10rem;
	}
	.section-04 .element-4 {
		width: 45em;
		left: -25%;
		margin-top: -6rem;
	}
	.section-04 .content-2 img {
		margin-left: 2rem;
		padding: 0rem;
	}
	.card .card-title {
		font-size: 1.25em;
		line-height: 1rem;
	}
	.footer .content-1 a {
		font-size: 1.15em;
	}
	.footer .content-1 .contact-info {
		margin: 0rem;
	}
	.footer .content-2 p {
		font-size: 1em;
	}
	.footer .content-2 .social a {
		font-size: 2em;
	}
}

/* Mobile Landscape */
@media (min-width: 560px) and (max-width: 759px) {
	.main-menu .w-100{
		width: 75% !important;
	}
	.main-menu .menu ul li {
		margin: 0rem 1rem;
	}
	.main-menu .menu ul li a {
		font-size: 1.1em;
	}
	.h100vh {
		height: auto;
	}
	.video_contain {
		height: 120%;
	}
	#about {
		margin-top: -2rem;
	}
	.second-video {
		height: 350%;
	}
	h2 {
		font-size: 4.75em;
		line-height: 1em;
	}
	#what-we-do {
		padding: 0rem 2rem;
	}
	#what-we-do .content-1 {
		margin-top: 4rem;
	}
	.third-video {
		z-index: -10;
		top: 450vh;
		height: 320% !important;
	}
	.section-03 {
		height: 50rem;
		padding: 2rem;
	}
	.section-05 .content h2 {
		font-size: 4.75em;
		line-height: 3.75rem;
	}

}

@media screen and (min-width:416px) {
	.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 {
		padding: 1rem;
	}
	.section-01 img {
		margin-top: .5rem;
	}
	.mobile-menu .modal-content .modal-header .close {
		font-size: 2em;
		top: .75rem;
		right: .75rem;
	}
	.section-01 .content img {
		width: 95%;
		margin-top: -2rem;
	}
	.section-02.h100vh {
		height: auto;
		padding-bottom: 7rem;
	}
	.section-03.h100vh {
		height: auto;
		padding-bottom: 7rem;
	}
	.section-04.h100vh {
		height: auto;
		padding: 5rem 0rem;
	}
	.section-05.h100vh {
		height: auto;
		padding-bottom: 7rem;
	}
	.col-md-1.h100vh {
		height: auto;
	}
	.section-02 .element-6 {
		width: 10rem;
		position: relative;
	}
	.section-02 .content-1 p {
		padding: 2rem;
		margin-right: 0rem;
		font-size: 1.25em;
		margin-top: 0rem;
		text-align: center;
	}
	.section-02 .content-1 {
		margin-top: 2rem;
	}
	.section-02 .content-2 {
		padding: 0rem 2rem;
	}
	h2 {
		font-size: 4em;
		line-height: 3.75rem;
		margin-top: 2rem;
	}
	.section-03 h2 {
		padding: 2rem;
	}
	.section-03 p {
		padding: 0rem 2rem;
	}
	.section-03 {
		background-position: 75%;
	}
	.section-04 h2 {
		padding: 2rem;
		margin: 0;
	}
	.section-04 p {
		padding: 0rem 2rem;
	}
	.section-04 .element-4 {
		margin-left: 0rem;
		width: 30rem;
		position: absolute;
		left: -15%;
		margin-top: -9rem;
		padding: 0rem;
	}
	.section-04 .content-2 img {
		width: 100%;
		margin-left: 0rem;
		padding: 0rem;
		margin-top: 2rem;
		margin-bottom: 8rem;
	}
	.section-04 .element-2 {
		margin-left: 0rem;
		width: 25rem;
		position: absolute;
		right: 0;
		padding: 0rem;
		bottom: 0;
		z-index: 0;
	}
	.section-04 .element-6 {
		width: 10rem;
		position: absolute;
		top: 0;
		right: 0;
	}
	.section-05 .content h2 {
		font-size: 4em;
	}
	.section-05 .element-3 {
		width: 8rem;
		position: relative;
		top: 0;
		left: 0;
	}
	.card {
		margin: 2rem;
	}
	.card .card-title {
		font-size: 2.5em;
	}
	.section-05 .element-7 {
		margin-left: 0rem;
		width: 29rem;
		position: relative;
		right: 6.5%;
		padding: 0rem;
		bottom: 0;
		z-index: 0;
	}
	.footer {
		text-align: center;
	}
	.footer .border-left {
		padding-left: 0rem;
		padding: 2rem;
		border-left: 0px !important;
	} 
	.footer img {
		width: 15rem !important;
		margin-bottom: 2rem;
	}
	.social {
		margin-bottom: 1rem;
	}
	.main-menu .logo {
		margin-top: 0;
		width: 16rem !important;
	}
	.video_contain {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		overflow: hidden;
		z-index: 0;
	}
	.video_contain.third-video {
		z-index: -10;
		top: 300vh;
		height: 200% ;
	}
	.video_contain.second-video {
		z-index: -10;
		top: 100vh;
		height: 250%;
	}
	#about {
		margin-top: -5rem;
	}

}

/* 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) {
	h2 {
		font-size: 3em;
		line-height: 3rem;
		margin-top: 2rem;
	}
	.main-menu .logo {
		margin-top: 1rem;
		width: 10rem !important;
	}
	.video_contain.third-video {
		z-index: -10;
		top: 375vh;
		height: 250%;
	}
	.video_contain.second-video {
		z-index: -10;
		top: 100vh;
		height: 300%;
	}
}

/* Galaxy Fold */
@media only screen and (max-width: 280px) {
	h2 {
		font-size: 3em;
		line-height: 3rem;
		margin-top: 2rem;
	}
	.main-menu .logo {
		margin-top: 1rem;
		width: 10rem !important;
	}
	.third-video {
		z-index: -10;
		top: 350vh;
		height: 250%;
	}
	.second-video {
		z-index: -10;
		top: 100vh;
		height: 300%;
	}
}