@media screen and (max-width: 1200px){
	.img71 img{
		width:200px;
		height: auto;
	}
	
	.search{
		margin:-35px 10px 0 0;
	}
	
	.img-menu{
		width:95% !important;
	}
	
	.bahasa, .tanggal{
		padding:0 10px 0 0;
	}
	
	.topmenu-right{
		margin:10px 0 0 560px;
	}
	
	.circle{
		margin:0 10px 10px 40px;
	}
	
	.circle2{
		height:175px;
		width:175px;
		margin:0 10px 10px 24px;
	}
	
	.title-siakad{
		font-size:3.5em;
	}
	
	.title-siakad2{
		font-size:7em;
	}
	
	.title-siakad3{
		font-size:5.5em;
	}
	
	.ket-siakad{
		font-size:15px
	}
	
	.ket-siakad2{
		font-size:15px;
	}
	
	.ket-siakad3{
		font-size:12px;
		margin:-81px 0 0 116px;
	}
	
	.ket-siakad4 {
		font-size:12px;
		margin:-83px 0 0 105px;
	}
	
	.ket-siakad5 {
		margin:-95px 0 0 84px;
	}
}

@media screen and (max-width:880px){
	ul.hmenu{
		float: left;
		margin:0 0 0 15%;
	}
	
	.search{
		margin:5px 10px 0 0;
	}
	
	.topmenu-left{
		margin:20px 0 0 171px;
	}
	
	.topmenu-left ul li, .topmenu-right ul li{
		font-size:14px;
	}
	
	.topmenu-right{
		margin:20px 0 0 480px;
	}
	
	.tabs li, .tabs2 li{
		font-size:11px;
	}
	
	.date-event{
		width:30%;
	}
	
	.items-event{
		width:60%;
	}
	
	.jcarousel-control-prev, .jcarousel-control-next{
		height:26px;
	}
	
	.circle{
		margin:0 10px 10px 11px;
	}
	
	.circle2{
		height:175px;
		width:175px;
		margin:0 10px 10px 3px;
	}
	
	.wrap-kerjasama{
		text-align: center;
	}
}

@media screen and (max-width:768px){
	.img71 img{
		width:150px;
		height: auto;
	}
	
	ul.hmenu, .header-center, .topmenu-left, .topmenu-right{
		display: none;
	}
	
	.item-menu{
		width:48%;
	}
	
	.header-right{
		float: right;
	}
	
	.wrap-slide{
		height:auto !important;
		margin:-50px 0 0 0;
	}
	
	.wbody-left, .wbody-center, .wbody-right, .w30, .w20, .w5, .w70{
		width:90%;
		margin:0 5% 10px 5%;
	}
	
	.date-event{
		width:15%;
	}
	
	.items-event{
		width:80%;
	}
	
	.img-menu{
		overflow: inherit;
		height: auto !important;
		border:none;
	}
	
	.img-menu img{
		border:3px solid #ffffff;
	}
	
	.jcarousel{
		width:97% !important;
	}
	
	.jcarousel-control-prev, .jcarousel-control-next{
		height:26px !important;
		font-size:16px !important;
	}
	
	.circle{
		height:150px;
		width:150px;
		border-width: 5px;
	}
	
	.img-circle{
		margin:5px 0;
	}
	
	.img-circle img{
		width:115px !important;
		height:40px !important;
	}
	
	.title-circle{
		font-size:14px;
	}
	
	.ket-circle{
		font-size:7px;
	}
	
	.circle2{
		height: 120px;
	    margin: 0 10px 10px;
	    width: 120px;
		border-width: 5px;
	}
	
	.title-siakad{
		font-size:2.5em;
	}
	
	.ket-siakad{
		font-size:9px;
	}
	
	#features{
		height:165px;
	}
	
	.title-siakad2{
		font-size: 4em;
		margin: 20px 0 0 7px;
	}
	
	.ket-siakad2{
		margin: 3em 0 0 -4px;
	}
	
	.title-siakad3{
		font-size: 3.5em;
		margin: 27px 0 0 11px;
	}
	
	.ket-siakad3{
		font-size: 10px;
  		margin: -55px 0 0 72px;
	}
	
	.ket-siakad4 {
	    font-size: 10px;
	    margin: -54px 0 0 65px;
	}
	
	.ket-siakad5{
		margin:-60px 0 0 49px;
		font-size:15px
	}
	
	.title-siakad4{
		font-size: 2.5em;
	}
	
	.ket-siakad6{
		font-size:1.5em;
	}
	
	.title-siakad9{
		font-size:5.5em;
	}
	
	.ket-siakad9{
		font-size: 12px;
   		margin: -6em 0 0 80px;
	}
	
	.title-siakad6{
		font-size: 2em;
		margin: 22px 0 0 -39px;
	}
	
	.title-siakad6 div{
		margin: -58px 0 0 133px;
	}
	
	.ket-siakad8{
		font-size: 12px;
  		margin: -11px 0 0 0;
	}
	
	.sosmed{
		float: left;
		margin:0 5px;
	}
	
	.footer-title.tcenter{
		text-align: left;
	}
}

