@media only screen and (max-width:505px){
	.home .home_badges .ch-grid li {width: 275px!important;}
}

@media only screen and (max-width:767px) {
	/*body {margin-top:45px;}*/

	#scmsticky {height:122px;}
	#menu2 {width:100%;text-align:center;}
	#menu2 ul {display:inline-block;margin:0 auto;}

	#secondary-menu .navbar-header {margin-top:0;margin-bottom:0;width:auto;text-align:center;display:block;border-bottom:1px solid #ddd;}
	#secondary-menu .navbar-brand {float:none;margin:0 auto;display:inline-block;}
	#secondary-menu .navbar-brand img {top:6px;}
	#secondary-menu .navbar-brand span {margin-left:55px;}

	.content-part{padding-bottom:20px;}
	.content-part .badges-part .title-rope {font-size:24px;padding-top:0;}
	.content-part .badges-part .title-rope span {padding:0 15px;}
	.content-part .badges-part .ch-grid > li {margin: 10px 0 25px;}
	.content-part .badges-part .ch-grid > li > a img {padding:0 10px;}
	.content-part .badges-part .ch-grid > li > a span {font-size:10px;line-height:12px;}

	.widget-part h3{margin-top:0;}
	.widget-part > * > figure {height:200px!important;}

	/*Home*/
	.home .home_article.video .content .item article {height:180px;max-height:none;}
	.home .home_article .content .item article {max-height:110px;height:auto;}
	.home .view {width:100%;}
	.home .welcome {padding:30px 0;}

	/*WhatHappen*/
	.event-page-collapse {position: relative;top: auto;display: inline-block;right: auto;}
	.event-page-collapse.show {display: inline-block !important;}
	.whathappen.stories .event-page-item .text {padding: 20px;}

	.panel table td{float: left;width: 100%;margin-bottom: 20px;}

	.content-part .badges-part .ch-grid > li.ch-spc .ch-spcin[data-arw="0"]:before {left:14%;}
	.content-part .badges-part .ch-grid > li.ch-spc .ch-spcin[data-arw="1"]:before {left:48%;}
	.content-part .badges-part .ch-grid > li.ch-spc .ch-spcin[data-arw="2"]:before {left:82%;}
	.content-part .badges-part .ch-grid > li.ch-spc .ch-spcin[data-arw="3"]:before {left:99%;}

	.home .cenlog p span{font-size: 17px;}
	.textputih{text-align: center;margin: 0 auto;display: block;width: auto;max-width: 80%;}
}

