@media only screen and (min-width : 1023px) {
    .toggle_menu {  display:none; }
    .overlay{
        position: absolute;
        top: 72%;
        left: 15px;
        width: 60%;
        height: 20%;
        padding:0.5vw;
        background-color: rgba(255,255,255,0.5);
    }
	.corporate768 { display:none; }
	.promo_box { padding:0px; }
}

@media only screen and (min-width:992px) and (max-width:1023px) {
	.promo_box { padding:0px; }
	.padding_about { padding-left:10px; padding-right:10px; }
    .title_event_small{float: left;width:87%;}
    a .text_event{width:66% !important;padding:0;margin:10px 0;}
	.corporate768 { display:none; }
}

@media only screen and (max-width : 1023px) {
	.padding_about { padding-left:10px; padding-right:10px; }
	.corporate768 { display:none; }
    .language, .socmed, .search_header, .callcenter {
        display: none;
    }

	.header_wrapper { padding-top:23px; }
    .menu_wrapper { display: none; }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }
    .toggle_menu { display: block; }
    .fa-navicon { color: white; }
    .overlay {
        top: 72%;
        left: 15px;
        padding: 10px;
        text-decoration: none;
    }

    a .overlay { font-size: 12pt; }

    .title_wrapper a {
        font-size: 14pt;
        margin-top: 10px;
    }

    .title_wrapper .lainnya {
        font-size: 14pt;
    }

    .berita .col-md-8 {
        padding-left: 15px;
    }

    .text_event {
        width: 100%;
    }

    a .text_event {
        width: 100%;
        padding: 0;
        margin: 10px 0;
    }

    .logo-header {
        float: none; margin:0;
    }

    .search_mobile {
        width: 60%;
        float: left;
        margin: 2.6vw 1vw;
    }

    a .logo_mobile {
        float: right;
        width: 30%;
        margin: 2.2vw 1vw;
    }

    .fa-times{color:black;}

    a.language_mobile {
        float: left;
        color: white;
        text-decoration: none;
        padding: 10px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .clear {
        clear: both;
        margin-top: 15px;
    }

    .btn_login_mobile {
        background-color: #f7de05;
        color: white;
        width: 75%;
        margin: 5vw 5vw;
        font-weight: bold;
    }

    .headersidemenu{float:left;width:100%;}
    .languagesidemenu{float:left;width:100%;}
    .navbar-default .navbar-collapse {border:none;}

    .event{padding-top:0}

    .title_wrapper .lainnya {display:none;}

    .navbar-nav>li{width:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.text_headline, .text_berita { line-height:14pt; }
	.headline .title_headline a, .title_berita a { font-size:12pt;line-height:12pt;}
	.corporate1024 { display:none; }
	.corporate768 { display:block !important; }
	.margin-bottom { margin-bottom:0px; }
	.form_undian { padding:10px 10px;margin-bottom:0px;}
	.form_undian form { padding:10px }
	.undian_title { display:none; }
	.layanan { height:115px !important; }
.awards { /*height:95px !important;*/ }
	.promo_box { padding:0px; }
	.text_berita { display:none; }
	.form-group { margin-bottom:12px; }
	.padding_about { padding-left:10px; padding-right:10px; }
}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.text_headline, .text_berita { line-height:14pt; }
	.headline .title_headline a, .title_berita a { font-size:12pt;line-height:12pt;}
	.corporate1024 { display:none; }
	.corporate768 { display:block !important; }
	.margin-bottom { margin-bottom:0px; }
	.form_undian { padding:28px 10px;margin-bottom:0px;}
	.form_undian form { padding:10px }
	.undian_title { padding: 0 10px; }
	.layanan { height:130px !important; }
.awards { /*height:90px !important;*/ }

	.promo_box { padding:0px; }

	.text_headline, .text_berita { line-height:17pt; }

	.form-group { margin-bottom:12px; }
	.padding_about { padding-left:10px; padding-right:10px; }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.text_headline, .text_berita { line-height:14pt; }
	.headline .title_headline a, .title_berita a { font-size:12pt;line-height:12pt;}
	.corporate1024 { display:none; }
	.corporate768 { display:block !important; }
	.margin-bottom { margin-bottom:0px; }
	.form_undian { padding:9px 10px;margin-bottom:0px;}
	.form_undian form { padding:10px }
	.undian_title { padding: 0 10px; }
	.layanan { height:114px !important; }
.awards { /*height:80px !important;*/ }
	.promo_box { padding:0px; }

	.text_headline, .text_berita { line-height:17pt; }

	.form-group { margin-bottom:12px; }
	.padding_about { padding-left:10px; padding-right:10px; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.corporate768 { display:none; }
	body.show_sidebar .nav_trigger {margin-right:35px;}
	.nav > li > a {
		padding-right:7px; padding-left:7px;
	}
	.menu_wrap .nav li a:focus, .menu_wrap .nav li a {
		font-size:13px !important;
	}
	.block_widget { padding-top:20px; }
	.layanan {
	  height: 145px;
	  text-align: center;
	  font: 0/0 a;
	  margin-bottom: 20px;
	}

	.awards {
	  /*height: 108px;*/
	  text-align: center;
	  font: 0/0 a;
	}

	.post_layanan {
	  height: 175px;display:block;
	  text-align: center;
	  font: 0/0 a;
	  margin-bottom: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.left10 { padding-left:10px !important; }
	.promo_box { padding:0px; }
	.news_img { display:none; }
}
@media only screen and (min-width: 480px) and (max-device-width: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.left10 { padding-left:10px !important; }
	.padding_about { padding-left:10px; padding-right:10px; }
	.send_email {
		padding-top: 0px !important;
		float:left !important; width:100%;
	}
	.send_email .btn { width:100%; margin-top:20px; }
	.title_page a { font-size:20px; }
	span.member_pages { font-size: 17px; }

}

@media only screen and (min-width: 600px) and (max-width: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.left10 { padding-left:10px !important; }
	.padding_about { padding-left:10px; padding-right:10px; }
	.headline_event .date_headline { padding-bottom:0px; }
}

@media only screen and (min-width: 600px) and (max-width: 800px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.left10 { padding-left:10px !important; }
}

@media only screen and (max-width : 582px) {
	.corporate768 { display:none; }
    .col-xs-4, .col-xs-8, .col-xs-6 {width:100%;}
	.layanan, .awards, .sosmed { height:auto;padding-bottom:20px; }
	.img_post { display:none;}
	.box_post { padding:0px }
    .headline .col-md-8, .berita .col-md-8 { padding: 0px; }
	.headline .title_headline a { line-height:10px;}
	.block_widget { padding-top:20px; }
	.overlayBox { margin-top:0px;}
	.text_event a, .event .date_event { padding-left:0px; width:100%; }
	.padding_about { padding-left:10px; padding-right:10px; }

	/*.awards_footer img {
		max-width:70%;max-height:70%;
	}*/

	.send_email {
		padding-top: 0px !important;
		float:left !important; width:100%;
	}
	.send_email .btn { width:100%; margin-top:20px; }
	.title_page a { font-size:20px; }
	span.member_pages { font-size: 17px; }
	.smallslide { display:block; }
	.bigslide { display:none; }
}

@media only screen and (max-width: 767px) {

	.corporate768 { display:none; }
	.nav_trigger {
		font-size: 26px;
		margin: 10px 20px 0 20px;
	}
	#push_sidebar {
		width: 100%;
	}
	body.show_sidebar #push_sidebar {
		left: 25%;
		width: 75%;
	}
	body.show_sidebar #wrapper {
		margin-right: 55%;
		width: 55%;
	}
	body.show_sidebar .custom-toggle {
		right: 0;  margin-top: -60px; right: 0;
		margin-top: -60px;
		margin-right: 50%;
		width: 20px;
	}
	.block_widget { padding-top:20px; }
}

