@media screen and (max-width: 768px)
{
	/*====================================== SECTION DEFAULT ======================================*/
	.pras-head
	{
		font-size: 36px;
	}
	.pras-category
	{
		font-size: 20px;
	}
	.pras-main, .pras-semi, .pras-info
	{
		font-size: 15px;
	}
	/*====================================== SECTION NAVBAR ======================================*/
	header .container-nav
	{
		padding: 0 15px;
	}
	header nav
	{
		padding: 0;
	}
	header nav .logo
	{
		margin-top: 0;
		padding-bottom: 0;
	}
	img.navbar-logo
	{
		margin-top: 0;
		width: 110px;
		margin-left: 0;
		/*height: 50px;*/
	}
	ul.menu-left
	{
		padding: 0;
		float: none;
		clear: both;
	}
	ul.menu-left,
	ul.menu-right,
	ul.menu-left li,
	ul.menu-right li
	{
		padding: 10px 0;
	}
	ul.menu-left
	{
		margin: 0;
		margin-top: 70px;
	}
	ul.menu-left
	{
		padding: 0 10px;
		width: 100%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	ul.menu-left.collapse
	{	
		z-index: 99;
		background-color: #fff;
		padding: 10px;
	}
	.menu-left > li > a, .menu-right > li > a
	{
		color: #1e2d49;
	}
	ul.menu-right
	{
		float: none;
		text-align: center;
	}
	ul.menu-right li
	{
		display: inline-block;
		margin: 0 15px;
	}
	ul.menu-right li .li-register
	{
		margin-right: 0;
	}
	ul.menu-right li a.btn-utama
	{
		color: #fff;
	}
	ul.menu-right li a.btn-kedua
	{
		border-color: #1e2d49;
	}
	/*====================================== SECTION LANDING PAGE ======================================*/
	section#landing-hero
	{
		height: 100%;
		padding-top: 15vh;
	}
	video#landingEarth
	{
		display: none;
	}
	.typewriter
	{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.hero-wrapper .pras-head
	{
		font-size: 30px;
	}
	.hero-wrapper .pras-semi
	{
		color: #fff !important;
	}
	#landing-about
	{
		padding-top: 0;
	}
	.landing-about-layer
	{
		top: 0%;
	}
	.landing-color-head
	{
		font-size: 40px;
		margin-bottom: 75px;
	}
	.row-wedo
	{
		margin-bottom: 50px;
	}
	.landing-wedo-wrapper
	{
		height: 200px;
	}
	.landing-wedo-word
	{
		width: 100%;
		top: 0;
		transform: none;
	}
	.landing-about-image
	{
		height: 200px;
		background-size: contain;
	}
	.landing-wedo-bg
	{
		right: -300px;
	}
	.landing-wedo-bg-2
	{
		bottom: 40%;
	}
	.landing-wedo-bg-3
	{
		bottom: 0;
		right: -75px;
		width: 175px;
		height: 175px;
	}
	.landing-wedo-image
	{
		height: 300px;
	}
	.landing-footer .pras-head
	{
		font-size: 30px;
		line-height: 50px;
	}
	.footer-cta
	{
		margin: 60px 15px;
	}
	.modal-warning
	{
		border-radius: 15px;
		padding: 0;
	}
	.modal-warning .close
	{
		position: absolute;
		top: 15px;
		right: 5px;
		border-color: #fff;
		opacity: 1;
	}
	.modal-warning .close span
	{
		color: #fff;
	}
	.warning-image
	{
		width: 100%;
	}
	.warning-image img
	{
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	/*====================================== SECTION LOGIN PAGE ======================================*/
	.regislogin-pause
	{
		display: none;
		z-index: 2;
		position: fixed;
		top: 2%;
		right: 2%;
	}
	.regislogin-pause .btn-pols
	{
		width: 100px;
		background-color: transparent;
	}
	/*====================================== SECTION REGISTER PAGE ======================================*/
	section#register-page
	{
		position: relative;
		left: 0;
		top: 0;
		overflow: none;
		min-height: 100vh;
		height: auto;
	}
	.register-vector
	{
		z-index: 2;
		position: absolute;
		top: 0;
		right: 0;
		min-height: auto;
		height: 25vh;
		width: 100px;
	}
	.regislogin-cta .btn-utama
	{
		width: 100%;
		text-align: center;
	}
	/*====================================== SECTION NAVBAR DASHBOARD ======================================*/
	header .container-nav
	{
		padding: 0 15px;
	}
	header.nav-dashboard ul.menu-left.collapse
	{
		max-height: 100% !important;
		border-bottom: 2px solid #495368;
	}
	header.nav-dashboard ul.menu-right li .btn-pols i
	{
		display: inline-block;
		height: auto;
		width: 30px;
		font-size: 22px;
		text-align: center;
		color: #1b262c;
	}
	header.nav-dashboard ul.menu-right li
	{
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}
	header.nav-dashboard ul.menu-right li .btn-pols
	{
		width: 100%;
		padding: 0;
		text-align: left;
		font-weight: 300;
	}
	header.nav-dashboard ul.menu-right .btn-pols span.word
	{
		opacity: 1;
		text-align: left;
		width: auto;
		position: relative;
		left: 0;
		bottom: 0;
		font-size: 20px;
		display: inline-block;
	}
	header.nav-dashboard ul.menu-right li .btn-pols span.word
	{
		margin-left: 10px;
		color: #1b262c;
	}
	header.nav-dashboard ul.menu-right li .btn-pols .total-notif
	{
		text-align: center;
	}
	header.nav-dashboard ul.menu-right li.li-logout .btn-pols i,
	header.nav-dashboard ul.menu-right li.li-logout .btn-pols span.word
	{
		color: #FF4C13;
	}
	header.nav-dashboard ul.menu-right li.li-logout a.btn-pols
	{
		color: #FF4C13;
	}
	span.journey-break
	{
		top: -35px;
	}
	/*====================================== SECTION DASHBOARD BLANK ======================================*/
	.blank-container
	{
		padding: 30px 0;
		margin: 100px auto 0 auto;
	}
	.blank-image
	{
		margin: 0 auto;
	}
	section.login-close .blank-container,
	section.register-close .blank-container
	{
		margin: 50px auto 0 auto;
	}
	section.leaderboard-blank .blank-wrapper,
	section.login-close .blank-wrapper,
	section.register-close .blank-wrapper
	{
		position: relative;
		bottom: 0;
		left: 0;
		padding: 0 15px;
	}
	section.page-404 {
		background-size: 850px 400px;
		background-size: cover;
		background-position: center right -370px;
		min-height: 100vh;
	}
	/*====================================== SECTION DASHBOARD PAGE ======================================*/
	.dashboard-information .pras-category
	{
		font-size: 22px;
	}
	.divider-countdown-left, .divider-countdown-right
	{
		top: 41%;
	}
	.countdown
	{
		position: relative;
		z-index: 1;
	}
	.countdown .bloc-time
	{
		margin-right: 10px;
	}
	.countdown .count-title
	{
		font-size: 15px;
		font-weight: 700;
	}
	.countdown .figure {
		height: 70px;
		width: 45px;
	}
	.countdown .figure
	{
		margin-right: 5px;
	}
	.countdown .figure > span
	{
		font: normal 2.2em/66px "Montserrat";
		font-weight: 700;
	}
	.countdown .figure .top:after, .countdown .figure .bottom-back:after
	{
		border-bottom: 1px solid transparent;
	}
	.container-dashboard
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	span.round-tab
	{
		font-size: 16px;
		width: 75px;
		height: 75px;
		line-height: 50px;
	}
	.progress-wrap .progress-bar:before
	{
		width: 85px;
		height: 85px;
		top: 0;
	}
	.wizard .nav-tabs li .times
	{
		margin-left: 10px;
	}
	.next-dashboard, .prev-dashboard
	{
		display: none;
	}
	img.journey-active
	{
		margin-left: -35px;
	}
	.dashboard-theme span.theme-divider
	{
		display: none;
	}
	/*====================================== SECTION PROFILE PAGE ======================================*/
	.section-heading .pras-head
	{
		font-size: 24px;
	}
	.section-heading span
	{
		margin-right: 0;
	}
	.nav-profile > li
	{
		margin: 25px 15px;
	}
	.defilee__main {
		position: relative;
		margin: 0 auto;
	}
	.defilee__outer {
		margin-top: 75px;
		min-height: 80vh;
		width: 100%;
	}
	.defilee__ctnr img
	{
		object-fit: contain !important;
		width: 100% !important;
		min-height: 200px;
		max-height: 200px;
	}
	.defilee__div:not(.defilee__div--text) {
		width: 200px;
		margin: 0 20vw;
		background: #fff;
		padding: 15px;
		border-radius: 4px;
		box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 1);
	}
	/*====================================== SECTION LEADERBOARD PAGE ======================================*/
	.leaderboard-top.second, .leaderboard-top.third
	{
		margin-top: 100px;
	}
	.leaderboard-myteam .rank,
	.leaderboard-myteam .score,
	.leaderboard-myteam .grade
	{
		margin-bottom: 15px;
	}
	/*====================================== SECTION JOURNEY DETAIL PAGE ======================================*/
	.hint-intermezo:before,
	.hint-intermezo:after
	{
		width: 10%;
	}
	.row-journey-detail
	{
		padding-top: 40px;
	}
	.journey-container
	{
		padding: 0;
		min-height: auto;
		margin: 30px 0;
	}
	.journey-iframe
	{
		padding: 0;
	}
	.journey-hologram img
	{
		margin-top: -50px;
	}
	/*====================================== SECTION REPORT PERSONAL ======================================*/
	section.dashboard-report
	{
		min-height: 0px;
	}
	.report-back
	{
		margin-top: 0;
	}
	.report-personal-body .picture
	{
		width: 250px;
		height: 250px;
		max-width: 250px;
		max-height: 250px;
	}
	section.dashboard-report .swiper-button-next, section.dashboard-report .swiper-button-prev
	{
		width: 32px;
		height: 32px;
		opacity: 0.2;
	}
	.report-assignment-grade .underline
	{
		width: 125px;
		left: 10%;
	}
	.report-attitude-leader
	{
		width: 125px;
		max-height: 150px;
	}
	.report-attitude-leader .picture img
	{
		height: 85px;
	}
	.report-attitude-leader .pras-info
	{
		font-size: 12px;
	}
	.report-msg-wrapper
	{
		margin-bottom: 40px;
	}

}