/*========================================================
                     RESPONSIVE
=========================================================*/
@media (max-width: 1210px) and (min-width: 1100px) {
#content .Konten_Berita{
	min-height: 305px;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
/* IPAD TIDUR */
#Prolog{
	*display: none;
}

#Prolog .P_Logo img{
	width: 250px;
	height: 74px;
}

#Prolog .P_Narasi_Judul{
	font: 300 13px/22px "Roboto", Helvetica, sans-serif;
}

section{
	font: 400 11px/14px "Lato", Helvetica, sans-serif;
}

.inner{
  	margin-left: -1px;
	margin-right: -1px;
}

.Menu-Side{
	width: 60%;
}

.Bhs-Side{
	width: 10%
}

.Logo-Side{
	width: 30%;
}

.sf-menu a {
	font: 600 10px/0px "Roboto", sans-serif;
}

.sf-arrows .sf-with-ul {
	padding-right: 4.5em;
}

.sf-menu li img{
	float:left;
	padding: 40px 10px 0px 10px;
	height: 20px;
	width: 20px;
}

.Logo{
	padding-right:20px;
}

.CameraTitle{
	font: 800 34px/40px "Lato", Helvetica, sans-serif;
}

.CameraSubTitle{
	font: 300 18px/18px "Lato", Helvetica, sans-serif;
}

#content .Konten_Berita{
	min-height: 250px;
}

#content .Link_Berita{
	font: 400 12px/12px "Lato", Helvetica, sans-serif;
}

#content .Prop_Berita_Tgl{
	font: 400 9px/9px "Roboto", Helvetica, sans-serif;
}

#content .Prop_Berita_Icon_Text{
	font: 400 9px/9px "Roboto", Helvetica, sans-serif;
}

#content .Prop_Berita_Icon_Icon img{
	width: 9px;
	height: 9px;
}

.FrmBox{
	width: 80%;
	padding-top: 20px;
}

.btn-primary {
	font: 400 12px/13px "Lato", sans-serif;
}

}


@media (max-width: 991px) and (min-width: 768px) {
/* IPAD BERDIRI */

.Menu-Side{
	width: 65%;
}

.Bhs-Side{
	width: 10%
}

.Logo-Side{
	width: 25%;
}

.Nama-Site{
	display:none;
}

.Logo{
	width:100%;
	height:100%;
	padding-right: 10px;
}

.Logo img{
	width:90px;
	height:90px;
}

.sf-menu {
	margin-left: -15px;
}

.sf-menu li img{
	float:left;
	padding: 45px 5px 0px 10px;
	height: 15px;
	width: 15px;
}

.sf-menu a {
	font: 600 9px/0px "Roboto", sans-serif;
}

.sf-arrows .sf-with-ul {
	padding-right: 3em;
}

.Nama-Site .Gunung1{
	font: 600 12px/12px "Oswald", sans-serif;
}

.Nama-Site .Gunung2{
	font: 200 12px/12px "Oswald", sans-serif;
}

.Nama-Site .Geo{
	font: 200 10px/10px "Roboto", sans-serif;
}

#Prolog .P_Logo img{
	width: 200px;
	height: 60px;
}

section{
	padding-left: 0px;
	padding-right: 0px;
}

#landmark .kiri{
	width: 0px;
}

#landmark .kanan{
	width: 0px;
}


#content .Link_Berita{
	font: 400 12px/14px "Lato", Helvetica, sans-serif;
}

#content .Prop_Berita_Tgl{
	font: 400 9px/9px "Roboto", Helvetica, sans-serif;
}

#content .Prop_Berita_Icon_Text{
	font: 400 9px/9px "Roboto", Helvetica, sans-serif;
}

#content .Prop_Berita_Icon_Icon img{
	width: 9px;
	height: 9px;
}

.CameraTitle{
	font: 800 34px/40px "Lato", Helvetica, sans-serif;
}

.CameraSubTitle{
	font: 300 18px/18px "Lato", Helvetica, sans-serif;
}

#Prolog .P_Narasi_Judul{
	font: 300 12px/20px "Roboto", Helvetica, sans-serif;
}

section{
	font: 400 11px/14px "Lato", Helvetica, sans-serif;
}

.Box-Butts{
	font: 400 10px/12px "Lato", sans-serif;
}

.FrmBox{
	width: 90%;
	padding-top: 20px;
}

.btn-primary {
	font: 400 12px/13px "Lato", sans-serif;
}


}

@media (max-width: 798px) and (min-width: 768px) {
#content .Konten_Berita{
	min-height: 220px;
}
}

@media (max-width: 828px) and (min-width: 798px) {
#content .Konten_Berita{
	min-height: 230px;
}	
}

@media (max-width: 858px) and (min-width: 828px) {
#content .Konten_Berita{
	min-height: 240px;
}	
}

@media (max-width: 888px) and (min-width: 858px) {
#content .Konten_Berita{
	min-height: 245px;
}	
}

