@media (max-width:1619px){
	/* Main Menu Area css
	============================================================================================ */
   .header_area .navbar .search {
		margin-left: 40px;
	}
	/* End Main Menu Area css
	============================================================================================ */
	.box_1620 {
		max-width: 1650px;
		margin: auto;
	}
	.reponsiveDownload1 {
		margin-bottom: 100px;
		justify-content: end;
	}
	.streach-left {
		margin-left: auto;
	}
}
@media (max-width:1300px){
	.header_area .navbar .nav .nav-item.submenu ul {
		left: auto;
		right: 0px;
	}
	.reponsiveDownload1 {
		justify-content: end;
	}
	.reponsiveDownload2{
		margin-top: 100px;
	}
	.streach-left {
		margin-right: auto;
	}
}
@media (max-width:1199px){
	/* Main Menu Area css
	============================================================================================ */
	.header_area .navbar .nav .nav-item {
		margin-right: 28px;
	}
	/* End Main Menu Area css
	============================================================================================ */
	/* Home Banner Area css
	============================================================================================ */
	.home_banner_area .banner_inner {
		padding: 100px 0px;
	}
	/* End Home Banner Area css
	============================================================================================ */
	.container {
		max-width: 1170px;
	}
	.ag-format-container {
		width: 960px;
	}
	.reponsiveDownload1 {
		justify-content: end;
	}
	.streach-right {
		margin-right: auto;
	}
}

