@media screen and (max-width: 5000px){
	/*----HEADER TITLE----*/
	.container-header {
		margin: 0 auto;
		background-size: 100%;
	}
}

@media screen and (max-width: 1350px){
	/*----HEADER TITLE----*/
	.container-header {
		background-size: 1500px;
	}

	/*----BERITA & ARTIKEL----*/
	.berita, .artikel {
		float: unset;
		width: 100%;
	}
	.con-3-berita, .con-3-artikel {
		border-right: unset;
		border-left: unset;
	}
	.con-3-berita:last-child, .con-3-artikel:last-child {
		border-bottom: unset;
	}
	.con-3-berita>img, .con-3-artikel>img {
		width: 300px;
		margin: 25px 50px;
	}
	.con-3-caption-berita, .con-3-caption-artikel {
		width: 65%;
	}
	.con-3-desc {
		width: 100%;
		font-size: 14px;
	}
	.con-3-tombol-berita, .con-3-tombol-artikel {
		margin-top: 30px;
	}
}

@media screen and (max-width: 1200px){
	/*----HEADER----*/
	#carousel-caption-1, #carousel-caption-2, #carousel-caption-3, #carousel-caption-4 {
		top: 20%;
	}
	.carousel-caption>h1 {
		font-size: 22px;
		text-align: left;
		width: fit-content;
	}
	.carousel-caption>p {
		font-size: 12px;
		text-align: justify;
		width: fit-content;
	}
	.tombol-banner {
		padding: 8px 0px;
		width: 180px;
	}

	/*----CONTAINER 1 (KEUNGGULAN/SIMULASI)----*/
	.box-keunggulan {
		display: none;
	}
	.carousel-keunggulan {
		display: block;
	}
	.box-caption {
		margin-left: 30px;
	}
	.box-title {
		font-size: 20px;
	}
	.box-desc {
		width: 300px;
		font-size: 15px;
		line-height: 20px;
	}

	/*----BERITA & ARTIKEL----*/
	.con-3-berita>img, .con-3-artikel>img {
		width: 250px;
		margin: 25px 50px;
	}
	.con-3-caption-berita, .con-3-caption-artikel {
		width: 55%;
	}
	.con-3-tombol-berita, .con-3-tombol-artikel {
		margin-top: 10px;
	}

	/*----CONTAINER 4 (PROMO)----*/
	.container-4 {
		background-image: url('../image/bgpromo_mobile.png');
		background-size: 1200px 480px;
	}
	.con-4-caption {
		width: 65%;
	}
	.con-4-caption>h1 {
		font-size: 28px;
	}
	.con-4-caption>p {
		font-size: 16px;
	}

	/*----FOOTER----*/
	.footer-box-container {
		display: block;
		justify-content: unset;
	}
	.footer-box {
		padding: 50px;
		margin: 0;
		width: 50%;
	}
	#footer-socmed {
		float: unset;
	}
	.footer-desc, .link-list>li>a, .ojk-desc {
		font-size: 15px;
	}
	.ojk {
		margin-left: 0px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 800px;
	}
}

@media screen and (max-width: 1100px){
	/*----CONTAINER 1 (KEUNGGULAN/SIMULASI)----*/
	.carousel-keunggulan {
		height: 130px;
	}
	.boxicon {
		width: 80px;
	}
	.box-caption>.box-title {
		font-size: 15px;
	}
	.box-caption>.box-desc {
		font-size: 13px;
		line-height: 22px;
	}
	.pengajuan-left, .pengajuan-right {
		float: unset;
		width: 100%;
	}
	.pengajuan-right {
		margin-top: 50px;
	}
	.table-sim-peng {
		display: none;
	}
	.sim-peng-2 {
		display: flex;
	}
	.sim-peng-tengah, .sim-peng-bawah {
		margin: 20px 0px;
	}

	/*----CONTAINER 2 (SERVICES)----*/
	.service-title {
		font-size: 27px;
	}
	.service-desc {
		width: 400px;
		font-size: 14px;
		line-height: 24px;
	}


	/*----CONTAINER 4----*/
	.con-4-caption {
		padding: 10px 50px 0px;
	}
	.con-4-caption>h1 {
		font-size: 20px;
	}
	.con-4-caption>p {
		font-size: 15px;
	}
	.con-4-caption>h3 {
		margin-top: 20px;
		font-size: 18px;
	}

	/*----SAHAM----*/
	.ps-title-container {
		height: 250px;
	}
	.container-ps-2 {
		padding: 20px 0px;
		height: unset;
	}
	.ps-box-container {
		position: relative;
		margin-top: unset;
		width: 95%;
	}
	.container-ps-3-1-desc {
		float: unset;
		width: 100%;
	}
	.container-ps-3-1-desc-2 {
		float: unset;
		width: 100%;
	}
	.container-ps-3-1-img {
		width: 100%;
		text-align: center;
	}
	.container-ps-3-1-img>img {
		width: 500px;
	}
	.ps-title-1 {
		margin-top: 0px;
	}

	/*----PENGHARGAAN----*/
	.container-p-2-1 {
		padding: 20px;
	}
	.container-p-2-1>img {
		width: 250px;
	}
	.container-p-2-1-1 {
		margin-top: 20px;
	}
	.container-p-2-1-1>p {
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 22px;
	}

	/*----SOSIAL----*/
	.container-ts-2 {
		display: none;
	}
	.container-ts-2-mobile {
		display: block;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 800px;
	}
	.container-i-2-1 {
		width: 800px;
	}
	.container-mk-2-1 {
		width: 800px;
	}

	/*----GRHA----*/
	.container-c-1-list {
		display: flex;
		justify-content: center;
	}
	.list-cabang {
		display: block;
		padding: 0px;
		width: 300px;
	}
	.list-cabang>li {
		margin-top: 10px;
		padding: 10px 0px;
	}
}