@media screen and (max-width:600px){
	.img71 img{
		width:110px;
		height: auto;
	}
	
	.item-menu{
		width:100%;
	}
	
	.bahasa{
		font-size:11px;
	}
	
	.tanggal{
		font-size:10px;
	}
	
	.w45{
		width:90%;
		margin:0 5% 10px 5%;
	}
	
	#featurenav li button{
		font-size: 11px;
    	height: 24px;
	}
	
	#featurenav li span{
		height: 8px;
	    margin: 19px 0 0 -10.5%;
	    width: 8px;
	}
	
	#features {
	    height: 120px;
	}
	
	.circle{
		border-width:2px;
		height: 114px;
   		width: 114px;
		margin: 0 10px 10px 25px;
	}
	
	.title-circle{
		margin: 20px 0 0 0;
	}
	
	.img-circle img {
	    height: 30px !important;
	    width: 90px !important;
	}
	
	.ket-circle {
	    font-size: 5px;
	}
	
	.circle2{
		border-width:2px;
		height: 88px;
	    margin: 0 10px 10px 15px;
	    width: 88px;
	}
	
	.title-siakad {
	    font-size: 1.5em;
		margin:1.2em 0 0 0;
	}
	
	.ket-siakad{
		font-size:6px;
	}
	
	.title-siakad2 {
	    font-size: 3em;
	    margin: 17px 0 0 7px;
	}
	
	.ket-siakad2 {
	    margin: 3.5em 0 0 -4px;
		font-size: 11px;
	}
	
	.title-siakad3 {
	    font-size: 2.5em;
	    margin: 20px 0 0 5px;
	}
	
	.ket-siakad3 {
	    font-size: 7px;
	    margin: -40px 0 0 49px;
	}
	
	.ket-siakad4 {
	    font-size: 7px;
	    margin: -39px 0 0 45px;
	}
	
	.ket-siakad5 {
	    font-size: 11px;
	    margin: -45px 0 0 38px;
	}
	
	.title-siakad4 {
	    font-size: 2em;
		margin: 27px 0 0 0;
	}
	
	.ket-siakad6 {
	    font-size: 1em;
	}
	
	.title-siakad9 {
	    font-size: 4.5em;
	    margin: 13px 0 0 11px;
	}
	
	.ket-siakad9 {
	    font-size: 10px;
	    margin: -6em 0 0 56px;
	}
	
	.title-siakad6 {
	    font-size: 1.5em;
	    margin: 22px 0 0 -18px;
	}
	
	.title-siakad6 div {
	    margin: -44px 0 0 92px;
	}
	
	.ket-siakad8 {
	    font-size: 8px;
	    margin: -9px 0 0;
	}
	
	.ket-siakad8 div {
    	font-size: 14px;
	}
	
}

