@media screen and (max-device-width: 480px)
{
	.vc-map.mobile
	{
		margin-bottom: 150px;
	}
	.vc-map.mobile .vc-desc
	{
		margin-bottom: 30px;
	}
	.vc-map.mobile .vc-wrapper.vc-main
	{
		height: 350px;
	}
	.vc-map.mobile .vc-wrapper
	{
		height: 350px;
	}
	.vc-map.mobile .image .sign
	{
		max-width: 125px;
		right: 0;
	}
	.doorprize
	{
		position: fixed;
		top: 85%;
		left: 10px;
	}
	.doorprize .image
	{
		max-width: 100px;
	}
	.doorprize .image h2
	{
		margin-left: 0;
		position: relative;
		font-size: 16px;
		top: -15px;
	}
	/*====================================== SECTION NAVBAR ======================================*/
	header nav.navbar.navbar-default .navbar-brand
	{
		max-width: 50px;
	}
	header .container-nav
	{
		padding: 0 15px;
	}
	header nav
	{
		padding: 0;
	}
	header nav .logo
	{
		margin-top: 0;
		padding-bottom: 0;
	}
	.nav-toggle
	{
		display: block;
	}
	header nav.navbar.navbar-default .navbar-brand
	{
		top: 5px;
		left: 10px;
		max-width: 60px;
	}
	ul.navbar-search
	{ 
		max-width: 55%;
	}
	ul.menu-right,
	ul.menu-right li
	{
		padding: 20px 0;
	}
	ul.navbar-right li.li-contact
	{
		margin-top: 10px;
		text-align: center;
	}
	ul.menu-right
	{
		transition: opacity 1s ease-out;
		opacity: 0;
		height: 10px;
		overflow: hidden;
		text-align: left;
		float: none;
		clear: both;
		padding: 0 10px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		transition: all 0.3s;
		transition-delay: 0.3s;
		border-bottom: 1px solid #0e1111;
	}
	ul.menu-right.collapse
	{
		opacity: 1;
		height: 100%;
		display: block;
		z-index: 99;
		padding: 20px 0;
	}
	ul.menu-right li
	{
		display: inline-block;
		margin: 0 5px;
	}
	ul.menu-right li .li-register
	{
		margin-right: 0;
	}
	ul.menu-right li a
	{
		color: #010101;
		font-size: 18px;
	}
	ul.menu-right li a.btn-utama
	{
		color: #fff;
	}
	ul.menu-right li .li-login.btn-kedua
	{
		color: #010101;
		border-color: #010101;
	}
	ul.menu-right li.catalog:before, ul.menu-right li.contact:before
	{
		top: 80%;
	}
	header nav.navbar.navbar-default .navbar-nav.navbar-right li > a
	{
		font-weight: 400;
	}
	header nav.navbar.navbar-default ul li .dropdown-content
	{
		display: block;
		padding: 0;
		position: static;
		margin-left: 25px;
	}
	.dropdown-content ul
	{
		overflow: hidden;
		text-align: left;
		background-color: #fff;
		border-radius: 10px;
		padding: 5px 0;
		width: 100%;
	}
	header nav.navbar.navbar-default ul li .dropdown-content
	{
		margin-left: 0;
	}
	header nav.navbar.navbar-default ul li .dropdown-content ul li
	{
		margin-bottom: 15px;
	}
	header nav.navbar.navbar-default ul li .dropdown-content ul li:last-child
	{
		margin-bottom: 10px;
	}
	header nav.navbar.navbar-default ul li .dropdown-content ul li a
	{
		padding: 10px 15px;
		font-weight: 300 !important;
	}
	/*====================================== SECTION LANDING PAGE ======================================*/
	section#section-hero
	{
		height: auto;
		background-size: contain;
		/*padding: 0 15px;*/
	}
	.hero-image
	{
		margin-top: 0;
	}
	.hero-image .word
	{
		position: static;
	}
	.hero-image .word h1
	{
		font-size: 25px;
	}
	.bg-hero-logo {
		max-width: 200px;
		top: 0;
		left: 0;
	}
	section#section-home-about
	{
		background-position: bottom 225px left -125px;	
		background-size: 300px 300px;
	}
	.about-home-word
	{
		height: auto;
		margin-top: 40px;
	}
	.about-home-word .image
	{
		top: -40px;
	}
	section#section-home-visimisi
	{
		background-position: top 200px right -120px;
		background-size: 200px;
	}
	.visimisi-image
	{
		max-width: 450px;
	}
	.eventlist-card .eventlist-word
	{
		min-height: auto;
	}
	section#section-home-eventlist
	{
		background-size: 150px 150px, 300px 300px;
		background-position: top 40px left -75px, bottom 0 right -80px;
	}
	.home-join
	{
		margin: 25px auto;
	}
	.contact-list .list .image
	{
		max-width: 50px;
	}
	/*====================================== SECTION REGISTER ======================================*/
	section#section-register
	{
		min-height: auto;
	}
	.count-player
	{
		position: absolute;
		top: 0;
		right: -80px;
	}
	/*====================================== SECTION PASS EVENT ======================================*/
	section#section-pass-top
	{
		min-height: 200px;
		width: 111%;
	}
	.pass-teaser
	{
		height: auto;
		padding: 30px 0;
	}
	.pass-teaser .button-text
	{
		padding-right: 0;
		position: relative;
		top: -1px;
	}
	.pass-teaser .btn-kedua
	{
		width: 60px;
		height: 60px;
		font-size: 30px;
		border-radius: 50%;
		margin-right: 10px;
	}
	.pass-teaser .btn-kedua i
	{
		position: relative;
		top: -2px;
		left: -5px;
	}
	.pass-teaser span.button-text h2.pahoa-category
	{
		color: #fff !important;
		font-size: 40px !important;
	}
	.modal-teaser .modal-body iframe.iframe-teaser
	{
		height: 250px;
		width: 111%;
	}
	.pass-hero .image
	{
		max-width: 250px;
	}
	section#section-pass-top-bottom
	{
		min-height: 500px;
	}
	.hero-word
	{
		margin: 0;
	}
	section#section-pass-about, section#section-pass-whatwedo, section#section-pass-whatwedo2
	{
		background-image: none;
		min-height: auto;
	}
	
	section#section-pass-about .pass-bg-image
	{
		width: 120%;
		height: 300px;
		margin-left: -15px;
		/*background-image: url("../images/section-perstibi-about.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center left;
	}
	.pass-about, .pass-whatwedo, .pass-whatwedo2
	{
		margin-top: 0;
	}
	section#section-pass-whatwedo .pass-bg-image
	{
		width: 120%;
		height: 300px;
		margin-left: -15px;
		/*background-image: url("../images/section-perstibi-about.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center left;
		margin-top: -51px;
	}

	section#section-pass-whatwedo2 .pass-bg-image
	{
		width: 120%;
		height: 300px;
		margin-left: -15px;
		/*background-image: url("../images/perstibi-landing-top-middle.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center left;
		margin-top: -10px;
	}

	section#section-pass-top-middle .pass-bg-image
	{
		width: 120%;
		height: 300px;
		margin-left: -15px;
		/*background-image: url("../images/perstibi-landing-top-middle.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center left;

		/* position: relative; 
		right: -15px;
		width: 110%;
		height: 300px;
		background-image: url("../images/section-perstibi-about.jpeg");
		background-repeat: no-repeat;
		background-size: cover;
		 background-position: center right; */
	}
	.pass-throwback, .throwback-video
	{
		padding: 0;
	}
	.throwback-video iframe
	{
		height: 300px;
	}
	.video-frame-top .image, .video-frame-bottom .image
	{
		width: 150px;
	}
	.pass-throwback .word
	{
		margin: 15px 0;
	}
	.video-frame-bottom
	{
		top: -15px;
		left: -20px;
	}
	.video-frame-top
	{
		top: -10px;
		right: -15px;
	}
	section#section-pass-throwback
	{
		padding-bottom: 0;
		margin-top: -52px;
	}
	.pass-cp .cp-wrapper .cp
	{
		margin: 5px 10px;
	}
	.footer-top
	{
		height: 110px;
		background-size: contain;
	}
	section#section-home-footer
	{
		padding-top: 15px;
		margin-top: -35px;
	}
	.pass-footer h1.pass-head
	{
		font-size: 30px;
	}
	/*====================================== SECTION BAZAAR ======================================*/
	.detailModal.animate.bz-shop-modal
	{
		margin-top: 65px;
	}
	section#section-bz-list
	{
		min-height: 100vh;
		height: 100%;
		padding-bottom: 30px;
	}
	section#section-bz-list .register-back
	{
		margin-top: 0;
	}
	.bz-list-container
	{
		height: auto;
		padding: 5px;
		margin-bottom: 30px;
	}
	.bz-list-wrapper
	{
		overflow-x: hidden;
		padding: 30px 5px 0 5px;
	}
	.bz-character
	{
		display: none;
	}
	.bz-list-container .bz-shop
	{
		height: 120px;
		max-height: 120px;
		min-height: 120px;
		margin-bottom: 40px;
	}
	.bz-shop-profile
	{
		display: block;
	}
	.bz-shop .category .image
	{
		width: 30px;
		height: 30px;
		padding: 0;
	}
	.bz-shop .category .image img
	{
		padding: 6px;
	}
	.bz-shop .logo .image
	{
		width: 35px;
		height: 35px;
		border-radius: 50%;
	}
	.bz-shop .logo .image img
	{
		border-radius: 50%;
	}
	.bz-shop .name
	{
		padding: 0 25px;
		top: 35px;
	}
	.bz-shop .name p
	{
		font-size: 10px;
	}
	.bz-shop.bz-shop-detail
	{
		height: 100% !important;
		max-height: 100% !important;
	}
	.bz-shop-profile .logo
	{
		float: none;
		display: block;
		max-width: 100px;
		margin: 0 auto 10px auto;
	}
	.bz-shop .logo
	{
		top: -25px;
	}
	.bz-shop.bz-shop-detail .logo .image
	{
		width: 75px;
		height: 75px;
	}
	.bz-shop.bz-shop-detail .category
	{
		bottom: 13px;
	}
	.bz-shop.bz-shop-detail .category .image
	{
		width: 50px;
		height: 50px;
	}
	.bz-shop.bz-shop-detail .name
	{
		top: 87px;
	}
	.bz-shop.bz-shop-detail .name p
	{
		max-width: 250px;
		font-size: 20px;
		padding: 5px;
	}
	.detailModal.bz-shop-modal .content
	{
		padding: 15px;
	}
	.product-detail .action .submit
	{
		margin-left: 10px;
	}
	.product-detail .action .submit-qty
	{
		font-size: 15px;
		padding: 15px;
	}
	.cart-container .header .cart-seller
	{
		max-width: 60%;
		margin-top: -10px;
	}
	.cart-list .wrapper .inside
	{
		float: none;
		overflow: hidden;
		display: block;
		width: 100%;
	}
	.quantity
	{
		float: none;
		display: block;
	}
	.cart-list .action
	{
		margin-top: 5px;
		float: none;
		overflow: hidden;
		position: relative;
	}
	.cart-delete
	{
		margin-top: 0;
		display: block;
		position: absolute;
		right: 20px;
		top: 10px;
	}
	.cart-delete .btn-pols
	{
		font-size: 20px;
	}
	.cart-container .wrapper-courier
	{
		box-shadow: 0 8px 18px 0 rgb(0 0 0 / 20%);
	}
	/*====================================== SECTION DASHBOARD BUYER PAHOA FEST ======================================*/
	section#section-dashboard
	{
		margin-top: 80px;
	}
	.sticky-menu
	{
		position: static;
	}
	.dashboard-menu
	{
		display: none;
	}
	.dashboard-menu-mobile
	{
		display: block;
	}
	.dashboard-content
	{
		padding: 10px 15px;
	}
	/*====================================== SECTION DASHBOARD SELLER PAHOA FEST ======================================*/
	.dashboard-content .checkbox-container .wrapper
	{
		min-width: 120px;
	}
	.report-total .earned
	{
		overflow: hidden;
		margin-bottom: 5px;
	}
	/*====================================== SECTION VIRTUAL DETAIL ======================================*/
	.swiper-button-prev.event-previous,
	.swiper-button-next.event-next
	{
		top: 50px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	/*====================================== SECTION DEFAULT ======================================*/
	.pahoa-head
	{
		font-size: 36px;
	}
	.pahoa-category
	{
		font-size: 20px;
	}
	.pahoa-main, .pahoa-semi, .pahoa-info
	{
		font-size: 15px;
	}
	/*====================================== SECTION NAVBAR ======================================*/
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		text-align: center;
	}
	.navbar-nav>li {
		float: none;
	}
	.collapse.in{
		display:block !important;
	}
	header .container-nav
	{
		padding: 0 15px;
	}
	header nav
	{
		padding: 0;
	}
	header nav .logo
	{
		margin-top: 0;
		padding-bottom: 0;
	}
	.nav-toggle
	{
		display: block;
	}
	header nav.navbar.navbar-default .navbar-brand
	{
		top: 5px;
		left: 10px;
		max-width: 60px;
	}
	ul.navbar-search
	{ 
		max-width: 55%;
	}
	ul.menu-right,
	ul.menu-right li
	{
		padding: 20px 0;
	}
	ul.navbar-right li.li-contact
	{
		margin-top: 10px;
		text-align: center;
	}
	ul.menu-right
	{
		transition: opacity 1s ease-out;
		opacity: 0;
		height: 10px;
		overflow: hidden;
		text-align: center;
		float: none;
		clear: both;
		padding: 0 10px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		transition: all 0.3s;
		transition-delay: 0.3s;
		border-bottom: 1px solid #0e1111;
	}
	ul.menu-right.collapse
	{
		opacity: 1;
		height: 100%;
		display: block;
		z-index: 99;
		padding: 20px 0;
	}
	ul.menu-right li
	{
		display: inline-block;
		margin: 0 5px;
	}
	ul.menu-right li .li-register
	{
		margin-right: 0;
	}
	ul.menu-right li a
	{
		color: #010101;
		font-size: 18px;
	}
	ul.menu-right li a.btn-utama
	{
		color: #fff;
	}
	ul.menu-right li .li-login.btn-kedua
	{
		color: #010101;
		border-color: #010101;
	}
	ul.menu-right li.catalog:before, ul.menu-right li.contact:before
	{
		top: 80%;
	}
	header nav.navbar.navbar-default .navbar-nav.navbar-right li > a.subheading-menu
	{
		font-weight: 700;
	}
	header nav.navbar.navbar-default ul li .dropdown-content
	{
		display: block;
		padding: 0;
		position: static;
		margin-left: 25px;
	}
	.dropdown-content ul
	{
		overflow: hidden;
		text-align: center;
		background-color: #fff;
		border-radius: 10px;
		padding: 5px 0;
		width: 100%;
	}
	header nav.navbar.navbar-default ul li .dropdown-content ul li
	{
		margin-bottom: 15px;
	}
	header nav.navbar.navbar-default ul li .dropdown-content ul li:last-child
	{
		margin-bottom: 10px;
	}
	header nav.navbar.navbar-default ul li .dropdown-content ul li a
	{
		padding: 10px 15px;
		font-weight: 300 !important;
	}
	/*====================================== SECTION LANDING PAGE ======================================*/
	section#section-hero
	{
		height: auto;
		background-size: contain;
		/*padding: 0 15px;*/
	}
	.hero-image
	{
		margin-top: 0;
	}
	.hero-image .word
	{
		position: static;
	}
	.hero-image .word h1
	{
		font-size: 25px;
	}
	.bg-hero-logo {
		max-width: 200px;
		top: 0;
		left: 0;
	}
	section#section-home-about
	{
		background-position: bottom 225px left -125px;	
		background-size: 300px 300px;
	}
	.about-home-word
	{
		height: auto;
		margin-top: 40px;
	}
	.about-home-word .image
	{
		top: -40px;
	}
	section#section-home-visimisi
	{
		background-position: top 200px right -120px;
		background-size: 200px;
	}
	.visimisi-image
	{
		max-width: 450px;
	}
	.eventlist-card .eventlist-word
	{
		min-height: auto;
	}
	section#section-home-eventlist
	{
		background-size: 150px 150px, 300px 300px;
		background-position: top 40px left -75px, bottom 0 right -80px;
	}
	.home-join
	{
		margin: 25px auto;
	}
	.contact-list .list .image
	{
		max-width: 50px;
	}
	/*====================================== SECTION REGISTER ======================================*/
	section#section-register
	{
		min-height: auto;
	}
	.count-player
	{
		position: absolute;
		top: 0;
		right: -80px;
	}
	/*====================================== SECTION PASS EVENT ======================================*/
	section#section-pass-top
	{
		min-height: auto;
	}
	.pass-teaser
	{
		height: auto;
		padding: 30px 0;
	}
	.pass-teaser .button-text
	{
		padding-right: 0;
		position: relative;
		top: -1px;
	}
	.pass-teaser .btn-kedua
	{
		width: 60px;
		height: 60px;
		font-size: 30px;
		border-radius: 50%;
		margin-right: 10px;
	}
	.pass-teaser .btn-kedua i
	{
		position: relative;
		top: -2px;
		left: -5px;
	}
	.pass-teaser span.button-text h2.pahoa-category
	{
		color: #fff !important;
		font-size: 40px !important;
	}
	.modal-teaser .modal-body iframe.iframe-teaser
	{
		height: 250px;
		width: 111%;
	}
	.pass-hero .image
	{
		max-width: 250px;
	}
	section#section-pass-top-bottom
	{
		min-height: 500px;
	}
	.hero-word
	{
		margin: 0;
	}
	section#section-pass-about, section#section-pass-whatwedo, section#section-pass-whatwedo2
	{
		background-image: none;
		min-height: auto;
	}
	section#section-pass-about .pass-bg-image
	{
		width: 120%;
		height: 300px;
		margin-left: -15px;
		/*background-image: url("../images/section-perstibi-about.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center left;
	}
	.pass-about, .pass-whatwedo, .pass-whatwedo2
	{
		margin-top: 0;
	}
	section#section-pass-whatwedo .pass-bg-image
	{
		position: relative;
		right: -15px;
		width: 100%;
		height: 300px;
		/*background-image: url("../images/section-perstibi-about.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center right;
	}
	section#section-pass-whatwedo2 .pass-bg-image
	{
		position: relative;
		right: -15px;
		width: 100%;
		height: 300px;
		/*background-image: url("../images/perstibi-landing-top-middle.jpeg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center right;
	}
	.pass-throwback, .throwback-video
	{
		padding: 0;
	}
	.throwback-video iframe
	{
		height: 300px;
	}
	.video-frame-top .image, .video-frame-bottom .image
	{
		width: 150px;
	}
	.pass-throwback .word
	{
		margin: 15px 0;
	}
	.video-frame-bottom
	{
		top: -15px;
		left: -20px;
	}
	.video-frame-top
	{
		top: -10px;
		right: -15px;
	}
	section#section-pass-throwback
	{
		padding-bottom: 0;
		
	}
	.pass-cp .cp-wrapper .cp
	{
		margin: 5px 10px;
	}
	.footer-top
	{
		height: 110px;
		background-size: contain;
	}
	section#section-home-footer
	{
		padding-top: 15px;
		margin-top: -35px;
	}
	.pass-footer h1.pass-head
	{
		font-size: 30px;
	}
	/*====================================== SECTION BAZAAR ======================================*/
	section#section-bz-list
	{
		min-height: 100vh;
		height: 100%;
		padding-bottom: 30px;
	}
	.bz-character
	{
		display: none;
	}
	section#section-bz-list .register-back
	{
		margin-top: 0;
	}
	.bz-list-container
	{
		height: auto;
		padding: 5px;
	}
	.bz-list-wrapper
	{
		overflow-x: hidden;
		padding: 5px;
	}
	.detailModal.bz-shop-modal .content
	{
		padding: 15px;
	}
	/*====================================== SECTION VIRTUAL DETAIL ======================================*/
	.swiper-button-prev.event-previous,
	.swiper-button-next.event-next
	{
		top: 50px;
	}
	/*====================================== SECTION DASHBOARD PAHOA FEST ======================================*/
	section#section-dashboard
	{
		margin-top: 80px;
	}
	.sticky-menu
	{
		position: sticky;
	}
	.dashboard-menu
	{
		display: block;
	}
	.dashboard-menu-mobile
	{
		display: none;
	}
	.dashboard-content
	{
		padding: 10px 15px;
	}
	/*====================================== SECTION DASHBOARD SELLER PAHOA FEST ======================================*/
	.report-total .earned
	{
		overflow: hidden;
		margin-bottom: 5px;
	}
}