@media screen and (max-width: 476px) {
	#about .about-image {
		border: none;
		padding: 0;
	}

	.layer-about {
		height: 12.7278rem;
		left: -296px;
		object-fit: contain;
		position: absolute;
		top: -1.1042rem;
		vertical-align: top;
	}

	#about .layer-about-4 {
		height: 12.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -1.1042rem;
		vertical-align: top;
	}

	#about .layer-about-3 {
		height: 15.7278rem;
		left: -294px;
		object-fit: contain;
		position: absolute;
		top: 7.5042rem;
		vertical-align: top;
	}

	#about .layer-about-2 {
		height: 15.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: 7.5042rem;
		vertical-align: top;
	}

	#about .con-image {
		display: none;
	}

	#about svg {
		width: 20%;
		height: auto;
	}

	#about .layer-gdr50 {
		height: 8.7278rem;
		left: 5px;
		object-fit: contain;
		position: absolute;
		top: 2.8958rem;
		vertical-align: top;
		display: none;
	}

	#about .layer-gdr52 {
		height: 8.7278rem;
		right: -80px;
		object-fit: contain;
		position: absolute;
		top: 2.8958rem;
		vertical-align: top;
		display: none;
	}

	#about h2 {
		font-size: 2rem;
	}

	#about p {
		padding-left: 0.5rem;
	}

	#about .m-gdr {
		margin-bottom: 0rem!important;
	}

	#bg-content-gdr-brt .mobile-play {
		display: block;
	}

	#bg-content-gdr-brt .card-img {
		display: none;
	}

	#bg-content-gdr-brt .mobile-col {
		padding-top: 14.5rem !important;
		text-align: right;
		padding-right: 28px;
	}

	#bg-content-gdr-brt .link-play {
		width: 40%;
	}

	#bg-content-gdr-brt .mobile-pt {
		padding-top: 0.5rem !important;
	}

	#bgTiga .layer-bird {
		display: none;
	}

	#bgTiga .text-tiga {
		text-align: center;
	}

	#bgTiga .layer-bird-small {
		height: 15.7278rem;
		left: -30px;
		object-fit: contain;
		position: relative;
		vertical-align: top;
		top: 0.2rem;
		display: block;
	}

	#card-persembahan .card-dekstop {
		width: 100%;
	}

	#card-persembahan h5 {
		font-size: 25px;
	}

	#bg-content-guru .con-bg-content-guru {
		display: none;
	}

	#bg-content-guru .r-guru {
		padding-left: 0rem;
		margin-bottom: 0rem !important;
	}

	#bg-Biara .layer-biara-ph {
		height: 20.7278rem;
		right: -171px;
		object-fit: contain;
		position: absolute;
		top: -77px;
		vertical-align: top;
		display: block;
	}

	#bg-Biara .layer-biara-ph2 {
		height: 20.7278rem;
		left: -168px;
		object-fit: contain;
		position: absolute;
		top: -77px;
		vertical-align: top;
		display: block;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	#bg-Biara .layer-biara {
		display: none;
	}

	#bg-Biara .layer-biara-2 {
		display: none;
	}

	#bgEmpat .imgGuru-up {
		max-width: 100%;
		height: auto;
		display: block;

	}

	#bgEmpat .img-guru {
		display: none;
	}

	#bgEmpat .con-sangha {
		position: relative;

	}

	#bgEmpat .layer-guru {
		height: 27.7278rem;
		left: 53px;
		object-fit: contain;
		position: absolute;
		top: -5.4958rem;
		vertical-align: top;
	}

	#bgEmpat .pt-gr {
		padding-top: 2rem;
		text-align: center;
	}

	#bgEmpat .btn-gone {
		display: block;
		margin-bottom: 3rem;
	}

	#bgEmpat .pt-dr-top {
		margin-top: -1.5rem !important;
	}

	#bgEmpat .pt-kmn-top {
		margin-top: -1.5rem !important;
	}

	#bgEmpat .layer-guru-2 {
		display: none;
	}

	#bgEmpat .layer-guru-3 {
		display: none;
	}

	#bgEmpat .layer-guru-4 {
		display: none;
	}

	#bgEmpat .pt-dr {
		padding-top: 0rem;
		text-align: center;
		margin-bottom: 1.5rem !important;
	}

	#bgEmpat .pt-dr-kmn {
		padding-top: 2rem;
		text-align: center;
		margin-bottom: 0.5rem !important;
	}

	#bgEmpat .layer-guru-dharma {
		height: 26.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 38.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-dharma2 {
		height: 26.7278rem;
		right: -48px;
		object-fit: contain;
		position: absolute;
		top: 36.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-kmn {
		height: 16.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 86.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-kmn2 {
		height: 20.7278rem;
		right: -26px;
		object-fit: contain;
		position: absolute;
		top: 84.1042rem;
		vertical-align: top;
		display: block;
	}

	#bg-kegiatan-jkr .card {
		height: auto;
		text-align: center;
	}

	#bg-kegiatan-jkr .mb-5 {
		margin-bottom: 1rem !important;
	}

	#bg-kegiatan-jkr .tab-content {
		height: auto;
		padding-top: 20px;
	}

	#bg-kegiatan-kk .mobvi {
		display: block;
	}

	#bg-kegiatan-kk .dekvi {
		display: none;
	}

	#bg-kegiatan-kk .card-body {
		text-align: center;
	}

	#bg-kegiatan-over .ban-keg {
		width: 100%;
	}

	#bg-kegiatan-dl .card-kd {
		padding-top: 3rem !important;
		text-align: center;
		margin-left: 0rem !important;
	}

	#bg-kegiatan-jkr .img-keg-lainnya {
		width: 100%;
		height: 253.8px;
		object-fit: cover;
	}

	#bgEnam .con-cal {
		display: none;
	}

	#bgTujuh .layer-kci {
		height: 4.7278rem;
		left: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh .layer-kci-tw {
		height: 4.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh h2 {
		font-size: 2.2rem;
		text-align: center;
	}

	#bgTujuh .mt-card-b {
		margin-top: -4rem;
	}

	#bgTujuh .card-body span.title-news a {

		font-size: 1.5rem;

	}

	#bgTujuh .pt-3 {
		padding-top: 0rem!important;
	}

	#bgTujuh .text-adkci {
		text-align: left;
		width: auto;
	}

	#bgTujuh .card-body .text-left {
		font-size: 20px;
	}

	#bgTujuh .pt-adkci {
		padding-top: 0.50rem!important;
	}

	#bgTujuh .layer-kci-adkci {
		height: 24.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: 9.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgTujuh .layer-kci-adkci2 {
		height: 24.7278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 9.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-buban {
		display: none;
	}

	#bgDelapan .layer-bubant {
		display: none;
	}

	#bgDelapan .layer-bb-view {
		height: 19.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: -6.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view-gdr {
		height: 19.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: 6.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view2 {
		height: 19.7278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 31.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view3 {
		height: 19.7278rem;
		right: -72px;
		object-fit: contain;
		position: absolute;
		top: 41.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view3 {
		height: 19.7278rem;
		right: -17px;
		object-fit: contain;
		position: absolute;
		top: 210.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view4 {
		height: 19.7278rem;
		left: -41px;
		object-fit: contain;
		position: absolute;
		top: 214.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan h2 {
		font-size: 2rem;
	}

	#bgDelapan .pt-gdr {
		padding-top: 1rem!important;
	}

	#bgDelapan {
		padding-top: 0rem!important;
	}

	#bgDelapan .mb-dlp {
		margin-bottom: 2rem!important;
	}

	#bgDelapan .mb-dlp2 {
		margin-bottom: 0.5rem!important;
	}

	#bgDelapan .pt-dlp {
		padding-top: 8rem;
	}

	#bgDelapan .pt-dlp-gdr {
		padding-top: 0rem;
	}

	#bgDelapan .pt-dlp-gtr {
		margin-top: 0rem;
	}

	#bgSembilan .text-bkci {
		text-align: center;
		padding-left: 1rem!important;
		padding-top: 5.5rem!important;
	}

	#bgSembilan .jdl-nine {
		font-size: 3rem;
	}

	#bgSembilan .layer-kcifam {
		height: 13.7278rem;
		left: 115px;
		object-fit: contain;
		position: absolute;
		top: -7.4958rem;
		vertical-align: top;
		display: none;
		width: 45%;
	}

	#bgSebelas .layer-pdharma {
		display: none;
	}

	#bgSebelas .layer-pdharma2 {
		display: none;
	}

	#bgSebelas .card-mpd {

		top: -10rem;
		text-align: center;
	}

	#bgSebelas .card-three {
		padding-top: 0rem;
	}

	#bgSebelas .card-four {
		padding-top: 0rem;
	}

	#bgSebelas .card-five {
		padding-top: 0rem;
	}

	#bgSebelas .layer-pdm-view {
		height: 8.5278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: -2.4958rem;
		vertical-align: top;
		display: none;
	}

	#bgSebelas .layer-pdm-view2 {
		height: 17.5278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 207.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgSebelas .layer-pdm-view-brt {
		height: 16.5278rem;
		right: -70px;
		object-fit: contain;
		position: absolute;
		top: 166.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgSebelas {
		margin-bottom: -12rem;
	}

	#bg-content-gdr .layer-gdr {
		display: none;
	}

	#bg-content-gdr .layer-gdr2 {
		display: none;
	}

	#bg-content-gdr .r-gdr {
		padding-left: 0rem;
	}

	#bg-content-gdr .r-gtr {
		margin-bottom: -3rem;
	}

	#bg-content-gdr .pt-5 {
		padding-top: 0rem!important;
		margin-bottom: 3rem!important;
	}

	#bg-content-gdr .pt-4 {
		padding-top: 0.5rem!important;
	}

	#bg-content-gdr .pt-text {
		padding-top: 1.5rem!important;
		padding-left: 0.5rem;
	}

	#bg-content-gdr h1 {
		font-family: Cormorant;
		line-height: 1.105;
		letter-spacing: 0.085em;
		font-weight: 500;
		font-size: clamp(1.8rem, 5vw, 3.4rem);
	}

	#bg-content-gdr h5 {
		font-size: 21px;
	}

	#bg-content-gdr .btn-gdr-sh {
		width: 100%;
	}

	#bg-content-gdr-info p {
		padding-left: 0.5rem!important;
	}

	#bg-content-gdr-info .img-center-kll {
		display: none;
	}

	#bg-content-gdr-info .img-center-klls {
		display: none;
	}

	#bg-g img {

		height: auto;
		object-fit: cover;
	}

	#bg-g .start-50 {
		left: 50%!important;
	}

	#bg-g .container {
		width: 46%;
	}

	#bg-g h1 {
		font-family: "Cormorant SC", serif;
	}

	#bg-big .dharma-title {
    	letter-spacing: 2px;
    }

	#bg-dk-st h1 {
		font-family: Cormorant;
		line-height: 1.105;
		letter-spacing: 0.085em;
		font-weight: 500;
		font-size: clamp(1.8rem, 5vw, 3.4rem);

	}

	#bg-gs h1 {
		background-color: rgba(145, 0, 0, 0.6999999881);
		font-family: Cormorant;
		line-height: 1.105;
		letter-spacing: 0.085em;
		font-weight: 500;
		font-size: clamp(1.8rem, 5vw, 3.4rem);
	}

	#bg-gdr-end .txt-gdr-end {
		text-align: center;
	}

	#bg-gdr-end .txt-gdr-end2 {
		text-align: center;
	}

	#bg-gdr-end .ps-4 {
		padding-left: 0rem!important;
	}

	#bg-gdr-end .pe-4 {
		padding-right: 0rem!important;
	}

	#bg-content-klsdrm .pt-3 {
		padding-top: 0rem!important;
	}

	#bg-content-klsdrm .pt-5 {
		padding-top: 0rem!important;
	}

	#bg-content-klsdrm .layer-guru5 {
		display: none;
	}

	#bg-content-klsdrm h5 {
		text-align: center;
	}

	#bg-content-klsdrm a {
		text-align: center;
	}

	#bg-content-klsdrm .img-ph {
		margin-bottom: 1rem;
		display: block;
	}

	#bg-g-drm img {

		height: auto;
		object-fit: cover;
	}

	#bg-g-drm .start-50 {
		left: 51%!important;
	}

	#bg-g-drm .container {
		width: 58%;
	}

	#bg-content-drm .layer-bird {
		display: none;
	}

	#bg-content-drm .layer-dharmas {
		display: none;
	}

	#bg-content-drm .layer-bird-tantra {
		display: none;
	}

	#bg-content-drm .layer-bird-small {
		display: block;
	}

	#bg-content-drm .layer-bird-small-t {
		display: block;
	}

	#bg-content-drm .layer-bird-small {
		height: 19.7278rem;
		left: 44px;
		object-fit: contain;
		position: relative;
		vertical-align: top;
		top: -1.8rem;
		display: block;
	}

	#bg-content-vajrayana .pt-drm {
		padding-top: 2rem;
		text-align: center;
		width: 100.333333%;
	}

	#bg-content-vajrayana .pd-left-tantra {
		padding-left: 2.5rem!important;
	}

	#bg-content-vajrayana .img-belajar-merenung {
		padding-top: 0rem;
	}

	#bg-content-vajrayana .card-guru {
		width: 100%;
		height: auto;
	}

	#bg-content-vajrayana .card {
		width: 100%;
	}

	#bg-content-vajrayana .bt-tantra {
		width: 100%;
	}

	#bg-dharma-endover .btn-dharma-end {
		width: 100%;
	}

	#bg-content-drm .str-purket {
		font-family: "Cormorant SC", serif;
		font-size: 45px;
		font-weight: 500;
	}

	#bg-content-drm .img-panduan-kb {
		max-width: 100%;
		height: auto;
		object-fit: cover;
	}

	#bg-content-drm .btn-pandu-pma {
		width: 100%;
	}

	#bg-content-drm .card-panduan {
		width: 100%;
	}

	#bg-dk-bk .jdl-ipkci {
		border-bottom: 5px solid #7f170f;
		padding-bottom: 10px;
	}

	#bg-dk-bk span {
		border-bottom: 0px;
	}

	#bg-keg-ps .ps-show-kes {
		display: block;
	}

	#bg-keg-ps .ps-close-kes {
		display: none;
	}

	#bg-keg-ps .text-mobile {
		text-align: center !important;
	}

	#bg-kegiatan-ps-carousel .d-none {
		display: block !important;
	}

	#bg-kegiatan-ps-carousel .carousel-caption {
		right: 0;
		left: 0;
	}

	#bg-kegiatan-ps-carousel .img-res-pj {
		height: 400px;
	}

	#bg-kegiatan-ps-carousel .img-res-pj-end {
		height: 500px;
	}

	#bg-content-drm .text-start {
		text-align: center!important;

	}

	#bg-content-drm h5 {
		font-size: 36px;
	}

	#bg-content-drm .card-close-dana {
		display: none;
	}

	#bg-content-drm .card-show-dana {
		display: block;
	}

	#dukung-dana .card-pelita {
		width: 100%;
    	height: 14.5rem;
	}

	#bg-dk-bk .btn-menjadi-relawan {
	    width: 70%;
	}

	#bg-content-drm .bg-ms-dana {
		margin-left: 0rem !important;
	}

	#bg-content-drm .text-dana-praktik {
		padding-top: 0rem !important;
	}

	#bg-dk-bk .text-amn-one {
		font-size: 33px;
	}

	#bg-dukung-pelita .judul-pelita {
		font-size: 25px;
	}

	#bg-dukung-pelita .jdl-banner {
		letter-spacing: 2px;
		font-size: 22px;
	}

	#bg-dukung-pelita .red-banner-pelita {
		width: 100%;
		background-color: rgba(145, 0, 0, 0.6999999881);
		height: 100%;
	}

	#bg-dukung-pelita .start-50 {
		left: 50%!important;
	}

	#bg-dukung-pelita .top-50 {
		top: 50%!important;
	}

	#bg-dukung-pelita .pelita-breadcrumb {
		padding-top: 50px;
	}

	#bg-content-tentang .pt-text {
		padding-top: 1rem !important;
		text-align: center;
	}

	#bg-content-tentang p {
		text-align: center;
	}

	#bg-content-tentang .mb-3 {
		margin-bottom: 3rem !important;
	}

	#bg-kegiatan-jkr .card {
		height: auto;
	}

	#bg-dharma-stjumb .img-lamrim-jumb {
		margin-left: 0rem;
	}

	#bg-dharma-stjumb .img-lamrim-buku {
		width: 100%;
		height: auto;
	}

	#bg-dharma-stjumb .text-end {
		text-align: center !important;
	}

	#bg-sutra-tp .card-buku {
		width: 100%;
	}

	#bg-lamrim-topik .card {
		width: 100%;
	}

	#bg-lamrim-ttl .ms-5 {
		margin-left: 0rem !important;
	}

	#bg-dharma-retkwan .img-table {
		width: 100%;
		height: auto;
	}

	#bg-dharma-retkwan .btn-daftar {
		text-align: center;
	}

	#bg-dharma-kwanim-tantend .pt-lamrim {
		text-align: center;
		margin-left: 0rem !important;
	}

	#bg-dharma-kwanim-tantend h1 {
		font-size: 50px;
	}

	#bg-berita-single .card-body {
		margin-left: 0rem !important;
	}

	#bg-tantra-end h2 {
		text-align: center;
	}

	#bg-tantra-end .card-body {
		text-align: center;
	}

	#bg-content-drm .img-cb-says {
		max-width: 100%;
	}

	#bgTiga-mp .text-mp {
		text-align: center;
	}

	#bgTiga-mp .con-birds {
		display: none;
	}

	#bgTiga-mp .layer-bird-small {
		display: block;
	}

	#footer .col-judul {
		display: grid;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}

	#footer .col-subjudul {
		display: grid;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 100%;
	}

	#footer .col-copy {
		display: grid;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#footer .col-icon {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 100%;

	}

}