@media screen and (max-width: 950px){
	/*----SEJARAH----*/
	.img-s-2 {
		display: none;
	}
	.container-s-1 {
		padding: unset;
		height: unset;
	}
	.container-s-1-1 {
		padding: 50px 20px;
		width: unset;
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 25px;
	}

	/*----VISIMISI----*/
	.vm-title-container {
		float: unset;
		width: 100%;
	}
	.container-vm-1 {
		float: unset;
		margin-top: 50px;
		width: 100%;
		box-shadow: unset;
	}
	.vm-title-container {
		padding-top: 0px;
	}
	.vm-title {
		text-align: center;
		font-size: 30px;
	}
	#vm-title-1 {
		display: none;
	}
	#vm-title-2 {
		display: block;
	}
	.container-vm-1-1, .container-vm-1-2, .container-vm-1-3 {
		margin: 20px auto;
		width: 90%;
		border-left: unset;
		box-shadow: 0px 0px 5px darkgrey;
	}
	.container-vm-1-1 {
		border-bottom: solid 6px #95e889;
	}
	.container-vm-1-2 {
		border-bottom: solid 6px #49d136;
	}

	.container-vm-1-3 {
		border-bottom: solid 6px #2a7d1e;
	}

	/*----BOC----*/
	.container-boc-1-1, .container-boc-1-2 {
		float: unset;
		margin: 0 auto;
		margin-top: 50px;
	}
	.container-boc-1-1-img, .container-boc-1-2-img {
		float: unset;
		padding-top: 50px;
		width: 100%;
		text-align: center;
	}
	.container-boc-1-1-img>img, .container-boc-1-2-img>img {
		width: 300px;
	}
	.container-boc-1-1-desc, .container-boc-1-2-desc {
		float: unset;
		padding: 50px 10%;
		width: 100%;
		text-align: center;
	}

	/*----SOSIAL----*/
	.ts-p-besar {
		width: 700px;
		text-align: justify;
	}
	.container-ts-2-2-1 {
		display: none;	
	}
	.container-ts-2-2-2 {
		margin: 0 auto;
		border-left: unset;
		width: 700px;
	}
	.ts-p-kecil {
		padding-top: 20px;
		text-align: justify;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 700px;
	}
	.container-i-2-1 {
		width: 700px;
	}
	.container-mk-2-1 {
		width: 700px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 700px;
	}
}

