@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
	.show-sm {
		display: block;
	}
	.show-sm.inline {
		display: inline;
	}
	.hide-sm {
		display: none;
	}
	body {
		font-size: 1rem;
	}
	.container {
		padding: 4em 1em 4em;
	}
	.navtop.container {
		padding: 1em 2em 0.4em 2em;
	}
	footer .container {
		padding: 2em 1em 2em;
	}
	.flex {
		display: block;
	}
	/* text */
	.t-xxlarge {
		font-size: 34px; /* 30px */
	}
	.t-xlarge {
		font-size: 32px; /* 30px */
	}
	.t-large {
		font-size: 30px; /* 26px */
	}
	.t-midlarge {
		font-size: 24px; /* 22px */
	}
	.t-mid {
		font-size: 20px; /* 18px */
	}
	.t-small {
		font-size: 16px; /* 16px */
	}
	.t-xsmall {
		font-size: 12px; /* 14px */
	}
	.card.bg-white {
	    background-color: transparent;
	    padding: 50px 20px 10px;
	    border-radius: 0;
	}
	#prev-anima .container {
		padding: 0; 
		background-color: rgba(255, 255, 255, 0.8);
	}
	.table {
		max-width: 100%;
	}
	.tr + .tr .td {
		/*display: inline-block;*/
		border-color: #1a1a1a;
	}
	.td:first-of-type {
		text-align: left;
		display: block;
		padding: 8px 0;
		width: 150px;
	}
	.td:last-of-type {
		width: auto;
	}
	.card .table [class^="icon-"] {
		font-size: 30px;
	    line-height: 42px;
	    padding: 0px 8px;
	}
	.icon-eden {
		display: none;
	}
	.prev-slogan {
		display: block;
		margin: 0 10px;
		font-size: 22px;
		padding: 10px 20px;
	}
	.prev-text .flex {
		text-align: justify;
	}
	.prev-text .flex .ml-1 {
		margin-left: 0;
	}
	.btn-skip {
		width: 80px;
		top: 10px;
		right: 20px;
	}

	/* header */
	.hbg-btn {
		display: inline-block;
	}
	.navbar li {
	    display: block;
	    padding: 10px 20px;
	    margin-bottom: 0;
	    margin-top: 10px;
	}
	.navbar li + li {
		margin-left: 0;
	}
	.navbar li {
		display: block;
	}
	.navtop {
		text-align: left;
		max-height: 60px;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		padding: 60px 1em 1em;
	}
	.nav-logo {
	    position: absolute;
	    top: 25px;
	}
	header.active .navtop {
		max-height: 300px;
		background-color: #fff;
	}
	.logo + .logo {
		margin-left: 15px;
	}

	/* sec */
	.banner-slider {
		margin-left: 0;
		width: 100%;
	}
	.banner-slider div {
	    border-bottom-left-radius: 0px;
	}
	.topsec::before {
		content: none;
	}
	.banner-text {
		position: absolute;
	    display: block;
	    bottom: -20px;
	    margin-left: 0;
	    width: 340px;
	    padding: 1.5em;
	    left: 0;
	    right: 0;
	    margin: auto;
	    padding-bottom: 100px;
	}
	.banner-text .t-large {
		font-size: 26px;
	}
	.title-dec.text-center {
		line-height: 1.3;
	}
	.scroll-down {
		left: 0;
	    bottom: 5px;
	    transform: scale(0.9);
	}
	#sec-1,#sec-2 {
		padding-top: 150px;
	}
	#sec-3 {
		padding-top: 200px;
	}
	.title-bg {
		font-size: 60px;
	}
	#sec-1 .title-bg {
		top: 40px;
	}
	#sec-2 .title-bg {
		top: 40px;
	}
	#sec-3 .title-bg {
		top: 40px;
	}
	#dec-02 {
		display: block;
		text-align: right;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	.dec-line {
		height: 120px;
	}
	#sec-2 .title-bg.right {
		text-align: left;
		right: auto;
		color: #f4d6c6;
		top: -20px;
	}
	.title-dec::before {
		left: 0;
    	background-size: contain;
	}

	/* post */
	.post {
		position: relative;
	}
	.post-img {
		width: 90%;
	    padding-bottom: 70%;
	    margin: 0 5%;
	}
	.post-text {
		width: 100%;
		margin-left: 0;
		margin-bottom: 100px;
	}
	.btn-orange-outline {
		margin-top: 20px;
	}
	.dec-num {
		transform: translateX(0%);
		color: #f4d6c6;
		transform: translateY(-100%);
	    top: 0;
	    left: 0;
	}
	.dec-num span::before {
		margin-left: 3px;
	}
	.post .title-dec {
		margin-top: 1em;
	}
	.slick-arrow {
		top: 0px;
    	bottom: auto;
	}
	.posts-slider .slick-arrow {
		top: -24%;
	}
	.slick-arrow.slick-prev {
		left: calc(-9% + 10px);
	}
	.slick-arrow.slick-next {
		right: calc(-9% + 10px);
	}

	#dec-03 {
		right: 20px;
		bottom: 0;
	}

	.video:nth-of-type(3n + 1) {
		transform: translateY(0px);
	}
	.video:nth-of-type(3n) {
		transform: translateY(0px);
	}

	#sec-3 .flex {
		transform: none;
		text-align: center;
		margin-bottom: 50px;
	}
	#dec-04 {
		position: relative;
		transform: none;
    	text-align: right;
	}
	.social-links {
		margin-top: 1.5em;
		text-align: center;
	}
	.btn-tag {
		width: 40px;
	    border-top-right-radius: 20px;
	    height: auto;
	    padding: 30px 5px 5px;
	    font-size: 20px;
	}
	.btn-tag span {
		font-size: 18px;
		left: 8px;
	}
	.fixed-right {
		right: 12px;
		top: 70px;
	}

}