@media screen and (min-width: 576px) {
	#about .about-image {
		border: none;
		padding: 0;
	}

	.layer-about {
		height: 12.7278rem;
		left: -296px;
		object-fit: contain;
		position: absolute;
		top: -1.1042rem;
		vertical-align: top;
	}

	#about .layer-about-4 {
		height: 12.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -1.1042rem;
		vertical-align: top;
	}

	#about .layer-about-3 {
		height: 15.7278rem;
		left: -294px;
		object-fit: contain;
		position: absolute;
		top: 7.5042rem;
		vertical-align: top;
	}

	#about .layer-about-2 {
		height: 15.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: 7.5042rem;
		vertical-align: top;
	}

	#bgTiga .layer-bird {
		display: none;
	}

	#bgTiga .text-tiga {
		text-align: center;
	}

	#bgTiga .layer-bird-small {
		height: 15.7278rem;
		left: -30px;
		object-fit: contain;
		position: relative;
		vertical-align: top;
		top: 0.2rem;
		display: block;
	}

	#bgEmpat .imgGuru-up {
		max-width: 100%;
		height: auto;
		display: block;

	}

	#bgEmpat .img-guru {
		display: none;
	}

	#bgEmpat .con-sangha {
		position: relative;

	}

	#bgEmpat .layer-guru {
		height: 39.7278rem;
		left: 9px;
		object-fit: contain;
		position: absolute;
		top: -5.4958rem;
		vertical-align: top;
	}

	#bgEmpat .pt-gr {
		padding-top: 2rem;
		text-align: center;
	}

	#bgEmpat .btn-gone {
		display: block;
		margin-bottom: 3rem;
	}

	#bgEmpat .pt-dr-top {
		margin-top: -1.5rem !important;
	}

	#bgEmpat .pt-kmn-top {
		margin-top: -1.5rem !important;
	}

	#bgEmpat .layer-guru-2 {
		display: none;
	}

	#bgEmpat .layer-guru-3 {
		display: none;
	}

	#bgEmpat .layer-guru-4 {
		display: none;
	}

	#bgEmpat .pt-dr {
		padding-top: 0rem;
		text-align: center;
		margin-bottom: 1.5rem !important;
	}

	#bgEmpat .pt-dr-kmn {
		padding-top: 2rem;
		text-align: center;
		margin-bottom: 0.5rem !important;
	}

	#bgEmpat .layer-guru-dharma {
		height: 35.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 46.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-dharma2 {
		height: 35.7278rem;
		right: -48px;
		object-fit: contain;
		position: absolute;
		top: 43.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-kmn {
		height: 21.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 102.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-kmn2 {
		height: 26.7278rem;
		right: -26px;
		object-fit: contain;
		position: absolute;
		top: 100.1042rem;
		vertical-align: top;
		display: block;
	}

	#bg-Biara .layer-biara-ph {
		height: 20.7278rem;
		right: -171px;
		object-fit: contain;
		position: absolute;
		top: -77px;
		vertical-align: top;
		display: block;
	}

	#bg-Biara .layer-biara-ph2 {
		height: 20.7278rem;
		left: -168px;
		object-fit: contain;
		position: absolute;
		top: -77px;
		vertical-align: top;
		display: block;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	#bg-Biara .layer-biara {
		display: none;
	}

	#bg-Biara .layer-biara-2 {
		display: none;
	}

	#bgEnam .layer-cal {
		display: none;
	}

	#bgTujuh .layer-kci {
		height: 4.7278rem;
		left: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh .layer-kci-tw {
		height: 4.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh h2 {
		font-size: 3.2rem;
		text-align: center;
	}

	#bgTujuh .mt-card-b {
		margin-top: -4rem;
	}

	#bgTujuh .card-body span.title-news a {

		font-size: 1.5rem;

	}

	#bgTujuh .pt-3 {
		padding-top: 0rem!important;
	}

	#bgTujuh .text-adkci {
		text-align: left;
		width: auto;
	}

	#bgTujuh .card-body .text-left {
		font-size: 20px;
	}

	#bgTujuh .pt-adkci {
		padding-top: 0.50rem!important;
	}

	#bgTujuh .layer-kci-adkci {
		height: 24.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: 9.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgTujuh .layer-kci-adkci2 {
		height: 24.7278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 9.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-buban {
		display: none;
	}

	#bgDelapan .layer-bubant {
		display: none;
	}

	#bgDelapan .layer-bb-view {
		height: 19.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: -6.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view-gdr {
		height: 19.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: 6.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view2 {
		height: 24.7278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 47.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view3 {
		height: 19.7278rem;
		right: -17px;
		object-fit: contain;
		position: absolute;
		top: 334.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view4 {
		height: 21.7278rem;
		left: -41px;
		object-fit: contain;
		position: absolute;
		top: 339.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan h2 {
		font-size: 3.2rem;
	}

	#bgDelapan .fs-3 {
		font-size: calc(2.3rem + .6vw)!important;
	}

	#bgDelapan .pt-gdr {
		padding-top: 1rem!important;
	}

	#bgDelapan {
		padding-top: 0rem!important;
	}

	#bgDelapan .mb-dlp {
		margin-bottom: 2rem!important;
	}

	#bgDelapan .mb-dlp2 {
		margin-bottom: 0.5rem!important;
	}

	#bgDelapan .pt-dlp {
		padding-top: 8rem;
	}

	#bgDelapan .pt-dlp-gdr {
		padding-top: 0rem;
	}

	#bgDelapan .pt-dlp-gtr {
		margin-top: 0rem;
	}

	#bgSembilan .text-bkci {
		text-align: center;
		padding-left: 1rem!important;
		padding-top: 5.5rem!important;
	}

	#bgSembilan .jdl-nine {
		font-size: 3rem;
	}

	#bgSembilan .layer-kcifam {
		height: 10.7278rem;

		left: 260px;
		object-fit: contain;
		position: absolute;
		top: -6.4rem;
		vertical-align: top;
		display: block;
		width: 45%;
	}

	#bgSebelas .layer-pdharma {
		display: none;
	}

	#bgSebelas .layer-pdharma2 {
		display: none;
	}

	#bgSebelas .card-mpd {
		left: 25%;
		top: -10rem;
	}

	#bgSebelas .card-three {
		padding-top: 0rem;
	}

	#bgSebelas .card-four {
		padding-top: 0rem;
	}

	#bgSebelas .card-five {
		padding-top: 0rem;
	}

	#bgSebelas .layer-pdm-view {
		display: none;
	}

	#bgSebelas .layer-pdm-view-brt {
		height: 16.5278rem;
		right: -70px;
		object-fit: contain;
		position: absolute;
		top: 166.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgSebelas {
		margin-bottom: -12rem;
	}

}