@media screen and (max-width: 900px){
	/*----MASTER----*/
	.strip-container {
		margin: 15px 0px 0px 10px;
		width: 42px;
	}
	.bukopin-logo {
		margin-top: 10px;
	}
	.bukopin-logo>a>img {
		width: 150px;
	}
	.bukopin-logo-mobile {
		margin-top: 10px;
	}

	.bukopin-logo-mobile>img {
		width: 150px;
	}

	/*----HEADER----*/
	.bghome {
		display: flex;
		justify-content: center;
	}
	#bghome-image {
		width: 900px;
	}
	#carouselExampleFade {
		display: none;
	}
	#carouselBannerMobile {
		display: block;
	}
	.carousel-caption>h1 {
		font-size: 24px;
		text-align: left;
		width: fit-content;
	}
	.carousel-caption>p {
		font-size: 11px;
		text-align: justify;
		width: fit-content;

	}
	.tombol-banner-mobile {
		padding: 8px 0px;
		width: 150px;
		font-size: 12px;
	}
	.caption-banner>h1, .caption-banner>p, .tombol-banner {
		display: none;
	}

	/*----CONTAINER 1 (KEUNGGULAN/SIMULASI)----*/
	.container-1-title>h2 {
		font-size: 25px;
	}
	.container-1-title>p {
		font-size: 16px;
	}
	.carousel-keunggulan {
		width: 100%;
	}
	#box-caption-1, #box-caption-2, #box-caption-3 {
		width: 350px;
	}
	.boxicon {
		width: 70px;
	}
	.box-caption>.box-title {
		font-size: 14px;
	}
	.box-caption>.box-desc {
		width: 250px;
		font-size: 12px;
		line-height: 18px;
	}
	.table-sim-peng-small {
		width: 600px;
	}
	.table-sim-peng-small>tbody>tr>td {
		width: 300px;
	}
	.button-outline-2 {
		width: 255px;
	}
	#simulasi-button-2, #pengajuan-button-2 {
		width: 250px;
	}

	/*----CONTAINER 2 (SERVICES)----*/
	.container-2-title>h2 {
		font-size: 25px;
	}
	.container-2-title>p {
		font-size: 16px;
	}
	.service-box {
		padding: 50px 0px;
	}
	.service-left, .service-right {
		float: unset;
		width: 100%;
	}
	.service-caption {
		padding: 50px 15% 0px;
		text-align: center;
	}
	.service-desc {
		width: 100%;
		line-height: 22px;
	}
	.tombol-ajukan {
		margin: 0 auto;
		margin-top: 50px;
	}
	.service-image>img {
		width: 60%;
	}

	/*----CONTAINER 3 (BERITA & ARTIKEL)----*/
	.container-3-title>h4 {
		font-size: 25px;
	}
	.con-3-berita, .con-3-artikel {
		padding: 20px 0px;
	}
	.con-3-berita>img, .con-3-artikel>img {
		float: unset;
	}
	.con-3-caption-berita, .con-3-caption-artikel {
		float: unset;
		margin: 0 auto;
		width: 80%;
	}
	.con-3-tombol-berita, .con-3-tombol-artikel {
		float: unset;
		margin: 0 auto;
		margin-top: 30px;
	}

	/*----FOOTER----*/
	.footer-box {
		padding: 20px 100px;
		width: 100%;
	}
	#footer-company, #footer-link {
		float: unset;
	}

	/*----SAHAM----*/
	.ps-box {
		float: unset;
		margin: 30px auto;
		width: 70%;
	}
	.ps-box:first-child {
		margin-top: 0px;
	}
	.ps-box:hover {
		margin-top: 0px;
	}
	.td-saham {
		width: 30%;
	}
	.container-ps-3-1-img>img {
		width: 400px;
	}

	/*----LAPORAN----*/
	.container-lk-1-1-1 {
		margin-top: 30px;
	}
	.container-lk-1 {
		display: block;
		justify-content: unset;
		margin: 0px 0px 0px;
	}
	.container-lk-1-1 {
		margin: 0 auto;
		margin-top: 50px;
	}

	/*----PENGHARGAAN----*/
	.container-p-2-1 {
		padding: 30px;
		width: 450px;
	}
	.container-p-2-1>img {
		width: 350px;
	}
	.container-p-2-1-1 {
		margin-top: 30px;
	}
	.container-p-2 {
		display: block;
		justify-content: unset;
		margin: 0px 0px 0px;
	}
	.container-p-2-1 {
		margin: 0 auto;
	}

	/*----SOSIAL----*/
	.ts-p-besar {
		font-size: 14px;
		line-height: 28px;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 600px;
	}
	.container-i-2-1 {
		width: 600px;
	}
	.container-mk-2-1 {
		width: 600px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 600px;
	}
	.container-k-2 {
		display: block;
		justify-content: unset;
	}
	.container-img-k-1, .container-img-k-2, .container-img-k-3 {
		margin: 0 auto;
	}
}

