@media ( max-width: 767px ) {
	.title-all {
    	font-size: 35px;
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.header-biometric-teks-logo {
	    padding-bottom: 40px;
	}
	.header-biometric-img {
    	padding-bottom: 0px;
	}
	.keunggulan-box-parent {
    	padding-top: 20px;
	}

	.timeline-parent {
    	padding-bottom: 80px;
	}
	.timeline {
	    width: 100% !important;
	    padding-bottom: 0 !important;
	}
	.timeline:before {
	    left: 20px !important;
	}
	.timeline li:nth-child(odd),
	.timeline li:nth-child(even) {
	    width: 100% !important;
	    text-align: left !important;
	    padding-left: 50px !important;
	    padding-bottom: 50px !important;
	    top: 30px !important;
	}
/*	.timeline li:nth-child(odd):before,
	.timeline li:nth-child(even):before {
	    top: -18px !important;
	    left: 16px !important;
	}*/

	.timeline li:nth-child(odd) .time,
	.timeline li:nth-child(even) .time {
	    top: 60px !important;
        left: 0px !important;
	    right: inherit !important;
	}
  	
  	.doc {
  		padding-top: 70px;
  		padding-bottom: 70px;
  		background: #b10000;
  	}
  	.doc-img-bg img {
    	display: none;
	}
  	.doc-parent-box {
    	margin-top: 0px; 
	}
}	

@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}

	.title-all {
    	font-size: 35px;
	}

	.timeline {
	    width: 100% !important;
	}

	.keunggulan-box-parent {
    	padding-top: 20px;
	}
	.timeline-parent {
    	padding-bottom: 80px;
	}
	.doc {
  		padding-top: 70px;
  		padding-bottom: 70px;
  		background: #b10000;
  	}
  	.doc-img-bg img {
    	display: none;
	}
  	.doc-parent-box {
    	margin-top: 0px; 
	}
}

@media ( min-width: 1024px ) and ( max-width: 1200px ) {
	.doc-parent-box {
	    margin-top: -500px;
	}
}

@media (min-width: 1700px) {
	.doc-parent-box {
	    margin-top: -860px;
	}
	.cta {
	    padding-top: 60px; 
	    margin-top: -100px;
	}
}