@media (max-width:991px){
	/* Main Menu Area css
	============================================================================================ */
    .navbar-toggler {
        border: none;
        border-radius: 0px;
        padding: 0px;
        cursor: pointer;
        margin-top: 27px;
        margin-bottom: 23px;
    }
	.has-text-light {
		font-size: 25px;
	}
	.header_area .navbar {
		/* background: linear-gradient(90.69deg, rgba(255, 255, 255, 0.4) 29.52%, rgba(255, 255, 255, 0.16577) 63.61%, rgba(255, 255, 255, 0.1) 90.19%); */
		background-color: aliceblue;
		border-radius: 0px 0px 15px 15px;
		box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(40px);
	}
	.header_area .navbar .nav .nav-item .nav-link {
		color: black;
	}
    .navbar-toggler[aria-expanded="false"] span:nth-child(2) {
		opacity: 1;
	}
	.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
		opacity: 0;
	}
	.navbar-toggler[aria-expanded="true"] span:first-child {
		transform: rotate(-45deg);
		position: relative;
		top: 7.5px;
	}
	.navbar-toggler[aria-expanded="true"] span:last-child {
		transform: rotate(45deg);
		bottom: 6px;
		position: relative;
	}
	.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
		line-height: 40px;
	}
	.navbar-toggler span{
		display: block;
		width: 25px;
		height: 3px;
		background: #000;
		margin: auto;
		margin-bottom: 4px;
		transition: all 400ms linear;
		cursor: pointer;
	}
    .navbar .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav{
        padding: 0px 0px;
    }
    .header_top .nav{
        padding: 0px;
    }
    .header_area .navbar .nav .nav-item .nav-link{
        line-height: 40px;
        margin-right: 0px;
        display: block;
		border-bottom: 1px solid #ededed33;
		border-radius: 0px;
    }
    .header_area .navbar .search{
        margin-left: 0px;
    }
	.header_area .navbar-collapse{
		max-height: 340px;
		overflow-y: scroll;
	}
	.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
		padding: 0px 15px;
	}
	.header_area .navbar .nav .nav-item {
		margin-right: 0px;
	}
	.home_banner_area .banner_inner .banner_content .banner_map_img {
		display: none;
	}
	/* End Main Menu Area css
	============================================================================================ */
	/* Blog page Area css
	============================================================================================ */
	.categories_post img{
        width: 100%;
    }
	.categories_post {
		max-width: 360px;
		margin: 0 auto;
	}
	.blog_categorie_area .col-lg-4{
        margin-top: 30px;
    }
    .blog_area{
        padding-bottom: 80px;
    }
    .single-post-area .blog_right_sidebar{
        margin-top: 30px;
    }
	.base-title {
		font-size: 50px;
	}

	.text-second-timeline {
		font-size: 22px
	}
	.kata_sambutan_top {
		margin-top: 0px;
	}
	.second-title {
		font-weight: 400;
		font-size: 20px;
	}

	.second-title br {
		display: none;
	}

	.single-post-area .sidebar-widgets {
		padding-bottom: 0px;
	}
	.comment-form .email {
		padding-left: 0px;
	}
	.generic-banner .generic-banner-content h2 br {
		display: none;
	}
	.generic-banner .generic-banner-content p br {
	display: none;
	}
	.progress-table-wrap {
		overflow-x: hidden;
	}
	.left-align-p p {
		margin-top: 20px;
	}
	.ag-format-container {
		width: 750px;
	}
	.ag-format-container {
		width: 960px;
	}
	.header_area .navbar .nav .nav-item.submenu ul {
		position: absolute;
		top: 120%;
		left: 0px;
		min-width: 200px;
		text-align: left;
		opacity: 0;
		-webkit-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		transition: all 300ms ease-in;
		visibility: hidden;
		display: block;
		border: none;
		padding: 0px;
		border-radius: 0px;
		-webkit-box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
		box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	}
	.header_area .navbar .nav .nav-item.submenu:hover ul {
		visibility: visible;
		opacity: 1;
		top: 100%;
	}
	.ag-timeline_line {
		left: 30px;
	}
	.center_timeline_md {
		margin-left: 40%;
	}
	.ag-timeline_item:nth-child(2n) {
		text-align: left;
	}
	.timeline-one{
		margin-top: 100px
	}
	.ag-timeline-card_box,
	.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
		padding: 0 0 20px;
	}
	.ag-timeline-card-mobile {
		font-family: 'Ubuntu', sans-serif;
		font-weight: bold;
		font-size: 17px;
		color: #185aa5;
		display: flex;
	}

	.ag-timeline-card_meta-box {
		display: none;
	}

	.ag-timeline-card_point-box,
	.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
		margin: 0 0 0 8px;
	}

	.ag-timeline-card_point {
		height: 40px;
		line-height: 40px;
		width: 40px;
	}

	.ag-timeline-card_point-active {
		height: 40px;
		line-height: 40px;
		width: 40px;
		color: #ffffff;
		background-color: #185aa5;
	}

	.ag-timeline-card_item {
		width: auto;
		margin: -65px 0 0 16px;
		display: flex;
		align-items: flex-start;
	}

	.timeline-startend {
		display: flex;
		justify-content: flex-start;
	}
	.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
	.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
		-webkit-transform: translateX(200%);
		-moz-transform: translateX(200%);
		-ms-transform: translateX(200%);
		-o-transform: translateX(200%);
		transform: translateX(200%);
	}

	.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
		right: auto;
		left: 0;
	}

	.ag-timeline-card_title {
		display: block;
	}

	.ag-timeline-card_arrow {
		margin-top: 12px;
	}
		.js-timeline_item {
			display: flex;
			flex-wrap: wrap;
		}

		.timeline-image {
			order: 1;
			margin-right: 0;
			margin-bottom: 1rem;
		}

		.ag-timeline-card_meta-box {
			order: 2;
			width: 100%;
		}

		.ag-timeline-card_meta {
			margin-top: 1rem;
		}
	.reponsiveDownload2 {
		justify-content: center;
		margin-top: -140px;
	}
	.reponsiveDownload1 {
		justify-content: center;
	}
	.center-container{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.center-container-lokasi{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.center-container-pengumuman{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.center-container-pengumuman1 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	/* End Blog page Area css
	============================================================================================ */

	/* Contact Page Area css
	============================================================================================ */
	.contact_info{
		margin-bottom: 50px;
	}
	/* End Contact page Area css
	============================================================================================ */
	.home_banner_area .donation_inner{
		margin-bottom: -30px;
	}
	.home_banner_area .dontation_item{
		max-width: 350px;
		margin: auto;
	}
	/* Footer Area css
	============================================================================================ */
	.footer-area .col-sm-6{
		margin-bottom: 30px;
	}
	/* End End Footer Area css
	============================================================================================ */
	.home_banner_area {
		background-size: cover;
		margin-bottom: 0px;
	}
	.home_banner_area .banner_inner .banner_content h2 {
		margin-top: 30px;
	}
	.feature_inner{
		margin-bottom: -30px;
	}
	.feature_inner .feature_item{
		margin-bottom: 30px;
		padding: 20px;
	}
	.interior_inner .interior_text {
		margin-top: 30px;
	}
	.interior_two .interior_inner .interior_text {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.price_item{
		max-width: 400px;
		margin: 0px auto 30px;
	}
	.l_news_item {
		max-width: 360px;
		margin: 0px auto 30px;
	}
	.latest_news_inner{
		margin-bottom: -30px;
	}
}
@media (max-width:767px){
	.home_banner_area {
		min-height: 500px;
	}
	.home_banner_area .banner_inner {
		min-height: 500px;
	}
	.home_banner_area .banner_inner .banner_content {
		margin-top: 0px;
	}
	/* Blog Page Area css
	============================================================================================ */
    .blog_banner .banner_inner .blog_b_text h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.blog_info.text-right{
		text-align: left !important;
		margin-bottom: 10px;
	}
	.comment-form .name {
		padding-right: 0px;
		margin-bottom: 1rem;
	}
	.typo-sec {
		margin-bottom: 30px;
	}
	.element-wrap {
		margin-top: 30px;
	}
	.single-post-area .navigation-area .nav-left {
		margin-bottom: 30px;
	}
	/* End Blog Page Area css
	============================================================================================ */
	.home_banner_area .banner_inner .banner_content h3 {
		font-size: 30px;
	}
	.home_banner_area .banner_inner .banner_content p br {
		display: none;
	}
	.home_banner_area .banner_inner .banner_content h3 span {
		line-height: 45px;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.ag-format-container {
		width: 96%;
	}
	.center_timeline_md {
		margin-left: 40%;
	}
	.ag-timeline-card_img {
		height: auto;
		width: auto;
	}
	.ag-format-container {
		width: 750px;
	}
	/* Footer Area css
	============================================================================================ */
	.footer-bottom{
		text-align: center;
	}
	.footer-bottom .footer-social {
		text-align: center;
		margin-top: 15px;
	}
	/* End End Footer Area css
	============================================================================================ */
	.footer_area .container.box_1620{
		width: 100%;
		max-width: 100%;
		padding: 0px;
	}
	.footer_inner .f_menu li {
		margin-right: 18px;
	}
	.footer_inner{
		padding-left: 15px;
		padding-right: 15px;
	}
	.question_inner .nav.nav-tabs a {
		margin-bottom: 15px;
	}
	.generic-banner .height {
		height: 400px;
	}
	.ag-timeline_title {
		font-size: 60px;
	}

	.ag-timeline-card_info {
		padding: 10px 15px;
	}

	.ag-timeline-card_desc {
		font-size: 14px;
	}
	.bawah-center {
		margin-right: 0px;
	}
}
@media (max-width:600px){
	.center_timeline_md {
		margin-left: 0%;
	}
}
@media (max-width:575px){
	.top_menu {
		display: none;
	}
    /* Home Banner Area css
	============================================================================================ */
	.home_banner_area .banner_inner .banner_content h2 {
		font-size: 28px;
	}
	.home_banner_area {
		min-height: 500px;
	}
	.home_banner_area .banner_inner {
		min-height: 500px;
	}
	.blog_banner .banner_inner .blog_b_text {
		margin-top: 38px;
	}
	.home_banner_area .banner_inner .banner_content img{
		display: none;
	}
	.home_banner_area .banner_inner .banner_content h5 {
		margin-top: 0px;
	}
	/* End Home Banner Area css
	============================================================================================ */
	.p_40 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.p_120 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.main_title h2 {
		font-size: 25px;
	}
	/* Elements Area css
	============================================================================================ */
	.sample-text-area {
		padding: 70px 0 70px 0;
	}
	.generic-blockquote {
		padding: 30px 15px 30px 30px;
	}
	/* End Elements Area css
	============================================================================================ */

	/* Blog Page Area css
	============================================================================================ */
	.blog_details h2 {
		font-size: 20px;
		line-height: 30px;
	}
	.blog_banner .banner_inner .blog_b_text h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.center_timeline_md {
		margin-left: 0%;
	}
	/* End Blog Page Area css
	============================================================================================ */
	/* Footer Area css
	============================================================================================ */
	.footer-area {
		padding: 70px 0px;
	}
	/* End End Footer Area css
	============================================================================================ */
	.pad_top {
		padding-top: 70px;
	}
	.counter_area {
		padding: 70px 0px 70px 0px;
	}
	.interior_inner .interior_text h4 {
		line-height: 40px;
		font-size: 30px;
	}
	.app_inner h2 {
		font-size: 24px;
	}
	.app_btn_area .app_btn {
		display: block;
		max-width: 240px;
		margin: 0px auto 15px;
	}
	.app_btn_area .app_btn:last-child {
		margin-bottom: 0px;
	}
	.single-footer-widget .sub-btn {
		right: 0px;
	}
	.video_area a img{
		width: 40%;
	}
}

@media (max-width:480px){
	/* Main Menu Area css
	============================================================================================ */
	.header_area .navbar-collapse{
		max-height: 250px;
	}
	/* End Main Menu Area css
	============================================================================================ */

	/* Home Banner Area css
	============================================================================================ */
    .home_banner_area .banner_inner .banner_content {
		padding: 30px 15px;
		margin-top: 0px;
	}
	.banner_content .white_btn {
		display: block;
	}
	.center_timeline_md {
		margin-left: 0%;
	}
	.home_banner_area .banner_inner .banner_content h3 {
		font-size: 24px;
	}
	/* End Home Banner Area css
	============================================================================================ */
	.banner_area .banner_inner .banner_content h2 {
		font-size: 32px;
	}
	/* Blog Page Area css
	============================================================================================ */
	.comments-area .thumb {
		margin-right: 10px;
	}

	/* End Blog Page Area css
	============================================================================================ */
	.home_banner_area {
		min-height: 350px;
	}
	.home_banner_area .banner_inner {
		min-height: 350px;
	}
	.testi_item .media {
		display: block;
	}
	.testi_item .media .d-flex {
		padding-right: 0px;
	}
	.testi_item .media .d-flex img {
		width: auto;
		margin-bottom: 20px;
	}
	.navbar-brand img {
		height: 35px;
	}
	.comments-area {
		padding: 50px 8px;
	}
	.comments-area .comment-list .single-comment h5 {
		font-size: 12px;
	}

	.comments-area .comment-list .single-comment .date {
		font-size: 11px;
	}

	.comments-area .comment-list .single-comment .comment {
		font-size: 10px;
	}
	.timer .box-timer{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 56px;
		width: 54px;
		margin-top: 9px;
		background-image: linear-gradient(125deg, rgba(255, 255, 255, 0.4) 29.52%, rgba(255, 255, 255, 0.16577) 65%, rgba(255, 255, 255, 0.1) 90.19%);
		box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(20px);
		border-radius: 20px;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 600;
		font-size: 24px;
	}
	.timer-span{
		padding: 0px 0px 0px 5px;
		transform: translateY(10px);
		color: #fff;
		text-align: center;
		transform: translateY(-2px);
	}
}

@media (max-width:320px) {
/* Main Menu Area css
	============================================================================================ */
	.header_area .navbar-collapse {
		max-height: 250px;
	}
	.center_timeline_md {
		margin-left: 0%;
	}
	/* End Main Menu Area css
	============================================================================================ */

	/* Home Banner Area css
	============================================================================================ */
	.home_banner_area .banner_inner .banner_content {
		padding: 30px 15px;
		margin-top: 0px;
	}

	.banner_content .white_btn {
		display: block;
	}

	.home_banner_area .banner_inner .banner_content h3 {
		font-size: 24px;
	}

	/* End Home Banner Area css
	============================================================================================ */
	.banner_area .banner_inner .banner_content h2 {
		font-size: 32px;
	}

	/* Blog Page Area css
	============================================================================================ */
	.comments-area .thumb {
		margin-right: 10px;
	}

	/* End Blog Page Area css
	============================================================================================ */
	.home_banner_area {
		min-height: 350px;
	}

	.home_banner_area .banner_inner {
		min-height: 350px;
	}

	.testi_item .media {
		display: block;
	}

	.testi_item .media .d-flex {
		padding-right: 0px;
	}

	.testi_item .media .d-flex img {
		width: auto;
		margin-bottom: 20px;
	}

	.navbar-brand img {
		height: 25px;
	}
}
/*
     FILE ARCHIVED ON 08:19:03 Sep 07, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:41:30 Jul 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.474
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.009
  esindex: 0.008
  cdx.remote: 29.249
  LoadShardBlock: 95.191 (3)
  PetaboxLoader3.datanode: 124.641 (5)
  load_resource: 392.014
  PetaboxLoader3.resolve: 293.758
  loaddict: 71.117
*/