@media screen and (max-width: 750px){
	/*----CONTAINER 1 (KEUNGGULAN/SIMULASI)----*/
	.container-1 {
		background-image: unset;
		background-color: #fef8eb;
	}

	/*----CONTAINER 4----*/
	.bgpromo {
		display: none;
	}
	.bgpromo-mobile {
		display: block;
	}
	.mobile-app-gif {
		display: none;
	}
	.con-4-caption {
		top: 50%;
		right: unset;
		left: 50%;
		width: 90%;
		transform: translate(-50%,-50%);
	}

	/*----VISIMISI----*/
	.container-vm {
		padding: 100px 0px 50px 0px;
	}
	.vision, .mission, .value {
		float: unset;
		width: 100%;
		text-align: center;
	}
	.vm-icon {
		margin-bottom: 30px;
	}
	.vision-desc>h3, .mission-desc>h3, .value-desc>h3 {
		text-align: center;
	}
	.vision-desc, .mission-desc, .value-desc {
		float: unset;
		margin: 0 auto;
		width: 80%;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 500px;
		text-align: justify;
	}
	.container-i-2-1 {
		width: 500px;
		text-align: justify;
	}
	.container-mk-2-1 {
		width: 500px;
		text-align: justify;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 500px;
		text-align: justify;
	}
}

@media screen and (max-width: 650px) {
	/*----HEADER----*/
	.bukopin-logo {
		position: absolute;
		left: 50%;
		margin-left: unset;
		transform: translateX(-50%);
	}
	.search-container {
		display: none;
	}
	.search-container-mobile {
		display: block;
	}

	/*----HEADER TITLE----*/
	.container-header {
		height: 80px;
	}
	.all-menu-title {
		padding-top: 20px;
		font-size: 25px;
	}

	/*----MENU DARI HEADER----*/
	.container-sm-title>h2 {
		font-size: 20px;
	}
	.container-sm-2-1 {
		font-size: 14px;
		line-height: 25px;
	}
	.container-sm-2-desc {
		text-align: center;
		font-size: 14px;
		line-height: 25px;
	}
	.sm-img {
		float: unset;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	/*----CONTAINER 1 (KEUNGGULAN/SIMULASI)----*/
	.container-1-title>h2 {
		font-size: 20px;
	}
	.container-1-title>p {
		font-size: 15px;
	}
	.sim-peng-2 {
		display: block;
		justify-content: unset;
	}
	.button-outline-2 {
		float: unset;
		margin: 20px auto;
		width: 80.5%;
	}
	#simulasi-button-2, #pengajuan-button-2 {
		width: 80%;
	}

	/*----CONTAINER 2 (SERVICES)----*/
	.container-2-title>h2 {
		font-size: 20px;
	}
	.container-2-title>p {
		font-size: 15px;
	}
	.service-title {
		font-size: 20px;
	}
	.service-desc {
		font-size: 13px;
		line-height: 20px;
	}

	/*----CONTAINER 3 (BERITA & ARTIKEL)----*/
	.container-3-title>h4 {
		font-size: 20px;
	}

	/*----CONTAINER 4 (SUGGEST)----*/
	.con-4-caption {
		padding: 30px;
	}
	.con-4-caption>h1 {
		font-size: 25px;
	}
	.con-4-caption>h3 {
		font-size: 20px;
	}

	/*----FOOTER----*/
	.footer-box {
		padding: 20px 10%;
	}
	.footer-desc, .link-list>li>a, .ojk-desc {
		font-size: 14px;
	}
	.ojk {
		margin-left: 10px;
	}

	/*----JEJAK PERSEROAN----*/
	.container-jp-2-1-1>p {
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 25px;
	}

	/*----SAHAM----*/
	.container-ps-3-1-desc {
		padding: 50px 50px;
	}
	.container-ps-3-1-desc-2 {
		padding: 50px 50px;
	}
	.container-ps-3-1-img>img {
		width: 300px;
	}

	/*----BOC----*/
	.container-boc-1-1-desc>p, .container-boc-1-2-desc>p {
		text-align: justify;
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 25px;
	}
}

@media screen and (max-width: 600px){
	.con-4-caption>h1 {
		font-size: 18px;
	}
	.con-4-caption>p {
		font-size: 14px;
	}
	.con-4-caption>h3 {
		margin-top: 20px;
		font-size: 15px;
	}

	/*----LAPORAN---*/
	.container-lk-1-1-1 {
		margin-top: 20px;
	}

	/*----PENGHARGAAN----*/
	.container-p-2-1 {
		padding: 20px;
		width: 350px;
	}
	.container-p-2-1>img {
		width: 250px;
	}
	.container-p-2-1-1 {
		margin-top: 20px;
	}

	/*----SOSIAL----*/
	.container-ts-1-1>img {
		width: 350px;
	}
	.ts-p-besar {
		text-align: justify;
		width: 450px;
	}
	.container-ts-2-2-2 {
		width: 450px;
	}
	.ts-p-kecil {
		text-align: justify;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 450px;
		font-size: 14px;
		line-height: 27px;
	}
	.table-persyaratan {
		font-size: 12px;
	}
	.table-persyaratan>tbody>tr>td {
		font-size: 12px;
	}
	.img-i-1 {
		width: 450px;
	}
	.container-i-2-1 {
		width: 450px;
		font-size: 14px;
		line-height: 27px;
	}
	.img-mk-1 {
		width: 450px;
	}
	.container-mk-2-1 {
		width: 450px;
		font-size: 14px;
		line-height: 27px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 450px;
		font-size: 14px;
		line-height: 27px;
	}
	.container-k-3 {
		font-size: 14px;
		line-height: 27px;
	}
}


