@media (max-width: 767px) { 
	#header {
	  background:  url(../img/header-mobile.jpg);
	  background-size: cover;
	  background-position: center;
	} 
	.header-text {
	    padding-top: 80px;
	} 
	.header {
	    padding-top: 0px;
		text-align: center;
	}
	.header .row {
    	padding-top: 0px;
    	padding-bottom: 0px;
    }
    .header-img {
    	padding-left: 0px;
    	padding-top: 50px;
	}
	.problem-img {
    	padding-right: 0px;
    	margin-bottom: 30px;
	}
	.solusi-text-yt-detail {
    	padding-left: 0px;
    	padding-top: 30px;
	}
	.alasan-img {
    	padding-left: 0px;
    	margin-bottom: 30px;
	}
	.footer-detail {
		margin-bottom: 30px;
	}
	.display-mobile {
  		display: block;
	}
	.display-desktop {
  		display: none;
	}

	.s2t-title {
    	font-size: 40px;
	}
	.solusi-2-text {
    	padding-top: 40px;
    	padding-left: 0px;
    }
    .solusi {
    	padding-top: 0px;
	}
	.demo-box-teks {
    	padding-top: 0px; 
	}
	.dbt-desc {
	    padding-bottom: 20px;
	}

	.video-play-button {
    	top: 75%;
	}
	.wcu-text {
	    padding-top: 20px;
	    padding-bottom: 50px;
	    text-align: center;
	}
}

@media (max-width: 380px) {

}

@media (min-width: 768px) and (max-width: 1023px) {
	#header {
	  background:  url(../img/header-mobile.jpg);
	  background-size: cover;
	  background-position: center;
	} 
	.header-text {
	    padding-top: 80px;
	} 
	.header {
	    padding-top: 0px;
		text-align: center;
	}
	.header .row {
    	padding-top: 0px;
    	padding-bottom: 30px;
    }
	.header-img {
		display: none;
	}
	.problem-img {
    	padding-right: 0px;
    	margin-bottom: 30px;
	}
	.solusi-text-yt-detail {
    	padding-left: 0px;
    	padding-top: 30px;
	}
	.alasan-img {
    	padding-left: 0px;
    	margin-bottom: 30px;
	}
	.footer-detail {
		margin-bottom: 30px;
	}

	.solusi-2-text {
    	padding-top: 40px;
    	padding-left: 0px;
    }
    .solusi {
    	padding-top: 30px;
	}

	.demo-box-teks {
    	padding-top: 0px; 
	}
	.dbt-desc {
	    padding-bottom: 20px;
	}

}

@media (min-width: 1024px) and (max-width: 1200px) {
	.solusi-2-text {
    	padding-top: 0px;
	}
}