/* ~~~~~~~~~~~~~~~~~~~  Large Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */

	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider {
		height: 64vh;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 70%; 
	}

	#featured-partners .post-item.border > .post-item-wrap > .post-item-description {
		padding: 20px 0!important;
	}

	#featured-partners ul {
		height: 100px;
		margin-bottom: 0;
	}

	/* About Page */
	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* Product Portal */
	#products-portal {
		width: 75%;
		padding: 0;
		top: 5vh;
		overflow-y: auto;
	}
}





/* ~~~~~~~~~~~~~~~~~~~  Generic Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */

	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider {
		height: 50vh;
	}

	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 38px;
		margin-bottom: 0;
		line-height: 48px;
	}

	#slide-1-img, 
	#slide-2-img {
		background-position-y: 70%;
	}
	
	#slide-1-container {
		max-width: 500px;
		margin-left: 0;
		padding-left: 100px;
		padding-right: 0;
	}
	
	#slide-2-container {
		max-width: 600px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 100px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 70%; 
	}

	#featured-partners .post-item.border > .post-item-wrap > .post-item-description {
		padding: 20px 0!important;
	}

	#featured-partners ul {
		height: 100px;
		margin-bottom: 0;
	}

	/* About Page */
	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* Product Portal */
	#products-portal {
		width: 75%;
		padding: 0;
		top: 8vh;
		overflow-y: auto;
	}

	#products-portal #portal-contents .card-body {
		max-height: 78vh;
	}

	/* Contact Page */
	#contact-section .card {
		min-height: 550px;
	}

	#contact-section #contact-left-side address {
		font-size: 16px;
	}

	#contact-btn {
		margin-top: 15px;
	}
}




/* ~~~~~~~~~~~~~~~~~~~  Smallest Laptop ~~~~~~~~~~~~~~~~~~~ */
@media (min-width: 1025px) and (max-width: 1199px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */

	/* Nav Bar */
	#header .header-inner #logo a span {
		font-size: 36px;
	}

	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider {
		height: 42vh;
	}

	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 38px;
		margin-bottom: 0;
	}

	#slide-1-img, 
	#slide-2-img {
		background-position-y: 70%;
	}
	
	#slide-1-container {
		max-width: 500px;
		margin-left: 0;
		padding-left: 100px;
		padding-right: 0;
	}
	
	#slide-2-container {
		max-width: 600px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 100px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 70%; 
	}

	#featured-partners .post-item.border > .post-item-wrap > .post-item-description {
		padding: 20px 0!important;
	}

	#featured-partners ul {
		height: 150px;
		margin-bottom: 0;
	}

	/* About Page */
	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* Product Portal */
	#products-portal {
		width: 75%;
		padding: 0;
		top: 5vh;
		overflow-y: auto;
	}

	#products-portal #portal-contents .card-body {
		max-height: 78vh;
	}

	/* Contact Page */
	#contact-section .card {
		min-height: 550px;
	}

	#contact-section #contact-left-side address {
		font-size: 16px;
	}

	#contact-btn {
		margin-top: 15px;
	}
}




/* ~~~~~~~~~~~~~~~~~~~  Tablet: Landscape ~~~~~~~~~~~~~~~~~~~ */
@media screen 
	and (min-width: 768px)
	and (max-width: 1024px)
	and (orientation: landscape) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.container {
		padding: 0 15px;
	}

	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li {
		margin-bottom: 20px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 20px;
		display: inline;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > span {
		display: inline;
	}

	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider {
		height: 42vh;
	}

	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 38px;
		margin-bottom: 0;
	}

	#slide-1-img, 
	#slide-2-img {
		background-position-y: 70%;
	}
	
	#slide-1-container {
		max-width: 500px;
		margin-left: 0;
		padding-left: 100px;
		padding-right: 0;
	}
	
	#slide-2-container {
		max-width: 600px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 100px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 70%; 
	}

	#featured-partners .post-item.border > .post-item-wrap > .post-item-description {
		padding: 20px 0!important;
	}

	#featured-partners ul {
		height: 150px;
		margin-bottom: 0;
	}

	/* Product Portal */
	#products-portal {
		width: 75%;
		padding: 0;
		top: 5vh;
		overflow-y: auto;
	}

	#products-portal #portal-contents .card-body {
		max-height: 78vh;
	}
}