@media screen and (min-width: 768px) {
	#about .about-image {
		border: none;
		padding: 0;
	}

	.layer-about {
		height: 21.7278rem;
		left: -268px;
		object-fit: contain;
		position: absolute;
		top: -1.1042rem;
		vertical-align: top;
	}

	#about .layer-about-4 {
		height: 21.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -1.1042rem;
		vertical-align: top;
	}

	#about .layer-about-3 {
		height: 21.7278rem;
		left: -279px;
		object-fit: contain;
		position: absolute;
		top: 13.5042rem;
		vertical-align: top;
	}

	#about .layer-about-2 {
		height: 21.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: 13.5042rem;
		vertical-align: top;
	}

	#bgTiga .layer-bird {
		display: none;
	}

	#bgTiga .text-tiga {
		text-align: center;
	}

	#bgTiga .col-md-6 {
		width: 100%;
	}

	#bgTiga .layer-bird-small {
		height: 15.7278rem;
		left: -30px;
		object-fit: contain;
		position: relative;
		vertical-align: top;
		top: 0.2rem;
		display: block;
	}

	#bgEmpat .imgGuru-up {
		max-width: 100%;
		height: auto;
		display: block;

	}

	#bgEmpat .img-guru {
		display: none;
	}

	#bgEmpat .col-md-8 {
		width: 100%;
	}

	#bgEmpat .col-md-5 {
		width: 100%;
	}

	#bgEmpat .con-sangha {
		position: relative;

	}

	#bgEmpat .layer-guru {
		height: 47.7278rem;
		left: 40px;
		object-fit: contain;
		position: absolute;
		top: -5.4958rem;
		vertical-align: top;
	}

	#bgEmpat .pt-gr {
		padding-top: 2rem;
		text-align: center;
	}

	#bgEmpat .btn-gone {
		display: block;
		margin-bottom: 3rem;
	}

	#bgEmpat .pt-dr-top {
		margin-top: -1.5rem !important;
	}

	#bgEmpat .pt-kmn-top {
		margin-top: -1.5rem !important;
	}

	#bgEmpat .layer-guru-2 {
		display: none;
	}

	#bgEmpat .layer-guru-3 {
		display: none;
	}

	#bgEmpat .layer-guru-4 {
		display: none;
	}

	#bgEmpat .pt-dr {
		padding-top: 0rem;
		text-align: center;
		margin-bottom: 1.5rem !important;
	}

	#bgEmpat .pt-dr-kmn {
		padding-top: 2rem;
		text-align: center;
		margin-bottom: 0.5rem !important;
	}

	#bgEmpat .layer-guru-dharma {
		height: 35.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 57.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-dharma2 {
		height: 35.7278rem;
		right: -48px;
		object-fit: contain;
		position: absolute;
		top: 59.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-kmn {
		height: 24.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 117.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-kmn2 {
		height: 32.7278rem;
		right: -26px;
		object-fit: contain;
		position: absolute;
		top: 113.1042rem;
		vertical-align: top;
		display: block;
	}

	#bg-Biara .layer-biara-ph {
		height: 23.7278rem;
		right: -171px;
		object-fit: contain;
		position: absolute;
		top: -77px;
		vertical-align: top;
		display: block;
	}

	#bg-Biara .layer-biara-ph2 {
		height: 23.7278rem;
		left: -168px;
		object-fit: contain;
		position: absolute;
		top: -77px;
		vertical-align: top;
		display: block;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	#bg-Biara .layer-biara {
		display: none;
	}

	#bg-Biara .layer-biara-2 {
		display: none;
	}

	#bgEnam .layer-cal {
		display: none;
	}

	#bgTujuh .col-md-6 {
		width: 100%;
	}

	#bgTujuh .layer-kci {
		height: 4.7278rem;
		left: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh .layer-kci-tw {
		height: 4.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh h2 {
		font-size: 4.2rem;
		text-align: center;
	}

	#bgTujuh .mt-card-b {
		margin-top: -4rem;
	}

	#bgTujuh .card-body span.title-news a {

		font-size: 1.5rem;

	}

	#bgTujuh .pt-3 {
		padding-top: 0rem!important;
	}

	#bgTujuh .text-adkci {
		text-align: left;
		width: auto;
	}

	#bgTujuh .card-body .text-left {
		font-size: 20px;
	}

	#bgTujuh .pt-adkci {
		padding-top: 0.50rem!important;
	}

	#bgTujuh .layer-kci-adkci {
		height: 24.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: 9.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgTujuh .layer-kci-adkci2 {
		height: 24.7278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 9.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-buban {
		display: none;
	}

	#bgDelapan .layer-bubant {
		display: none;
	}

	#bgDelapan .layer-bb-view {
		height: 19.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: -6.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view-gdr {
		height: 19.7278rem;
		left: -30px;
		object-fit: contain;
		position: absolute;
		top: 6.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgDelapan .layer-bb-view2 {
		height: 24.7278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 47.5042rem;
		vertical-align: top;
		display: none;
	}

	#bgDelapan .layer-bb-view3 {
		height: 19.7278rem;
		right: -17px;
		object-fit: contain;
		position: absolute;
		top: 334.5042rem;
		vertical-align: top;
		display: none;
	}

	#bgDelapan .layer-bb-view4 {
		height: 21.7278rem;
		left: -41px;
		object-fit: contain;
		position: absolute;
		top: 339.5042rem;
		vertical-align: top;
		display: none;
	}

	#bgDelapan h2 {
		font-size: 4.2rem;
	}

	#bgDelapan .col-md-3 {
		width: 50%;
	}

	#bgDelapan .fs-3 {
		font-size: calc(2.3rem + .6vw)!important;
	}

	#bgDelapan .pt-gdr {
		padding-top: 1rem!important;
	}

	#bgDelapan {
		padding-top: 0rem!important;
	}

	#bgDelapan .mb-dlp {
		margin-bottom: 2rem!important;
	}

	#bgDelapan .mb-dlp2 {
		margin-bottom: 0.5rem!important;
	}

	#bgDelapan .pt-dlp {
		padding-top: 8rem;
	}

	#bgDelapan .pt-dlp-gdr {
		padding-top: 0rem;
	}

	#bgDelapan .pt-dlp-gtr {
		margin-top: 0rem;
	}

	#bgSembilan .text-bkci {
		text-align: center;
		padding-left: 1rem!important;
		padding-top: 5.5rem!important;
	}

	#bgSembilan .jdl-nine {
		font-size: 3rem;
	}

	#bgSembilan .layer-kcifam {
		height: 10.7278rem;
		left: 212px;
		object-fit: contain;
		position: absolute;
		top: -6rem;
		vertical-align: top;
		display: block;
		width: 45%;
	}

	#bgSebelas .layer-pdharma {
		display: none;
	}

	#bgSebelas .layer-pdharma2 {
		display: none;
	}

	#bgSebelas h2 {
		font-size: 4.2rem;
	}

	#bgSebelas .card-mpd {
		left: 0%;
		top: 0rem;
		margin-bottom: 15rem;
	}

	#bgSebelas .card-three {
		padding-top: 0rem;
	}

	#bgSebelas .card-four {
		padding-top: 0rem;
	}

	#bgSebelas .card-five {
		padding-top: 0rem;
	}

	#bgSebelas .layer-pdm-view {
		display: none;
	}

	#bgSebelas .layer-pdm-view2 {
		height: 17.5278rem;
		right: 0px;
		object-fit: contain;
		position: absolute;
		top: 207.4958rem;
		vertical-align: top;
		display: none;
	}

	#bgSebelas .layer-pdm-view-brt {
		height: 16.5278rem;
		right: -70px;
		object-fit: contain;
		position: absolute;
		top: 166.4958rem;
		vertical-align: top;
		display: block;
	}

	#bgSebelas {
		margin-bottom: -12rem;
	}

	#bgSebelas .card-one {
		padding-top: 7rem;
	}

	#bgSebelas .card-four {
		padding-top: 7rem;
	}

}

