/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
	.main-navigation ul {
		display: inline-block; 
	}
	.related-frame {
		width:48%;
	}
	.main-navigation ul ul a {
		white-space: nowrap;
	}
      
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
.sosial-media .kontak-footer {
    display: block;
    margin: 5px 0;
}
.left-sosial-media {float:left;width: 65%;}
.right-sosial-media {
    float: right;
    width: 33%;
    text-align: right;
    margin: 10px 0;
}
.left-info-footer {
    position: absolute;
    right: 300px;
    top: 0;
    width: 50px;
    background-image: url(images/green.png);
    height: 100%;
    background-size: 100% 100%;
}
.info-footer {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 100%;
}
.site-footer {padding-right: 350px;}
.right-info-footer {
    padding: 10%;
    font-size: 24px;
	text-align: left;
}
.frame-footer {padding: 10px 0 10px 10%;}
.site-header {margin-top: 0;}
.header-frame {
    float: right;
    width: 72%;
}
.site-branding {
    float: left;
    width: 27%;
	padding: 10px;
}
	#simple-menu {
		display:none;
	}
#site-navigation, #menu-atas {
		display:block;
	}
	.related-frame {
		width:48%;
	}
h1.entry-title, h1.page-title, .sosial-media, .credit, #breadcrumbs, #site-navigation {
		text-align: left;
}
	#primary-menu{
		box-shadow: none;
		position: relative;
	}
	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	}
	body.admin-bar .sidr {
		top: 70px;
	}
	body.admin-bar #simple-menu {
		top: 32px;
	}
	.nav-wrap {
	    display: none;
	}
	#pertama, #kedua {
	    text-align:left;
	}
	.menu-item-has-children:after {
	    content: "\f0dd";
	    position: absolute;
	    font-family: fontAwesome;
	    top: 5px;
	    right: 0px;
	    padding-left:5px;
	    line-height: 200%;
	    font-size: 50%;
	}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	.related-frame {
		width:31%;
	}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
	#content {
	    padding: 7px;;
	}
    }


    @media only screen and (max-width : 768px) {
.fixedheader {
    display: none;
}
.site-header {
    margin-top: 22px;
}
}

@media only screen and (max-width : 480px) {
.bg-footer,
.bg-footer2,
.bg-footer3,
.bg-footer4 {
    max-width: 75px;
    width: 100%;
}
.bg-footer {
    bottom: -5px;
}
}