/* lg */
@media (min-width: 1200px) {
#section { width:1170px; margin:0 auto; padding:0 10px; //overflow:hidden; //clear:both; //border:1px solid #0ff;
}
#toptiga{ display:none}
#ats{ width:990px; margin:0 auto}
#topleft{ width:33%;//border:1px solid #0ff;}
#topcenter{ width:33%;//border:1px solid #0ff;}
#topright{ width:32%;//border:1px solid #0ff;}
#topleft2{ width:33%;padding:60px 0 0 8px;//border:1px solid #0ff;}
#topright2{ width:32%;padding:60px 8px 0 0;//border:1px solid #0ff;}
#buatwlc { width:1100px; margin:0 auto; //overflow:hidden; //clear:both; //border:1px solid #0ff;}
#apDiv{ background-image:url(../images/bg-wlc.jpg); background-repeat:no-repeat; background-position:center; width:1100px; height:196px; margin:auto; position:absolute; top:700px; overflow:hidden}
#myabout{ display:none}
#hpabout{ display:none}
#buatnws { background-image:url(../images/bg-nws.jpg); background-repeat:no-repeat; background-position:center; width:100%; height:347px; margin:auto;
}#bgnws{ width:990px; margin:auto;
}#isinewssmall{ display:none}

#footer{ background-color:#EBEBEB; width:100%; height:250px}
#bawah{ width:990px; margin:auto;}
#botleft{ width:13%;//border:1px solid #00f;}
#botkiri{ width:13%;//border:1px solid #00f;}
#botbts{ width:3%;//border:1px solid #00f;}
#botcenter{ width:42%;//border:1px solid #00f;}
#botright{ width:27%;//border:1px solid #00f;}

#formkon { margin:auto; float:left; width:54%; padding-right:15px}
#infokon { margin:auto; float:left; width:42%}
#sampinggambar{float:right; width:57%; margin-top:10px;//border:1px solid #000;}
#gambarnya{float:left; margin-top:10px; width:42%;//border:1px solid #F00;}
#bwhkiri{float:left; width:35%}
#bwhkanan{float:left; width:64%; padding-top:10px}
#toglemenu{ display:none}
#degal{ width:700px}
#videokc{ display:none}
.accorm{ display:none}

}

/* md desktop*/
@media (min-width: 992px) and (max-width: 1199px) {
#section{width: 970px;}
#toptiga{ display:none}
#isinewssmall{ display:none}
#sampinggambar{float:right; width:55.8%; margin-top:10px}
#gambarnya{float:left; margin-top:10px; width:42%}
#bwhkiri{float:left; width:35%}
#bwhkanan{float:left; width:64%; padding-top:10px}
#botleft{ width:22%; padding:1%}
#botkiri{ width:22%; padding:1%}
#botbts{ width:2%;}
#botcenter{ width:22%; padding:1%}
#botright{ width:22%;}
#toglemenu{ display:none}
#buatwlc{ display:none}
#apDiv{ display:none}
#myabout{ background-image:url(../images/bg-wlc.jpg); background-repeat:no-repeat; background-position:center; width:990px; height:196px; margin:auto; overflow:hidden}
#hpabout{ display:none}
#degal{ width:700px}
#videokc{ display:none}

.accorm{ display:none}



}


/* sm tablet*/
@media (min-width: 768px) and (max-width: 991px) {
#section { margin:auto; width:98%;}
#slider{ display:none}
#top{ display:none}
#topleft{ display:none}
#topright{ display:none}
#topcenter{ display:none}
#topleft2{ width:31.3%; padding:12% 1% 1% 1%; //border:1px solid #0ff;}
#topright2{ width:31.3%; padding:12% 1% 1% 1%; //border:1px solid #0ff;}
#topcenter2{ width:31.3%; padding:5% 1% 1% 1%; //border:1px solid #0ff;}
#garput{ display:none}
#hpmatu{ float:left; padding:1%}
#hpsch{ float:right; padding:1%}
#footer{ background-color:#EBEBEB; width:100%; padding-bottom:1%}
#bgnws{ margin:auto; width:98%;}
#isinewsbig{ display:none}
#formkon { margin:auto; width:93%; float:none}
#infokon { margin:auto; width:93%; float:none}
#bwhkiri{float:left; width:35%}
#bwhkanan{float:left; width:64%; padding-top:10px}
#botleft{ width:15%; padding:1%}
#botkiri{ width:15%; padding:1%}
#botbts{ width:2%;}
#botcenter{ width:28%; padding:1%}
#botright{ width:25%;}
#sampinggambar{float:right; width:55.8%; margin-top:10px}
#gambarnya{float:left; margin-top:10px; width:42%}
.img-contain{ width:48%; padding:0 1%; margin:10px 0; float:none}
.img-gale{ width:31.3%; padding:0 1%; margin:10px 0; float:none}
img.lt{ width: auto; /* for ie 8 */}
#menunya{ display:none}
#buatwlc{ display:none}
#apDiv{display:none}
#myabout{ background-image:url(../images/bg-wlc.jpg); background-repeat:no-repeat; background-position:center; width:990px; height:196px; margin:auto; overflow:hidden}
#hpabout{ display:none}
#degal{ width:96%}
#videobs{ display:none}
.accor{ display:none}

.produkleft{ float:none; margin:0px; padding:0px; text-align:center; width:100%}
.img-gale{ width:30%; }


.katpro{ width:100%; float:none; margin:0px; padding:0px}
.neworange{ display:none}

}