@media only screen and (max-width:991px){
	.nopadding_mobile {padding:0;}
	body.menu-sticky {margin-top:45px;}
	.menu-sticky-show #secondary-menu.navbar-fixed-top {-webkit-transform:translate3d(0,45px,0);transform:translate3d(0,45px,0);}

	.carousel-inner .bg_banner{height:300px;background-repeat: no-repeat;background-position: left bottom;background-size: cover;}
	.carousel-caption {max-width:290px;padding:0 15px;top:120px!important;left:auto!important;right:0;max-height:145px;overflow: hidden;}
	.carousel-caption h1 {font-size:30px;margin:0;}
	.carousel-caption p {font-size:14px;}
	.carousel-control {display:none;}
	.carousel-indicators {bottom:0;}
	.big_title {font-size:16px;}
	.big_title .funny_font {font-size:26px;line-height:normal;}

	.home .view .img {height:200px;}
	.home .view .mask {overflow:auto;background:none!important;}
	.home .view .mask *{display:none;}
	.home .view-first span {left:15px;}
	.home .view-first:hover span {visibility:visible;}
	.home .home_badges .ch-grid li {width:220px;}
	.home .home_involved p {height:110px;}

	#main-menu {background-color:#fff;border:none;margin:0;min-height:40px;}
	#main-menu .navbar-toggle {display:block;}
	#main-menu .navbar-header {margin-left:-15px;margin-right:-15px;float:none;height:45px;z-index:1;}

	#menu-desktop {margin:0 -15px;padding:0 15px;overflow:auto!important;display:none!important;}
	#menu-desktop.init {display:block!important;}
	#menu-desktop .menu-item-has-children > a:after {content:"\f107";font-size:12px;}
	#menu-desktop .menu-item-has-children.open > a:after {content:"\f106";}
	#menu-desktop .navbar-nav > .menu-item-has-children > a:after {content:"\f0d7";display:block;font-size:16px;}
	#menu-desktop .navbar-nav > .menu-item-has-children.open > a:after {content:"\f0d8";}

	#main-menu .navbar-nav {margin:0 -15px;float:none;}
	#main-menu .navbar-nav .dropdown-menu {margin:0;padding:0;}
	#main-menu .dropdown {border-bottom:1px solid #d7d7d7;float:none;}
	/*#main-menu .dropdown:first-child {border-top:1px solid #d7d7d7;}*/
	#main-menu .dropdown > .dropdown-menu > li > a {font-weight:600;}
	#main-menu .dropdown.open > a,#main-menu .dropdown > a:active,#main-menu .dropdown > a:hover{background-color:#ffd300;}

	#main-menu .navbar-nav .dropdown-submenu.open,
	#main-menu .navbar-nav .open .dropdown-menu > li > a:focus,
	#main-menu .navbar-nav .open .dropdown-menu > li > a:hover {background-color:#ebebeb;}
	#main-menu .navbar-nav .dropdown-menu > li,
	#main-menu .navbar-nav .dropdown-submenu {border-top:1px solid #d7d7d7;}
	#main-menu .navbar-nav a {padding-top:10px;padding-bottom:10px;}
	#main-menu .navbar-nav .dropdown-menu > li > a {padding-left:25px;}
	#main-menu .navbar-nav .dropdown .dropdown-submenu .dropdown-menu > li > a {padding-left:35px;}
	#main-menu .dropdown-menu {position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;}

	.widget-part > * > figure {height:400px;width: 100%;display: inline;position: relative;}
	.widget-part .widget-detail {display: block;width: 100%;position: relative;}
}

@media only screen and (min-width:992px){
	#main-menu{background-color:#002d70;border-color:#ffd300;border-width:0 0 3px;border-radius:0;margin:0;padding:0;height:77px}
	#main-menu .navbar-nav > li > a{color:#fff;line-height:normal;padding:0 10px;height:77px;vertical-align:middle;display:table-cell;max-width:110px;}

	#menu-desktop{text-align:center;display:block;padding:0;}
	#menu-desktop .navbar-nav{margin:0 auto;float:none;display:inline-block}
	#menu-desktop .navbar-nav > li{float:left}
	#main-menu .dropdown-menu{margin:0;border:0;border-radius:0;padding:0;box-shadow:none;min-width:160px;position:absolute;background-color:#fff;display:block;visibility:hidden;opacity:0;}
	#main-menu .dropdown-menu > li {-webkit-transiton:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;height:0;opacity:0;}
	#main-menu .dropdown-menu > li > a{color:#034ea2;line-height:18px;padding:15px;border-top:1px solid #dfdfdf;/*white-space:normal;*/}
	#main-menu .dropdown-menu > li > a:focus,#main-menu .dropdown-menu > li > a:hover{background-color:#ebebeb}
	#logo{padding:0 10px;}
	#logo a{width:86px;}
	#logo img{position:absolute;z-index:100;width:100%;left:0px;top:10px;}
	.home #logo a{width:138px;height:77px;}
	.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px}
	.dropdown-submenu:hover a,.dropdown-submenu:hover .dropdown-menu{background-color:#ebebeb}
	#main-menu .dropdown:hover > a{color:#034ea2;background-color:#ffd300}
	#main-menu .dropdown:hover > ul,#main-menu .dropdown-submenu:hover > ul{visibility:visible;opacity:1;}
	#main-menu .dropdown:hover > ul > li,#main-menu .dropdown-submenu:hover > ul > li {height:49px;opacity:1;}
}

@media only screen and (min-width:1200px){
	#logo, #main-menu .navbar-nav > li > a{padding:0 15px;}
	#main-menu .dropdown-menu {min-width:200px;}
	#main-menu .navbar-nav > li > a {max-width:none;}
}