@media only screen and (min-width:768px) {
    .customNavigation,
    .portfolio-background ul,
    .resume-box div:last-child,
    .resume-box i {
        position: absolute;
        right: 0;
        bottom: 0
    }
    .menu {
        top: 30px;
        left: 100px
    }
    .show-menu {
        left: 80px
    }
    .menu .nav {
        padding: 0 15px
    }
    .blog-page-content,
    .input-style {
        padding-right: 25px
    }
    .menu .nav li {
        display: inline-block;
        height: 50px;
        line-height: 50px
    }
    .contact-info {
        padding-left: 20px
    }
    .blog-sidebar,
    .text-style {
        padding-left: 25px
    }
    .about-grey-content div {
        background: #f5f5f5
    }
    .services-background .row {
        margin: 0 -25px
    }
    .resume-box div:first-child {
        width: 180px
    }
    .resume-box div:last-child {
        top: 0;
        left: 200px
    }
    .input-style {
        float: left;
        width: 50%;
        margin-bottom: 30px
    }
    .text-style {
        float: right;
        width: 50%
    }
    .post-additional-info {
        height: 42px
    }
    .post-additional-info div {
        float: left;
        width: 50%;
        line-height: 42px
    }
    .post-additional-info div:first-child {
        border-right: 1px solid #dcdcdc
    }
    .comment-input:first-child {
        padding-right: 20px
    }
}

@media only screen and (min-width:992px) {
    .contact-info,
    .education-content {
        padding-right: 25px
    }
    .about-grey-content,
    .employment-content {
        padding-left: 0px; /*IT WAS 25 before*/
    }
    .skill-box,
    .testimonial-box {
        border-right: 1px solid #dcdcdc
    }
    .skill-box:last-child {
        border: none
    }
    .testimonialWrapper {
        display: table;
        table-layout: fixed;
        height: 100%
    }
    .testimonial-box {
        float: none;
        display: table-cell;
        height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about-image {
        padding: 0 25px 0 0
    }
    .contact-info {
        padding-left: 25px
    }
    .contact-info ul li:first-child {
        padding-top: 15px
    }
    .contact-info ul li:last-child {
        padding-bottom: 15px
    }
    .services-background .white-layer {
        padding: 75px 0
    }
    .services-background .row div {
        margin: 25px 0
    }
    .skill-box:nth-child(-n+2) {
        border-bottom: 1px solid #dcdcdc
    }
    .skill-box:nth-child(odd) {
        border-right: 1px solid #dcdcdc
    }
}

@media only screen and (max-width:991px) {
    .about-image {
        margin-bottom: 50px
    }
    .contact-info ul li {
        padding: 15px 0
    }
    .education-content {
        margin-bottom: 30px
    }
    .testimonial-box {
        border-bottom: 1px solid #dcdcdc
    }
    #map-canvas {
        height: 300px
    }
}

@media only screen and (max-width:767px) {
    .post-additional-info div:first-child,
    .skill-box {
        border-bottom: 1px solid #dcdcdc
    }
    .container {
        padding: 0 30px
    }
    h1 {
        font-size: 36px
    }
    .menu {
        top: 100px;
        left: 30px
    }
    .show-menu {
        top: 80px
    }
    .menu .nav {
        width: 200px;
        padding: 10px 0
    }
    .comment-input,
    .input-style,
    .text-style {
        width: 100%
    }
    .menu .nav li {
        padding: 15px
    }
    .blog-title,
    .home-background,
    .services-background {
        background-attachment: scroll;
        background-position: top center!important
    }
    .about-background {
        padding-bottom: 100px
    }
    .contact-info {
        margin-bottom: 70px
    }
    .about-grey-content div {
        padding: 0
    }
    .about-grey-content div::before {
        position: absolute;
        content: '';
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        z-index: -1;
        background: #f5f5f5
    }
    .services-background .row div {
        margin-bottom: 30px;
        padding: 0
    }
    .services-background .row div:last-child {
        margin: 0
    }
    .services-background .row div span {
        right: 0
    }
    .contact-form .submit-style {
        margin-top: 30px
    }
    .customNavigation {
        display: inline-block;
        margin: 50px 0 0 -20px
    }
    .portfolio-background ul {
        margin: 50px 0 -10px -20px
    }
    .portfolio-background ul li {
        margin-bottom: 10px
    }
    .comment-input:first-child,
    .sidebar-box h4 {
        margin-bottom: 20px
    }
    .blog-post {
        padding: 0 15px
    }
    .resume-box div:first-child {
        margin-bottom: 20px;
        padding: 20px
    }
    .resume-box div:last-child {
        text-align: right
    }
    .resume-box p {
        text-align: left
    }
    .portfolio-background .section-title {
        text-align: center
    }
    .popup-box div,
    .sidebar-box,
    .testimonial-box {
        /*padding: 0; INSERT HERE THE VISUALIZATION FOR 20px PADDING*/
    }
    .padded {
    padding: 20px;
}
    .text-style {
        margin-top: 30px
    }
    .blog-page-post .owl-theme .owl-controls {
        right: 20px;
        bottom: 20px
    }
    .blog-sidebar {
        margin-top: 100px
    }
    .post-additional-info div {
        width: 100%;
        padding: 15px 0
    }
}

@media only screen and (max-width:479px) {
    .error-page-background .middle-content {
        padding: 0 30px
    }
    .error-page-background img {
        width: 100%
    }
}