@media (max-width: 1024px){
	.main-navigation li {
    	padding: 15px 10px;
	}
	.logo_header {
    	left: 455px;
	}
	.main-navigation li:nth-child(3) {
    	padding: 15px 6em 15px 10px;
	}

}
@media (max-width: 768px){
	.sosmed {
	    padding:10px 0 0 0;

	}
	.main-navigation li {
    	padding: 10px;
	}
	.main-navigation li {
    	font-size: 16px;
	}
	.main-navigation li:nth-child(3) {
    	padding: 10px 6em 10px 10px;
	}
	.logo_header {
    	left: 345px;
	}
	.background-single .container {
    	width: 500px;
	}
	.banner-single {
    	height: 150px;
	}
	footer#colophon {
    	font-size: 11px;
	}
	.owl-nav {
	    position: absolute;
	    top: 120px;
	    width: 100%;
	}
	.owl-nav .owl-next{
		float: right;
	}



}
@media (max-width: 568px){
	#mySidenav {
    	display: block;
	}
	ul#primary-menu li {
	    list-style: none;
	}
	ul#primary-menu {
	    padding: 0;
	    margin: 0;
	}
	.logo_header {
	    left: 220px;
	    width: 20%;
	}
	.logo_header img {
    	width: 100%;
	}
	span.button-nav {
	    display: block !important;
	    color: #000;
	    position: absolute;
	    top: 9px;
	    right: 0;
	    z-index: 10;
	}
	footer#colophon {
    	text-align: center;
	}
	.site-info img {
    	width: 25%;
	}
	.alamat {
    	text-align: inherit;
	}
	.sosial_footer {
    	margin-top:0;
	}
	.website {
    	margin-top: 0;
	}
	footer#colophon div {
    	padding: 10px 0;
	}
	footer#colophon .row {
    	margin: 0;
	}
	.elementor-5 .elementor-element.elementor-element-ea80b99 > .elementor-widget-container {
    	border-style: none !important;
	}
	form.wpcf7-form {
    	width: 100%;
    	padding: 10px;
	}
	input.wpcf7-form-control.wpcf7-text {
    	width: 100%;
	}
	
}
@media (max-width: 425px){
	.background-single .container {
    	width: 100%;
	}
	.single-thumb {
    	height: 200px;
	}
	.sosmed {
    	padding: 10px;
	}
	.logo_header {
    	left: 170px;
	}
	header#masthead.fixed {
    	top: 0;
	}


	

}
@media (max-width: 375px){
	.logo_header {
    	left: 150px;
	}
	


}
@media (max-width: 320px){
	.background-single .container {
    	width: 300px;
	}
	.logo_header {
    	left: 127px;
	}
	

}