File: css/responsive.min.css

@media only screen and (min-width: 768px) {
.sidebarWrapper {
    position: fixed;
}
.toggle-btn {
    position: absolute;
    visibility: hidden;
}
.toggle-placeholder {
    display: none;
}
.service-box, .skill-outer {
    float: left;
    width: 50%;
}
.service-box:nth-child(2n+1), .skill-outer:nth-child(2n) {
    padding-left: 25px;
}
.service-box:nth-child(2n), .skill-outer:nth-child(2n+1) {
    padding-right: 25px;
}
.portfolio-filter ul li {
    margin-right: 10px;
}
.footer-background ul li:last-child, .portfolio-filter ul li:last-child {
    margin: 0;
}
.contact-form {
    padding: 0 25px 0 0;
}
.contact-info {
    padding: 0 0 0 25px;
}
.footer-background ul li {
    margin-right: 20px;
}
}
@media only screen and (min-width: 1600px) {
.aboutWrapper, .blogWrapper, .contactWrapper, .footer-background, .portfolioWrapper, .resumeWrapper, .servicesWrapper, .testimonialWrapper {
    margin-left: 30%;
    width: 70%;
}
}
@media only screen and (min-width: 1920px) {
.aboutWrapper, .blogWrapper, .contactWrapper, .footer-background, .portfolioWrapper, .resumeWrapper, .servicesWrapper, .testimonialWrapper {
    margin-left: 35%;
    width: 65%;
}
}
@media only screen and (max-width: 767px) {
body {
    background-color: #fff;
}
.fixed-left-contact, .fixed-right-socials, .right-br, .left-br {
    display: none;
}
.container {
    padding: 0 30px;
}
.menu {
    position: relative;
}
.nav {
    background: #141414 none repeat scroll 0 0;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.3);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 60px;
    transform: translateY(-10px);
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 997;
}
.show-nav {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.stickyNav {
    left: 30px;
    position: fixed;
    right: 30px;
    width: auto;
}
.about-background, .services-background, .skill-outer:last-child {
    margin: 0;
}
.skill-outer {
    margin-bottom: 30px;
    width: 100%;
}
.service-box {
    width: 100%;
}
.service-box:last-child {
    margin: 0;
}
.portfolio-filter ul {
    margin: -10px 0;
}
.portfolio-filter ul li {
    margin: 10px 20px 10px 0;
}
.blog-post div:last-child {
    padding: 30px 0 0;
}
.contact-form {
    margin-bottom: 50px;
}
.footer-background ul {
    margin: 20px 0 -10px;
}
.footer-background ul li {
    padding: 10px;
}
}