/* ---------- CONTAINER ----------------- */
/* ---------- APPLE DEVICES ------------- */
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and {
	.container {
		width: 310px;
		padding-left: 0 !important;
	}
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
	.container {
		width: 320px;
		/*padding-left: 0 !important;*/
	}
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	.container {
		width: 520px;
		padding-left: 0 !important;
	}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-pixel-ratio: 2) {
	.container {
		width: 350px;
		padding-left: 0 !important;
	}
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
	.container {
		width: 340px;
		/*padding-left: 0 !important;*/
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	.container {
		width: 650px;
		padding-left: 0 !important;
	}
}

/* ----------- iPhone 6, 7 8plus ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-pixel-ratio: 2) {
	.container {
		width: 400px;
		padding-left: 0 !important;
	}
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
	.container {
		width: 400px;
		padding-left: 0 !important;
	}
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
	.container {
		width: 710px;
		padding-left: 0 !important;
	}
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (min-device-pixel-ratio: 3) {
	.container {
		width: 350px;
		padding-left: 15px !important;
	}
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (min-device-pixel-ratio: 3) and (orientation: portrait) {
	.container {
		width: 350px;
		padding-left: 15px !important;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (min-device-pixel-ratio: 3) and (orientation: landscape) {
	.container {
		width: 640px;
		padding-left: 15px !important;
	}
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-pixel-ratio: 1) {
	.parent-container {
		width: 750px;
	}

	.container {
		width: 720px;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (min-device-pixel-ratio: 1) {
	.parent-container {
		width: 750px;
	}

	.container {
		width: 720px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-device-pixel-ratio: 1) {
	.parent-container {
		width: 970px;
	}

	.container {
		width: 950px;
	}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-pixel-ratio: 2) {
	.parent-container {
		width: 750px;
	}

	.container {
		width: 720px;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (min-device-pixel-ratio: 2) {
	.parent-container {
		width: 750px;
	}

	.container {
		width: 720px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-device-pixel-ratio: 2) {
	.parent-container {
		width: 805px;
	}

	.container {
		width: 950px;
	}
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (min-device-pixel-ratio: 2) {
	.parent-container {
		width: 750px;
	}

	.container {
		width: 720px;
		padding-left: 0;
	}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (min-device-pixel-ratio: 2) {
	.parent-container {
		width: 750px;
	}

	.container {
		width: 720px;
		padding-left: 0;
	}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (min-device-pixel-ratio: 2) {
	.parent-container {
		width: 970px;
	}

	.container {
		width: 950px;
		padding-left: 0;
	}
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
	.parent-container {
		width: 970px;
	}

	.container {
		width: 950px;
		padding-left: 0;
	}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
	.parent-container {
		width: 970px;
	}

	.container {
		width: 950px;
		padding-left: 0;
	}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) {
	.parent-container {
		width: 970px;
	}

	.container {
		width: 950px;
		padding-left: 0;
	}
}


@media only screen and (min-device-width:1280px) {
	.parent-container {
		width: 1170px;
	}

	.container {
		width: 1150px;
		padding-left: 0;
	}
}

/* ---------- INSIGHTS NAV SUB ----------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) {
	nav.sub {
		margin-top: 0;
	}

		nav.sub ul {
			display: none;
		}

		nav.sub .form-control {
			display: block;
		}
}


@media only screen and (min-device-width: 834px) {

	nav.sub ul {
		display: none;
	}

	nav.sub .form-control {
		display: block;
	}
}

@media only screen and (min-width:1024px) {
	nav.sub {
		margin-top: 2em;
	}

		nav.sub ul {
			display: block;
		}

		nav.sub .form-control {
			display: none;
		}
}

/* ------------------- PROMO PODS --------------------- */
/* ---------- WHO'S WHO ----------------- */

@media (min-width:1024px) {
	.promo-pods-who .item {
		height: 320px;
	}

		.promo-pods-who .item:nth-of-type(5n+1) {
			clear: none;
		}
}
/* ---------- INSIGHTS ----------------- */

@media only screen and (min-device-width: 834px) {
	.apc.promo-pods:nth-of-type(4n+1) {
		/*clear: both !important;*/
	}
}

@media (min-width:480px) and (max-width:767px) {
	.promo-pods .item {
		width: 50% !important;
		float: left !important;
	}

		.promo-pods .item .image {
			text-align: center;
		}

		.promo-pods .item img { /*width: 70% !important;*/
		}

	.promo-pods .col-sm-6:nth-child(2n+1) {
		clear: both;
	}
}

@media (min-width:320px) and (max-width:375px) {

	.promo-pods .col-sm-6:nth-child(2n+1) {
		clear: both;
	}

	.insights-brochures .brochures .item {
		height: 290px;
	}

	.insights-brochures .image {
		height: auto !important;
	}
}

@media (min-width:768px) and (max-width:991px) {

	.promo-pods .col-sm-6:nth-child(2n+1) {
		clear: both;
	}

	.insights-brochures .brochures .item {
		height: 360px;
	}

	.insights-brochures .image {
		height: auto !important;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.promo-pods .item .heading {
		font-size: 20px;
	}

	.promo-pods .col-sm-6:nth-child(2n+1) {
		clear: both;
	}

	.insights-brochures .brochures .item {
		height: 360px;
	}
}

@media (min-width:1200px) {
	.promo-pods .item .heading {
		font-size: 18px;
	}

	.insights-brochures .brochures .item {
		height: 420px;
	}


	.promo-pods .col-lg-4:nth-child(3n+1) {
		clear: both;
	}
}

@media (max-width:767px) {
	.spc.listing .item .pull-right {
		float: none;
		text-align: left;
	}

	.insights-brochures .image {
		height: auto !important;
		;
	}

	.promo-pods .item:nth-of-type(3) {
		clear: both;
	}
}

@media (min-width:768px) {
}

@media (min-width:992px) {
	.listing .item .heading {
		font-size: 20px;
	}
}

@media (min-width:1200px) {
	.listing .item .heading {
		font-size: 22px;
		min-height: 30px;
	}
}

@media (max-width:767px) {
	.spc.listing .item .pull-right {
		float: none;
		text-align: left;
	}
}

@media (min-width:768px) {
}

@media (min-width:992px) {
	.listing .item .heading {
		font-size: 20px;
	}
}

@media (min-width:1200px) {
	.listing .item .heading {
		font-size: 22px;
		min-height: 30px;
	}
}

/* ---------- CONFERENCE AGENDA ----------------- */
@media only screen and (min-device-width: 320px) {
	.conference-programmes-results table thead tr th select.session-select {
		float: left;
	}

	.conference-programmes-results table thead tr th label {
		float: left;
	}
}

/* ----------- MY PROJECTS ----------- */
@media only screen and (min-device-width: 320px) {
	.project-list table thead tr th p, .project-list table tbody tr td p {
		font-size: 12px;
		word-break: break-word;
		white-space: normal;
		line-height: 1.4em;
		font-kerning: normal;
		letter-spacing: 0.02em;
	}
}

/* ----------- SPEAKERS ----------- */

@media only screen and (min-width:320px) {
	.guestspeakers .item {
		height: 290px;
	}
}

@media only screen and (min-width:768px) {
	.guestspeakers .item {
		height: 360px;
	}
}

@media only screen and (min-width:1024px) {
	.guestspeakers .item {
		height: 420px;
	}
}

@media only screen and (min-width:1200px) {
	.guestspeakers .item {
		height: 420px;
	}
}

/* ----------- WORKING GROUPS ----------- */

@media only screen and (min-width:320px) {
	.promo-pods .working-groups .item {
		height: 190px;
	}
}

@media only screen and (min-width:667px) {
	.promo-pods .working-groups .item {
		height: 310px;
	}
}

@media only screen and (min-width:768px) {
	.promo-pods .working-groups .item {
		height: 240px;
	}
}

@media only screen and (min-width:1024px) {
	.promo-pods .working-groups .item {
		height: 260px;
	}
}

/* ----------- RESOURCES ----------- */


@media only screen and (min-width:320px) {
	.promo-pods-resources a {
		display: block;
		height: 290px;
	}
}

@media only screen and (min-width:768px) {
	.promo-pods-resources a {
		display: block;
		height: 390px;
	}
}

@media only screen and (min-width:1024px) {
	.promo-pods-resources a {
		display: block;
		height: 390px;
	}
}

@media only screen and (min-width:1200px) {
	.promo-pods-resources a {
		display: block;
		height: 460px;
	}
}

/* ----------------- DELEGATES LIST ------------------ */
.firm-filter-selector {
	margin-bottom: 2em;
}

.conference-delegate-list {
	display: flex;
	flex-direction: column;
}



@media only screen and (min-width:320px) {
	.conference-delegate-list {
		flex-direction: column;
		border-bottom: 2px solid #ff8200;
		margin-bottom: 0.5em;
	}

		.conference-delegate-list label {
			word-break: break-word;
			white-space: normal;
			font-size: 12px;
		}

	.border-bottom-gray {
		border-bottom: none;
	}

	.border-bottom-orange {
		border-bottom: none;
		margin-bottom: 1em;
		display: none;
	}
}

@media only screen and (min-width:768px) {
	.conference-delegate-list {
		flex-direction: column;
		border-bottom: none;
	}

	.border-bottom-gray {
		border-bottom: 1px solid #cccccc;
		margin-bottom: 1em;
	}

	.border-bottom-orange {
		border-bottom: 2px solid #ff8200;
		display: block;
		/* margin-bottom: 1em; */
		/* margin: 5px 0; */
	}
}

@media only screen and (min-width:1024px) {
	.conference-delegate-list label {
		font-size: 14px;
		/* border-bottom: 0; */
	}
}