/*---768 MAX ----------------------------------------------------------------------------------------------------------*/


@media (max-width: 767px) {

	/*-- SPEAKERS PAGE --------------------------------------------------------*/
	.speakerHm {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		border: 0px solid red;
		clear: both;
	}
	.speakerHm > div {
		background: #f0ede5;
		float: left;
		clear: right;
		display: table-cell;
		text-align: center;
		margin: 0 1% 3%;
		padding: 1% 2%;
		width: 94%;
		height: 50px;
		vertical-align: middle;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.speakerHm > div.cnfrm {
		background: #def1ff url(cnfrm.png) no-repeat -20px -6px;
	}
	.speakerHm > div img {
		display: none;
	}
	.speakerHm > div h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 5px 0 5px;
		padding: 0;
	}
	.speakerHm > div p {
		font-size: 10px;
		line-height: 11px;
		border: 0px solid red;
	}
	.speakerHm > div.except h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 2px;
		padding: 0;
	}
	.speakerHm > div.except p {
		font-size: 9px;
		line-height: 10px;
		margin: 0;
		padding: 0;
		border: 0px solid red;
	}
	.speakerHm > div p#tinyTxt {
		display: none;
		font-size: 7px;
		line-height: 7px;
		border: 0px solid red;
	}
}













/*---768 MIN ----------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {

	/*-- SPEAKERS PAGE --------------------------------------------------------*/
	.speakerHm {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		border: 0px solid red;
		clear: both;
	}
	.speakerHm > div {
		background: #f0ede5;
		float: left;
		clear: right;
		display: table-cell;
		text-align: center;
		margin: 0 1% 1.5%;
		padding: 1%;
		width: 46%;
		height: 50px;
		vertical-align: middle;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.speakerHm > div.cnfrm {
		background: #def1ff url(cnfrm.png) no-repeat -20px -6px;
	}
	.speakerHm > div img {
		display: none;
	}
	.speakerHm > div h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 5px 0 5px;
		padding: 0;
	}
	.speakerHm > div p {
		font-size: 10px;
		line-height: 11px;
		border: 0px solid red;
	}
	.speakerHm > div.except h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 2px;
		padding: 0;
	}
	.speakerHm > div.except p {
		font-size: 9px;
		line-height: 10px;
		margin: 0;
		padding: 0;
		border: 0px solid red;
	}
	.speakerHm > div p#tinyTxt {
		display: none;
		font-size: 7px;
		line-height: 7px;
		border: 0px solid red;
	}

}



























/*---980 MIN ----------------------------------------------------------------------------------------------------------*/

@media (min-width: 980px) {

	/*-- SPEAKERS PAGE --------------------------------------------------------*/
	.speakerHm {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		border: 0px solid red;
		clear: both;
	}
	.speakerHm > div {
		background: #f0ede5;
		float: left;
		clear: right;
		display: table-cell;
		text-align: center;
		margin: 0 1% 1.5%;
		padding: 1%;
		width: 31.333333333%;
		height: auto;
		vertical-align: middle;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	/* added by TCD on 15-Nov-17 accomodate for longer titles */
	.speakerHm > div:nth-child(3n+1) {
		clear: both
	}
	.speakerHm > div.cnfrm {
		background: #def1ff url(cnfrm.png) no-repeat 65px 6px;
	}
	.speakerHm > div img {
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		border: 0px solid red;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.speakerHm > div h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 10px 0 5px;
		padding: 0;
	}
	.speakerHm > div p {
		font-size: 10px;
		line-height: 11px;
		border: 0px solid red;
	}
	.speakerHm > div.except h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 2px;
		padding: 0;
	}
	.speakerHm > div.except p {
		font-size: 9px;
		line-height: 10px;
		margin: 0;
		padding: 0;
		border: 0px solid red;
	}
	.speakerHm > div p#tinyTxt {
		display: block;
		font-size: 7px;
		line-height: 7px;
		border: 0px solid red;
	}

}






















/*---1200 MIN ----------------------------------------------------------------------------------------------------------*/

@media (min-width: 980px) {

	/*-- SPEAKERS PAGE --------------------------------------------------------*/
	.speakerHm {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		border: 0px solid red;
		clear: both;
	}
	.speakerHm > div {
		background: #f0ede5;
		float: left;
		clear: right;
		display: table-cell;
		text-align: center;
		margin: 0 1% 1.5%;
		padding: 1%;
		width: 31.333333333%;
		vertical-align: middle;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.speakerHm > div.cnfrm {
		background: #def1ff url(cnfrm.png) no-repeat 65px 8px;
	}
	.speakerHm > div img {
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		border: 0px solid red;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.speakerHm > div h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 10px 0 5px;
		padding: 0;
	}
	.speakerHm > div p {
		font-size: 10px;
		line-height: 11px;
		border: 0px solid red;
	}
	.speakerHm > div.except h6 {
		color: #014c89;
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 2px;
		padding: 0;
	}
	.speakerHm > div.except p {
		font-size: 9px;
		line-height: 10px;
		margin: 0;
		padding: 0;
		border: 0px solid red;
	}
	.speakerHm > div p#tinyTxt {
		display: block;
		font-size: 7px;
		line-height: 7px;
		border: 0px solid red;
	}
	
}