@media ( max-width: 767px ) {
	.header-2-box-text {
    	max-width: 100%;
	}
	.header-2-box-text-title {
    	padding-top: 20px;
    	font-size: 30px;
	}
	.header-2 {
    	padding-top: 0px;
	}
	.header-2-box-text-logo img {
		display: block;
		margin: 0 auto;
	}
	.video-2-title {
    	font-size: 30px;
	}
	.fitur-2-box-text {
    	max-width: 100%; 
	}
	.fitur-2-box-text-list ul {
    	max-width: 100%;
	}
	.fitur-2-box {
    	padding: 40px 20px;
	}
	.title-2 {
    	font-size: 30px;
    	text-align: center;
	}
	.fitur-2-box-text-cta ul li small {
    	bottom: -10px;
	}
	.cta-2-box-title {
    	font-size: 35px;
	}
	.cta-2-box-desc {
    	font-size: 25px;
	}
	.cta-2-box-link a {
    	margin: 5px;
	}
	.fitur-2 {
    	padding-top: 0px;
	}
	.fitur-2-box-text-cta-app ul li img {
    	max-height: 50px;
	}
}	

@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.header-2-box-text {
    	max-width: 100%;
	}
	.header-2-box-text-title {
    	padding-top: 20px;
    	font-size: 30px;
	}
	.header-2 {
    	padding-top: 0px;
	}
	.header-2-box-text-logo img {
		display: block;
		margin: 0 auto;
	}
	.video-2-title {
    	font-size: 30px;
	}
	.fitur-2-box-text {
    	max-width: 100%; 
	}
	.fitur-2-box-text-list ul {
    	max-width: 100%;
	}
	.fitur-2-box {
    	padding: 40px 20px;
	}
	.title-2 {
    	font-size: 30px;
    	text-align: center;
	}
	.fitur-2-box-text-cta ul li small {
    	bottom: -10px;
	}
	.cta-2-box-title {
    	font-size: 35px;
	}
	.cta-2-box-desc {
    	font-size: 25px;
	}
	.cta-2-box-link a {
    	margin: 5px;
	}
	.fitur-2 {
    	padding-top: 0px;
	}
}

@media ( min-width: 1024px ) and ( max-width: 1200px ) {
	.header-2-box-img img {
    	top: 0;
	}
	.fitur-2-box-img img {
    	top: 150px;
    	right: 0;
	}
	.fitur-2-2-text {
    	padding-top: 0px;
	}
}

@media (min-width: 1700px) {
	.fitur-2-box-img img {
    	top: 150px;
    	right: 430px;
	}
}