/* =====================
   desktop
   min-width: 768px;
   max-width: 1024px;



===================== */

@media screen and (max-width: 767px) {
    .navbar-brand {
        margin-left: 15px;
    }
    .navbar-brand a img {
        max-width: 140px;
    }
    #features {
        padding: 80px 0;
    }
    #contact-form .col {
        margin-bottom: 20px;
    }
    .mb-40 {
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #latest-work .block .recent-work-pic ul li .overlay {
        top: 12px;
        left: 25px;
        bottom: 12px;
        right: 25px;
    }
    #team .team-overlay {
        padding: 10px;
    }
}

/* =====================

   Tablets
   min-width: 640px;
   max-width: 767px;

===================== */

@media (min-width: 640px) and (max-width: 767px) {
    #team .col {
        padding: 0 137px;
        margin-bottom: 20px;
    }
    #pricing-table .col {
        margin-bottom: 20px;
    }
    #contact-form .col {
        margin-bottom: 20px;
    }
    #blog-left .blog-img .col-md-6 img {
        margin-bottom: 20px;
    }
    #banner .block h1 {
        font-size: 38px;
    }
    #banner .block h2 {
        font-size: 18px;
    }
}

@media (min-width: 640px) and (max-width: 991px) {
    #contact-form .col {
        margin-bottom: 20px;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    #banner .block h1 {
        font-size: 38px;
    }
    #banner .block h2 {
        font-size: 18px;
    }
}

/* =====================

   Small Devices
   min-width: 320px;
   max-width: 479px;

===================== */

@media (max-width: 479px) {
    #banner {
        text-align: center;
    }
    #banner .block .buttons a:first-child {
        margin-left: 7px;
        margin-bottom: 10px;
    }
    #latest-work .block .recent-work-mixMenu ul li {
        display: block;
    }
    #latest-work .block .recent-work-pic ul li .overlay {
        top: 5px;
        left: 20px;
        bottom: 5px;
        right: 20px;
    }
    #latest-work .block .recent-work-pic ul li .overlay h3 {
        font-size: 14px;
    }
    #latest-work .block .recent-work-pic ul li .overlay i {
        top: 34%;
        font-size: 23px;
    }
    #testimonial .col {
        padding: 20px;
        text-align: center;
    }
    #testimonial .media .media-left {
        display: block;
        padding-right: 0;
    }
    #testimonial .media .media-left a {
        height: 78px;
        width: 78px;
        margin: 0 auto;
    }
    #testimonial .media .media-body {
        padding-right: 0;
    }
    #team .col {
        margin-bottom: 20px;
    }
    #pricing-table .col {
        margin-bottom: 20px;
    }
    #contact-form .col {
        margin-bottom: 20px;
    }
    #blog-left .block .blog-comment .comment-img, #blog-left .blog-comment-main .blog-comment .comment-img, #blog-left .blog-comment-main .sub-blog-comment .comment-img {
        float: none;
    }
    #blog-left .blog-comment-main .sub-blog-comment {
        margin-left: 0;
    }
    #blog-left .blog-img .col-md-6 img {
        margin-bottom: 20px;
    }
    .title h2:before {
        display: none;
    }
    .title h2:after {
        display: none;
    }
    #features .feature-block h4 {
        font-size: 16px;
    }
    #banner .block h1 {
        font-size: 32px;
    }
    #banner .block h2 {
        font-size: 16px;
    }
    #banner {
        padding: 200px 0 160px 0;
    }
    .owl-theme .owl-dots {
        position: absolute;
        width: 100%;
        top: 150px;
    }
}