@media screen and (max-width: 550px){
	/*----HEADER TITLE----*/
	.container-header {
		height: 80px;
	}
	.all-menu-title {
		padding-top: 20px;
		padding-left: unset;
		text-align: center;
		font-size: 25px;
	}

	/*----CONTAINER 1 (KEUNGGULAN/SIMULASI)----*/
	#box-caption-1, #box-caption-2, #box-caption-3 {
		width: 260px;
	}
	.boxicon {
		padding-top: 20px;
		width: 50px;
	}
	.box-caption>.box-title {
		margin-bottom: 3px;
	}
	.box-caption>.box-desc {
		width: 180px;
		font-size: 12px;
		line-height: 16px;
	}
	.sim-peng-container {
		width: 100%;
	}
	.sim-peng-tengah, .sim-peng-bawah {
		margin: 0px 0px;
	}
	.sim-peng-container>div>input {
		margin: 10px auto;
		width: 80%;
	}
	.sim-peng-container>div>select {
		margin: 10px auto;
		width: 80%;
	}
	.sim-peng-bawah {
		margin-top: 10px;
	}

	/*----CONTAINER 4 (SUGGEST)----*/
	.con-4-caption {
		padding: 0px 30px;
	}


	/*----FOOTER----*/
	.footer-box {
		padding: 20px 10%;
	}
	.footer-desc, .link-list>li>a, .ojk-desc {
		font-size: 13px;
	}
	.ojk {
		margin-left: 0px;
	}
}

@media screen and (max-width: 500px){
	.bgpromo-mobile {
		display: none;
	}
	.bgpromo-mobile-2 {
		display: block;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 400px;
	}
	.img-i-1 {
		width: 400px;
	}
	.container-i-2-1 {
		width: 400px;
	}
	.img-mk-1 {
		width: 400px;
	}
	.container-mk-2-1 {
		width: 400px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 400px;
	}
}

@media screen and (max-width: 450px){
	/*----BOC----*/
	.container-ps-3-1-img>img {
		width: 250px;
	}
	.container-boc-1-1-img>img, .container-boc-1-2-img>img {
		width: 250px;
	}

	/*----LAPORAN----*/
	.table-lk {
		width: 80%;
	}
	.container-lk-1-1-1 {
		margin-top: 20px;
	}
	.container-lk-1-1-1>p {
		line-height: 20px;
	}

	/*----PENGHARGAAN----*/
	.container-p-2-1 {
		padding: 20px;
		width: 300px;
	}
	.container-p-2-1>img {
		width: 220px;
	}
	.container-p-2-1-1 {
		margin-top: 20px;
	}
	.container-p-2-1-1>p {
		line-height: 20px;
	}

	/*----SOSIAL----*/
	.ts-p-besar {
		padding: 30px 10px;
		width: 350px;
	}
	.container-ts-2-2-2 {
		padding: 0px 10px;
		width: 350px;
	}

	/*----PRODUK----*/
	.container-m-2-1 {
		width: 350px;
	}
	.img-i-1 {
		width: 350px;
	}
	.container-i-2-1 {
		width: 350px;
	}
	.img-mk-1 {
		width: 350px;
	}
	.container-mk-2-1 {
		width: 350px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 350px;
	}
}

@media screen and (max-width: 400px){
	/*----PRODUK----*/
	.container-m-2-1 {
		width: 300px;
	}
	.img-i-1 {
		width: 300px;
	}
	.container-i-2-1 {
		width: 300px;
	}
	.img-mk-1 {
		width: 300px;
	}
	.container-mk-2-1 {
		width: 300px;
	}

	/*----KARIR----*/
	.container-k-1-1>p {
		width: 300px;
	}
}

@media screen and (max-width: 350px){
	/*----CONTAINER 3 (BERITA & ARTIKEL)----*/
	.con-3-berita>img, .con-3-artikel>img {
		margin: 25px 20px;
	}

	/*----FOOTER----*/
	.footer-desc, .link-list>li>a, .ojk-desc {
		font-size: 13px;
	}
	.ojk {
		margin-left: 160px;
	}
}