@media screen and (max-width: 1600px) {
	.dec-img2::after {
		background-position: calc(100% + 20px) 0%;
	}
	
}
@media screen and (max-width: 1400px) {
	.dec-img2::after {
		background-position: calc(100% + 80px) 0%;
	}

}
@media screen and (max-width: 1280px) {
	.dec-img::before {
		background-position: 10% 30%;
	}
	.dec-img2::after {
		background-position: calc(100% + 160px) 0%;
	}
	.entag {
	    margin: 0;
	    position: absolute;
	    right: 0;
	    bottom: 120px;
	}
	#title-sec {
		min-height: calc(100vh - 100px);
		position: relative;
	}
	.lightbg::before, .lightbg::after {
		animation: light 4s ease-in-out infinite 0s;
	}
	.lightbg::after {
		animation: light2 8s ease-in-out infinite 4s;
	}

}
@media screen and (max-width: 1024px) {
	.bg-dec::before {
		opacity: 0.4;
		background-attachment: fixed, fixed;
		background-position: 10% 25%, 100% 10%;
	}
	.dec-img2::after {
		background-position: calc(100% + 60px) 0%;
		height: calc(100% + 40px);
		top: -40px;
		background-size: 220px auto;
	}
	
	.dec-round {
		left: -10px;
	}

}
@media screen and (max-width: 768px) {
	.sub-bg .lightbg {
		display: none;
	}
	.dec-img::before {
		background-position: 5% 23%;
	}
	
	.lightbg::before, .lightbg::after {
		animation: light 4s ease-in-out infinite 0s;
	}
	.lightbg::after {
		animation: light2 8s ease-in-out infinite 4s;
	}
	.sub-bg + .lightbg.online::before, .sub-bg + .lightbg.online::after {
		background: url('../img/bg_light_3.svg?v=2') no-repeat top center fixed;
		background-attachment: scroll;
		background-size: cover;
		opacity: 0.7;
	}
	.sub-bg::before {
		background-attachment: scroll;
	}
	
	.dec-round {
		width: 120px;
		height: 120px;
		left: -20px;
		top: 10%;
	}
	.dec-img2::after {
		background-position: calc(100% + 140px) 0%;
	}
	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;
	}
	
	.news-card {
		width: 200px;
		max-width: 200px;
		height: 200px;
    	margin-bottom: 30px;
	}
	.slider-news {
		max-width: 240px;
		margin: 0 auto;
	}

	.slick-arrow {
		top: -10px;
		margin: 0;
    	bottom: 0;
    	margin: auto;
	}
	
	.news-slick .slick-arrow {
		top: 0px;
	}
	.slick-arrow.slick-prev {
		transform: rotate(-45deg);
		left: 15px;
	}
	.slick-arrow.slick-next {
		transform: rotate(135deg);
		right: 15px;
	}
	.slider-news .slick-arrow.slick-prev {
		left: -30px;
	}
	.slider-news .slick-arrow.slick-next {
		right: -30px;
	}
	.slider-news .slick-dots {
		top: -40px;
	}

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

	.hbg-btn {
		display: inline-block;
	}
	.navbar {
		position: fixed;
		top: 70px;
		left: 0;
		width: 160px;
		padding-top: 20px;
		background: #c3055d;
		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 15px 35px;
		margin-bottom: 10px;
	}
	.navbar li + li {
		margin-left: 0;
	}
	.socaillinks {
		padding-top: 2px;
	}
	
	.topsec .flex {
		display: block;
		text-align: center;
	}
	.topsec h1, .topsec h2 {
		margin-left: auto;
		margin-bottom: 0px;
	}
	.topsec p {
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.68);
		line-height: 1.7;
		padding-right: 7px;
	}
	.entag {
	    bottom: 80px;
	}
	#intro-sec {
		margin-left: 0;
	}
	.long-btn {
	    height: 110px;
	    width: 30px;
	    padding: 9px;
	    letter-spacing: 3px;
	    font-size: 16px;
	}
	.top-btn {
		width: 30px;
	    height: 32px;
	    padding: 17px 9px 10px;
	}
	.top-btn::before {
		width: 21px;
		top: 8px;
	}
	.top-btn::after {
		width: 9px;
		height: 9px;
	}
	
	

}


@media screen and (max-width: 574px) {
	.dec-img::before {
		background-position: 14px 6%;
		background-size: auto;
	}
	.dec-round {
		width: 120px;
		height: 120px;
		left: -55px;
    	top: -2%;
	}
	.text-center-sm {
		text-align: center;
	}
	.speaker {
		display: block;
		margin-bottom: 35px;
	}
	.speaker-img {
		margin: 0 auto 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;
	}

	.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;
	}
	#news-sec .flex {
		display: block;
	}
}