@media screen and (max-width:480px){
	.img71 img{
		width:80px;
		height: auto;
	}
	
	.wrap-header{
		height: 170px;
	}
	
	.date-event {
	    width: 20%;
	}
	
	.items-event {
	    width: 65%;
	}
	
	.header-right {
	    float: left;
	    position: absolute;
	    text-align: center;
	    width: 100%;
	}
	
	.header-left {
	    float: left;
	    padding: 60px 0 0 0;
	    text-align: center;
	    width: 100%;
	}
	
	.bahasa, .tanggal{
		text-align: center;
	}
	
	.wrap-slide .mtop {
	    margin-top: -50px;
	}
	
	#features {
	    height: 250px;
	}
	
	#featurenav li button {
	    font-size: 8px !important;
	}
	
	.circle{
		margin:0 10px 10px 11px;
	}
	
	.circle2{
		margin: 0 8px 10px 5px;
	}	
}

/*Tambahan*/
@font-face {
    font-family: trajan;
    src: url(trajanpro-regular.ttf);
}
@font-face {
    font-family: ff;
    src: url(ff-meta.ttf);
}

@media (min-width: 320px) {
    nav#main,
    .push.main,
    .push.recap {
        max-width: 100%
    }
}

@media (min-width: 600px) {
	nav#main,
    .push.main,
    .push.recap {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    nav#main,
    .push.main,
    .push.recap {
        max-width: 728px
    }
}

@media (min-width: 1024px) {
    nav#main,
    .push.main,
    .push.recap {
        max-width: 984px
    }
}

@media (min-width: 1280px) {
    nav#main,
    .push.main,
    .push.recap {
        max-width: 1200px
    }
}

@media (min-width: 768px) {
    nav#main:before {
        border-right: 1px solid #fff
    }
}

@media (min-width: 768px) {
    nav#main:after {
        border-left: 1px solid #ccc
    }
}

@media (min-width: 768px) {
    nav#main .bg {
        display: block
    }
}

@media (min-width: 768px) {
    nav#main .top li {
        width: 25%
    }
}

@media (min-width: 768px) {
    nav#main .top li:nth-child(2n-1) {
        border-left: 1px solid #ccc
    }
}

@media (min-width: 768px) {
    nav#main .top li {
        width: 25%;
        border-left: 1px solid #ccc;
        font-size: 21px;
        font-size: 2.1rem
    }
    nav#main .top li:nth-child(n) h2 {
	
    }
}

@media (min-width: 768px) {
    .pushdown {
        display: block
    }
}

@media (min-width: 1024px) {
    .push.main .moreinfo#instinfo {
        width: 780px
    }
}

@media (min-width: 1024px) {
    .push.main .moreinfo#instinfo li:nth-child(n) {
        width: 250px
    }
}

@media (min-width: 1024px) {
    .push.main .moreinfo#instinfo:after {
        right: 184px
    }
}

@media (min-width: 1280px) {
    .push.main .moreinfo#instinfo:after {
        right: 256px
    }
}

