@media (max-width: 768px) {
    
/* ================ Responsive Menu ================== */
    .col-8{
        position: static;
    }
    .main-menu{
        background: rgba(0, 0, 0, .8);
        z-index: 999999;
        position: absolute;
        top:65px;
        left: 0;
        right: 0;
        display: none;
    }
    
    .menu-bar{
       display: block;
    }
    .header-top .main-menu ul,
    .header-top-2 .main-menu ul{
        display: block;
    }
    
/* ================ Promo area ================== */
    .promo-img img{
        width: 100%;
    }
    .promo-img:before, 
    .promo-img:after {
        display: none;
    }
/* ================ Works area ================== */
    .works-buttons button{
        padding: 20px 15px;
    }
    .works-img img{
        width: 100% !important;
    }
/* ================ Testimonial Area ================== */
    .client-feedback{
        margin-bottom: 20px;
    }
    
/* ================ Team area ================== */
    .team-photo img{
        width: 100%;
    }
    .social-icon{
        opacity: 1;
    }
    .social-icon ul li a{
        font-size: 25px;
    }
/* ================ Blog area ================== */
    .post-details{
        margin-bottom: 20px;
    }
/* ================ Contact area ================== */
    .contact-form{
        margin-bottom: 20px;
    }
    .contact-info-area:before{
        display: none;
    }
/* ================ Footer area ================== */
    .footer-area{
        text-align: center;
    }
    .footer-area ul{
        display: block;
    }
    .footer-tagline p{
        font-size: 11px;
    }
    
}