/* xs hp*/
@media (max-width: 767px) {	
#section { margin:auto; width:98%;}
#slider{ display:none}
#top{ display:none}
#topleft{ display:none}
#topright{ display:none}
#topcenter{ display:none}
#topleft2{ width:31.3%; padding:13% 1% 1% 1%; //border:1px solid #0ff;}
#topright2{ width:31.3%; padding:13% 1% 1% 1%; //border:1px solid #0ff;}
#topcenter2{ width:31.3%; padding:5% 1% 1% 1%; //border:1px solid #0ff;}
#garput{ display:none}
#hpmatu{ float:left; padding:1%}
#hpsch{ float:right; padding:1%}
#footer{ background-color:#EBEBEB; width:100%; padding-bottom:1%}
#bgnws{ margin:auto; width:98%;}
#isinewsbig{ display:none}
#formkon { margin:auto; width:93%; float:none}
#infokon { margin:auto; width:93%; float:none}
#bwhkiri{margin:auto; width:98%; float:none}
#bwhkanan{margin:auto; width:98%; float:none}
#bawah{width:98%}
#botleft{ width:48%; padding:1%}
#botkiri{ width:48%; padding:1%}
#botbts{ display:none}
#botcenter{ width:48%; padding:1%}
#botright{ width:48%;}
#sampinggambar { margin:auto; width:100%; float:none}
#gambarnya { margin:auto; width:100%; float:none}
#balon{display:none}
.img-contain{ width:48%; padding:0 1%; margin:10px 0; float:none}
.img-gale{ width:48%; padding:0 1%; margin:10px 0; float:none}
img.lt{ width: auto; /* for ie 8 */}
#menunya{ display:none}
#buatwlc{ display:none}
#apDiv{display:none}
#myabout{ display:none}
#hpabout{background-color:#CD6001; width:100%; overflow:hidden}
#degal{ width:96%}
#videobs{ display:none}

.accor{ display:none}

.produkleft{ float:none; margin:0px; padding:0px; text-align:center; width:100%}
.img-gale{ width:48%; }

.katpro{ width:100%; float:none; margin:0px; padding:0px}

.neworange{ display:none}

}


/* XS Portrait */
@media (max-width: 480px) {
#section { margin:auto; width:98%;}
#slider{ display:none}
#top{ display:none}
#topleft{ display:none}
#topright{ display:none}
#topcenter{ display:none}
#topleft2{ width:48%; padding:3% 1%; //border:1px solid #0ff;}
#topright2{ width:48%; padding:3% 1%; //border:1px solid #0ff;}
#topcenter2{ width:98%; float:none; //border:1px solid #0ff;}
#garput{ display:none}
#hpmatu{ float:left; padding:1%}
#hpsch{ float:left; padding:3% 1%}
#footer{ background-color:#EBEBEB; width:100%; padding-bottom:1%}
#bgnws{ margin:auto; width:98%;}
#isinewsbig{ display:none}
#formkon { margin:auto; width:93%; float:none}
#infokon { margin:auto; width:93%; float:none}
#bwhkiri{margin:auto; width:98%; float:none}
#bwhkanan{margin:auto; width:98%; float:none}
#bawah{width:98%}
#botleft{ width:48%}
#botkiri{ width:48%}
#botbts{ display:none}
#botcenter{ width:93%}
#botright{ width:93%;}
#sampinggambar { margin:auto; width:100%; float:none}
#gambarnya { margin:auto; width:100%; float:none}
#balon{display:none}
.img-contain{ width:98%; padding:0 1%; margin:10px 0; float:none}
.img-gale{ width:98%; padding:0 1%; margin:10px 0; float:none}
img.lt{ width: auto; /* for ie 8 */}
#menunya{ display:none}
#buatwlc{ display:none}
#apDiv{display:none}
#myabout{ display:none}
#hpabout{background-color:#CD6001; width:100%; overflow:hidden}
#degal{ width:96%}
#videobs{ display:none}

.accor{ display:none}
.produkleft{ float:none; margin:0px; padding:0px; text-align:center; width:100%}
.img-gale{ width:100%; }
.katpro{ width:100%; float:none; margin:0px; padding:0px}
.neworange{ display:none}

}