.header-main {
	left: 0 !important;
}

.pt-home .banner {
	left: 14% !important;
}

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

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

#about:target .pt-about,
#resume:target .pt-resume,
#portfolio:target .pt-portfolio,
#blog:target .pt-blog,
#contact:target .pt-contact,
.blog_single_wrapper,
.portfolio_single_wrapper {
	-webkit-transform: translateX(16.3%) !important;
	-ms-transform: translateX(16.3%) !important;
	transform: translateX(16.3%) !important;
}

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


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

@media screen and (max-width: 768px) {
	.header-main {
		left: -200px !important;
	}

	.header-main.on {
        left: 0px !important;
    }
    .pt-home .banner {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 0;
        width: 100%;
    }
	#about:target .pt-about,
	#resume:target .pt-resume,
	#portfolio:target .pt-portfolio,
	#blog:target .pt-blog,
	#contact:target .pt-contact,
	.blog_single_wrapper,
	.portfolio_single_wrapper {
		-webkit-transform: translateX(0%) !important;
		-ms-transform: translateX(0%) !important;
		transform: translateX(0%) !important;
	}
	.blog-page .blog-container {
		left: 0 !important;
	}
}

@media screen and (max-width: 575px) {

}