@media only screen and (max-width : 1450px) {
	
}/* ends */
/* ////////////////////////// */

@media only screen and (max-width : 1280px) {
#nav-bar .nav {
	right: 15px;
}
	
#nav-bar .content-wrap {
	padding-left: 15px;
}
	
}/* ends */
/* ////////////////////////// */

/* Original body 
max-width: 1280px;
body {
	font-size: 16px;
	line-height: 20px;
}
.flip-text {
	font-size: 1.3em;
	line-height: 1.2em;
}
*/

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
body {
	font-size: 15.5px;
	line-height: 20.1px;
}
.flip-text {
	font-size: 1.25em;
}
}

@media only screen and (min-width: 1041px) and (max-width: 1120px) {
body {
	font-size: 15px;
	line-height: 19.5px;
}
.flip-text {
	font-size: 1.25em;
}
}

@media only screen and (min-width: 961px) and (max-width: 1040px) {
body {
	font-size: 14.5px;
	line-height: 18.8px;
}
.flip-text {
	font-size: 1.2em;
}
}

@media only screen and (min-width: 881px) and (max-width: 960px) {
body {
	font-size: 14px;
	line-height: 18.2px;
}
.flip-text {
	font-size: 1.15em;
}
}

@media only screen and (min-width: 801px) and (max-width: 880px) {
body {
	font-size: 13.5px;
	line-height: 17.5px;
}
.flip-text {
	font-size: 1.1em;
}
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
body {
	font-size: 13px;
	line-height: 16.9px;
}
.flip-text {
	font-size: 1.05em;
}
}

@media only screen and (min-width: 641px) and (max-width: 720px) {
body {
	font-size: 12.5px;
	line-height: 16.2px;
}
.flip-text {
	font-size: 1em;
}
}

/* Back to default 
@media only screen and (min-width: 561px) and (max-width: 640px) {
body {
	font-size: 16px;
	line-height: 21px;
}
.flip-text {
	font-size: 1.3em;
}
} */

@media only screen and (min-width: 601px) and (max-width: 640px) {
body {
	font-size: 15.5px;
	line-height: 20.1px;
}
.flip-text {
	font-size: 1.25em;
}
}

@media only screen and (min-width: 561px) and (max-width: 600px) {
body {
	font-size: 15px;
	line-height: 19.5px;
}
.flip-text {
	font-size: 1.25em;
}
}

@media only screen and (min-width: 521px) and (max-width: 560px) {
body {
	font-size: 14.5px;
	line-height: 18.8px;
}
.flip-text {
	font-size: 1.2em;
}
}

@media only screen and (min-width: 481px) and (max-width: 520px) {
body {
	font-size: 14px;
	line-height: 18.2px;
}
.flip-text {
	font-size: 1.15em;
}
}

@media only screen and (min-width: 441px) and (max-width: 480px) {
body {
	font-size: 13.5px;
	line-height: 17.5px;
}
.flip-text {
	font-size: 1.1em;
}
}

@media only screen and (min-width: 401px) and (max-width: 440px) {
body {
	font-size: 13px;
	line-height: 16.9px;
}
.flip-text {
	font-size: 1.05em;
}
}

@media only screen and (min-width: 361px) and (max-width: 400px) {
body {
	font-size: 12.5px;
	line-height: 16.2px;
}
.flip-text {
	font-size: 1em;
}
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
body {
	font-size: 12px;
	line-height: 15.6px;
}
.flip-text {
	font-size: 1em;
}
}

/* ends Homepage flip image text */

/* portrait ipad */
@media only screen and (max-width : 920px) {
	.diagram-stage-number {
		height: 80px;
	}
	
	.tab-menu li.diagram-stage-number a {
		width: 80px;
		height: 80px;
		font-size: 62px;
	}

}/* ends */
/* ////////////////////////// */

/* portrait ipad */
@media only screen and (max-width : 860px) {
	
	#lower-footer .body-copy,
	#lower-footer .copywrite {
		padding-right: 5%;
		padding-left: 0;
	}
	
	.footer-text-col .body-copy {
		padding-bottom: 1em;
	}
	
	#footer .column-25 {
		width: 100%;
	}

}/* ends */
/* ////////////////////////// */

/* portrait ipad */
@media only screen and (max-width : 760px) {
	.diagram-stage-number {
		height: 66px;
	}
	
	.tab-menu li.diagram-stage-number a {
		width: 66px;
		height: 66px;
		font-size: 52px;
	}
	
	#diagram-tabs {
		padding-left: 10%;
	}

}/* ends */
/* ////////////////////////// */

/* portrait ipad */
@media only screen and (max-width : 680px) {
	#nav-bar .content-wrap {
		padding-top: 9px;
	}
	
	.logo {
		width: 153px;
		height: 42px;
	}
	
	body {
		padding-top: 60px;
	}
	
	#nav-bar {
		height: 60px;
	}
	
	.hamburger {
		display: block;
	}
	
	#nav-bar .nav {
		display: none;
		background-color: rgba(255,255,255,0.95);
		top: 60px;
		left: 0;
	}
	
	#nav-bar .nav.is-active {
		display: block;
		padding: 1em 0;
	}
	
	#nav-bar .nav li {
		display: block;
		text-align: center;
		line-height: 40px;
	}
	
	#nav-bar .nav {
		right: 0;
	}

}/* ends */
/* ////////////////////////// */


@media only screen and (max-width : 640px) {
	.spacing-all {
		padding: 5%;
	}
	
	.column-50 {
		width: 100%;
	}
	
	.column-25,
	.column-33 {
		width: 50%;
	}
	
	.close-tabs .line {
		background-color: #FFF;
	}
	
	.team-quote {
		aspect-ratio: auto; /* default */
		padding: 80px 0;
	}
	
	.team-quote .text-inner-center {
		position: relative;
		z-index: 500;
		top: 0;
		transform: translate(0%, 0%);
	}
	
	.flip-img-group-icon {
		display: none;
	}
	
	.case-histories-text {
		width: 70%;
	}
	
	#case-histories-img-group #slideshow {
		display: block;
	}
	
	#case-histories-img-group #stack {
		display: none;
	}
	
	.footer-icon {
		width: 60px;
	}
	
	.footer-menu-col {
		padding-bottom: 1em;
	}

}/* ends */
/* ////////////////////////// */

/* portrait ipad */
@media only screen and (max-width : 560px) {
	.diagram-stage-number {
		height: 50px;
	}
	
	.tab-menu li.diagram-stage-number a {
		width: 50px;
		height: 50px;
		font-size: 36px;
	}

}/* ends */
/* ////////////////////////// */

/* iphone 15 max example OLD was 395 */
@media only screen and (max-width : 430px) {
	
	.case-histories-text {
		padding-right: 100px; 
		width: 100%;
	}
	
	.column-25 {
		width: 100%;
	}
	
	.diagram-stage-number {
		height: 40px;
	}
	
	.tab-menu li.diagram-stage-number a {
		width: 40px;
		height: 40px;
		font-size: 29px;
		border: solid #FFF 3px;
	}
	
	.circle-img img {
		border: solid #FFF 3px;
	}
	
	.circle-line {
		height: 3px;
	}

}/* ends */
/* ////////////////////////// */

/* smallest screen */
@media only screen and (max-width : 360px) {
	
	#diagram-tabs {
		padding-left: 0;
	}
	
}/* ends */
/* ////////////////////////// */