/* ~~~~~~~~~~~~~~~~~~~  Between md and lg breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media screen 
	and (min-width: 769px)
	and (max-width: 991px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
}





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

	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li {
		margin-bottom: 20px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 20px;
		display: inline;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > span {
		display: inline;
	}

	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider {
		height: 36vh;
	}

	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 125px;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 38px;
		margin-bottom: 0;
	}

	#slide-1-img, 
	#slide-2-img {
		background-position-y: 70%;
	}
	
	#slide-1-container {
		max-width: 400px;
		margin-left: 0;
		padding-left: 50px;
		padding-right: 0;
	}
	
	#slide-2-container {
		max-width: 500px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 50px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 75%; 
	}

	#featured-partners .post-item.border > .post-item-wrap > .post-item-description {
		padding: 20px 0!important;
	}

	#featured-partners ul {
		height: 150px;
	}

	/* About Page */
	#about-section #about-left-side {
		border-right: none;
	}

	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* Product Portal */
	#products-portal {
		width: 75%;
		padding: 0;
		top: 8vh;
		overflow-y: auto;
	}

	#products-portal #portal-contents .card-body {
		max-height: 78vh;
	}

	/* Contact Page */
	#contact-section .card {
		min-height: 630px;
	}

	#contact-section #contact-left-side address {
		font-size: 16px;
	}

	#contact-btn {
		margin-top: 15px;
	}
}



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

	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li {
		margin-bottom: 20px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 20px;
		display: inline;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > span {
		display: inline;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider {
		height: 36vh;
	}

	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 125px;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 38px;
		margin-bottom: 0;
	}

	#slide-1-img, 
	#slide-2-img {
		background-position-y: 70%;
	}
	
	#slide-1-container {
		max-width: 400px;
		margin-left: 0;
		padding-left: 50px;
		padding-right: 0;
	}
	
	#slide-2-container {
		max-width: 500px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 50px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 75%; 
	}

	#featured-partners .post-item.border > .post-item-wrap > .post-item-description {
		padding: 20px 0!important;
	}

	#featured-partners ul {
		height: 150px;
	}

	/* About Page */
	#about-section #about-left-side {
		border-right: none;
	}

	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* Products Page */
	#products-table th,
	#products-table td,
	#products-table tbody th,
	#products-table tbody td {
		border-right-width: 0;
	}

	/* Product Portal */
	#products-portal {
		width: 75%;
		padding: 0;
		top: 8vh;
		overflow-y: auto;
	}

	#products-portal #portal-contents .card-body {
		max-height: 78vh;
	}

	/* Contact Page */
	#contact-section .card {
		min-height: 605px;
	}

	#contact-section #contact-left-side address {
		font-size: 16px;
	}

	#contact-btn {
		margin-top: 15px;
	}
}





/* ~~~~~~~~~~~~~~~~~~~  Between xs and sm breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (min-width: 576px) and (max-width: 636px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
}





/* ~~~~~~~~~~~~~~~~~~~  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;
	}

	/* Nav */
	/* #header {
		z-index: auto!important;
	} */

	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 18px;
		display: inline;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > span {
		display: inline;
	}

	/* Footer */
	#footer .footer-content {
		padding: 15px 0;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 125px;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 38px;
		margin-bottom: 0;
	}

	#slide-1-img, 
	#slide-2-img {
		background-position-y: 70%;
	}
	
	#slide-1-container {
		max-width: 400px;
		margin-left: 0;
		padding-left: 50px;
		padding-right: 0;
	}
	
	#slide-2-container {
		max-width: 500px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 50px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 75%; 
	}

	#featured-partners ul {
		height: 150px;
	}

	/* About Page */
	#about-section #about-left-side {
		border-right: none;
	}

	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* Products Page */
	
	
	/* Product Portal */
	#products-portal {
		width: 95%;
		padding: 0;
		top: 1vh;
		overflow-y: auto;
	}

	#products-portal #portal-contents .card-body {
		max-height: 75vh;
	}

	/* Contact Page */
	#contact-section .card {
		min-height: 600px;
	}

	#contact-btn {
		margin-top: 15px;
	}
}





/* ~~~~~~~~~~~~~~~~~~~  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: 10px 0;
	}
	
	.container {
		padding: 0 15px;
	}

	.btn:not(.close):not(.mfp-close).btn-primary {
		padding: 8px 10px;
	}

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

	.card .card-body {
		padding: 1em;
	}

	/* Logo */
	#header .header-inner #logo a {
		margin-left: -40px;
	}

	#header .header-inner #logo a span {
		font-size: 28px;
	}

	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 18px;
		display: inline;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li > span {
		display: inline;
	}

	/* Footer */
	#footer .footer-content {
		padding: 15px 0;
	}

	#footer img {
		margin-bottom: 15px;
	}

	#footer-btn {
		margin-top: 10px;
	}

	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider .slide .container {
		padding-top: 0;
		padding-bottom: 200px;
	}
	
	.inspiro-slider .slide .slide-captions h2 {
		font-size: 24px;
	}
	
	#slide-1-container {
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#slide-2-container {
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#slide-1-img {
		background-position-x: 100%;
	}
	
	#slide-2-img {
		background-position-x: 0%;
	}

	#featured-partners .post-item img {
		height: 125px;
		object-fit: contain;
	}

	#featured-partners .flickity-button.previous, 
	#featured-partners .flickity-button.next {
		top: 75%; 
	}

	#featured-partners ul {
		height: 150px;
	}
	
	/* About Page */
	#about-section #about-left-side {
		border-right: none;
	}

	#about-right-side .team-members .team-member .team-image > img {
		width: 100%;
		height: 100px;
		object-fit: contain;
	}

	#about-carousel.carousel .flickity-button.previous, 
	#about-carousel.carousel .flickity-button.next {
		top: 40%;
	}

	#about-carousel.carousel .flickity-button.previous, .carousel .flickity-button.previous:hover {
		left: -15px !important;
		opacity: 1;
	}

	#about-carousel.carousel .flickity-button.next, .carousel .flickity-button.next:hover {
		right: -15px!important;
		opacity: 1;
	}

	.flickity-page-dots {
		bottom: 0px;
	}
	
	/* Products Page */	
	#products-table .products_portal_btn {
		font-size: 1.5rem;
	}
	
	#products-table_wrapper #products-table_filter input {
		width: 80%;
	}
	
	table.table-bordered.dataTable th,
	table.table-bordered.dataTable td,
	table.table-bordered.dataTable tbody th,
	table.table-bordered.dataTable tbody td {
		border-right-width: 0;
	}
	
	/* Products Portal */
	#products-portal {
		width: 95%;
		padding: 0;
		overflow-y: auto;
		top: 1vh;
	}

	#products-portal #portal-contents .card-body {
		max-height: 89vh;
	}

	/* Contact Page */
	#contact-section #contact-left-side address {
		font-size: 16px;
	}

	#contact-section #contact-right-side {
		margin-top: 15px;
	}

	#contact-btn {
		margin-top: 15px;
	}
}