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

#lt-mobile-account-popup {
	display: none;
}

@media screen and (max-width: 1200px) {
    .hero-section .hero-heading .hero-line-normal,
	.hero-section .hero-heading .hero-line-bold{
		font-size: 72px !important;
	}

	div.tk-content {
		bottom: 0% !important;
	}

	h1.tk-title {
		margin-bottom: 24px !important;
	}

	div.tribe-events {
		padding: 0px 60px !important;
	}
	
	div.uimob500 .um-profile-body {
		margin: 0px 60px !important;
	}
	
	body.um-page article.ast-article-single,
	body.single-tribe_events .site-content,
	div.um-account.um-editing {
		padding: 40px 60px !important;
	}
	
	div.kegiatan-left {
		padding: 0px 60px !important;
	}
	
	.lt-evdoc-wrap {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	
	.main-header-menu .menu-link {
		padding: 0px 10px !important;
	}
}

@media screen and (max-width: 1024px) {
	#ast-desktop-header {
		display: none !important;
	}

	#masthead {
        padding: 20px 0px !important;
    }
	
    #masthead .ast-primary-header-bar {
        padding: 0px 60px !important;
    }
	
	body.home:not(.nav-solid) #masthead .main-header-menu > .menu-item > a.menu-link,
	#masthead .main-header-menu > .menu-item > a.menu-link {
		color: #bbbbbb !important;
	}
	
	#masthead .main-header-menu > .current-menu-item > a.menu-link::after,
	#masthead .main-header-menu > .menu-item > a.menu-link:hover::after, 
	#masthead .main-header-menu > .menu-item:hover > a.menu-link::after,
	body.home #masthead .main-header-menu > .lt-anchor-spy.lt-nav-section-active > a::after {
		bottom: 12px !important;
	}
	
	#masthead .main-header-menu > .current-menu-item > a.menu-link::after {
    display: none;
    }
    
    body.home:not(.nav-solid) #masthead .main-header-menu > .menu-item.current-menu-item > a.menu-link, #masthead .main-header-menu > .menu-item.current-menu-item > a.menu-link {
        color: #333 !important;
    }

	img.tk-scene-off,
	img.tk-scene-on {
		height: stretch !important;
	}

	.tk-step-text {
		font-size: 1rem !important;
	}
	
	.menu-item a.menu-link {
		padding: 0px 60px !important;
		font-family: 'Saira' !important;
	}
	
	#masthead .main-header-menu > .current-menu-item > a.menu-link::after, 
	#masthead .main-header-menu > .menu-item > a.menu-link:hover::after, 
	#masthead .main-header-menu > .menu-item:hover > a.menu-link::after, 
	body.home #masthead .main-header-menu > .lt-anchor-spy.lt-nav-section-active > a::after {
		margin: 0px 60px !important;
	}
	
	.ast-header-button-1 {
		align-items: baseline !important;
		padding: 8px 60px !important;
	}
	
	
	#ast-mobile-site-navigation .lt-user-widget {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 8px 0 !important;
	}

	#ast-mobile-site-navigation .lt-user-avatar {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		object-fit: cover;
		display: block;
		border: 1.5px solid rgba(255, 255, 255, 0.55);
	}

	#ast-mobile-site-navigation .lt-user-greeting {
		font-size: 14px;
		font-weight: 400;
		white-space: normal;
		line-height: 1.35;
	}

	#ast-mobile-site-navigation .lt-chevron {
		margin-left: auto;
	}

	#lt-mobile-account-popup {
		position: fixed;
		top: 576px;
		right: 16px;
		left: 16px;
		width: auto;
		max-width: 360px;
		margin-left: auto;
		margin-right: 0;
		opacity: 0;
		pointer-events: none;
		transform: translateY(-8px);
		transition: opacity 0.18s ease, transform 0.18s ease;
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
		border-radius: 8px;
		z-index: 99999;
		background: #EEEEEE;
		max-height: calc(100vh - 100px);
		overflow: auto;
	}

	#lt-mobile-account-popup.open {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	#lt-mobile-account-popup .lt-popup-head {
		padding: 14px 14px 12px;
	}

	#lt-mobile-account-popup .lt-popup-links {
		margin: 0 16px;
	}

	#lt-mobile-account-popup .lt-popup-links a {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#lt-mobile-account-popup .lt-popup-links a:last-child {
		margin-bottom: 12px;
	}

	body.logged-in #ast-hf-menu-2 > .lt-user-widget-item {
		display: flex !important;
		align-items: center;
	}

	#ast-mobile-site-navigation .lt-mobile-widget-item {
		margin: 0px !important;
		padding: 0px 60px !important;
		border-top: 1px solid rgba(255, 255, 255, 0.14);
	}

	.lt-user-popup.lt-user-popup-mobile-outside.open {
		display: block !important;
		top: 180px !important;
		right: 60px !important;
	}

	body.home:not(.nav-solid) #masthead .lt-user-widget span,
	body.home:not(.nav-solid) #masthead .lt-user-widget svg {
		color: #111111 !important;
	}
	
	.um-account-side {
		width: 30% !important;
	}

	.uimob800-hide {
		display: block !important;
	}

	.uimob800-show {
		display: none !important;
	}

	div.uimob800 .um-account-meta a,
	div.uimob800 .um-account-side ul {
		border: 0 !important;
	}

	.um-account-meta img.um-avatar-gravatar {
		border-radius: 999px !important;
		width: 120px !important;
		margin: auto !important;
	}
	
	.um-account-title {
		text-align: left !important;
	}
}

