/* -- NEW IPAD MINI PRO -- */

@media (min-width:1024px) and (max-width:1292px) and (-webkit-min-device-pixel-ratio:1.5) and (hover: none) and (orientation:landscape) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(1.3);
    	-moz-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	-o-transform: scale(1.3);
    	transform: scale(1.3);
	}
	
	.intro-spacer {
		display: none;
	}
	

	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}


@media (min-width: 992px) and (max-width: 1120px) and (orientation: landscape) {

	/* -- HOME -- */
	
	.intro-spacer {
		display: none;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}


/* -- LARGER TABLETS LANDSCAPE -- */

@media (min-width:1121px) and (max-width:1193px) and (orientation:landscape) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(1.3);
    	-moz-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	-o-transform: scale(1.3);
    	transform: scale(1.3);
	}
	
	.intro-spacer {
		display: none;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}



/* -- EVEN LARGER TABLETS LANDSCAPE -- */

@media (min-width:1194px) and (max-width:1366px) and (orientation:landscape) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(1.3);
    	-moz-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	-o-transform: scale(1.3);
    	transform: scale(1.3);
	}
	
	.intro-spacer {
		display: none;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}


/* -- TABLET PRO LANDSCAPE -- */

@media only screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape) {

	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(1.3);
    	-moz-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	-o-transform: scale(1.3);
    	transform: scale(1.3);
	}
	
	.intro-spacer {
		display: none;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}


@media (min-width:1366px) and (max-width:1400px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(1.3) !important;
    	-moz-transform: scale(1.3) !important;
    	-ms-transform: scale(1.3) !important;
    	-o-transform: scale(1.3) !important;
    	transform: scale(1.3) !important;
	}
	
	.intro-spacer {
		display: none;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}