.header-main {
    left: 0 !important
}

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


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

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

#about:target .pt-about,
#post:target .pt-post, 
#blog:target .pt-blog {
    -webkit-transform: translateX(11.1%) !important;
    -ms-transform: translateX(11.1%) !important;
    transform: translateX(11.1%) !important
}



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

@media screen and (max-width:768px) {
    .header-main {
        left: -135px !important
    }
    .header-main.on {
        left: 0 !important
    }
    #about:target .pt-about,
    #post:target .pt-post,
    #blog:target .pt-blog{
        -webkit-transform: translateX(0%) !important;
        -ms-transform: translateX(0%) !important;
        transform: translateX(0%) !important
    }

}

@media screen and (max-width:575px) {
    .pt-home .banner {
        left: 0 !important
    }

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