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

}
@media screen and (max-width: 768px) {
	body {
		font-size: 1rem;
	}
	/* text */
	.t-xlarge {
		font-size: 1.6em; /* 30px */
	}
	.t-large {
		font-size: 1.4em; /* 26px */
	}
	.t-midlarge {
		font-size: 1.2em; /* 22px */
	}
	.t-mid {
		font-size: 1em; /* 18px */
	}
	.t-small {
		font-size: 0.9em; /* 16px */
	}
	.t-xsmall {
		font-size: 0.8em; /* 14px */
	}
	
	.section-title {
		height: 46px;
		font-size: 24px;
	}



	/* layout */
	.container {
		padding: 4em 1.3em;
	}

	.hbg-btn {
		display: inline-block;
	}
	.navbar {
		position: fixed;
		top: 70px;
		left: 0;
		width: 160px;
		padding-top: 20px;
		background: #ccd4d5;
		transition: transform 0.4s ease;
		transform: translateX(-100%);
	}
	header.detachedHide .navbar {
		transform: translateX(-100%);
	}
	.navbar.active,
	header.detached.show .navbar.active {
		transform: translateX(0);
	}
	.navbar li {
		display: block;
		padding: 15px 20px;
		margin-bottom: 10px;
	}
	.navbar li + li {
		margin-left: 0;
	}

	.text-center-sm {
		text-align: center;
	}
	.topsec h1, .topsec h2 {
		margin-left: auto;
	}
	.topsec p {
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.68);
		line-height: 1.8;
		text-align: left;
	}
	.long-btn {
	    height: 120px;
	    width: 36px;
	    padding: 9px;
	    letter-spacing: 3px;
	    font-size: 19px;
	}
	.top-btn {
		width: 36px;
		height: 36px;
		padding: 18px 12px;
	}
	.top-btn::before {
		width: 21px;
		top: 8px;
	}
	.top-btn::after {
		width: 9px;
		height: 9px;
	}

	.topsec {
		background: url('../img/main-bg.jpg') no-repeat 72% bottom;
		background-size: auto 100%;
	}

}


@media screen and (max-width: 574px) {
	.speaker {
		display: block;
		margin-bottom: 35px;
	}
	.speaker-img {
		margin-bottom: 10px;
	}
	.speaker-info {
		padding-left: 0;
	}
	.speaker-title {
		display: block;
		margin-bottom: 6px;
	}
	/* info */
	.time-row, .notice {
		display: block;
	}
	.time-col, .event-col {
		width: 100%;
	}
	.event-col p {
		display: block;
	}
	.event-col p span {
		display: block;
		float: none;
	}

	.formblock {
		padding: 2em 1em;
	}
	.d-table {
		display: block;
	}
	.d-row {
		display: block;
	}
	.d-cell {
		display: block;
	}
	.form-item label {
		margin-bottom: 10px;
	}

	.news-card {
		margin: 0 0 1.5em;
	}

	.logo {
		margin: 1.2em 0 0;
	}
	.logo img {
		margin-right: 0;
	}
	.logoline {
		margin-bottom: 40px;
	}
	footer p.col {
		display: block;
	}
	footer p + .logo {
		margin-left: 0;
	}
	.fixed-right {
		top: 60px;
		right: 0px;
	}
}