.img2 {width:70%; margin:auto; }
.img3 {width:60%; margin:auto; }
.img4 {width:40%; margin:auto; }
.daftar{width:40%; margin:auto;}
.main1{width:1000px; margin:auto; float:left;}
.main2{width:800px; margin:auto; background-color:#FFFFFF;}
.main1a{width:100%; margin:auto; background-color:#FFFFFF;}
.side1{width:20%; float:left; background-color:#FFFFFF;}
.content1{width:79.99999%; background-color:#FFFFFF;}
.logo1 {width:400px; }
.premium {width:125px; }
.latest{width:150px; }
.latest2{height:270px; }
.iklan{display:inline-block; width:190px; height: 100%; background-color:#fff; padding: 4px 10px 10px 10px; margin:auto}
.style1 {color: #FFFFFF}
.font1{font-size: 13px; color:#000099;}
.font2{font-size: 12px; color:#666666;}
.height1{height:150px; }
.category {width:90px; }

@media screen and (max-width: 1200px){ /* when document is 860px or less */
.side1{width:20%; float:left; background-color:#FFFFFF;}
.content1{width:79.99999%}
.img2 {width:70%;}
.img3 {width:60%;}
.img4 {width:40%;}
.logo1 {font-size: 10px; color:#000099;}
}

@media screen and (max-width: 1000px){ /* when document is 860px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:20%; float:left; background-color:#FFFFFF;}
.content1{width:79.99999%}
.img2 {width:100%;}
.img3 {width:80%;}
.img4 {width:60%;}
.logo1 {width:300px; }
}

@media screen and (max-width: 860px){ /* when document is 860px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:99.99999%}
.content1{width:99.99999%}
.img2 {width:100%;}
.img3 {width:90%;}
.img4 {width:80%;}
.logo1 {width:300px; }
}

@media screen and (max-width: 600px){ /* when document is 600px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:99.99999%}
.content1{width:99.99999%}
.img2 {width:100%;}
.img3 {width:95%;}
.img4 {width:90%;}
.logo1 {width:300px; }

}

@media screen and (max-width: 480px){ /* when document is 480px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:99.99999%}
.content1{width:99.99999%; padding: 5px 5px 5px 5px; }
.img2 {width:100%;}
.img3 {width:98%;}
.img4 {width:95%;}
.logo1 {width:300px; }
.premium {width:99px; height:99px; }
.iklan{display:inline-block; width:106px; height: 100%; background-color:#fff; padding: 2px 2px 2px 2px; margin:auto}
.latest{width:100%;height:100px; }
.latest2{height:220px; }
.font1{font-size: 8px; color:#000099;}
.font2{font-size: 7px; color:#666666;}
.font3{font-size: 12px; color:#003399;}
.height1{height:100px; }
.category {width:70px; height:70px; }

}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.label-container{
	position:fixed;
	bottom:28px;
	right:85px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	/*background-color:#06C;*/
	color:#FFF;
	border-radius:50px;
	text-align:center;
	/*box-shadow: 2px 2px 3px #999;*/
}

.my-float{
	font-size:24px;
	margin-top:18px;
}

a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}
.shadow1 { text-shadow: 2px 2px 4px #000000; }