@media only screen and (max-device-width: 1024px)
{
	h1 { font-size: 40px; line-height: 44px;}
	h2 { font-size: 30px; line-height: 32px;}
	h3 { font-size: 20px; line-height: 26px;}
	h4 { font-size: 16px; line-height: 24px !important;}
	h5 { font-size: 15px; line-height: 23px;}
	h6 { font-size: 12px; line-height: 20px;}
	p {font-size: 18px;}
	.box-head{
		line-height: 54px;
	}
	.box-category{
		line-height: 42px;
	}
	p.box-semi.p-heading
	{
		font-size: 18px;
	}
	.navbar-space
	{
		margin-top: 60px;
	}
	section
	{
		margin-bottom: 50px;
	}
	.modal-header .close
	{
		top: 0;
		right: 0;
		opacity: 1;
	}
	.modal-header .close span
	{
		color: red;
	}
	/*.modal-footer
	{
		padding: 0;
	}*/
	/*====================================== SECTION NAVBAR ======================================*/
	header .container-nav
	{
		padding: 10px 15px;
	}
	header nav
	{
		padding: 0;
	}
	header #navigation .logo
	{
		margin-top: 0;
	}
	header #navigation .logo img.navbar-logo
	{
		margin-top: 0;
		width: 125px;
	}
	.nav-toggle
	{
		display: block;
		margin-top: -10px;
		margin-bottom: 0;
	}
	img.navbar-logo
	{
		width: 60px;
		margin-top: 15px;
		margin-left: 0;
		/*height: 50px;*/
	}
	ul.menu-left
	{
		display: none;
	}
	ul.menu-right
	{
		display: block !important;
		opacity: 0;
		position: fixed;
		top: 0;
		left: -500px;
		width: 70%;
		height: 100vh;
		display: none;
		float: none;
		clear: both;
		padding: 10px;
		transition: ease-out 0.5s;
	}
	ul.menu-right.collapse
	{	
		/*position: relative;*/
		left: 0;
		opacity: 1;
		display: block;
		z-index: 99;
		background-color: #038945;
		padding: 10px 15px;
		border-right: 2px solid #fff;
		transition: all 0.3s;
		box-shadow: 0 8px 18px 0 rgb(255 255 255 / 39%);
	}
	ul.menu-right:before
	{
		content: "";
		display: block;
		background-image: url(../images/logo-white.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center right;
		max-width: 150px;
		width: 100%;
		height: 75px;
		margin: 0 auto;
	}
	ul.menu-right li
	{
		float: none;
		margin-left: 0;
		text-align: left;
	}
	ul.menu-right li a
	{
		position: relative;
		display: block;
		padding: 10px 5px;
		border-radius: 30px;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.2px;
		font-weight: 400;
		color: #fff;
		transition: all 0.3s;
	}
	ul.menu-right li.button-login a
	{
		margin-top: 10px;
		margin-bottom: 15px;
		text-align: center;
	}
	ul.menu-right li.li-dashboard a
	{
		text-align: center;
		font-weight: 700;
	}
	ul.menu-right li.logout 
	{
		background-color: red;
		position: absolute;
		top: 75px;
		left: 75px;
		width: 35px;
		height: 35px;
		border-radius: 50%;
	}
	ul.menu-right li.logout span
	{
		color: #fff;
		font-size: 20px;
		position: relative;
		left: 8px;
		top: 7px;
	}
	ul.menu-right li.logout a
	{
		position: relative;
		display: block;
		padding: 0;
		border-radius: 0;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.2px;
		font-weight: 300;
		color: #1b262c;
		transition: all 0.3s;
	}
}
/*Phone View*/
@media only screen and (min-device-width: 320px) and (max-device-width: 767px)
{
	/*====================================== SECTION DEFAULT ======================================*/
	h1 { font-size: 40px; line-height: 44px;}
	h2 { font-size: 30px; line-height: 32px;}
	h3 { font-size: 20px; line-height: 26px;}
	h4 { font-size: 16px; line-height: 24px !important;}
	h5 { font-size: 15px; line-height: 23px;}
	h6 { font-size: 12px; line-height: 20px;}
	p {font-size: 18px;}
	.box-head{
		line-height: 54px;
	}
	.box-category{
		line-height: 42px;
	}
	p.box-semi.p-heading
	{
		font-size: 18px;
	}
	.navbar-space
	{
		margin-top: 60px;
	}
	section
	{
		margin-bottom: 50px;
	}
	.modal-header .close
	{
		top: 10px;
		right: 0;
	}
	/*====================================== SECTION LANDING PAGE ======================================*/
	section.section-home-hero
	{
		/*margin-top: 0;*/
		margin-top: 70px;
		height: 100%;
	}
	section.section-home-hero .row
	{	
		display: flex;
		flex-direction: column-reverse;
	}
	.home-hero .image-wrapper
	{
		position: static;
		height: 100%;
		margin-bottom: 0;
	}
	.home-hero.home-hero-word
	{
		height: 100%;
	}
	.home-hero.home-hero-word .word
	{
		position: static;
		top: 0;
	}
	.row-middle
	{
		flex-direction: column;
	}
	.home-about .image,
	.home-about .logo
	{
		max-width: 250px;
		margin: 0 auto;
	}
	section.section-home-category
	{
		overflow: hidden;
		height: 85vh;
	}
	.home-parallax.parallax-left
	{
		transform: rotate(6deg);
		left: 5%;
		bottom: 20%;
	}
	.home-parallax.parallax-mid
	{
		transform: rotate(0deg);
		left: 0%;
		bottom: 0%;
	}
	.home-parallax.parallax-right
	{
		transform: rotate(-6deg);
		right: 2%;
		bottom: 40%;
	}
	section.section-home-why,
	section.section-home-client
	{
		margin: 50px 0;
	}
	.home-service
	{
		height: auto;
		margin: 0 auto 50px auto;
	}
	.home-service .image
	{
		max-width: 250px;
		margin: 0 auto;
	}
	section.section-home-service
	{
		margin: 0;
	}
	section.section-home-price
	{
		margin-top: 0;
		margin-bottom: 50px;
	}
	.home-price
	{
		margin-top: -20px;
		text-align: center;
	}
	.home-price .image
	{
		margin-top: -50px;
	}
	section.section-home-location .row-middle
	{
		flex-direction: column-reverse;
	}
	.home-location .wrapper .list
	{
		flex-direction: column;
	}
	.home-location .wrapper .list .image
	{
		margin-bottom: 15px;
	}
	.home-location .wrapper .list .cta .btn-utama
	{
		width: 100%;
	}
	.home-client .image
	{
		flex-basis: 20%;
		height: 50px;
		margin: 0 15px 10px 0px;
	}
	.home-cta .image .wrapper
	{
		top: 75px;
	}
	.home-cta .image .wrapper .word
	{
		max-width: 250px;
	}
	.home-cta .image .wrapper .word h2.box-category
	{
		font-size: 20px;
		line-height: 24px;
	}
	/*====================================== SECTION ABOUT PAGE ======================================*/
	.section-about-hero
	{
		margin-top: 80px !important;
	}
	.section-about-hero .subject-heading
	{
		padding: 0 15px;
	}
	.about-hero
	{
		margin-top: -40px;
	}
	.about-intermezo
	{
		padding-top: 220px;
		position: relative;
		flex-direction: column;
	}
	.about-intermezo .image
	{
		position: absolute;
		top: 0;
	}
	.about-intermezo .image:nth-of-type(1)
	{
		max-width: 100px;
		left: 20%;
	}
	.about-intermezo .image:nth-of-type(3)
	{
		max-width: 90px;
		right: 20%;
	}
	.about-intermezo .word
	{
		text-align: left;
	}
	section.section-about-intermezo .row-middle
	{
		flex-direction: column-reverse;
	}
	section.section-about-visimisi
	{
		overflow: hidden;
	}
	.about-visimisi
	{
		margin-bottom: 30px;
	}
	.about-visimisi .image
	{
		padding: 0;
	}
	.about-visimisi .wrapper,
	.about-visimisi.misi .wrapper
	{
		padding: 30px 15px;
	}
	.about-parallax.parallax-left
	{
		left: 10%;
		bottom: 30%;
	}
	.about-parallax.parallax-mid
	{
		left: 0%;
		bottom: 0%;
	}
	.about-parallax.parallax-right
	{
		right: 15%;
		bottom: 70%;
	}
	/*====================================== SECTION SERVICE PAGE ======================================*/
	section.section-service-hero,
	section.section-category-hero,
	section.section-contact
	{
		margin-top: 70px;
	}
	section.section-service-hero .subject-heading
	{
		padding: 0 15px;
	}
	section.section-home-cta.service-cta
	{
		margin-top: 0;
	}
	.section-service-list:nth-child(odd),
	.section-service-list:nth-child(even)
	{
		background-size: 100px;
	}
	.row-service
	{
		flex-direction: column
	}
	.row-reverse
	{
		flex-direction: column-reverse
	}
	.section-service-list:nth-child(odd) .row-service
	{
		flex-direction: column-reverse;
	}
	.service-card .image
	{
		max-width: 250px;
		margin-bottom: 20px;
	}
	.service-card .word .number
	{
		top: -50px;
		left: 0;
	}
	.section-service-list:nth-child(odd):before
	{
		top: -98px;
	}
	.section-service-list:nth-child(odd):after
	{
		bottom: -98px;
	}
	/*====================================== SECTION CATEGORY PAGE ======================================*/
	section.section-category-hero
	{
		margin-bottom: 0;
	}
	section.section-category-list
	{
		padding-top: 0;
	}
	ul.ul-category
	{
		background-size: contain;
	}
	ul.ul-category .folio-item
	{
		flex-basis: 50%;
	}
	ul.ul-category .folio-item .hex-clip
	{
		width: 160px;
		height: 182px;
	}
	.hex-clip .image
	{
		padding: 30px;
	}
	.folio-item .details h3.box-category
	{
		line-height: 24px;
	}
	section.section-category-list:nth-child(even)
	{
		margin-top: 100px;
		margin-bottom: 150px;
		padding-bottom: 0;
	}
	section.section-category-list:nth-child(even):before
	{
		top: -100px;
	}
	section.section-category-list:nth-child(even):after
	{
		bottom: -100px;
	}
	section.section-category-list:last-child
	{
		margin-bottom: 0;
	}
	/*====================================== SECTION CONTACT PAGE ======================================*/
	section.section-contact .container.mb100 .subject-heading
	{
		margin-top: -50px;
	}
	.contact-iframe iframe
	{
		height: 250px;
	}
	.contact-location
	{
		margin-bottom: 40px;
	}
	.row-contact
	{
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 20px;
	}
	.sticky-contact
	{
		position: static;
		top: 0;
	}
	.contact-wrapper
	{
		margin-top: -75px;
		margin-bottom: 20px;
	}
	/*====================================== SECTION LOGIN & REGISTER PAGE ======================================*/
	section.section-loginregis
	{
		margin-top: 70px;
	}
	.loginregis-wrapper .image
	{
		margin-bottom: 20px;
	}
	.row-loginregis
	{
		display: flex;
		flex-direction: column-reverse;
	}
	.row-regis
	{
		flex-direction: column-reverse;
	}
	/*====================================== SECTION 404 PAGE ======================================*/
	section.section-notfound
	{
		margin-top: 40px;
		margin-bottom: 0;
		background-size: 100px, 50px;
		background-size: 100px, 50px;
		background-position: left top, right bottom 50px;
	}

	/*====================================== SECTION FOOTER PAGE ======================================*/
	.footer-top
	{
		margin-bottom: 0;
	}
	.footer-top .icon-kerning
	{
		max-width: 50px;
		top: -80px;
		left: 0;
	}
	.footer-top .wrapper h2.box-category
	{
		font-size: 22px;
		line-height: 30px;
	}
	footer.footer
	{
		margin-top: -10px;
		padding-top: 15px;
	}
	.footer-menu
	{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-menu .footer-logo .image
	{
		max-width: 150px;
	}
	.footer-menu .footer-header
	{
		margin-bottom: 10px;
	}
	.footer-menu ul
	{
		margin-top: 10px;
		margin-left: 0;
	}
	.footer-menu ul li
	{
		margin-bottom: 20px;
	}
	.footer-menu ul li.footer-flex
	{
		text-align: left;
	}
	.footer-copyright .image
	{
		margin: 0 0 15px 0;
	}
	/*====================================== SECTION DASHBOARD USER ======================================*/
	section.dashboard-user
	{
		margin-top: 75px;
		margin-bottom: 150px;
	}
	.dashboard-col
	{
		-webkit-transform: translateY(500px);
		-moz-transform:translateY(500px);
		-o-transform: translateY(500px);
		transform: translateY(500px);
		z-index: -10;
		opacity: 0;
		position: fixed;
		top: 100px;
		transition: ease 0.5s;
	}
	.dashboard-col.show-menu
	{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		z-index: 10;
		opacity: 1;
	}
	.menu-mobile
	{
		z-index: 10;
		display: block;
		position: fixed;
		bottom: 20px;
		left: 0;
		width: 100%;
		padding: 0 15px;
		text-align: center;
	}
	.menu-mobile .btn-utama
	{
		width: 100%;
		box-shadow: -2px 6px 18px 2px hsl(0deg 0% 0% / 25%);
		border-radius: 20px;
		padding: 12px 15px;
	}
	/*====================================== SECTION DASHBOARD USER - PROFILE ======================================*/
	.address-wrapper
	{
		flex-direction: column;
	}
	.address-wrapper .detail .address
	{
		max-width: 100%;
	}
	.address-wrapper .cta
	{
		margin-top: 15px;
	}
	/*====================================== SECTION DASHBOARD USER - HISTORY ======================================*/
	.trans-ongoing
	{
		flex-direction: column;
	}
	.trans-ongoing .left
	{
		flex-basis: 100%;
		width: 100%;
	}
	.trans-ongoing .right
	{
		margin-top: 10px;
		width: 100%;
	}
	.trans-ongoing .right .cta .btn-utama
	{
		width: 100%;
	}
	.req-fill .wrapper
	{
		padding: 0;
	}
	.filter-date .action
	{
		margin-top: 0;
	}
	.body-datatable
	{
		overflow: hidden;
	}
	.body-datatable .dataTables_wrapper
	{
		overflow: scroll;
	}
	.checkbox-custom .category
	{
		flex-basis: 50%;
	}
	.detail-wrapper .wrapper
	{
		flex-direction: column;
		align-items: flex-start;
	}
	.detail-wrapper .wrapper .label-name p
	{
		font-size: 14px;
		line-height: 20px;
	}
	.detail-wrapper .detail-stuff
	{
		overflow-x: scroll !important;
	}
	.detail-wrapper .detail-stuff table th,
	.detail-wrapper .detail-stuff table td 
	{
		min-width: 115px;
	}
	.esign-form
	{
		margin-bottom: 20px;
	}
	.esign-form .esign-wrapper .esign
	{
		height: 150px;
	}
	.modal-footer .wallet-history .transaction .time,
	.modal-footer .wallet-history .transaction .subject,
	.modal-footer .wallet-history .transaction .total
	{
		text-align: left;
	}
	.modal-footer .wallet-history .transaction.income .logo
	{
		opacity: 0.5;
		top: 35px;
		left: 65%;
	}
	.modal-footer .wallet-history .note ul li
	{
		text-align: center;
	}
	.modal-footer > .wallet-history .note
	{
		margin-top: 0;
	}
	.modal-footer .wallet-history .note ul li span
	{
		float: none;
		display: block;
	}
	/*====================================== SECTION DASHBOARD USER - WALLET ======================================*/
	.wallet-filter
	{
		width: 100%;
		height: 50px;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.wallet-history .transaction
	{
		margin-bottom: 20px;
	}
	.wallet-history .note
	{
		margin-top: 10px;
	}
	/*====================================== SECTION DASHBOARD USER - REQUEST ======================================*/
	.dashboard--user-pickup .row-payment
	{
		flex-direction: column;
	}
	.dashboard--user-pickup .row-payment .customer-category ul li label
	{
		padding: 5px 5px 5px 45px
	}
	.dashboard--user-pickup .row-payment .customer-category ul li .check
	{
		top: 12px;
	}
	/*====================================== SECTION DASHBOARD DRIVER ======================================*/
	section.dashboard-driver
	{
		margin-top: 75px;
		margin-bottom: 150px;
	}
	.schedule-timeline .timeline .map,
	.schedule-timeline .timeline .cta
	{
		margin: 5px 0;
	}
	#timbangModal .detail-wrapper .wrapper .fill,
	#transHistory .detail-wrapper .wrapper .fill
	{
		text-align: left;
		flex: 100%;
	}
	.dashboard-driver .detail-wrapper .detail-stuff,
	#timbangModal .detail-wrapper .detail-stuff
	{
		overflow: hidden;
	}
	.preview-container .detail-wrapper .detail-stuff
	{
		overflow: scroll !important;
	}
	.subcategory-name
	{
		max-width: 100%;
	}
	.category-container .add
	{
		position: static;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.category-container .add .btn-utama
	{
		width: 100%;
	}
	#timbangModal .modal-footer
	{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	#timbangModal .modal-footer .row-payment
	{
		flex-direction: column;
	}
	.esign-wrapper .esign-name
	{
		/*margin-top: 10px;*/
	}
	.wa-floating .image
	{
		max-width: 50px;
	}
}
/*Tab View*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	header #navigation .logo img.navbar-logo
	{
		width: 175px;
	}
	.nav-toggle
	{
		margin-top: -5px;
	}
	ul.menu-right
	{
		width: 60%;
	}
	ul.menu-right:before
	{
		max-width: 200px;
	}
	ul.menu-right li a
	{
		padding: 15px 5px;
		font-size: 22px;
		line-height: 28px;
	}
	/*====================================== SECTION LANDING PAGE ======================================*/
	section.section-home-hero
	{
		/*margin-top: 0;*/
		margin-top: 70px;
		height: 100%;
	}
	section.section-home-hero .row
	{	
		display: flex;
		flex-direction: column-reverse;
	}
	.home-hero .image-wrapper
	{
		margin-top: -75px;
		position: static;
		height: 100%;
		margin-bottom: 0;
	}
	.home-hero.home-hero-word
	{
		height: 100%;
	}
	.home-hero.home-hero-word .word
	{
		margin-top: 30px;
		position: static;
		top: 0;
	}
	.row-middle
	{
		flex-direction: row;
	}
	section.section-home-about .row-middle
	{
		flex-direction: column;
	}
	.home-about .image
	{
		max-width: 400px;
		margin: 0 auto;
	}
	.home-about .logo
	{
		margin: 0 auto;
	}
	section.section-home-category
	{
		overflow: hidden;
		height: 75vh;
	}
	.home-parallax.parallax-left
	{
		transform: rotate(6deg);
		left: 5%;
		bottom: 10%;
	}
	.home-parallax.parallax-mid
	{
		transform: rotate(0deg);
		left: 0%;
		bottom: 0%;
	}
	.home-parallax.parallax-right
	{
		transform: rotate(-6deg);
		right: 2%;
		bottom: 15%;
	}
	section.section-home-why,
	section.section-home-client
	{
		margin: 50px 0;
	}
	.home-service
	{
		height: auto;
		margin: 0 auto 50px auto;
	}
	.home-service .image
	{
		max-width: 250px;
		margin: 0 auto;
	}
	section.section-home-service
	{
		margin: 0;
	}
	section.section-home-price
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	.home-price
	{
		margin-top: -20px;
		text-align: center;
	}
	.home-price .image
	{
		margin-top: -50px;
	}
	section.section-home-location .row-middle
	{
		flex-direction: column-reverse;
	}
	.home-location > .image
	{
		max-width: 560px;
		margin: 0 auto;
	}
	.home-location .wrapper .list
	{
		flex-direction: column;
	}
	.home-location .wrapper .list .image
	{
		margin-bottom: 15px;
	}
	.home-location .wrapper .list .cta .btn-utama
	{
		width: 100%;
	}
	.home-client .image
	{
		flex-basis: 20%;
		height: 50px;
		margin: 0 15px 10px 0px;
	}
	.home-cta
	{
		max-width: 550px;
	}
	/*====================================== SECTION ABOUT PAGE ======================================*/
	.section-about-hero
	{
		margin-top: 100px !important;
	}
	.section-about-hero .subject-heading
	{
		padding: 0 15px;
	}
	.about-hero
	{
		margin-top: -30px;
	}
	section.section-about-intermezo .row-middle
	{
		flex-direction: column-reverse;
	}
	.about-about .image
	{
		max-width: 480px;
		margin: 0 auto;
	}
	section.section-about-visimisi
	{
		overflow: hidden;
	}
	section.section-about-visimisi .row-middle
	{
		flex-direction: column;
	}
	.about-visimisi
	{
		margin-bottom: 30px;
	}
	.about-visimisi.misi .wrapper
	{
		padding: 50px 0;
	}
	.about-visimisi .wrapper .word
	{
		max-width: 500px;
	}
	.about-visimisi .wrapper .word ul li
	{
		font-size: 20px;
	}
	.about-parallax.parallax-left
	{
		left: 10%;
		bottom: 20%;
	}
	.about-parallax.parallax-mid
	{
		left: 0%;
		bottom: -10%;
	}
	.about-parallax.parallax-right
	{
		right: 15%;
		bottom: 50%;
	}
	/*====================================== SECTION SERVICE PAGE ======================================*/
	section.section-service-hero,
	section.section-category-hero,
	section.section-contact
	{
		margin-top: 100px;
	}
	.section-service-list:nth-child(odd),
	.section-service-list:nth-child(even)
	{
		background-size: 100px;
	}
	.service-card .word .number
	{
		top: 0;
	}
	.section-service-list:nth-child(odd):before
	{
		top: -98px;
	}
	.section-service-list:nth-child(odd):after
	{
		bottom: -98px;
	}
	/*====================================== SECTION CATEGORY PAGE ======================================*/
	section.section-category-hero
	{
		margin-bottom: 0;
	}
	section.section-category-list
	{
		padding-top: 0;
	}
	ul.ul-category
	{
		background-size: contain;
	}
	ul.ul-category .folio-item
	{
		flex-basis: 33%;
	}
	ul.ul-category .folio-item .hex-clip
	{
		width: 160px;
		height: 182px;
	}
	.hex-clip .image
	{
		padding: 30px;
	}
	.folio-item .details h3.box-category
	{
		line-height: 24px;
	}
	section.section-category-list:nth-child(even)
	{
		margin-top: 100px;
		margin-bottom: 150px;
		padding-bottom: 0;
	}
	section.section-category-list:nth-child(even):before
	{
		top: -98px;
	}
	section.section-category-list:nth-child(even):after
	{
		bottom: -98px;
	}
	section.section-category-list:last-child
	{
		margin-bottom: 0;
	}
	/*====================================== SECTION ARSIP PAGE ======================================*/
	section.section-arsip-hero
	{
		/*margin-top: 150px !important;*/
	}
	/*====================================== SECTION CONTACT PAGE ======================================*/
	section.section-contact .container.mb100 .subject-heading
	{
		margin-top: -50px;
	}
	.contact-iframe iframe
	{
		height: 250px;
	}
	.contact-location
	{
		margin-bottom: 40px;
	}
	.row-contact
	{
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 20px;
	}
	.sticky-contact
	{
		position: static;
		top: 0;
	}
	.contact-wrapper
	{
		margin-top: -75px;
		margin-bottom: 20px;
	}
	/*====================================== SECTION LOGIN & REGISTER PAGE ======================================*/
	section.section-loginregis,
	section.section-forgot
	{
		margin-top: 100px;
	}
	.loginregis-wrapper .image
	{
		margin-bottom: 20px;
	}
	.row-login
	{
		display: flex;
		flex-direction: column;
	}
	.loginregis-wrapper .image
	{
		max-width: 400px;
		margin: 0 auto 30px auto;
	}
	.loginregis-form
	{
		max-width: 550px;
		margin: 0 auto 30px auto;
	}
	.row-regis
	{
		display: flex;
		flex-direction: column-reverse;
	}
	/*====================================== SECTION DASHBOARD USER ======================================*/
	.checkbox-custom .category
	{
		flex-basis: 33%;
	}
	.dashboard--user-pickup .row-payment .customer-category ul li label
	{
		padding: 5px 5px 5px 45px
	}
	.dashboard--user-pickup .row-payment .customer-category ul li .check
	{
		top: 12px;
	}
	/*====================================== SECTION DASHBOARD DRIVER ======================================*/
	#timbangModal .modal-footer
	{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.body-datatable
	{
		overflow: hidden;
	}
	.body-datatable .dataTables_wrapper
	{
		overflow: scroll;
	}
	/*====================================== SECTION 404 PAGE ======================================*/
	section.section-notfound
	{
		margin-top: 40px;
		margin-bottom: 0;
		background-size: 100px, 50px;
		background-size: 100px, 50px;
		background-position: left top, right bottom 50px;
	}

	/*====================================== SECTION FOOTER PAGE ======================================*/
}