.navbar-default {
	/*background-color: #4b4c4d;*/
	border-color: #e7e7e7;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color: transparent;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;

	background-size:cover;
    position:relative;
}
.navbar-default .navbar-nav > li > a:before,
.navbar-default .navbar-nav > li > a:before {
    background: #800000;
    content: '';
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 33px;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    width: 0%
    
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav > li > a:focus:before,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	/*border-bottom-color: #062F8A;*/
    width: 100%;
    text-decoration: none;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #555;
	background-color: #e7e7e7;
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333;
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
}
	.navbar-default .navbar-link {
		color: #777;
	}
	.navbar-default .navbar-link:hover {
		color: #333;
	}
	.navbar-default .btn-link {
		color: #777;
	}
	.navbar-default .btn-link:hover,
	.navbar-default .btn-link:focus {
		color: #333;
	}
	.navbar-default .btn-link[disabled]:hover,
	fieldset[disabled] .navbar-default .btn-link:hover,
	.navbar-default .btn-link[disabled]:focus,
	fieldset[disabled] .navbar-default .btn-link:focus {
		color: #ccc;
	}
	.navbar-form-lg{
		width: 200px;
	}
	.navbar-form-sm{
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.lang{
		background-color: #4b4c4d;
		float: right;
		width: 100%;
		display: inline-block;
		position: relative;
		padding-right: 30px;
		text-align: right;
		color: #ffffff;
	}
	.lang > a{
		color: #ffffff;
	}
	.lang > a:hover,a.active{
		color: #cccccc;
		text-decoration: none;
	}

	.navbar-middle {
		background-color: #800000;
		border: none;
		border-radius: 0;
		margin: 0 auto;
		display: table;
	}
	.navbar-middle .navbar-brand:hover,
	.navbar-middle .navbar-brand:focus {
		color: #5e5e5e;
		background-color: transparent;
	}
	.navbar-middle .navbar-text {
		color: #777;
	}
	.navbar-middle .navbar-nav > li > a {
		color: white;
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
		cursor: pointer;
	}
	.navbar-middle .navbar-nav > li > a:hover,
	.navbar-middle .navbar-nav > li > a:focus {
		color: white;
		background-color: #98A3A3;
	}
	.navbar-middle .navbar-nav > .active > a,
	.navbar-middle .navbar-nav > .active > a:hover,
	.navbar-middle .navbar-nav > .active > a:focus {
		color: black;
		background-color: #98A3A3;
	}
	.navbar-middle .navbar-nav > .disabled > a,
	.navbar-middle .navbar-nav > .disabled > a:hover,
	.navbar-middle .navbar-nav > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
	.navbar-middle .navbar-toggle {
		border: none;
	}
	.navbar-middle .navbar-toggle:hover,
	.navbar-middle .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-middle .navbar-toggle .icon-bar {
		background-color: white;
	}
	.navbar-middle .navbar-collapse,
	.navbar-middle .navbar-form {
		border-color: #e7e7e7;
	}
	.navbar-middle .navbar-nav > .open > a,
	.navbar-middle .navbar-nav > .open > a:hover,
	.navbar-middle .navbar-nav > .open > a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
@media (max-width: 767px) {
	.navbar-middle .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}
	.navbar-middle .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-middle .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333;
		background-color: transparent;
	}
	.navbar-middle .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-middle .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-middle .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
	.navbar-middle .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-middle .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-middle .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
}
.navbar-middle .navbar-link {
	color: #777;
}
.navbar-middle .navbar-link:hover {
	color: #333;
}
.navbar-middle .btn-link {
	color: #777;
}
.navbar-middle .btn-link:hover,
.navbar-middle .btn-link:focus {
	color: #333;
}
.navbar-middle .btn-link[disabled]:hover,
fieldset[disabled] .navbar-middle .btn-link:hover,
.navbar-middle .btn-link[disabled]:focus,
fieldset[disabled] .navbar-middle .btn-link:focus {
	color: #ccc;
}
.border{
	background-color: #DDBB5C;
	border:1px solid white;
	height:5px;
}
.slide-menu > .tab-content {
  display: none;
}
.slide-menu > .active {
  display: block;
}
@media (min-width: 768px) {
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
		line-height: 1;
		width: 100%;
	}
	.carousel-control {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 10%;
		font-size: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
		background-color: rgba(0, 0, 0, 0);
		filter: alpha(opacity=50);
		opacity: .5;

	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .fa-chevron-circle-left,
	.carousel-control .fa-chevron-circle-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		margin-top: -10px;
	}
	.carousel-control .icon-prev,
	.carousel-control .fa-chevron-circle-left {
		left: 50%;
		margin-left: -10px;
	}
	.carousel-control .icon-next,
	.carousel-control .fa-chevron-circle-right {
		right: 50%;
		margin-right: -10px;
	}
		a > .caption:hover{
		background-color: black;
	}
	.caption{
		min-height: 100px;
		height: auto;
		width: 50%;
		background-color: rgba(0,0,0,0.5);
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		margin : 0 auto;
	}
	.caption > .caption-header{
		font-size: 22px;
		color: white;
	}
	.caption > .caption-content{
		font-size: 14px;
		color: white;
		text-align: left;
		padding: 25px;
		padding-top: 0;
	}
	.profil > .item > img{
		height: 500px;
		width: 100%;
	}
}
@media only screen and (max-device-width: 480px) {
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .fa-chevron-circle-left,
	.carousel-control .fa-chevron-circle-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		margin-top: -10px;
	}
	.carousel-control .icon-prev,
	.carousel-control .fa-chevron-circle-left {
		left: 50%;
		margin-left: -10px;
	}
	.carousel-control .icon-next,
	.carousel-control .fa-chevron-circle-right {
		right: 50%;
		margin-right: -10px;
	}
	a > .caption:hover{
		background-color: black;
	}
	.caption{
		min-height: 50px;
		height: auto;
		width: 50%;
		background-color: rgba(0,0,0,0.5);
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		margin : 0 auto;
	}
	.caption > .caption-header{
		font-size: 10px;
		color: white;
	}
	.caption > .caption-content{
		font-size: 6px;
		color: white;
		text-align: left;
		padding: 25px;
		padding-top: 0;
	}
}
@media only screen and (max-device-width: 768px) {
    .carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
		line-height: 1;
		width: 100%;
	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .fa-chevron-circle-left,
	.carousel-control .fa-chevron-circle-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		margin-top: -10px;
	}
	.carousel-control .icon-prev,
	.carousel-control .fa-chevron-circle-left {
		left: 50%;
		margin-left: -10px;
	}
	.carousel-control .icon-next,
	.carousel-control .fa-chevron-circle-right {
		right: 50%;
		margin-right: -10px;
	}
	a > .caption:hover{
		background-color: black;
	}
	.caption{
		min-height: 50px;
		height: auto;
		width: 50%;
		background-color: rgba(0,0,0,0.5);
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		margin : 0 auto;
	}
	.caption > .caption-header{
		font-size: 10px;
		color: white;
	}
	.caption > .caption-content{
		font-size: 6px;
		color: white;
		text-align: left;
		padding: 25px;
		padding-top: 0;
	}
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 0;
	background-color: #800000;
}
@media only screen and (min-device-width: 1200px) {
	.footer-logo{
		float: left;
		position: absolute;
		width: 100px;
		text-align: center;
		margin: 20px auto;
		display: table;
		font-family: trajan;
		font-size: 8px;
		color: white;
		line-height: 15px;
		background-color: #4b4c4d;
		height: 170px;
	}
	.footer-logo > img{
		margin: 0 auto;
		display: table;
		padding-bottom: 5px;	
	}
	.footer-address > .container-fluid >  .col-lg-4{
	    width: 345px;
	    padding-right: 8px;
	    margin: 0;
	}
	.footer-address > .container-fluid >  .col-lg-3{
	    width: 300px;
	    padding: 0;
	    margin: 0;
	} 
}
@media only screen and (max-device-width: 1199px) {
	.footer-logo{
		float: left;
		position: absolute;
		width: 5%;
		text-align: center;
		margin: 25px auto;
		display: table;
		font-family: trajan;
		font-size: 8px;
		color: white;
		line-height: 15px;
		background-color: #4B4C4D;
		height: 170px;
	}
	.footer-logo > img{
		margin: 0 auto;
		display: table;
		padding-bottom: 5px;	
	}
    .isi img, .isi table, .isi input{
        margin: 0 0 10px 0;
        width: 100% !important;
		height: auto !important;
    }
    img.responsive-img.zoomin{
        height: auto; !important;
    }
}
@media only screen and (max-device-width: 768px) {
	.footer-logo{
		float: left;
		position: absolute;
		width: 100px;
		text-align: center;
		display: table;
		font-family: trajan;
		font-size: 8px;
		color: white;
		line-height: 15px;
		background-color: #4B4C4D;
		height: 150px;
		margin-top: 260px;
	}
	.footer-logo > img{
		margin: 0 auto;
		display: table;
		padding-bottom: 5px;	
	}
}
@media only screen and (max-device-width: 1199px) {
	.title-other{
		margin-left: -20px;
	}
}
@media only screen and (max-device-width: 991px) {
	.title-other{
		margin-left: -50px;
	}
}
@media only screen and (min-device-height: 1024px){
    ul.nav-md {
        margin-top: -25px;
        padding-bottom: 15px;
	}
}
@media only screen and (max-device-height: 768px){
	.hide-laptop{
		display: none !important;
	}
	.brand-second{
		height: 83px;
		width: 100%;
		background-color: #800000;
		border-top: 1px solid #4A0000;
		border-bottom: 1px solid #AB5454;
		padding-left: 25px;
		padding-right: 25px;
	}
	.frame-second{
	    width: 300px;
	    height: 50px;
	    position: relative;
	    margin: 0 auto;
	    padding-top: 5px;
	}
	.sub-brand-second{
	    font-family: trajan;
	    font-size: 10px;
	    color: white;
	    word-spacing: 5px;
	    padding-top: 1px;
	}
	.since-second{
	    color: white;
	    font-size: 7px;
	    font-family: trajan;
	}
	.umm-second{
	    font-family: trajan;
	    font-size: 40px;
	    color: white;
	    text-align: center;
	    padding-top: 5px;
	    text-shadow: 3px 1px black;
	}
	.drop{
	    display: inline-block;
	    color: white;
	    text-align: left;
	    padding: 5px 20px;
	    text-decoration: none;
	    width: auto;
	    vertical-align: middle;
	}
	.fixed-top{
	    position: absolute;
	    z-index: 1;
	    top:0;
	    left:0;
	    margin: 0;
	    width: 100%;
	}
	.box-berita b{
	    /*background-color: #E6E8E8 !important;*/
	    font-family: ff, Arial !important;
	    font-size: 20px !important;
	    position: relative !important;
	}
	.box-berita h1{
		line-height: 20px !important;
	}
	.center-content{
	    margin: -30px auto;
	    padding-left: 50px;
	    display: table;
	    width: 100%;
	    text-align: center;
	}
	.dropdown-content {
	    position: absolute;
	    background-color: #f9f9f9;
	    min-width: 200px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	    width: auto;
	    visibility: hidden;
	    margin-top: -40px;
	}
/*
	.desktop-title{
		margin-top: 130px;
	}
*/
	ul.nav-md {
		margin: 0;
	}
	ul.nav-md > li.dropdown{
		float: left;
        padding: 0 25px;
	}
	ul.nav-md > li.dropdown  a{
		padding: 10px 10px !important;
	}
}

