#subMenu {
	margin-left: 890px;
	position: absolute;
	margin-top: 17px;
}

.topik {
	margin-left: 809px !important;
}

@media screen and (min-width: 320px) and (max-width: 559px) {
	#widget-yellow {
		margin-top: 68px;
	}

	.sub-menu {
		position: absolute;
		margin-left: 1px !important;
		margin-top: 89px !important;
		margin-bottom: 22px !important;
		width: 95% !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 767px) {
	#subMenu {
		width: 98% !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#subMenu {
		width: 98% !important;
	}

	#widget-gover {
		margin-top: 10px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1000px) {
	#widget-gover {
		margin-top: -55px !important;
	}

	#subMenu {
		position: absolute;
		margin-top: -83px;
		margin-left: 526px;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1010px) {
	#widget-gover {
		margin-top: -53px !important;
	}

	#subMenu {
		position: absolute;
		margin-left: 541px;
		margin-top: -82px;
	}
}

@media screen and (min-width: 1011px) and (max-width: 1040px) {
	#widget-gover {
		margin-top: -55px !important;
	}

	#subMenu {
		position: absolute;
		margin-left: 541px;
		margin-top: -82px;
	}
}

@media screen and (min-width: 600px) and (max-width: 991px) {
	#widget-yellow {
		margin-top: -66px;
	}

	.sub-menu {
		position: absolute;
		margin-top: -38px !important;
		margin-left: 1px !important;
		width: 95% !important;
	}

}


@media only screen and (max-width: 600px) and (min-width: 320px) {

	#col-widget-yellow {
		width: 100%;
		padding-bottom: 15px;
		margin-top: -18px;
	}

	#col-widget-red {
		width: 100%;
		padding-bottom: 15px;
	}

	.primary-div {
		display: table !important;
		padding-bottom: 1px;
	}

	.select-topik {
		width: 100%;
		margin-top: 12px;
	}

	#widget-yellow {
		margin-top: -12px;
	}

	.h3-topik {
		font-size: 15px;
	}

}

#col-widget-yellow {
	padding-bottom: 15px;
}

#col-widget-red {
	padding-bottom: 15px;
}

@media only screen and (max-width: 960px) and (min-width: 600px) {
	.h3-topik {
		font-size: 17px;
	}

	#col-widget-yellow {
		width: 100%;
		padding-bottom: 15px;
		margin-top: -18px;
	}

	#col-widget-red {
		width: 100%;
		padding-bottom: 15px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {

	#col-widget-yellow {
		width: 100%;
		padding-bottom: 15px;
		margin-top: -18px;
	}

	#col-widget-red {
		width: 100%;
		padding-bottom: 15px;
	}

	.h3-topik {
		font-size: 20px;
	}
}

@media only screen and (max-width: 991px) and (min-width: 320px) {

	.btn-home {
	    margin-top: -39px;
    	margin-left: 157px;
	}
}

.primary-div {
	display: -webkit-flex;
	display: flex;
	list-style-type: none;
	padding: 0;
	justify-content: flex-end;
	padding-bottom: 20px;
}

.left {
	margin-right: auto;
}