@media screen and (max-width: 1280px) {
	.speaker {
		margin: 0 20px 30px;
	}
}
@media screen and (max-width: 768px) {
	body {
		font-size: 1rem;
		letter-spacing: 0.05em;
	}
	.hide-sm {
		display: none;
	}
	.show-sm {
		display: block;
	}

	.mr-0-sm {
		margin-right: 0;
	}
	.mb-1-sm {
		margin-bottom: 1em;
	}
	.t-xl { font-size: 36px; /* 30px */ }
	.t-lg { font-size: 30px; /* 26px */ }
	.t-mll { font-size: 22px; /* 22px */ }
	.t-ml { font-size: 20px; /* 22px */ }
	.t-md { font-size: 16px; /* 18px */ }
	.t-sm { font-size: 14px; /* 16px */ }
	.t-xs { font-size: 12px; /* 14px */ }
	.navtop.container {
		padding-top: 60px;
		width: 300px;
    	margin: 0;
	}
	.hbg-btn {
		display: inline-block;
	}
	.navbar {
	    padding-top: 0px;
	    padding-bottom: 25px;
	    margin-left: 0px;
	}
	.header {
		position: fixed;
		overflow: hidden;
		height: auto;
		max-height: 55px;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		padding-top: 55px;
		background: transparent;
	}
	.header.active {
		max-height: 500px;
		background-color: #053782dd;
	}
	.header.detachedHide .navbar {
	}
	.header.detached {
		max-height: 55px;
		background: transparent;
	}
	.header.detached.active {
		max-height: 500px;
		background-color: #053782dd;
	}
	.navbar li {
	    display: block;
	    padding: 10px 20px;
	    margin-bottom: 0;
	    margin-top: 10px;
	}
	.navbar li + li {
		margin-left: 0;
	}
	/* topsec */
	.topsec {
		min-height: 100vh;
		min-height: calc(var(--vh) * 100);;
	}
	.main-title {
		width: 165%;
		margin-left: -30%;
	}
	.sub-title {
		width: 80%;
	}
	/* bg */
	.main-bg picture {

	}
	.main-bg img {
		height: 120%;
		width: auto;
		object-fit: none;
		object-position: 11% 130%;
	}

	/* sec */
	.dec-light-2::before { left: -150px; top: 20px; }
	.dec-car::before {
	    width: 135px;
	    height: 92px;
	    transform: translate(-81px, -36px);
	}
	.dec-light::before {
		background-size: contain;
	}
	.grid-2 {
		grid-template-columns: repeat(1, 1fr);
	}

	/* layout */
	.container {
		padding: 4em 1.3em;
	}
	.text-center-sm {
		text-align: center;
	}
	.mx-auto-sm {
		margin-left: auto;
		margin-right: auto;
	}
	.block-sm {
		display: block;
	}
	
	.hbg-btn {
		margin-top: 0;
		height: 44px;
	}
	.fixed-right {
		bottom: 20px;
	}
	.speaker {
		margin-bottom: 0px;
	}
	.slider {
	}
	.speaker-slick .speaker {
		margin: 0 50px;
	}
	.speaker-info {
	    width: 120%;
	    margin-left: -10%;
	}
	.speaker-info.wide {
		width: 124%;
	    margin-left: -12%;
	}
	.news-card {
		margin: 0em 2em;
	}
	.news-img::before {
		opacity: 0;
	}
	.flex-space {
		display: block;
		text-align: center;
	}
	.flex-column-sm {
		flex-direction: column;
	}
	.hideontop.show {
		opacity: 0.6;
	}
	
	.event-col h3 {
		padding: 5px 10px;
	}
	.ml-2 {
		margin-left: 6px;
	}
	.time-block {
		width: calc(100% + 2.6em);
		margin-left: -1.3em;
		margin-top: 1em;
	}
	.time-row {
		display: block;
	}
	.time-col {
		width: auto;
		padding: 0px 0 0px 15px;
		text-align: left;
		display: flex;
		align-items: center;
	}
	
	.event-col {
		line-height: 1.4;
		padding: 0px 20px 0px 15px;
	}
	.event-col h4 {
		font-weight: 500;
	}
	.event-col p {
		font-size: 14px;
	}
	.time-border {
		margin-top: 0;
		margin-left: 0.6em;
		padding: 2px 6px 0px;
		margin-bottom: 5px;
		font-size: 14px;
		letter-spacing: 1px;
	}
	.hideontop {
	    transform: scale(0.75);
	    right: 0;
	}
	.hideontop.show {
	    opacity: 0.8;
	    transform: scale(0.75);
	}
	
	.slick-arrow {
		top: -10px;
		margin: 0;
    	bottom: 0;
    	margin: auto;
    	transform: scale(0.75);
	}
	
	.news-slick .slick-arrow {
		top: 0px;
	}
	.slick-arrow.slick-prev {
		left: -10px;
	}
	.slick-arrow.slick-next {
		right: -10px;
	}
	.slick-arrow.slick-prev:hover {
		transform: scale(0.75);
	}
	.slick-arrow.slick-next:hover {
		transform: scale(0.75);
	}
	.time-dash {
	    
	}
	
	footer {
		margin-top: -1px;
	}
	footer .container {
		text-align: center;
		padding: 2em ;
	}
	footer .container span {
		display: block;
		margin-top: 2em;
	}

	.form-item .d-cell {
		min-width: 85px;
		white-space: nowrap;
	}
	.pt-4 { padding-top: 5em; }

	.popup-container {
		align-items: unset;
	}
	.popup-block.active {
		padding: 0;
	}
	.popup-body {
		padding: 20px 30px 30px;
	}
	.form-item .radio-label {
		margin-right: 0.5em;
	}

}