@media screen and (min-width: 1200px) {

	#about h2 {
		font-family: "Cormorant SC", serif;
		font-size: 4rem;
	}

	#about p {
		font-family: "Montserrat", sans-serif;
		font-size: 22px;
	}

	#about .fw-bold {
		font-family: "Cormorant SC", serif;
	}

	#about .con-image {
		position: relative;
		width: 100%;
	}

	#about .about-image {
		opacity: 1;
		display: block;
		width: 100%;
		height: auto;
		transition: 0.5s ease;
		backface-visibility: hidden;
		border: solid 0.2rem #910000;
		padding: 15px;
	}

	#about .layer-about {
		height: 40.7278rem;
		left: -212px;
		object-fit: contain;
		position: absolute;
		top: -4.1042rem;
		vertical-align: top;

		width: 41.8176rem;
	}

	#about .layer-about-4 {
		height: 40.7278rem;

		right: 0;
		object-fit: contain;
		position: absolute;
		top: -3.8958rem;
		vertical-align: top;

	}

	#about .layer-about-3 {
		height: 31.7278rem;
		left: -255px;
		object-fit: contain;
		position: absolute;
		top: 20.5042rem;
		vertical-align: top;

		width: 41.8176rem;

	}

	#about .layer-about-2 {
		height: 31.7278rem;

		right: 0;
		object-fit: contain;
		position: absolute;
		top: 20.041rem;
		vertical-align: top;

	}

	#about .layer-gdr50 {
		height: 20.7278rem;
		left: 182px;
		object-fit: contain;
		position: absolute;
		top: -3.1042rem;
		vertical-align: top;
	}

	#about .layer-gdr52 {
		height: 20.7278rem;
		right: 182px;
		object-fit: contain;
		position: absolute;
		top: -3.1042rem;
		vertical-align: top;
	}

	.card:hover .about-image {
		opacity: 0.6;
	}

	.teks-image div {
		color: #fcd412;
		transition: all 0.3s ease-in;
	}

	.teks-image div:hover {
		color: #7f170f;
		transition: all 0.3s ease-in;
	}

	#bgTiga .layer-bird-small {
		display: none;
	}

	#bgTiga .col-md-6 {
		width: 50%;
	}

	#bgTiga .text-tiga {
		text-align: left
	}

	#bgTiga .con-bird {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: -158px;
	}

	#bgTiga .layer-bird {
		height: 735px;
		display: block;
		margin-top: -382px;
	}

	#bgTiga p {
		font-family: "Montserrat", sans-serif;
	}

	#bgEmpat .imgGuru-up {
		max-width: 100%;
		height: auto;
		display: none;

	}

	#bgEmpat .img-guru {
		display: block;
	}

	#bgEmpat .col-md-8 {
		width: 100%;
	}

	#bgEmpat .col-md-5 {
		width: 41%;
	}

	#bgEmpat .con-sangha {
		position: relative;

	}

	#bgEmpat .layer-guru {
		height: 47.7278rem;
		left: 702px;
		object-fit: contain;
		position: absolute;
		top: -6.4958rem;
		vertical-align: top;
	}

	#bgEmpat .pt-gr {
		padding-top: 8rem;
		text-align: left;
	}

	#bgEmpat .btn-gone {
		display: block;
		margin-bottom: 3rem;
	}

	#bgEmpat .pt-dr-top {
		margin-top: -8.5rem !important;
	}

	#bgEmpat .pt-kmn-top {
		margin-top: -9.5rem !important;
	}

	#bgEmpat .layer-guru-2 {
		height: 49.7278rem;
		left: 484px;
		object-fit: contain;
		position: absolute;
		top: 27.1042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-3 {
		height: 54.7278rem;

		right: 0;
		object-fit: contain;
		position: absolute;
		top: 37.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .layer-guru-4 {
		height: 38.7278rem;
		left: 766px;
		object-fit: contain;
		position: absolute;
		top: 56.5042rem;
		vertical-align: top;
		display: block;
	}

	#bgEmpat .pt-dr {
		padding-top: 8rem;
		text-align: left;

	}

	#bgEmpat .pt-dr-kmn {
		padding-top: 4rem;
		text-align: left;

	}

	#bgEmpat .layer-guru-dharma {
		height: 35.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 57.5042rem;
		vertical-align: top;
		display: none;
	}

	#bgEmpat .layer-guru-dharma2 {
		height: 35.7278rem;
		right: -48px;
		object-fit: contain;
		position: absolute;
		top: 59.5042rem;
		vertical-align: top;
		display: none;
	}

	#bgEmpat .layer-guru-kmn {
		height: 24.7278rem;
		left: 0px;
		object-fit: contain;
		position: absolute;
		top: 117.5042rem;
		vertical-align: top;
		display: none;
	}

	#bgEmpat .layer-guru-kmn2 {
		height: 32.7278rem;
		right: -26px;
		object-fit: contain;
		position: absolute;
		top: 113.1042rem;
		vertical-align: top;
		display: none;
	}

	#bg-Biara .layer-biara {
		display: block;
	}

	#bg-Biara .layer-biara-2 {
		display: block;
	}

	#bg-Biara .layer-biara-ph {
		display: none;
	}

	#bg-Biara .layer-biara-ph2 {
		display: none;
	}

	#bgTujuh .con-kci {
		position: relative;
	}

	#bgTujuh .col-md-6 {
		width: 50%;
	}

	#bgTujuh .layer-kci {
		height: 8.7278rem;
		left: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh .layer-kci-tw {
		height: 8.7278rem;
		right: 0;
		object-fit: contain;
		position: absolute;
		top: -0.4958rem;
		vertical-align: top;
	}

	#bgTujuh h2 {
		font-family: "Cormorant SC", serif;
		font-size: 4rem;
		text-align: left;
	}

	#bgTujuh .card {
		border: none;
		transition: all 1s;
		height: auto;
	}

	#bgTujuh .card-body span.title-side {
		font-size: 1rem;
		font-family: "Cormorant SC", serif;
	}

	#bgTujuh .card-body span.title-news a {
		color: #000;
		line-height: 1.4em;
		font-weight: 600;
		transition: all 0.2s;
		font-size: 2rem;
		font-family: "Montserrat", sans-serif;
	}

	#bgTujuh .card-body span.title-news a:hover {
		color: #7f170f;
	}

	#bgTujuh .card-body span.title-side a:hover {
		color: #7f170f;
	}

	#bgTujuh .card-text {
		font-size: 15px;

	}

	#bgTujuh .card-body .text-left {
		font-size: 20px;
	}

	#bgTujuh .card-body small.news a {
		color: #7f170f;
		transition: all 0.2s;
	}

	#bgTujuh .card-body small.news:hover {
		opacity: 0.8;
	}

	#bgTujuh .card:hover {
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
		transition: all 0.2s;

	}

	#bgTujuh .img-card {
		width: 100%;

		object-fit: cover;
	}

	#bgTujuh button {
		padding: 10px 15px;
		font-size: 20px;
		text-align: center;
		cursor: pointer;
		outline: none;
		color: rgb(12, 12, 12);
		background-color: #fcd412;
		border: none;
		border-radius: 15px;
		box-shadow: 5px #999;
		width: 200px;
	}

	#bgTujuh button:hover {
		color: #fff;
		background-color: #7f170f;
	}

	#bgTujuh button:active {
		background-color: #7f170f;
		box-shadow: 0 5px #666;
		transform: translateY(4px);
	}

	#bgTujuh a {
		color: rgb(12, 12, 12);
	}

	#bgTujuh .img-listnews {
		width: 100%;
		height: 220px;
		object-fit: cover;
	}

	#bgTujuh .mt-card-b {
		margin-top: -14rem;
	}

	#bgTujuh .text-adkci {
		text-align: right;
		width: 25%;
	}

	#bgTujuh .pt-adkci {
		padding-top: 0.25rem!important;
	}

	#bgTujuh .layer-kci-adkci {
		display: none;
	}

	#bgTujuh .layer-kci-adkci2 {
		display: none;
	}

	#bgDelapan .col-md-3 {
		width: 25%;
	}

	#bgDelapan .fs-3 {
		font-size: calc(1.3rem + .6vw)!important
	}

	#bgSembilan .text-bkci {
		text-align: left;
		padding-left: 8rem!important;
	}

	#bgSembilan .layer-kcifam {
		height: 27.7278rem;
		left: 30px;
		object-fit: contain;
		position: absolute;
		top: -2.4958rem;
		vertical-align: top;

	}

	#dukung-dana .card {
		width: 25rem;

		height: auto;
	}

}

@media screen and (max-width: 922px) {
	#footer .col-judul {
		display: grid;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}

	#footer .col-subjudul {
		display: grid;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 100%;
	}

	#footer .col-copy {
		display: grid;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#footer .col-icon {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 100%;
		margin-bottom: 25px;
	}

	#footer .col-logo {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 100%;
	}
}