@media (max-width:1500px) {
	.layer-1 {

	}
	.layer-2 {
		width: 39%;
	}
	.layer-3 {

		bottom: -3px;
	}
	.layer-4 {

	}
	.layer-5 {

	}

}

@media (max-width:1399px) {
	
	.layer-1 {

	}

	.layer-2 {
		width: 35%;
		height: 220px;
		bottom: 3px;
	}
	.layer-3 {
		width: 22%;
		height: 348px;
		bottom: 3px;
	}
	.layer-4 {
		width: 23%;
		height: 20%;
	}
	.layer-5 {
		width: 31%;
		height: 97px;
		bottom: 305px;
	}

}

@media (max-width:1199px) {
	
	.layer-1 {

	}

	.layer-2 {
		width: 35%;
		height: 188px;
		bottom: 3px;
	}
	.layer-3 {
		height: 293px;
	}
	.layer-4 {
		width: 23%;
		height: 20%;
	}
	.layer-5 {
		width: 31%;
		height: 97px;
		bottom: 305px;
	}
	.login-box {
		width: 300px;
	}

}

@media (max-width:991px) {
	
	.layer-1 {

	}

	.layer-2 {
		height: 141px;
	}
	.layer-3 {
		height: 220px;
	}
	.layer-4 {
		bottom: 250px;
	}
	.layer-5 {
		width: 38%;
		height: 97px;
		bottom: 270px;
		right: 0px;
	}
	.login-box {
		width: 235px;
		bottom: 35px;
	}

}

@media (max-width:768px) {
	.login-box {
		bottom: -264px;
		left: 32px;
		width: 85%;
		z-index: 9;
	}
	.login-box.mobile {
		display: block;
		width: 94%;
		padding: 0px 50px;
		right: unset;
		top: 20px;
	}
	.color-red-bonafid {
		color: #fff;
	}
	.bg-color-bonafid{
		color: #a7212d !important;
		background-color: #fff !important;
		border-color: #fff !important;
		width: 50% !important;
		margin: auto;
		display: block;
	}
	.bg-color-bonafid:focus, .bg-color-bonafid:active, .bg-color-bonafid:hover {
		background-color: #fff !important;
		border-color: #fff !important;
		color: #a7212d !important;
	}
	.box-layer-atas {
		background-image: url('../../bonafid/images/mobile/bg-atas.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		height: 35%;
	}
	.box-layer-bawah {
		background-image: url('../../bonafid/images/mobile/bg-bawah.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		height: 65%;
	}

	.layer-1 {
		background-image: url(../../bonafid/images/mobile/footer.png) !important;
		position: absolute;
		top: unset;
		bottom: -240px;
		width: 94%;
		height: 134px;
	}

	.layer-2 {
		background-image: url(../../bonafid/images/mobile/bg-info.png) !important;
		width: 94%;
		height: 150px;
		left: unset;
		bottom: -2px;
	}
	.layer-3 {
		display: none;
	}
	.layer-4 {
		bottom: 170px;
		width: 94%;
		left: unset;
		height: 80px;
	}
	.layer-5 {
		
	}

	.alert-danger {
		position: absolute;
		padding: 4px;
		top: 0px;
		left: 150px;
		text-align: center;
		border-radius: 7px;
	}
}
























/*min width*/

@media (min-width:1600px) {
	.container {
		max-width: 1520px;
	}
	.login-box {
		right: 55px;
	}
	.layer-1 {
		transform: scale(1.1);
		top:65px;
	}
	.layer-2 {
		transform: scale(1.1);
		bottom: 13px;
	}
	.layer-3 {
		transform: scale(1.2);
		bottom: 34px;

	}
	.layer-4 {
		transform: scale(1.1);
		bottom: 360px;

	}
	.layer-5 {
		transform: scale(1.1);

	}
}


@media (min-width:1920px) {
	.container {
		max-width: 1700px;
	}
	.layer-1 {
		transform: scale(1.2);
		top:65px;
	}
	.layer-2 {
		transform: scale(1.2);
		bottom: 27px;
	}
	.layer-3 {
		transform: scale(1.4);
		bottom: 72px;

	}
	.layer-4 {
		transform: scale(1.1);
		bottom: 360px;

	}
	.layer-5 {
		transform: scale(1.2);

	}
	.login-box {
		right: 5%;
	}

}









/*max width*/