/* ~~~~~~~~~~~~~~~~~~~  Tablet: Landscape ~~~~~~~~~~~~~~~~~~~ */
@media screen 
	and (min-width: 768px)
	and (max-width: 1024px)
	and (orientation: landscape) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	
	/* ~~~~~~~~ Page Layout ~~~~~~~~ */
	/* Nav */	
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 24px;
	}
	
	#header .container {
		background-color: white;
	}
	
	#nav-logo {
		position: initial;
	}
	
	/* Footer */
	#footer-contact-info {
		margin-top: 0;
	}
	
	#footer-logo {
		height: 150px;
		margin-left: 0;
	}
	
	footer h4 {
		font-size: 1.15rem;
	}
	
	#footer-btns {
		margin-top: 5px;
	}
	
	footer #contact-card {
		margin: 10px 0;
	}
	
	footer .copyright-text {
		font-size: 12px;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.halfscreen {
		min-height: 50vh;
	}
	
	.inspiro-slider .slide .container {
		padding-bottom: 250px;
	}
	
	#slide-1-text, #slide-2-text, #slide-3-text {
		font-weight: 500;
		line-height: 1em;
	}
	
	#slide-1-container {
		padding-bottom: 550px;
	}
	
	#slide-2-container {
		padding-bottom: 500px;
		margin-left: 0;
	}
	
	/* About Page */
	#about-section img {
		width: 100%;
		object-fit: cover;
	}
	
	#selfie-img {
		object-position: 95% 50%;
	}
	
	#about-middle-img {
		padding: 0;
	}
	
	#fishing-img {
		object-position: 25% 50%;
	}
}

/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 481px)
	and (max-width: 768px)
	and (orientation: portrait) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.container {
		padding: 0 15px;
	}

	/* ~~~~~~~~ Page Layout ~~~~~~~~ */
	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 24px;
	}
	
	#header .container {
		background-color: white;
	}
	
	#nav-logo {
		position: initial;
	}
	
	/* Footer */
	#footer-contact-info {
		margin-top: 0;
	}
	
	#footer-logo {
		height: 150px;
		margin-left: 0;
	}
	
	footer h4 {
		font-size: 1.15rem;
	}
	
	#footer-btns {
		margin-top: 5px;
	}
	
	footer #contact-card {
		margin: 10px 0;
	}
	
	footer .copyright-text {
		font-size: 12px;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.halfscreen {
		min-height: 45vh;
	}
	
	.inspiro-slider .slide .container {
		padding-bottom: 180px;
	}
	
	#slide-1-text, #slide-2-text, #slide-3-text {
		font-weight: 500;
		line-height: 1em;
	}
	
	#slide-1-container {
		padding-bottom: 550px;
	}
	
	#slide-2-container {
		padding-bottom: 500px;
		margin-left: 0;
	}
	
	/* About Page */
	#about-section img {
		width: 100%;
		object-fit: cover;
	}
	
	#selfie-img {
		object-position: 95% 50%;
	}
	
	#about-middle-img {
		padding: 0;
	}
	
	#fishing-img {
		object-position: 25% 50%;
	}
	
	#speedboat-img, #facebook-ad-img {
		height: 100%;
	}
	
	/* Booking Page */
	#calendar-portal {
		width: 90%;
	}
	
	#portal-contents .card-body {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 70vh;
	}
	
	#request-submit-btn {
		margin-top: 10px;
	}
	
	/* Job Application Page */
	#job-app-form label {
		margin-bottom: 0;
	}

}

