@media screen and (max-width: 1020px) {
    /* INTRO */
    .caption h2 {
        width: 90%;
    }
    /* SERVICES */
     .service-box {
         margin: 10px 50px;
    }
    /* PREVIEW 1 */
     #preview-1 {
         padding-top: 60px;
         padding-bottom: 0;
    }
     #preview-1 .preview-text {
         padding-right: 50px;
    }
    /* PREVIEW 2 */
     #preview-2 {
         padding-top: 0;
         padding-bottom: 60px;
    }
     #preview-2 .preview-text {
         padding-left: 50px;
    }
    /* TEAM */
     .member-social {
         margin: 20px 0;
    }
    /* PARALLAX */
     .parallax-content h2 {
         font-size: 35px;
         width: 70%;
         margin: auto;
    }
    /* SKILLS */
     #skills .col-md-6 {
         padding: 0 20px;
    }
    /* COUNTERS */
     .counter {
         margin: 30px 0;
    }
    /* PRICING */
     .pricing-table {
         margin: 10px 50px;
    }
    /* BLOG */
     .blog-post {
         margin: 20px 50px;
    }
}
 @media screen and (max-width: 768px) {
    /* TITLE BAR */
     .title-bar {
         width: 80%;
    }
     .title-bar h4 {
         font-size: 20px;
    }
    /* NAVIGATION */
     #menu {
         background-color: #fff !important;
         padding: 0!important;
         -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
         box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
         color: #333;
    }
     .navbar-header {
         padding: 17px 0;
    }
     #menu .navbar-brand .logo-light {
         display: none;
    }
     #menu .navbar-brand .logo-dark {
         display: block;
    }
     #menu.navbar-default .navbar-nav {
         text-align: center;
    }
     #menu.navbar-default .navbar-nav > li > a {
         color: #333;
    }
     .navbar-collapse {
         border: none;
         background: #f1f1f1;
    }
    /* INTRO */
    .caption h2 {
        font-size: 30px;
        width: 95%;
    }
    /* FEATURES */
     .feature-box {
         padding-left: 20px;
    }
    /* PREVIEW 1 */
     #preview-1 .preview-text {
         padding-right: 10px;
    }
    /* PREVIEW 2 */
     #preview-2 .preview-text {
         padding-left: 10px;
    }
    /* VIDEO */
     #video h2 {
         font-size: 30px;
    }
    /* TEAM */
     .member {
         width: 80%;
         margin: auto;
    }
     .member-info p {
         width: 80%;
         margin: auto;
    }
    /* PARALLAX */
     .parallax-content h2 {
         font-size: 30px;
         width: 90%;
         margin: auto;
    }
    /* SKILLS */
     #skills span {
         font-size: 18px;
    }
    /* COUNTERS */
     .counter-value {
         font-size: 30px;
    }
    /* TESTIMONIALS */
     #owl-demo .item p {
         width: 100%;
    }
}
 @media screen and (max-width: 550px) {
    /* TITLE BAR */
     .title-bar {
         width: 95%;
    }
    /* INTRO */
    .caption h2 {
        font-size: 22px;
        line-height: 32px;
        width: 100%;
    }
    /* SERVICES */
     .service-box {
         margin: 10px 0;
    }
    /* SKILLS */
     .skillbar, .skillbar-bar {
         height: 25px;
    }
     .skill-bar-percent {
         height: 25px;
         line-height: 25px;
    }
    /* TESTIMONIALS */
     #owl-demo .item {
         padding: 30px 20px;
         margin: 20px 10px;
    }
    /* PORTFOLIO */
     #portfolio .overlay-content h4 {
         font-size: 20px;
    }
    /* PRICING */
     .pricing-table {
         margin: 20px 0;
    }
    /* BLOG */
     .blog-post {
         margin: 20px 0;
    }
}