@media screen and (max-width: 921px) {
	.wp-container-core-group-is-layout-7387b849>p {
		text-align: left !important;
		line-height: 1 !important;
	}
	.wp-container-core-group-is-layout-7387b849>figure {
		height: auto !important;
		margin: 0 auto !important;
	}
	
	.wp-container-content-d50df0bc {
		flex: 0 0 0px !important;
		flex-basis: 100px !important;
	}
	
	.lt-archive-inner {
		padding: 0 60px !important;
	}
	
	.lt-post-wrap {
		padding: 32px 60px 60px !important;
	}
	
	.entry-title {
		text-align: center !important;
	}
	
	.um-account-side {
		width: 100% !important;
		padding-bottom: 20px !important;
	}
}

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

@media screen and (max-width: 768px) {
	body {
		font-family: 'Saira' !important;
	}
	
    #masthead {
        padding: 20px 0px !important;
		height: 80px !important;
    }

	#masthead .ast-primary-header-bar {
        padding: 0px 20px !important;
    }

	#lt-mobile-account-popup {
		display: block;
	}

	#ast-mobile-site-navigation .lt-mobile-widget-item {
		margin: 0px !important;
		padding: 10px 15px !important;
		border-top: 1px solid rgba(255, 255, 255, 0.14);
	}

	#ast-mobile-site-navigation .lt-user-widget {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 8px 0 !important;
	}

	#ast-mobile-site-navigation .lt-user-avatar {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		object-fit: cover;
		display: block;
		border: 1.5px solid rgba(255, 255, 255, 0.55);
	}

	#ast-mobile-site-navigation .lt-user-greeting {
		font-size: 14px;
		font-weight: 400;
		white-space: normal;
		line-height: 1.35;
	}

	#ast-mobile-site-navigation .lt-chevron {
		margin-left: auto;
	}
	
	.hero-section .hero-heading br {display: none;}
	
	.hero-section .hero-heading .hero-line-normal { margin-right: 7px;}

	#lt-mobile-account-popup {
		position: fixed;
		top: 576px;
		right: 16px;
		left: 16px;
		width: auto;
		max-width: 360px;
		margin-left: auto;
		margin-right: 0;
		opacity: 0;
		pointer-events: none;
		transform: translateY(-8px);
		transition: opacity 0.18s ease, transform 0.18s ease;
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
		border-radius: 8px;
		z-index: 99999;
		background: #EEEEEE;
		max-height: calc(100vh - 100px);
		overflow: auto;
	}

	#lt-mobile-account-popup.open {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	#lt-mobile-account-popup .lt-popup-head {
		padding: 14px 14px 12px;
	}

	#lt-mobile-account-popup .lt-popup-links {
		margin: 0 16px;
	}

	#lt-mobile-account-popup .lt-popup-links a {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#lt-mobile-account-popup .lt-popup-links a:last-child {
		margin-bottom: 12px;
	}

	body.logged-in #ast-hf-menu-2 > .lt-user-widget-item {
		display: flex !important;
		align-items: center;
		margin-left: auto !important;
	}
	
	body.home:not(.nav-solid) #masthead .main-header-menu > .menu-item > a.menu-link,
	#masthead .main-header-menu > .menu-item > a.menu-link {
		color: #bbbbbb !important;
	}
	
	#masthead .main-header-menu > .current-menu-item > a.menu-link::after,
	#masthead .main-header-menu > .menu-item > a.menu-link:hover::after, 
	#masthead .main-header-menu > .menu-item:hover > a.menu-link::after,
	body.home #masthead .main-header-menu > .lt-anchor-spy.lt-nav-section-active > a::after {
		bottom: 12px !important;
		margin: 0px 20px !important;
	}
	
	.hero-section .hero-heading .hero-line-normal,
	.hero-section .hero-heading .hero-line-bold{
		font-size: 48px !important;
	}
	
	.elementor-18 .elementor-element.elementor-element-0974785 {
		padding-left: 0px !important;
	}
	
	.ast-footer-row-mobile-stack {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	#block-17 .wp-block-columns {
		display: grid !important;
	}
	
	#block-23 .wp-block-group {
		align-items: start !important;
	}
	
	#block-23 p {
		font-size: 30px !important;
	    text-align: left;
	}
	
	div.tribe-events {
		padding: 0px 20px !important;
	}
	
	div.uimob500 .um-profile-body {
		margin: 0px 20px !important;
	}
	
	div.um-viewing #um_field_9_company {
		padding-top: 20px !important;
		padding-bottom: 30px !important;
	}
	
	body.um-page article.ast-article-single,
	body.single-tribe_events,
	body.single-tribe_events .site-content,
	div.um-account.um-editing {
		padding: 20px !important;
	}
	
	.kegiatan-section div.kegiatan-inner {
		padding: 0px !important;
	}
	
	div.kegiatan-left {
		padding: 0px 20px !important;
	}
	
	h2.kegiatan-title {
		margin-left: -3px !important;
	}
	
	span.lt-user-greeting {
		color: #111111 !important;
	}
	
	.lt-evdoc-wrap {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.main-header-menu .menu-link {
		padding: 0px 20px !important;
	}

	#block-17 .wp-block-group {
		display: block !important;
		margin-bottom: 4px !important;
	}

	.tk-step-text {
		font-size: 0.75rem !important;
	}

	.ast-mobile-header-wrap .ast-primary-header-bar {
		min-height: 0 !important;
	}

	.ast-logo-title-inline .ast-site-identity {
		padding: 0 !important;
	}

	.menu-item a.menu-link {
		padding: 0px 20px !important;
	}

	.ast-header-button-1 {
		padding: 8px 20px !important;
	}

	.hero-section .hero-heading-clip {
		display: flex;
    	align-items: end;
/* 		min-height: 150px !important; */
	}
	
	#block-17 .wp-block-paragraph {
		text-align: center !important;
		padding-bottom: 8px !important;
	}
	
	.kegiatan-section {
		padding-bottom: 0px !important;
	}
	
	#block-23 .wp-block-group {
		align-items: center !important;
	}
	
	.info-terbaru-section .slide-image {
		height: auto !important;
	}	 

	.info-terbaru-section .slide-image img {
		width: 100% !important;
	    aspect-ratio: 3 / 4 !important;
	    object-fit: cover !important;
		max-width: 400px;
	    margin: auto;
	}

	div.tk-content {
		bottom: 15% !important;
	}
}

@media screen and (max-width: 560px) {
	.hero-section .hero-heading-clip {
		display: flex;
    	align-items: end;
		min-height: 200px !important;
	}

	#block-23 .wp-block-group {
		display: block !important;
	}
	
	#block-23 p {
		padding-top: 20px !important;
		text-align: center !important;
	}
	
	.tribe-events-meta-group {
		margin-bottom: 30px !important;
	}
	
	.tribe-link-view-attendee {
		margin: 0px !important;
		padding: 15px 0 !important;
	}
}

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

@media screen and (max-width: 480px) {
    .hero-section .hero-heading-clip {
		display: flex;
    	align-items: end;
		min-height: 170px !important;
	}
	
	.hero-section .hero-heading .hero-line-normal,
	.hero-section .hero-heading .hero-line-bold{
		font-size: 36px !important;
	}
	
	.hero-section .hero-cta-link {
		font-size: 18px !important;
	}
	
	.keanggotaan-desc br {
		display: none !important;
	}
}

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

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