/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Landscape ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (max-height: 481px)
	and (max-width: 926px)
	and (orientation: landscape) {
	/* ~~~~~~~~ General ~~~~~~~~ */
	section {
		padding: 15px 0;
	}
	
	.container {
		padding: 0 15px;
	}

	/* ~~~~~~~~ Page Layout ~~~~~~~~ */
	/* Nav */
	#header .header-inner {
		height: 85px;
	}
	
	#header .container {
		background-color: white;
	}
	
	#nav-logo {
		position: initial;
	}
	
	/* Footer */
	#footer-contact-info {
		margin-top: 0;
	}
	
	#footer-logo {
		height: 150px;
		margin-left: 0;
	}
	
	footer h4 {
		font-size: 1.15rem;
	}
	
	#footer-btns {
		margin-top: 5px;
	}
	
	footer #contact-card {
		margin: 10px 0;
	}
	
	footer .copyright-text {
		font-size: 12px;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.halfscreen {
		min-height: 45vh;
	}
	
	.inspiro-slider .slide .container {
		padding-bottom: 180px;
	}
	
	#slide-1-text, #slide-2-text, #slide-3-text {
		font-weight: 500;
		line-height: 1em;
	}
	
	#slide-1-container {
		padding-bottom: 125px;
	}
	
	#slide-1-text {
		font-size: 45px;
		margin-top: 0;
	}
	
	#slide-2-container {
		padding: 0 15px;
		margin-left: 35px;
	}
	
	#slide-2-text {
		font-size: 45px;
		margin-top: -85px;
	}
	
	#slide-3-container {
		padding-bottom: 25px;
	}
	
	#slide-3-container img {
		height: 125px;
	}
	
	#slide-3-text {
		font-size: 34px;
	}
	
	#home-bottom .card .card-body {
		padding: 1.5rem;
		min-height: 375px;
	}
	
	#home-bottom img {
		width: 100%;
		max-height: 120px;
	}
	
	#home-bottom .card-body p {
		margin-top: 10px;
		min-height: 150px;
	}
	
	/* About Page */
	#about-section img {
		width: 100%;
		object-fit: cover;
	}
	
	#selfie-img {
		object-position: 95% 50%;
	}
	
	#about-middle-img {
		padding: 0;
	}
	
	#fishing-img {
		object-position: 25% 50%;
	}
	
	/* Services Page */
	.icon-box.effect .icon i:after {
		width: 75%;
		height: 75%;
	}
	
	.icon-box .icon i:after {
		top: 6px;
		left: 6px;
	}
	
	.icon-box.large > h3 {
		margin: 0 0px 10px 95px;
		font-size: 20px;
	}
	
	/* Booking Page */
	#calendar-portal {
		width: 90%;
	}
	
	#portal-contents .card-body {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 70vh;
	}
	
	#request-submit-btn {
		margin-top: 10px;
	}
	
	/* Job Application Page */
	#job-app-form label {
		margin-bottom: 0;
	}

}

/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Portrait ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (max-width: 480px) 
	and (orientation: portrait) {
	/* ~~~~~~~~ General ~~~~~~~~ */
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.75em;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	h4 {
		font-size: 1.25em;
	}
	
	h5 {
		font-size: 1em;
	}
	
	section {
		padding: 0;
		margin: 25px 0;
	}
	
	.container {
		padding: 0 15px;
	}


	.card .card-header {
	padding: .75em;
	}

	.card .card-body {
		padding: 1em;
	}
	
	
	/* ~~~~~~~~ Page Layout ~~~~~~~~ */
	/* Nav */
	#header .container {
		background-color: white;
	}
	
	#nav-logo {
		position: initial;
	}
	
	/* Footer */
	#footer-logo {
		height: 150px;
		margin-left: 0;
	}
	
	footer h4 {
		font-size: 1.15rem;
	}
	
	#footer-btns {
		margin-top: 5px;
	}
	
	footer #contact-card {
		margin: 10px 0;
	}
	
	footer .copyright-text {
		font-size: 11px;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.halfscreen {
		min-height: 40vh;
		margin: 20px 0;
	}
	
	.inspiro-slider .slide .container {
		padding-bottom: 180px;
	}
	
	#slide-1-text, #slide-2-text, #slide-3-text {
		font-weight: 500;
		line-height: 1em;
	}
	
	#slide-1-container {
		padding-bottom: 275px;
	}
	
	#slide-1-text {
		font-size: 45px;
		margin-top: 50px;
	}
	
	#slide-2-container {
		padding: 0 15px;
		margin-left: 15px;
	}
	
	#slide-2-text {
		font-size: 40px;
		margin-top: -170px;
	}
	
	#slide-3-container {
		padding-bottom: 85px;
	}
	
	#slide-3-container img {
		height: 150px;
	}
	
	#slide-3-text {
		font-size: 28px;
	}
	
	/* About Page */
	#about-section img {
		width: 100%;
		object-fit: cover;
	}
	
	#about-section #facebook-ad-img {
		object-fit: fill;
	}
	
	.testimonial.testimonial-single .testimonial-item {
		padding: 10px 40px;
		padding-top: 0;
	}
	
	.testimonial.testimonial-blockquote .testimonial-item > p {
		padding: 10px;
		padding-top: 0;
		line-height: 25px;
	}
	
	.testimonial .testimonial-item > p {
		margin-bottom: 0;
	}
	
	#testimonials-carousel .flickity-page-dots {
		bottom: 5px;
	}
	
	/* Services Page */
	.icon-box.effect .icon i:after {
		width: 75%;
		height: 75%;
	}
	
	.icon-box .icon i:after {
		top: 6px;
		left: 6px;
	}
	
	.icon-box.large > h3 {
		margin: 0 0px 10px 95px;
		font-size: 20px;
	}
	
	/* Booking Page */
	#request-submit-btn {
		margin-top: 10px;
	}
	
	#calendar-portal {
		width: 90%;
	}
	
	#portal-contents .card-body {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 70vh;
	}
	
	.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title{
		display: none;
	}
	
	/* Job Application Page */
	#job-app-form label {
		margin-bottom: 0;
	}
}