@media only screen and (max-width: 1500px) {
	.container {
		width:1200px;
		margin:0 auto;
		padding:0;
	}
	#header {
		grid-template-columns: 26% 74%;
	}
	
		.header_fix { padding-left:35px; padding-right:35px;}
	
	.logo img { width:150px;}
	.main_nav ul li a { padding-left:10px;}
	
	#four_section {
		display: grid;
		grid-template-columns: 45% 30% 25%;	
	}

	.donasi_heading_flex .tr_pilar_heading_desc h2 { width:50%; }
	
	.footer_main_ctx,
	.footer_bottom { font-size:85%;}
	.kkr_slider_item_in { min-height: 300px; }
	.susunan_pengurus { padding: 0; }
}

@media only screen and (max-width: 1024px) {
	.container { width: 100%; }
	.container2 { width: 90%; }
	.nd_section { padding: 40px 20px; }
	.nd_section_right { padding: 0 30px; }
	.slick-prev { left: -25px; }
	.slick-next { right: -25px; }
	.nd_section_right::after { display: none; }
	.rd_section_left { padding: 0 20px; }
	.four_section { background: none; }
	#four_section { display: block; padding: 0; }
	.four_section_flex { display: block; min-height: 0;}
	.four_section_left { display: none; }
	.four_section_mid { background: #33b1e4; color: #fff; padding: 30px 0;}
	.con_box { padding: 0 30px; }
	.four_section_mid .con_box { color: #fff; }
	.con_number { font-size:50px; }
	.four_section_right .con_box { color: inherit;}
	.four_section_right { background: #fff;padding: 30px 20px;}
	.four_section_right .con_number,
	.four_section_right .con_box #plus { color: #33b1e4; }
	#footer_main { display: block; padding: 20px; }
	.footer_mainbox { padding-top: 40px; }
	.berita_detail { width: 100%; }
	.share_box { padding: 0 30px; display: block; }
	.back_blog { text-align: left; margin-top: 20px; }
	.related_blog { margin-top: 60px; padding: 0 30px; }
	.container3 { width: 100%; padding: 0 30px;}
	.cerita_box { display: block; }
	.crita_item { margin-bottom: 25px; font-size: 16px !important;
		box-shadow: -4px 1px 35px -6px rgba(0,0,0,0.45);
		-webkit-box-shadow: -4px 1px 35px -6px rgba(0,0,0,0.45);
		-moz-box-shadow: -4px 1px 35px -6px rgba(0,0,0,0.45);
	}
}

@media only screen and (max-width: 768px) {

	.container {
    /* padding-left: 10px;
    padding-right: 10px; */
	}

	.show_mobile { display: block; }
	.hide_mobile { display: none!important; }
	.font_lg,
	.font_lg2 { font-size:15px;} 
	h2 { font-size: 26px; }
	.nd_section_left h2 { margin-bottom: 15px:  }

	.show_mobile .mobile_header {
		position: fixed;
		z-index: 999;
		padding: 10px 20px;
		height: 80px;
		align-items: ;
		left: 0;
		top: 0;
		width: 100%;
	}
	.mb_logo img { width:150px; height: auto;}
	a.donasi {
		margin:0;
		font-size: 12px;
		padding:12px 20px;
		position: absolute;
		right: 64px;
		top: 18px;
	}
	.mobile_nav {
		width:33px;
		height: 20px;
		background-image:url(../images/mobile-nav.svg)!important;
		background-repeat: no-repeat;
		background-position: center center;
		background-size:100% auto;
		display: block;
		text-indent: -9000px;
		position: absolute;
		right: 20px;
		top: 30px;
		top: 15px;
		padding: 24px 0;
	}

	.top_slider_desc_in {
		/* height: 110vh; */
		width: 90%;
		margin: 0 auto;
		text-align: left;
		display: block;
		/* padding: 550px 0 60px; */

		height: 0vh;
  
    padding: 165px 0 60px;

	}
	.top_slider_desc_in p {
		font-size: 20px;
		margin-bottom: 45px;
		line-height: 24px;
		margin-bottom: 25px;
	}
	.readon { padding: 12px 35px; font-size: 12px;}
	.top_slider .slick-slide { background-position: 67% center; }

	#nd_section { display: block; text-align: center; }
	#rd_section { display: block; }
	.rd_section_right { display: none; }
	.rd_section_left h2 span { display: inline-block; }
	.rd_section_left h2 { margin-bottom: 15px; padding-right: 25px;}
	.rd_section_left ul { margin: 20px 0 30px; padding: 0;}
	.rd_section_left ul li:nth-child(1) { margin-right: 5px;}
	.rd_section_left ul li a.readon { padding: 11px 25px; }
	.rd_section_left ul li a.readon.border { padding: 11px 5px; border: none!important; }
	.relawan_box { padding: 10px 0 60px; grid-gap: 10px; text-align: left; }
	.relawan_box_item { font-size: 12px; line-height: 20px; padding: 30px 20px 50px; border-radius: 10px;}
	.itm_desc { margin-bottom: 25px;}
	.fifth_section h2 { padding: 0; font-size: 26px; text-align: left;}
	.relawan_box_item h2 {margin-bottom: 10px;}
	.relawan_box_item .readon { font-size: 12px; padding: 12px 25px; }
	#dukungan_section { display: block; }
	.dukungan_box { height: auto; }
	.dukungan_box_in { padding: 100px 20px 40px !important;}
	.dukungan_box_in .readon { padding: 12px 61px 12px 25px!important; }
	.ttm .readon { padding: 12px 25px!important; }
	.dukungan_box_in .border {  font-size: 10px; padding: 12px 15px!important;}
	.dukungan_box_in ul li { margin-right: 0; }
	.dukungan_box_in ul li a.readon span { display: none; }
	.footer_top h2 { font-size: 22px; padding-left: 20px; text-align: left; }
	.footer_main_left { padding-right: 0; }
	.footer_main_left h4 { font-size: 16px; }
	.footer_main_ctx { display: block; }
	.footer_ctx_item { padding-bottom: 60px; }
	.footer_main_ctx .readon {  font-size: 13px; `top: 18px; padding: 10px 30px;}
	.footer_bottom { display: block; padding: 0 20px; }
	.footer_bottom { font-size: 70%; margin-top: 0;}
	.fplc ul { padding: 0; margin: 15px 0; }
	.fplc ul li { margin: 0 10px 0 0; }
	.social_footer ul { padding: 0; }
	.social_footer ul li a { width: 20px; height: 20px; margin-left: 5px; }
	.social_footer { right: auto; bottom: 36px; left: 15px;}
	.footer_main_ctx { margin-bottom: 20px; }
	.footer_top { padding-bottom: 20px; }
	.donasi_heading_flex { height: auto; padding: 20px; display: block; padding: 230px 20px 60px;}
	.container_donasi { width: 90%; }
	.donasi_ctn_top { width: 85%; }
	.donasi_miancontent { display: block; padding-right: 40px 20px; }
	.ctn_item { margin-bottom: 30px; }
	.program_heading_flex { height: 700px; padding: 0 20px;}
	.program_top { width:75%; }
	.program_heading { background-position: 76% bottom;}
	
	.tr_pilar_items { 
		display: block; 
	}

	.gridBoxes {
		display:grid;   
		grid-template-columns: repeat(1, 100%);
		grid-template-areas: "top" 
                     		 "middle" 
                         "bottom"
	}
	.subBox1 {
		grid-area: bottom; 
	}
	.subBox2 {
		grid-area: middle; 
	}
	.subBox3 {
		grid-area: top; 
	}



	
	.tr_pilar_items_text { padding: 40px 20px; }
	.tr_pilar_items ul.list_icon { margin-top: 30px; margin-bottom: 10px; }
	.program_flbox_in { padding: 10% 20px 70px; }
	.program_top a.readon.icon { padding-right: 62px; }
	.icon { background-position: 87% 42% !important; background-size: 20px auto !important;}
	.tr_pilar_items { margin: 0; }
	.tr_pilar_items_text { font-size: 14px; }
	.tr_pilar_items_text img { width:150px; height: auto; }
	ul.list_icon li a.noborder,
	ul.list_icon li a.noborder_yellow,
	ul.list_icon li a.noborder_green { padding-right: 18px!important; padding-left: 18px!important; }
	ul.list_icon li a span { display:none; }
	.tr_pilar_pop { display:block; }
	.tr_pilarpp_text { padding: 40px; }
	.tr_pilarpp_text img { right: 20px; top: 30px; width:100px!important;}
	.tr_pilarpp_text h3 { padding-right: 35%; }
	.tr_pilar_pop .tr_pilarpp_img img { width:100%; }
	.pp_close { z-index: 91; right: 7px; top: 7px; }
	.tr_slider .slick-arrow { bottom: 21px; margin-right:15px; }
	.donasi_heading_flex .tr_pilar_heading_desc h2 { width:80%; font-size: 24px; }
	.kkr_anak_tp { display:block; padding: 50px 20px;}
	.kkr_anak_tpleft { padding-right: 0; }
	.kkr_itms { grid-template-columns: 28% 72%; }
	.kkr_anak_box { display: block; padding-top: 0; }
	.kkr_anak_box .four_section_flex { display:block; padding: 20px; min-height: auto;}
	.kkr_anak_box .four_section_flex h3.kkr_left { font-size: 22px; margin-bottom: 30px!important; } 
	.kkr_anak_long { background: none; color: inherit;}
	.kkr_slider_top { width:90%; }
	.kkr_slider_box { padding: 0 20px;}
	.btn_slider .slick-arrow { display: none!important; }
	.parents_club .tr_pilar_items_img img { width: 100%; }
	.tr_padding_left { padding-left: 20px; }
	ul.list_icon li a.readon { padding-left: 25px; padding-right: 25px; }
	.ctn_item_in .readon,
	.dn_ins .readon,
	ul.readon_donasi { position: static; }
	ul.readon_donasi { margin-top: 25px; }
	.ctn_item_in,
	.dn_ins { min-height: 0; }
	.kkr_slider_item_in { min-height: 290px; }
	#plus { font-size: 50px; top: -5px; right: 85px;}

	.relawan_box_detail { display: block; padding: 0 20px;}
	.relawan_box_cta .relawan_box_detail_itms_in { padding: 40px; }
	.relawan_box_detail_itms_in { padding: 40px 0; }
	.relawan_box_detail_itms_in h2 { font-size: 26px; }
	.relawan_box_cta p { margin-bottom: 10px; }
	.relawan_box_detail_itms:nth-child(1) { border: none; }
	.pengadaan_heading_flex .tr_pilar_heading_desc { width: 80%; padding: 0 20px; }
	.ppk_top_box,
	.ppk,
	.sebarluas_col { display: block; padding: 0 20px; }
	.ppk_intro { font-size: 16px; padding: 0 25px; }
	.ppk_intro_img { padding: 0 20px; }
	.ppk { padding: 50px 20px; }
	.img_mson { grid-template-columns: 63% 30%; }
	.sebarluas { padding: 50px 0; }
	.program_flbox { background-size: cover; }
	.crmb { font-size: 16px; padding-bottom: 80px!important;}
	.crmb h2 { font-size: 40px; }
	.crmb ul.list_icon { margin-top: 30px; }
	.form_box { position: static; width: 100%; margin:0 auto 60px; padding: 40px;}
	.reset_box { display: block; width: 100%; height: auto; padding: 150px 20px 0; }
	.reset_box .program_top { width: 100%; }
	.konseling_box { display: block!important; height: auto; padding: 150px 20px 40px;}
	.konseling_box .program_top { width: 100%; }
	.logo_tiga_pilar { position: static; margin-top: 40px;}
	.logo_tiga_pilar img { width: 100%; }
	.heading_image { margin-top: 80px; }
	.vertical-tab { display: block; padding: 0 20px; margin: 20px 0;}
	.list_download ul { width: 100%; }
	.vertical-tab .tab-content { padding: 30px 20px; }
	.vertical-tab .nav-tabs{
        width: 100%;
        display: block;
    }
    .vertical-tab .nav-tabs li:last-child a{ margin: 0; }
    .vertical-tab .tab-content{
        font-size: 14px;
        display: block;
    }
    .crt_box { height: 350px!important; }
    .crt_box h2 { width: 90%; }
    .susunan_pengurus { padding: 0 20px; }
    .timeline_box { width: 85%; }
    .timeline { padding-bottom: 20px; }
    .timeline > li > .timeline-panel { padding: 20px; }
    ul.timeline > li { float: none; overflow: auto;}
    ul.timeline > li:after { content: ""; clear: both; display: table; }
    .timeline li:nth-child(2n) { margin-left: 0; }
    .timeline li:nth-child(2n) .timeline-badge { left: 15.5px;}
    .berita_item { display: block;}
    .berita_item_desc { padding: 30px; }
    .berita_item_img_in { padding: 0 30px; }
    .berita_detail { margin-top: 120px; }
    .heading_image h1 { padding:0 30px; font-size: 40px;}
    .kkr_slider_main ul.slick-dots { display: block!important; }
    .heading_inside h3 { width: 100%; margin: 0;}
    .heading_inside {  padding: 50px 20px 10px; }
    .relawan_box_detail_itms { background: none; padding: 0; }
    .slide_caption { width: 100%; }
    .slide_have_desc ul.slick-dots { margin-top:0; }
    .p_konseling_box { padding: 0 20px; }
    .p_konseling { grid-template-columns: 1fr; grid-gap: 25px; }
    .prt_club {  }
    .prt_club_img,
    .prt_club_text { width: 100%; float: none; padding: 0; }

    /* Adjust */
    .readon.center { text-align: center; padding: 12px 35px!important;}
    .readon.icon { padding-right: 55px!important; }
    .kkr_slider .modal-dialog,
	.qr_code .modal-dialog { display: flex; height: 100%; align-items: center; }
    .dukungan_section,
    .tr_pilar_heading { height: 110vh; display: flex; align-items: center;}
	.hub_kami { height:auto;}
	.qr_code .pp_close { top: 47px; }

	/* Adjust */
	.kolom_kiri,
	.kolom_kanan { float:none; width:100%;}
	.kolom_kiri { padding-top:0;}
	.kolom_kiri .tr_pilar_items_text { padding-top:0; padding-bottom:20px;}

	.program_flbox_in {
    text-align: left;
	}

	.dukungan_section {
    
    background-position: top 60%;
	}

	.program_flbox_in {
		top:0px !important;
	}

	.mobile_hidden {
		display:none;
	}

	#header_pita {
		background-position-x: -1500px !important;
	}

	#hero_small {
		height: 60vh;
	}

	#cara_membantu_banner {
		background-position-x: 60% !important;
	}

	#berita_banner {
		background-position-x: 40% !important;
	}

	#pengadaan_banner {
		background-position-x: 47% !important;
	}

	#kerjasama_banner {
		background-position-x: 77% !important;
	}

	#graha_banner {
		background-position-x: 60% !important;
	}

	#kankeranak_banner {
		background-position-x: 40% !important;
	}

	#kontak_banner {
		background-position-x: 40% !important;
	}
	
}

@media only screen and (max-width: 320px) {
	.mb_logo img {
		width: 120px;
		padding-top: 5px;
	}
	a.donasi { right: 70px; }
	.mobile_main_nav ul.mm_nav {
		height: 280px;
	}
	.top_slider_desc_in p { font-size: 18px; }
	.relawan_box_item {
		font-size: 10px;
		line-height: 16px;
		padding: 30px 15px 30px;
		border-radius: 10px;
	}
	.dukungan_box_in .border { margin-top:25px; position: relative; top: 10px;  }
}