/*
* Media Queries
*/

iframe:not(#livechat-full-view) {
	max-width: 100%;
	min-width: 600px;
	min-height: 300px;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1170px) {

	.case-study-container .owl-next, .case-study-container .owl-prev {
	display:none;
	}

	.tiled li {
	margin: 0 1.5% 3em;
	}

	.tiled li:nth-of-type(4n) {
	margin-right:1.5%;
	}

	.event-left h3.page-title {
	width:95%;
	}

	.prod-logo {
	width:25%;
	top:36px;
	}

	.prod-logo img {
	max-width: 100%;
	}

	.tr-sp-banner-link a {
	width: calc(100% - 2.7em);
	max-width: 250px;
	}

	h3.page-title {
	font-size:2.2em;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1169px) {

	#tabs a {
	padding: 1em 9px;
	font-size: 15px;
	}
	.beautiful-taxonomy-filters-select-wrap div {
	width: 45% !important;
	margin-bottom:1em;
	}
	.search-bar {
	width: 30%;
	}
	.search-bar label {
	display:none;
	}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) {

	#sync3 {display:none !important}

	.secondary-content table {
	width:100% !important;
	}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    .table-surround { width: 100%; overflow-x: scroll; }

	.df-banner { display: inline;float: left;margin: 0 0 20px;width: 100%}

	#banner img, .df-banner img {max-width: 100%;margin: auto;height: auto;position: static;float:left;}

	.rs-banner {width: 100% !important;float: none}

	.rs-banner img {float: left}

	.rs-banner p {clear: both;float: left}

	footer h3 {font-size: 1.8em; margin: 1em 0;}

	#sync1, #sync2, .case-study-container .owl-controls  {display:none !important;}

	#sync3 {display:block !important;}

	#banner {
	background:#444;
	}
	.cycle-overlay {width:95% !important;position:relative !important;background:#444 !important;padding:2.5%;top:0 !important;left:0;}

	#sync1 .item {height:unset !important;}

	.cycle-overlay h2 {font-size:1.5em !important;color:#fff !important;}

	.cycle-overlay h3 {font-size:1em !important;	color:#fff !important;}

	.banner-slide .wrapper {margin:0;width:100%;}

	.content {
	position:relative;
	}
	.event-right {
	width: auto;
	position: absolute;
	top: -135px;
	right: 0;}

	.event-right img {float:left;}

	.beautiful-taxonomy-filters-select-wrap div {margin-right: 4% !important;width: 45%;margin-bottom:1em;}

	#beautiful-taxonomy-filters-form .select2-container {
	width:100% !important;
	}

	button.beautiful-taxonomy-filters-button {position: relative !important;right: 0 !important;top: 0 !important;}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#main.wrapper {width:98%}

	.light-grey {margin-right: 3.45%}

	.hp-lower-cta .light-grey {margin-right: 1.6%}

	.case-studies-scroller li {margin: 30px 1.8% 0 0}

	.search-bar, .social-media {width:100%}

	.search-bar {margin-bottom:1em;padding-left:1em}

	h3.page-title {margin-top:0.8em;width: 100%;}

	#sidebar {margin-top: 129px;}

	.light-grey h4 {font-size:1.3em;}

	.prod-logo {
	top: 90px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	header.bigger {
		height: inherit;
	}

	.wrapper {width: 95%; margin: 0 2.5%}

	header h2.title, header h3.title {float:none;width:100%;text-align:center;clear:both;	margin-top:0;}

	h1#title, h2#title {float: none; margin: 0 auto; width: 100%; text-align: center; padding-bottom:0;}

	h1#title a, h2#title a {margin:0 auto;}

	.banner-gradient {display:none;}

	.search-bar {margin-bottom:1em;width:100%}

	.social-media, footer ul {width:100%}

	.light-grey {width:100% !important;	margin-right:0 !important;	margin-bottom:2em}

	.ft-text {text-align:center;padding-top:1em}

	footer ul li ul li {padding-right:0}

	.our-products li {width: 46% !important}

	.case-studies-scroller li {width: 100%; margin: 30px 0; border-right:0; padding-bottom: 1em}

	#content, #sidebar, form#contactform, .static-container, .tile-right, .static-banner p, .soft-banner p {width:100% !important}

	#sidebar {margin-top:1em}

	#sidebar li {width: 100%; float: left; margin-right: 0%}

	#sidebar li:nth-child(2n) {margin-right:0}

	.tiled li {width: calc(49% - 2px);
	margin: 0 2% 1em 0;}

	.tiled li:nth-of-type(2n) {
	margin-right:0;
	}

	h3.page-title {margin-top:0.8em;width:100%;}

	.mobile-tel {display:block;background:url('/images/icons/mobile.svg') no-repeat center center scroll}

	.mobile-tel a {display:block;	border-right:0}

	.social-media li {width: calc(100%/9);background-size: 90%}

	.social-media a {width:unset;height:50px}

	.secondary-content {
	padding-right:0;
	}

	.static-container .tile {padding-right:0; margin-right:0;}

	.case-studies-scroller a {float: left;width: 100%}

	.cs-image {width:15%}

	.cs-image img {width:100%; height:auto}

	.case-studies-scroller h4 {width: 75%}

	.static-banner { background-size: cover !important; height:unset}

	a#prev, a#next {display:none}

	.training-table th, .training-table td {padding: 0.6em;border: 1px solid #ccc;font-size: 11px}

	blockquote {margin:0}

	.testimonials p, .case-studies-scroller li { margin:1em 0}

	.beautiful-taxonomy-filters-select-wrap div {display: block;margin-bottom: 1em}

	.event-right { width: 50%;float: right; }

	.event-right img { width: 100%;bottom: 40px; }

	#tabs {width: calc(100% - 2px) !important;}

	.latest-events, .tr-landing-tiles {margin-top:1em !important;}

	.tr-landing-tiles li {margin-right:3%;}

	li.about {border:0 !important;}

	.prod-logo {position: relative;top: unset;width:100%;}

	.tr-sp-banner-link a {width:auto;margin:1em auto;}

	.tab-content iframe:not(#livechat-full-view) { 	width: 100%; height: auto; min-width: initial; min-height: initial; border: none; }

	.tab-content table img {max-width:100%;}

	form#contactform {margin:1em 0 !important}

	#tabs ul, #tabs .tab-content li {border-bottom:0 !important;}

	#tabs > ul > li {width: 100%;border-bottom: 1px solid #ccc !important;border-left:0;}

	#tabs .tab-content li {
	width: auto !important;
	}

	.industry-software {margin-bottom:1em !important;}

	.espresso-content-container #tabs, .event-enq-sb, .wa-event-entry, .tab-content table, .secondary-content table {
	width:100% !important;
	}

	.enqform fieldset {width: 93% !important;padding: 18px 3.5% !important;}

	#tabs a {border:0 !important;}

	#sidebar.news {margin-top:1em;}

	#sidebar.news img {width:auto;}

	.footable > thead > tr > th, .footable > thead > tr > td, .footable > tbody > tr > td {font-size:11px;}

	.footable > tbody > tr > td {padding:0.6em !important;}

	.tab-content table th, .tab-content table td {width:auto !important;padding:0;}

	.tab-content table td ul {
	padding:0;
	margin:0;
	}

	.tab-content table td li {
	font-size:13px;
	}

	li.ui-state-default a {background:url(/images/icons/view.svg) no-repeat 95% 50% scroll;}

	li.ui-state-default.ui-state-active a {background:url(/images/icons/view-active.svg) no-repeat 95% 50% scroll;}

	.resources-page #resource-filter {margin: 0 0 4em;float: left;}

	.hp-upper-cta li:first-child:nth-last-child(3), .hp-upper-cta li:first-child:nth-last-child(3) ~ li {
	width: calc(100% - 2px) !important;
	margin-right: 0 !important;
	margin-bottom: 1em;
	}

	.secondary-content img {
	max-width:100%;
	height:auto;
	}
	.industry-software ul {
	text-align:center;
	}
	.industry-software li {
	float:none !important;
	}
	.industry-software li img {
	margin:auto;
	}

	.event-left {
	width: 100%;
	}
	
	.event-right {
	display:none;
	}

	.ee-gmap {
	width:100% !important;
	}

	.resource-result img {
	width:25% !important;
	}

	.resource-result h3, .resource-result .resource-links {
	width:70% !important;
	}
	iframe:not(#livechat-full-view) {
		max-width: 100%;
		min-width: 100%;
		max-height: 300px;
	}


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.wa-event-table table { table-layout: fixed; width: 100%; white-space: nowrap;}

	.wa-event-table table td {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

	.training-table-thtd {width:20% !important;}

	.th-small {width:26% !important;}

	td.c-date {width:21% !important;}

	td.c-duration {width:19.4% !important;}

	td.c-location {width:19.4% !important;}

	td.c-enquire {width:9.5% !important;}

	td.c-name {width:15.5% !important;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.qtip { display: none !important; }

	img {max-width:100%}

	.search-bar label {display:none}

	.case-studies-scroller, footer h3 {margin-top:1em}

	.hp-upper-cta li:first-child:nth-last-child(2), .hp-upper-cta li:first-child:nth-last-child(2) ~ li, #sidebar li, .tiled li, .tile-right, .tiled ul  { width: 100%; box-sizing: border-box; margin-right:0!important}

	.hp-upper-cta li:first-child:nth-last-child(2), .hp-upper-cta li:first-child:nth-last-child(2) ~ li {margin-bottom:1em;}

	.cta-img, .hp-lower-cta .light-grey {height:auto !important;}

	.hp-ft-date {width:25% !important;}

	.hp-ft-name {width:70% !important;}

	.light-grey h3 {padding:0.5em 0}

	footer h3 {margin-bottom:0.5em}

	.tiled li {margin-bottom:2em;	width:100%;	margin-right:0}

	.tiled h3, .threequarter {width:100%;}

	#tabs a {font-size:15px;}

	.rs-banner {margin:0 !important;}

	.rs-banner p {float:none !important;}

	.social-media li {background-size:90%}

	.prod-logo {top: 1em}

	.single-career-sidebar {width: 100% !important;margin-top: 1em;}

	.secondary-content, .wp-caption {padding:0;}

	.secondary-content img {width:100%;	height:auto;}

	.secondary-content table, .case-studies-scroller h4 {width:100% !important;}

	.case-studies-scroller .owl-item {border:0 !important;}

	.case-studies-scroller li {margin:0;padding: 0 1em !important;	width: calc(100% - 2em);}

	.case-studies-scroller .owl-wrapper-outer {padding: 2em 0 0 !important;}

	.cycle-overlay {width:95% !important;position:relative !important;background:#444 !important;padding:2.5%;top:0 !important;}

	#sync1 .item {height:unset !important;}

	.cycle-overlay h2 {font-size:1.5em !important;color:#fff !important;}

	.cycle-overlay h3 {font-size:1em !important;	color:#fff !important;}

	.banner-slide .wrapper {margin:0;width:100%;}

	.light-grey h4 {font-size:1.1em;}

	.training-subpage #content {overflow:scroll;}

	.static-container .tile {margin-right:0;}

	.tab-content img {width:100% !important;height:auto;}

	.beautiful-taxonomy-filters-select-wrap div {margin-right:0 !important;	width:100%;}

	.search-bar form {
	width:100%;
	position:relative;
	}
	.search-bar input, .search-bar button {
	float:none;
	}
	.search-bar input {
	position:relative;
	width:98% !important;
	}

	.search-bar button {
	position:absolute;
	top:0;
	right:0;
	}

	.resource-result img {
	display:none !important;
	}

	.resource-result h3, .resource-result .resource-links {
	width:100% !important;
	}

	.case-studies-scroller a {
	text-align: center;
	}

	.cs-image {
	float: none !important;
	width: 100% !important;
	}

	.case-studies-scroller img {
	max-width: 100%;
	float: none !important;
	margin:0 auto 1em !important;
	width: auto !important;
	}
	iframe:not(#livechat-full-view) {
		max-width: 100%;
		min-width: 100%;
		max-height: 200px;
	}

}