a{text-decoration: none;}
.tombol1 {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 10px;
}


.biru {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.biru:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.biru:focus, .biru.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
@media (min-width: 240px) {
	.window {
width: 80%;

margin:5% auto;


}
.tombol17{
	padding: 2px;
	font-size: 12px;
}
.nosoal{
	font-size:11px;
}
.boxkanan{
	width:50%;
}
.bingkai{
	height:55px;
}
.gb2 img{
	height:40px;
	margin-top:5px;
	
}
.gb1 img{
	height:40px;
	margin-top:5px;
	
}
.judul1{
	font-size:10px;
}
.judul2{
	font-size:9px;
}
 .turun{
	margin-top:64px;
}
	.batas1{
	height:50px;
	width:100%;
}
.soalatas2{
	display:inline-block;
	height:20px;
	font-size:11px;
	padding-right:0;
	
}
.soalatas{
	display:inline-block;
	height:20px;
	font-size:12px;
	padding-left:0;


	
}
.finish{
	
	width:40px;
	margin-left:30%;
	margin-top:-47px;
	position:fixed;
	font-size:8px;
	height:18px;
}

.raguragu{
	
	margin:0 auto;
	width:90px;
	background:#E9E22A;
	color:#570809;
	font-size:14px;
	display:block;
	height:25px;

	
}
.header {
  padding: 5px 16px 5px 16px;
background:#e9e4e4;
border-bottom:1px solid #888c89;


}	
.tombol{
display:block;
background:red;
padding:3px 3px 3px 10px;
color:#fff;
font-size:10px;
width:65px;
}
.tombol1{
display:block;
font-size:10px;

}
.A{ background-image:url(../asset/A.png); background-repeat: no-repeat;}
.B{background-image:url(../asset/B.png); background-repeat: no-repeat;}
.C{background-image:url(../asset/C.png); background-repeat: no-repeat;}
.D{background-image:url(../asset/D.png); background-repeat: no-repeat;}
.E{background-image:url(../asset/E.png); background-repeat: no-repeat;}
}

@media (min-width: 576px) {

.boxkanan{
	width:50%;
}
.bingkai{
	height:55px;
}
.gb2 img{
	height:45px;
	margin-top:3px;
	
}
.gb1 img{
	height:45px;
	margin-top:3px;
	
}
.judul1{
	font-size:10px;
}
.judul2{
	font-size:10px;
}
 .turun{
	margin-top:58px;
}
	.batas1{
	height:40px;
	width:100%;
}
.soalatas2{
	display:inline-block;
	height:20px;
	font-size:14px;
	padding-right:40px;
	
}
.soalatas{
	display:inline-block;
	height:20px;
	font-size:14px;
	padding-left:30px;

}
.raguragu{
	
	margin:0 auto;
	width:110px;
	background:#E9E22A;
	color:#570809;
	font-size:14px;
	display:block;
	height:25px;

	
}	
.finish{
	
	width:40px;
	margin-left:35%;
	margin-top:-55px;
	position:fixed;
	font-size:8px;
	height:18px;
}
.header {
  padding: 5px 16px 10px 16px;
background:#e9e4e4;
border-bottom:1px solid #888c89;
}	
.tombol{
display:block;
background:red;
padding:5px 5px 5px 15px;
color:#fff;
font-size:13px;
width:100px;
}
.tombol1{
display:block;

font-size:12px;

}
.A{background-image:url(../asset/A.png); background-repeat: no-repeat;}
.B{background-image:url(../asset/B.png); background-repeat: no-repeat;}
.C{background-image:url(../asset/C.png); background-repeat: no-repeat;}
.D{background-image:url(../asset/D.png); background-repeat: no-repeat;}
.E{background-image:url(../asset/E.png); background-repeat: no-repeat;}
}

@media (min-width: 768px) {

.boxkanan{
	width:40%;
}
.bingkai{
	height:80px;
}
.gb2 img{
	height:70px;
	margin-top:5px;
	  
}
.gb1 img{
	height:70px;
	margin-top:5px;
}
 .turun{
	margin-top:85px;
}
.judul1{
	font-size:16px;
}
.judul2{
	font-size:16px;
}
	.batas1{
	height:70px;
	width:100%;
}
.soalatas2{
	display:inline-block;
	height:20px;
	font-size:16px;
	padding-right:30px;
	
}
.soalatas{
	display:inline-block;
	height:20px;
	font-size:16px;
	padding-left:30px;
}
.raguragu{
	
	margin:0 auto;
	width:120px;
	background:#E9E22A;
	color:#570809;
	font-size:14px;
	display:block;
	height:25px;

	
}	
.finish{
	
	width:40px;
	margin-left:45%;
	margin-top:-55px;
	position:fixed;
	font-size:8px;
	height:18px;
}
.header {
  padding: 5px 16px 10px 16px;
background:#e9e4e4;
border-bottom:1px solid #888c89;
}	
.tombol{
display:block;
background:red;
padding:5px 5px 5px 15px;
color:#fff;
font-size:12px;
width:100px;
}
.tombol1{

font-size:14px;

}
	.window {
width: 50%;

margin:5% auto;


}
}

@media (min-width: 992px) {

.boxkanan{
	width:30%;
}
.bingkai{
	height:80px;
}
.gb2 img{
	height:70px;
	margin-top:5px;
	  
}
.gb1 img{
	height:70px;
	margin-top:5px;
}
 .turun{
	margin-top:85px;
}
.judul1{
	font-size:16px;
}
.judul2{
	font-size:16px;
}
	.batas1{
	height:80px;
	width:100%;
}
.soalatas2{
	display:inline-block;
	height:20px;
	font-size:18px;
	padding-right:60px;
	
}
.soalatas{
	display:inline-block;
	height:20px;
	font-size:18px;
	padding-left:30px;

	
}
.raguragu{
	
	margin:0 auto;
	width:130px;
	background:#E9E22A;
	color:#570809;
	font-size:14px;
	display:block;
	height:25px;

	
}
.header {
  padding: 5px 16px 15px 16px;
background:#e9e4e4;
border-bottom:1px solid #888c89;
}	
.finish{
	
	width:40px;
	margin-left:37%;
	margin-top:-60px;
	position:fixed;
	font-size:8px;
	height:18px;
}
.tombol{
display:block;
background:red;
padding:5px 5px 5px 15px;
color:#fff;
font-size:14px;
width:100px;
}
	.window {
width: 50%;

margin:5% auto;


}
}

@media (min-width: 1200px) {

 .boxkanan{
	width:25%;
}
.bingkai{
	height:80px;
}
.gb2 img{
	height:70px;
	margin-top:5px;
	  
}
.gb1 img{
	height:70px;
	margin-top:5px;
}
 .turun{
	margin-top:85px;
}
.judul1{
	font-size:16px;
}
.judul2{
	font-size:16px;
}
	.batas1{
	height:80px;
	width:100%;
}
.soalatas2{
	display:inline-block;
	height:20px;
	font-size:18px;
	padding-right:60px;
	
}
.soalatas{
	display:inline-block;
	height:20px;
	font-size:18px;
	padding-left:30px;
}
.raguragu{
	
	margin:0 auto;
	width:130px;
	background:#E9E22A;
	color:#570809;
	font-size:14px;
	display:block;
	height:25px;
}
.finish{
	
	width:40px;
	margin-left:40%;
	margin-top:-60px;
	position:fixed;
	font-size:8px;
	height:18px;
}
.nosoal{
	font-size:14px;
}
.header {
  padding: 5px 16px 15px 16px;
background:#e9e4e4;
border-bottom:1px solid #888c89;
}	
.tombol{
display:block;
background:red;
padding:5px 5px 5px 15px;
color:#fff;
font-size:14px;
width:100px;
}
.tombol1{

font-size:18px;

}
	.window {
width: 50%;

margin:5% auto;


}
}