@media screen and (min-width: 1200px){
	.quick_info{
		bottom: 14px; position: absolute;
	}
	.hr_beasiswa{
		display: none;
	}
	.div_beasiswa{
		height: 400px;
	}
	.isi_before2{
		height: 100px; overflow: hidden;
	}
	.quick_info2{
		bottom: 0px; position: absolute;
	}
}
@media screen and (min-width: 1000px){
	.hr_beasiswa{
		display: none;
	}
	.div_beasiswa{
		height: 400px;
	}
	.isi_before2{
		height: 100px; overflow: hidden;
	}
	.quick_info2{
		bottom: 0px; position: absolute;
	}

}
@media screen and (max-width: 550px) {
	/*.showlist{
		width: auto; padding: 20px 20px 20px 20px; overflow: hidden;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px; border: 1px solid #C2C2C2; position: relative;
		}*/
		.showlist2{
			width: 100% !important;
		}
		.showlist1{
			display: none !important;
		}
		.halaman{
			padding: 5px 5px 5px 5px !important; background-color: #0C545A;
			color: white;
		}
		.nextprev{
			padding: 5px 5px 5px 5px !important;background-color: #0C545A;
			color: white;
		}
		.nextprev-disable{
			padding: 5px 5px 5px 5px !important;background-color: #8E8E8E; color: #000; cursor: default;
		}
		.halaman-current{
			padding:7px 7px 7px 7px !important;
		}
		.site-header{
			height: 100px !important;
		}
		#menu-toggle{
			margin-top: 0px !important;
		}
		.default-logo{
			width: 240px !important;
		}
	}
	
	@media screen and (max-width: 800px){
		.showlist1{
			width: 100% !important;
			overflow: hidden; height: 500px !important
		}
		.showlist1 img{
			width: 100%; height: 100%
		}
		.showlist2{
			width: 100% !important;
		}
	}
	@media screen and (max-width: 1200px){
		.showlist1{
			width: 100% !important;
			overflow: hidden; height: 500px !important
		}
		.showlist1 img{
			width: 100%; height: 100%
		}
		.showlist2{
			width: 100% !important;
		}

	}
	.isi_before{
		text-align: justify;
	}
	.showlist{
		width: auto; padding: 20px 20px 20px 20px; overflow: hidden;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px; border: 1px solid #C2C2C2; position: relative;
	}
	.showlist1{
		height: 200px; width: 200px; float: left; 
	}
	.showlist2{
		width: 850px; float: right; color: #000;
	}
	.showlist2 i{
		color: #666;
	}
	.nextprev{
		padding: 10px 10px 10px 10px;background-color: #0C545A;
		color: white;
	}
	.nextprev-disable{
		padding: 10px 10px 10px 10px;background-color: #8E8E8E; color: #000; cursor: default;
	}
	.nextprev-disable:hover{
		color:#000;
	}
	.nextprev:hover{
		background-color: #222222;
		color: white;
	}
	.halaman{
		padding: 10px 10px 10px 10px; background-color: #0C545A;
		color: white;
	}
	.halaman-current{
		padding: 10px 10px 10px 10px; background-color: #0C545A;
		color: white;
	}
	.halaman:hover{
		background-color: #222222;
		color: white;
	}
	.containerpage{
		margin:10px auto; height: 30px; width: 100%; text-align: center; float: left;
	}

	.img_horizontal_content{
		height: 200px; width: 100%; background-color: #C6C6C6;
	}
	.media-box{
		width: 100% !important;
	}
	.media-box img{
		width: 100% !important;
	}
	.go_back{
		position:fixed;
		left:-40px;
		bottom: 40px;
		background:rgba(0,0,0,.8);
		width:40px;
		height:40px;
		text-align:center;
		color:#fff;
		line-height:35px;
		overflow:hidden;
		font-size:17px;
		display:block;
		z-index:1111;
		-webkit-transition:all 0.3s ease 0.2s;
		-moz-transition:all 0.3s ease 0.2s;
		-ms-transition:all 0.3s ease 0.2s;
		-o-transition:all 0.3s ease 0.2s;
		transition:all 0.3s ease 0.1s;
	}
	.ul_beasiswa{
		list-style-type: none;
		width: 100%; overflow: hidden; margin-left: 0; background-color: #D5D5D5
	}

	.h3_beasiswa {
		font: bold 15px/1.5 Helvetica, Verdana, sans-serif;
	}
	.li_beasiswa a{
		color: #666
	}
	.li_beasiswa:nth-child(even){background-color: #f2f2f2 !important;}
	.li_beasiswa {
		padding: 10px;
		overflow: auto;
	}
	.li_beasiswa img {
		float: left;
		margin: 0 15px 0 0;
		height: 80px; width: 80px;
	}
	.li_beasiswa p {
		font: 200 12px/1.5 Georgia, Times New Roman, serif; text-align: justify; color: #666
	}
	.li_beasiswa:hover {
		background-color: #0C545A !important;
		cursor: pointer;
	}
	.li_beasiswa:hover p{
		color: #C8C8C8
	}
	.li_beasiswa:hover h3{
		color: #FFFFFF
	}
	.button_go_to{
		background: #0c545f;
		background-image: -webkit-linear-gradient(top, #0c545f, #0c545f);
		background-image: -moz-linear-gradient(top, #0c545f, #0c545f);
		background-image: -ms-linear-gradient(top, #0c545f, #0c545f);
		background-image: -o-linear-gradient(top, #0c545f, #0c545f);
		background-image: linear-gradient(to bottom, #0c545f, #0c545f);
		-webkit-border-radius: 13;
		-moz-border-radius: 13;
		border-radius: 13px;
		-webkit-box-shadow: 0px 1px 3px #666666;
		-moz-box-shadow: 0px 1px 3px #666666;
		box-shadow: 0px 1px 3px #666666;
		font-family: Arial;
		color: #ffffff;
		font-size: 15px;
		background: #0c545c;
		padding: 10px 20px 10px 20px;
		border: solid #1f628d 1px;
		text-decoration: none;
	}
	.button_go_to:hover {
		background: #8BADB0;
		background-image: -webkit-linear-gradient(top, #8BADB0, #0c545f);
		background-image: -moz-linear-gradient(top, #8BADB0, #0c545f);
		background-image: -ms-linear-gradient(top, #8BADB0, #0c545f);
		background-image: -o-linear-gradient(top, #8BADB0, #0c545f);
		background-image: linear-gradient(to bottom, #8BADB0, #0c545f);
		text-decoration: none;
	}
	.post_container{
		width: 100%; 
	}
	.post_title_h{
		border-left: 4px solid #F2413B;width: 100%; background-color: #0C545A; color: #FFF !important; padding-bottom: 15px; padding-top: 15px; padding-left: 25px; 
	}
	.post_title_h span{
		color: #FFF !important;
	}
	.post_isi{
		border: 1px solid #F2413B; padding:10px 10px 10px 25px; margin-top: 10px; border-left: 5px solid #F2413B;
	}
	.post_isi td{
		padding: 2px 2px 2px 10px !important;
		/*background-color: #666;*/
	}
	.div_margin_top{
		margin-top: 80px;
	}
	/*jssor slider loading skin spin css*/
	.jssorl-009-spin img {
		animation-name: jssorl-009-spin;
		animation-duration: 1.6s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	@keyframes jssorl-009-spin {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}

	/*jssor slider arrow skin 093 css*/
	.jssora093 {display:block;position:absolute;cursor:pointer;}
	.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
	.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
	.jssora093:hover {opacity:.8;}
	.jssora093.jssora093dn {opacity:.6;}
	.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

	/*jssor slider thumbnail skin 101 css*/
	.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
	.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
	.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
	.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
	.jssort101 .p:hover{padding:2px;}
	.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
	.jssort101 .p:hover.pdn{padding:0;}
	.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
	.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
	.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
	.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
	.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
	
	/* sdkfksadfsdafasdfsad*/
	
	.sidebar_container{
		/*border: 1px solid #BEBEBE; */
		width: 100%;
		/*background-color: #302921;*/
		/*background-color: #0C545A;*/
	}
	.sub_sidebar_container{
		padding: 15px 15px 15px 15px; color: #000; position: relative; font-weight: 500; overflow: hidden; transition: text-indent 0.1s;
	}
	.bar_sidebar_container{
		position: absolute; height: 2px; 
		background-color: #00A8FF; 
		width: 0%; z-index: 0; bottom: 0px; left: 0px;
		-webkit-transition: width .1s;
		transition: width .1s;
	}
	.sub_sidebar_container:hover{
		background: #5B5B5B; 
		text-indent: 4px;
		color: #FFF;
	}
	.sub_sidebar_container:hover .bar_sidebar_container{
		width: 100%;
	}
	.arrow_sidebar_container{
		transition: text-indent 0.1s;
	}

	.pmb_sub_container{
		margin-bottom: 10px;
		/*padding: 10px;*/
		width: 100%;
		position: relative;
		border-bottom: 1px solid #858585;
		overflow: hidden;
	}
	
	.pmb_quick_info{
		font-size: 10px; float: left;
	}

	.link_pmb{
		/*padding: 10px;*/
		border: 2px solid #1F1F1F;
		padding-top: 8px;
		height: 40px;
		color: #FFF;
		background-color: #0C545A;
		width: 200px;
		position: relative;
		overflow: hidden;
		-webkit-transition: text-indent 0.5s;
		transition: text-indent 0.5s;
	}
	.slider_link_pmb{
		position: absolute;
		top: 0px;
		height: 100%;
		/*padding: 10px;*/
		left: -100px;
		width: 80px;
		background-color: #1F1F1F;
		-webkit-transform: skew(20deg);
		transform: skew(20deg);
		-webkit-transition-duration: .2s;
		transition-duration: .2s; 
		z-index: 9999;
	}
	.link_pmb:hover .slider_link_pmb{
		left: -45px;
	}
	.link_pmb:hover{
		text-indent: 30px;
	}
	.link_pmb_arrow{
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
	}