@media (max-width: 918px) and (min-width: 888px) {
#content .Konten_Berita{
	min-height: 250px;
}	
}

@media (max-width: 948px) and (min-width: 918px) {
#content .Konten_Berita{
	min-height: 255px;
}	
}

@media (max-width: 978px) and (min-width: 948px) {
#content .Konten_Berita{
	min-height: 250px;
}	
}

@media (max-width: 991px) and (min-width: 978px) {
#content .Konten_Berita{
	min-height: 250px;
}	
}


@media (max-width: 767px) and (min-width: 482px) {
/* ANDROID TIDUR */
#landmark{
	display: flex;
	flex-direction: column;
	*min-height: 400px;
}

#landmark .kanan{
	order: 2;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 1px;
}

#landmark .tengah{
	order: 1;
	width: 100%;
	height: 400px;
}

#landmark .kanan img{
	width: 70%;
	height: 70%;
}

#landmark .kanan_logo{
	padding-bottom: 0px;
}

#Prolog{
	flex-direction: column;
}

#Prolog .P_Kiri{
	width: 100%;
	padding-right: 4%;
	display: flex;
	flex-direction: row;
}

#Prolog .P_Kanan{
	padding-top: 20px;
	width: 100%;
}

#Prolog .P_Logo{
	width: 35%;
	padding: 0px;
	text-align:center;
}

#Prolog .P_Narasi{
	width: 100%;
	padding-top: 20px;
}

#Prolog .P_Logo img{
	width: 160px;
	height: 40px;
}


#Prolog .P_Narasi_Judul{
	font: 300 14px/17px "Roboto", Helvetica, sans-serif;
}

section{
	font: 400 13px/16px "Lato", Helvetica, sans-serif;
}

.Box-Field{
	width: 80%;
}

#footer{
	background-repeat:repeat;
}

.h_container {
	min-height:100px;
	padding-top: 37px;
}

.brand_box{
	flex-direction: column;
}

.brand_title{
	font: 400 12px/14px "Roboto", sans-serif;
	text-align:center;
}

.CameraTitle{
	font: 800 24px/30px "Lato", Helvetica, sans-serif;
}

.CameraSubTitle{
	font: 300 14px/14px "Lato", Helvetica, sans-serif;
	padding-right: 8%;
}

ul li  {
 list-style-position:outside;
}

.BannerURL{
	display:none;
}

#content .Link_Berita{
	font: 400 11px/13px "Lato", Helvetica, sans-serif;
}
}

@media (max-width: 767px) {
/* For Menu */
.stuck_container {
 display:none;
}
/* EOF */

/*
#landmark .kiri{
	width:0px;
}

#landmark .kanan{
	width:0px;
}

section{
	padding-left: 0px;
	padding-right: 0px;
}
*/

}
 
@media (max-width: 482px) {
/* ANDROID BERDIRI */
.CoreBusiness{
	font: 300 31px/41px "Roboto", Helvetica, sans-serif;
}

#landmark{
	display: flex;
	flex-direction: column;
	min-height: 400px;
}

#landmark .kanan{
	order: 2;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 1px;
}

#landmark .tengah{
	order: 1;
	width: 100%;
	height: 400px;
}

#Prolog{
	flex-direction: column;
}

#Prolog .P_Logo{
	width: 100%;
}

#Prolog .P_Narasi{
	width: 100%;
	padding-top: 20px;
}

#Prolog .P_Narasi_Judul{
	font: 300 14px/17px "Roboto", Helvetica, sans-serif;
	padding-bottom: 5px;
}

#Prolog .P_Kiri{
	width: 100%;
	*padding-right: 4%;
	display: flex;
	flex-direction: column;
}

#Prolog .P_Kanan{
	padding-top: 20px;
	width: 100%;
}

.Box-Field{
	width: 100%;
}

#footer{
	background-repeat:repeat;
}

#footer .Main-Footer{
	flex-direction: column;
}

#footer .Footer-Left{
	width: 100%;
	text-align:justify;
}

#footer .Footer-Mid{
	width: 100%;
}

#footer .Footer-Right{
	width: 100%;
}

.h_container {
	min-height:100px;
	padding-top: 37px;
}

.brand_box{
	flex-direction: column;
}

.brand_title{
	font: 400 12px/14px "Roboto", sans-serif;
	text-align:center;
}

.CameraTitle{
	font: 800 24px/30px "Lato", Helvetica, sans-serif;
}

.CameraSubTitle{
	font: 300 14px/14px "Lato", Helvetica, sans-serif;
	padding-right: 8%;
}
#InnerTitle .Title{
	font: 400 21px/21px "Roboto", Helvetica, sans-serif;
	min-height:48px;
}

ul li  {
 list-style-position:outside;
}

.BannerURL{
	display:none;
}

#content .Link_Berita{
	font: 400 11px/13px "Lato", Helvetica, sans-serif;
}
}