/**/
@media (max-width: 767px) {
	
}
@media (min-width: 767px){
	
	main .bboard .tagline h1{
		transform: scale(1,1);
	}
	
	main .services .td h3{
		line-height:1;
		font-size:1.2rem;
		height:45px;
	}
	
	main .services .container{
		max-width:100%;
		padding:0;margin:0;
	}
	
}
@media (max-width: 320px){}
@media (max-width: 447px){}

@media (max-width: 503px){
	header,footer,
	main .container{
		padding-left:10px;
		padding-right:10px;
	}
	header{padding:0;}
	
	header .container,
	header .tbl{height:85px;margin:0;padding:0;}
	
	header .tbl{width:100%;}
	
	header .tbl .logo{padding-left:5px;padding-right:0;width:65px;}
	
	header .tbl .chrometitle{width:auto;padding:0 10px;}
	header .tbl .chrometitle label{font-size:9px;}
	header .tbl .chrometitle h5{font-size:12pt;}
	
	header .tbl .td.menus{width:50px;text-align:center;}
	header .tbl .td.menus .menusbar{display:inline-block;}
	header .tbl .td.menus ul{display:none;}
	
	/**/
	main {margin-top:85px;}
	main .tbl .td{display:block;}
	main .row,main .col,#newsrelated{display:block;padding:0;margin:0;}
	main .card{display:block;margin-bottom:10px;}
	
	#newslist .col .card{margin:0 0 10px 0;}
	#newsdetail h1{font-size:32px;margin-top:25px;}
	#newsdetail label{margin:15px 0 15px 0;}
	
	main .bboard .container{margin:0;padding:0;}
	main .bboard .tagline{
		width:100%;
		background-color:rgba(0,0,0,0.4)
	}
	main .bboard .tagline h1{
		line-height:1;
		transform: scale(0.85, 0.85);
		padding:0 55px 0 55px;
		text-align:center;
	}
	
	main .services .container{padding:0;margin:0;}
	main .services .td{text-align:center;padding:35px;}
	main .services .td i{font-size:42pt;color:#fff;}
	
	main .welcome .td{margin:25px;padding:15px 0 15px 0;}
	main .welcome .td .kadesimg{width:300px;height:300px;}
	main .welcome h3{font-size:22px;text-align:center;}
	main .welcome h5{font-size:16px;}
	main .welcome label{font-size:10px;}
	
	main .agenda,
	main .laporan{border:none;}
	
	main .berita .td{margin-bottom:20px;}
	
	/*
	.sectiontitle,.sectiontitle.left{
		text-align:center;
	}
	.sectiontitle::before,.sectiontitle.left::before{
		left: 50%;
		transform: translateX(-50%);
	}
	*/
	section.pagecontent{margin:0;padding:0;}
	section.pagecontent .container,
	section.pagecontent .row,
	section.pagecontent .col{margin:0;padding:0;}
	
	section.pagecontent .wrapper{margin:0;padding:0;padding:25px;}
	
	section.pagecontent .ilus{
		height:200px;
		width:100%;
	}
	
	section.pagecontent#sejarah{}
	section.pagecontent#sejarah .ilus{
		background-position:bottom -150px center;
	}
	
	section.pagecontent#visimisi .ilus{background-position:bottom center;}
	
	section.pagecontent#visimisi .ilus h1{padding:26px;}
	
	section.pagecontent#pemdes{}
	section.pagecontent#pemdes h1{font-size:36pt;top:90px;}
	
	section.pagecontent#berita #newsdetail{margin:0;padding:0;border:none;}
	
	section.pagecontent p,
	section.pagecontent p *,
	section.pagecontent p[style],
	section.pagecontent p[style] *[style]{font-size:16pt !important;}
	
	section.pagecontent p:has(.note-video-clip){width:100%;}
	section.pagecontent .note-video-clip{width:100%;height:auto;}
	
	
	section.pagecontent#idak{}
	section.pagecontent#idak h1{font-size:18pt;}
	
	footer .tbl .td{display:block;margin-bottom:25px;}
	footer .tbl .td:last-child{padding-top:55px;}
	footer li span {
		display: block;
		margin: 5px;
	}
		
	/*main .bboard{min-height:400px;background-color:#e6f3ed;}*/
}

@media (max-width: 448px){
	main .bboard .bb{background-position:right -300px bottom;}
}
@media (max-width: 360px){
	main .bboard .bb{background-position:right -110px bottom;}
}
@media (min-width: 1920px){
	main .bboard .bb{background-position:center top;}
}

@media (min-width: 448px) and (max-width: 503px){}
@media (min-width: 504px) and (max-width: 789px){
	header .tbl .td.menus ul{display:none;}
	header .tbl .td.menus{width:50px;}
	header .tbl .td.menus .menusbar{display:inline-block;}
}
@media (min-width: 790px) and (max-width: 1024px){
	header .tbl .td.menus ul{display:none;}
	header .tbl .td.menus{width:50px;}
	header .tbl .td.menus .menusbar{display:inline-block;}
}
@media (min-width: 1024px) and (max-width: 1359px){}
@media (min-width: 1360px) and (max-width: 1920px){}