@media (max-width: 1199px) {
	.brand-second{
		height: 83px;
		width: 100%;
		background-color: #800000;
		border-top: 1px solid #4A0000;
		border-bottom: 1px solid #AB5454;
		margin: 0;
		padding: 0;
	}
	.logo-mobile{
		width: 217px;
		margin: 0 auto;
		text-align: center;
	}
	.frame-second{
	    width: 100%;
	    height: 50px;
	    position: relative;
	    margin: 0 auto;
	    padding-top: 5px;
	}
	.col1-second{
		border-color: white;
		border-width: 1px;
		border-style: solid;
		height: 60px;
		float: left;
		width: 67px;
		text-align: center;
	}
	.col2-second{
		border-color: white;
		border-width: 1px;
		border-style: solid;
		height: 60px;
		width: 150px;
		float: left;
	}
	.sub-brand-second{
	    font-family: trajan;
	    font-size: 10px;
	    color: white;
	    word-spacing: 5px;
	    padding-top: 1px;
	}
	.since-second{
	    color: white;
	    font-size: 7px;
	    font-family: trajan;
	}
	.umm-second{
	    font-family: trajan;
	    font-size: 40px;
	    color: white;
	    text-align: center;
	    padding-top: 5px;
	    text-shadow: 3px 1px black;
	}
	.additional-nav{
		position: relative;
		margin-top: 120px;
		padding-bottom: 20px;
	}
	.arial{
		font-family: arial;
		font-size: 12px;
	}
	.sub-title
	{
		color: white;
		font-family: trajan;
		width: 100%;
		margin : 0;
		padding: 0;
		height: 50px;
		font-size: 22px;
		background-color: #800000;
		display: flex;
	    justify-content: center; /* align horizontal */
	    align-items: top;
	}
	.bars{
		float: right;
		color: black;
	}
    
    .lang2{
        margin: 13px 25px;
        float: left;
        color: #ffffff;
    }
    .lang2 > a{
		color: #ffffff;
	}
	.lang2 > a:hover,a.active{
		color: #cccccc;
		text-decoration: none;
	}
}
@media (min-width: 992px){
	ul.nav-md > li{
		float: left;
	}
	ul.nav-md > li  a{
		padding: 15px 30px !important;
	}
	.navbar-middle .navbar-collapse,
	.navbar-middle .navbar-form {
		border:none;
	}
}
@media (max-device-width: 350px){
    .brand{
        height: 200px;
        width: 100%;
        background-color: #800000;
        border-top: 1px solid #4A0000;
        border-bottom: 1px solid #AB5454;
        padding-left: 25px;
        padding-right: 25px;
    }
    .umm{
        font-family: trajan;
        font-size: 50px;
        color: white;
        text-align: center;
        padding: 10px;
        text-shadow: 3px 1px black;
    }
    .frame{
        width: 270px;
        height: 80px;
        position: relative;
        margin: 0 auto;
        padding-top: 50px;
    }
    .col1{
        border-color: white;
        border-width: 1px;
        border-style: solid;
        height: 90px;
        float: left;
        width: 90px;
        text-align: center;
    }
    .col2{
        border-color: white;
        border-width: 1px;
        border-style: solid;
        height: 90px;
        width: 180px;
        float: left;
    }
    .logo{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sub-brand{
        font-family: trajan;
        font-size: 12px;
        color: white;
        word-spacing: 5px;
    }
    .since{
        color: white;
        font-size: 8px;
        font-family: trajan;
    }
}
@media only screen and (min-device-width: 1100px) and (max-device-width: 1200px){
    .list-inform{
        width: 100%;
        padding: 0 130px;
    }
}
@media only screen and (min-device-width: 1000px) and (max-device-width: 1099px){
    .list-inform{
        width: 100%;
        padding: 0 60px;
    }
}
@media only screen and (min-device-width: 900px) and (max-device-width: 999px){
    .list-inform{
        width: 100%;
        padding: 0 30px;
    }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 899px){
    .list-inform{
        width: 100%;
        padding: 0 10px;
    }
}
@media only screen and (min-device-width: 715px) and (max-device-width: 768px){
    .list-inform{
        width: 100%;
        padding: 0 120px;
    }
}
@media only screen and (min-device-width: 500px) and (max-device-width: 714px){
    .list-inform{
        width: 100%;
        padding: 0 30px;
    }
}
@media only screen and (max-device-width: 499px){
    .list-inform{
        width: 100%;
        padding: 0 30px;
    }
}

@media (max-width: 475px) {
    .img71 img{
		width:65px;
		height: auto;
	}
	.frame-second{
		text-align: center !important;
	}
	.footer-bottom{
		text-align: center !important;
	}
	.title1{
		display: none !important;
	}
}