@media only screen and (min-width:582px) and (max-width:991px)
{
	.padding_about { padding-left:10px; padding-right:10px; }
	.corporate768 { display:none; }
    .text_berita_small{padding-left:10px!important;}
    .event{padding-right:10px;}
    .headline_event{padding-right:10px;}
	.title_events { margin-top:5px; }
	.text_event a, .event .date_event { padding-left:0; width:100%; }
}
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 2) {
	.left10 { padding-left:10px !important; }
}
@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 3) {
	.left10 { padding-left:10px !important; }
}

@media (min-width: 992px) {
	.corporate768 { display:none; }
	#push_sidebar {
		width: 50%;
	}
	.promo_zoom {
		padding: 0 160px;
	}
	body.show_sidebar #push_sidebar {
		left: 50%;
	}
	body.show_sidebar #wrapper {
		margin-right: 50%;
		width: 50%;
	}

	.layanan {
	  height: 120px;
	  text-align: center;
	  font: 0/0 a;
	}
	.post_layanan {
	  height: 150px;display:block;
	  text-align: center;
	  font: 0/0 a;
	  margin-bottom: 20px;
	}
	.awards {
	  /*height: 90px;*/
	  text-align: center;
	  font: 0/0 a;
	}
	.sosmed {
		width: 50%;
		margin-top: 100px;
		text-align: center;
		font: 0/0 a;
	}
	.menu_wrap .nav li a:focus, .menu_wrap .nav li a { font-size:13px; }
	.nav>li>a {
		padding:15px 6px;
	}
}

@media (min-width: 1280px) {
	.margin-bottom { margin-bottom:0px; }
	.corporate768 { display:none; }
	.layanan {
		height:145px;
		text-align:center;
		font: 0/0 a;
	    margin-bottom: 10px;
	}

	.post_layanan {
		height:145px;
		text-align:center; display:block;
		font: 0/0 a;
	    margin-bottom: 10px;
	}

	.awards {
	  /*height: 108px;*/
	  text-align: center;
	  font: 0/0 a;
	}

	.sosmed {
		width: 50%;
		margin-top: 100px;
		text-align: center;
		font: 0/0 a;
	}
	.menu_wrap .nav li a:focus, .menu_wrap .nav li a { font-size:14px; }
	.nav>li>a {
		padding:15px 15px;
	}

	.promo_zoom {
		padding: 0 370px;
	}
}