.header-main {
	width: 100% !important;
	height: 10% !important;
	bottom: 0 !important;
	top: auto;
	right: 0 !important;
}
.logo {
	visibility: hidden;
	display: none;
}
.header-main ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.header-main ul li {
	margin: 36px 25px;
}

.header-main ul li:after {
	display: none;
}

.pt-home .banner {
	width: 100%;
	padding-right: 6%;
}

.pt-home .lang {
	bottom: 13% !important;
	right: 20px !important;
}

.pt-home .social {
	left: 20px !important;
	top: 20px !important;
}

.page {
	width: 100%;
	height: 85.1%;
}

.pt-about,
.pt-resume,
.pt-portfolio,
.pt-blog,
.pt-contact {
	-webkit-transform: translateY(-200%) !important;
	-ms-transform: translateY(-200%) !important;
	transform: translateY(-200%) !important;
}

#about:target .pt-about,
#resume:target .pt-resume,
#portfolio:target .pt-portfolio,
#blog:target .pt-blog,
#contact:target .pt-contact {
	-webkit-transform: translateY(0%) !important;
	-ms-transform: translateY(0%) !important;
	transform: translateY(0%) !important;
}

.blog-page .blog-container,
.blog-list .blog-list-container {
	right: 0 !important;
}

.blog-page .blog-nav {
	right: 50% !important;
}

.header-mobile .header-toggle {
	float: left;
}

.blog-list .blog-head h2,
.blog-list .blog-head .blog-breadcrumb {
	width: 100% !important;
	right: 0 !important;
}

@media screen and (max-width: 767px) {
	.header-main {
		min-height: 100px;
		overflow: hidden;
	}
	
	.header-main .simplebar-content > * {
		display: -webkit-box;
		display: flex;
		height: 100%;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
	}
	.header-main .simplebar-content > .music-bg {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.header-main .simplebar-content > ul {
		margin-left: 75px;
	}
	.music-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		width: auto;
		padding: 23px;
		border-right-width: 5px;
		border-right-style: solid;
		border-top: none;
	}
	.header-main .logo {
		float: right !important;
		padding: 20px 20px !important;
		border-left-width: 5px;
		border-left-style: solid;
		border-bottom: none !important;
	}
	.pt-home .banner {
		top: 20%;
		left: 0px;
	}
	.parsidal-feature{
		top: 39%;

		padding-right: 0%;
		padding-left: 0%;
	}

	.lang{
		min-bottom: 120px !important;
	}
.logo {
		visibility: hidden;
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.banner{
		top: 30%;
	}
.header-main .logo {
		visibility: hidden;
		display: none;
	}
	.music-bg{
		visibility: hidden;
		display: none;
	}
	.parsidal-feature{
		top: 39%;
	
		padding-right: 0%;
		padding-left: 7%;
	}


	/*	.pt-home .social {
            left: 10px !important;
            top: auto !important;
            bottom: 10px;
        }
        .pt-home .lang {
            bottom: 20px !important;
        }*/
}

@media screen and (min-width: 768px) {
	.pt-home .banner {
		top: 45%;
	}
	.header-main {
		min-height: 100px;
		overflow: hidden;
	}
	.header-main .simplebar-content > * {
		display: -webkit-box;
		display: flex;
		height: 100%;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
	}
	.header-main .simplebar-content > .music-bg {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.header-main .simplebar-content > ul {
		margin-left: 75px;
	}
	.music-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		width: auto;
		padding: 23px;
		border-right-width: 5px;
		border-right-style: solid;
		border-top: none;
	}
	.header-main .logo {
		float: right !important;
		padding: 20px 20px !important;
		border-left-width: 5px;
		border-left-style: solid;
		border-bottom: none !important;
	}


}