@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 768px) {
	.hide-sm {
		display: none;
	}
	.show-sm {
		display: block;
	}
	.block-sm {
		display: block;
	}
	.show-sm.col {
		display: inline-block;
	}

	.text-center-sm {
		text-align: center;
	}
	.text-left-sm {
		text-align: left;
	}
	.t-large {
		font-size: 1.22222em;
	}

	.ml-0-sm {
		margin-left: 0;
	}
	.mt-0-sm {
		margin-top: 0;
	}
	.mb-0-sm {
		margin-bottom: 0;
	}
	.ml-2-sm { margin-left: 2em; }

	.hbg-btn {
		display: inline-block;
	}
	.navbar {
	    padding-top: 0px;
	    padding-bottom: 25px;
	    margin-left: 0px;
	    margin-right: 0;
	}
	.header {
		position: fixed;
		overflow: hidden;
		height: auto;
		max-height: 55px;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		background: transparent;
		padding-top: 55px;
	}
	.header.active {
		background-color: #fff;
		max-height: 500px;
	}
	.header .navbar {
	    padding: 20px 2em;
	}
	.header.detachedHide .navbar {
	}
	.header.detachedHide {
		transform: translateY(0);
	}
	.header.detached.show {
		transform: translateY(0);
		box-shadow: none;
	}
	.header.detached {
		max-height: 55px;
		background-color: transparent;
		box-shadow: none;
		font-size: 1em;
	}
	.header.detached.active,
	.header.active {
		max-height: 500px;
		background-color: #fff;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	}
	.navbar li {
	    display: block;
	    padding: 10px 20px;
	    margin-bottom: 0;
	    margin-top: 10px;
	}
	.navbar li + li {
		margin-left: 0;
	}

	/* topsec */
	.topsec {
		min-height: initial;
	}
	.toptitle {
		margin-top: 2em;
		width: 80%;
	}
	.header.detached + .toptitle {
		margin-top: 2em;
	}
	.topsec .flex:first-of-type {
		width: 70%;
		margin: auto;
	}
	.infoline {
		padding-left: 0.1em;
	}
	.bgmt {
		width: 100%;
		overflow-x: hidden;
	}
	.bgmt img {
		width: 150%;
	    max-width: none;
	    margin-left: -25%;
	}
	.topsec .container {
		padding-bottom: 1.2em;
		padding-top: 29px;
	}

	/* speaker */
	.speaker {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		margin: 20px;
		opacity: 0.2;
		transition: opacity 0.4s ease;
	}
	.speaker-main {
		margin: 0 auto 12px;
	}
	.slick-active {
		opacity: 1;
	}

	/* info */
	.icon-dec {
		margin-left: -27px;
	}
	.time-row {
		display: block;
	}
	.time-col {
		display: block;
		padding: 0 0em 0 2em;
    	width: auto;
    	opacity: 0.8;
	}
	.event-col {
		display: block;
		padding: 0 0em 0 2em;
	}
	.event-col p {
		opacity: 0.8;
	}
	#info-sec .container {
		padding: 4em 2em 4em 0em;
	}
	.event-col h4.red {
	}

	.fixed-right {
		right: 2px;
		transform: translateY(20px) scale(0.6);
		transform-origin: right center;
	}
	.hideontop.show {
		right: 2px;
		transform: translateY(20px) scale(0.6);
		transform-origin: right center;
	}

	/* form */
	.form-item .d-cell {
	    min-width: 90px;
	}
	.logolinks li {
		margin: 2em 0;
	    display: block;
	    text-align: center;
	}
	.logolinks a {
	    display: block;
	    margin-top: 10px;
	}
}