@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 768px) {
	
	.mobile_show{
		display: block;
	}
	
	.mobile_hidden{
		display: none;
	}
	
	#menu {
		background-color: black;
	}
	
	#menu .logo {
		width: 100%;
		text-align: center;
	}
	#menu .logo img{
		margin: 0;
		max-width: 100%;
	}
	
	#top-menu {
		display: block;
		text-align: right;
		padding-left: 0;
	    position: absolute;
		right: 0;
		padding: 0 20px;
	}
	
	#top-menu li {
		display: none;
		text-align: right;
		line-height: 2em;
	}
	
	#top-menu:before {
		content: "\f0c9";
		font-family: 'Font Awesome 5 Free';
		color: white;
		font-size: 2em;
		font-weight: 900;
	}
	
	#top-menu.open{
		background-color: black;
	}
	
	#top-menu.open li {
		display: block;
		padding-bottom: 40px;
	}
	
	#top-menu li a {
		color: rgba(200,187,155,1);
	}
	
	
	#slide1 .slide-center {
		padding-top: 35vh;
	}
	
	#slide1 .slide-center .info{
		font-size: 13px;
	}
	
	#slide1 .title-img img {
		max-width: 90vw !important;
	}
	
	.main-slide .item {
		min-height: 150vw;
	}
	#slide {
		min-height: auto;
	}
    
    h2 > img {
        max-height: 1.5em;
        max-width: 80vw;
    }
    
    #story {
        background-position: center center;
    }
	
	.mobile-center{
		text-align: center;
	}
    
    .role {
        margin-top: 5em;
    }
    .role-img-block {
        text-align: center;
    }    
    .role-img {
        max-height: 200px;
        margin-bottom: 2em;
        padding-top: 0;
    }
    .role-img.leading {
        position: static;
        padding-top: 0;
        max-height: 300px;
        margin-bottom: 0;
    }   
    .role.col-md-6 {
        max-width: calc(100% - 20px);
    }
	
	.author-intro {
		font-size: 1em;
	}
	
	
	#agenda .timeblock {
		display: block;
		width: 100%;
	}
	
	#agenda .timeblock > div {
		display: inline-block;
		width: 120px;
		height: 60px;
	}
	
	#agenda .timeblock > div:first-child {
		border-right: 1px solid lightgray;
	}
	
	#agenda .timeblock .timeline-img {
		width: 1px;
		margin: 0;
	}
	
	#agenda .timeline-img:after{
		top: -10px;
    	left: -10px;
	}
	
	#agenda .timeblock.focus > div:first-child{
	    width: 125px;
	}
	
	#agenda .timeblock > div:nth-child(3) {
		height: 40px;
	}
	
	#agenda .timeblock.focus .timeline-img:after{
		top: -15px;
		left: -16px;
	}
	
	.table-left {
		float: none;
		width: 100%;
		padding: 30px 0;
	}
	
	.table-right {
		float: none;
		width: 100%;
	}
	
	.agenda-item {
		padding: 20px;
		line-height: 2em;
		position: relative;
	}
	
	.speaker {
		position: absolute;
		top: 25px;
		right: 20px;
	}
	
	.speaker-title{
		text-align: right;
		line-height: 1em !important;
	}
	
	.speaker-title br {
		display: none;
	}
	
	.speaker-img {
		display: none;
	}
	
	.agenda-item.more:after{
		top: 45%;
	}
	
	.product-item{
		max-width: 95%;
	}
	.product-info {
		padding: 20px 10px 15px 30px;
	}
	
	#sponsor {
		min-height: unset;
	}
	
	.sponsor-tabs {
		text-align: center;
		padding: 0;
	}
	
	.sponsor-tabs li{
		font-size: 1em;
	}
	
	.sponsor-logo {
		max-width: calc(50% - 20px);
		margin-bottom: 20px;
	}
	
	.sponsor-contents .tab .row{
		margin-bottom: 0;
	}
	
	.sponsor-contents .tab{
		padding: 0;
	}
	
	.multiplerow {
		position: relative;
	}
	
	.multiplerow.owl-theme .owl-nav {
		position: absolute;
		width: 100%;
		top: 24%;
	}
	
	.multiplerow.owl-theme .owl-nav .owl-prev {
		float: left;
		margin-left: -15px;
	}
	
	.multiplerow.owl-theme .owl-nav .owl-next {
		float: right;
		margin-right: -15px;
	}
	
	.multiplerow.owl-theme .owl-nav > button span {
		color: white;
		font-size: 3em;
	}
	
	
	.showcase-tabs{
		padding: 0;
	}
	
	.theme-img {
		padding-top: 50%;
	}
	
	.theme-item:nth-child(2n-1) .theme-img,
	.theme-item:nth-child(2n) .theme-img {
		border-radius: 25px 25px 0 0;
	}
	
	.event-card-inner {
		position: static;
		left: 0;
		margin: auto;
	    width: 320px;
	}
	
	.event-card-outer {
		width: 100%;
	}
	
	.event-card-outer:after{
		display:none;
	}
	
	.event-cards.owl-carousel {
		position: relative;
	}
	
	.event-cards.owl-carousel .owl-nav {
		position: absolute;
		top: 45%;
		width: 100%;
	}
	
	.event-cards.owl-carousel .owl-nav button span {
		color: #a0c538;
		font-size: 3em;
	}
	
	.event-cards.owl-carousel .owl-nav .owl-prev {
		float: left;
		margin-left: -2px;
	}
	
	.event-cards.owl-carousel .owl-nav .owl-next {
		float: right;
		margin-right: -2px;
	}
	
	.event-desc ol{
		font-family: sans-serif;
	}
	
	.section-title{
	    font-size: 1.8rem;
	}
	
	.join_now button {
		height: 120px;
		width: 50px;
		font-size: 1.2em;
	}
		
	#footer{
		font-size: 13px;
	}

}