
@media only screen and (max-width: 1250px) {
	.wrapp-gall, .wrapp-gis	{
		margin:0px 5%;
		}
	.nav-menu li {
	    margin: 0px 10px;
		}
}

@media only screen and (max-width: 1100px) {
	.header {
	    left: 30%;
		}
	.background	{
		width:1366px;
		left:auto;
		}
	.wrp-inside	{
		margin: 20px 5% 35px 0;
		}
	.img-left	{
		height:auto;
		left:5%;
	}
	.bott-masuk	{
		top:8%;
	}
	.bg-image {
		max-width: 1335px !important;
		height: 750px;
	}

}

@media only screen and (max-width: 960px) {	
	.header {
	    left: 10%;
		}
	.logo-top img, .logo-top-dua img {
		width: 80%;
		}
	.nav-menu-dua li	{
		margin:0px 10px;
		}
	.masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    	}
}

@media only screen and (max-width: 768px) {	
	.header {
	    left: 5%;
		}	
	.nav-menu li	{
		margin:0px 5px;
		}
	.nav-menu-dua li	{
		margin:0px;
		}
	.nav-menu-dua li span	{
		padding:8px 8px;
		}
	.tabs-menu li a	{
		font-size:18px;
		}
	.gall-left	{
		padding: 0 5% 0 0;
		}
	.gall-right	{
		padding: 0 0 0 5%;
		}
	.grey-block .titel	{
		margin-top:0px;
		}

}
@media only screen and (max-width: 640px) {
	.logo-top, .logo-top-dua	{
		right:0px;
		}
	.img-left	{
		display:none;
		}
	.header {
	    left: 0;
		}
	.content	{
		left:10%;
		}
	#show-menu	{
		display: block;
		z-index: 9;
		}
	.nav-menu {
		background:#e3f3ff;
		}
	.nav-menu-dua {
		background:#00b7e9;
	 	}
	.nav-menu, .nav-menu-dua {
		display: none;
		position: absolute;
		max-width: 250px;
		top:0px;
		left: 0px;
		margin: 0px;		
		padding: 56px 35px 0px 35px;
		z-index: 5;
		border-radius: 0 0 15px 0
		}
	.nav-menu li, .nav-menu-dua li {
		display: block;
		margin:20px 0;
		}
	.wrp-inside	{
		margin: 20px 10% 35px 0;
		}
	.header-dua	{
		position: absolute;
		height: 75px;
		}
	.gall-block, .gis-block	{
		width:100%;
		float:none;
		clear:both;
		}
	.gall-left	{
		position: relative;
		width: auto;
		}
	.bag-kiri	{
		padding-top:30px !important;
		}
	.sblh-kiri	{
		margin-top:0px !important;
		}
	.gall-left, .gall-right, .gis-left, .gis-right	{
		padding:0 5%;		
		}
	.tabs-menu li a	{
		font-size:22px;
		}
	.tab {
		margin-top: 45px;
		}
	.wrapp-gis	{
		height: auto;
		}
	.wrapp-video {
		margin-right: 0%;
		}
	.grey-block .thumb {
		margin: 10px 4% 15px 0;
		}


}
@media only screen and (max-width: 568px) {	


}

@media only screen and (max-width: 480px) {	
	.big-text	{
		width:90%;
		}
	.bott-masuk		{
		position:relative;
		top:10px;
		left: 0;
		margin:0px auto;
		padding:10px 0;
		}
	#show-menu {
	    left: 25px;
		}
	.nav-menu, .nav-menu-dua {
		padding: 56px 15px 0px 15px;
		font-size: 20px;
		}	

	.wrapp-gall	{
		margin:0px 2%;
		}

	.nav-menu-dua li span	{
		padding:8px 5px;
		}
	.tabs-menu li a	{
		font-size:18px;
		}
	.logo-top-dua	{
		right:0px;
		}
}
@media only screen and (max-width: 320px) {

}	