/* Hide normal navbar on mobile */
@media only screen and (min-width:320px) and (max-width:767px) {
    .desktop-menu {
        display: none;
    }

    .hero-section {
        text-align: center;
    }
    .hero-text h1 {
        font-size: 26px;
    }
    .hero-text h2 {
        font-size: 30px;
    }

    .hero-text p {
        font-size: 16px;
    }

    .btn-custom {
        margin: 0 auto;
        padding: 8px 20px;
        font-size: 15px;
    }

    .social-icons {
        justify-content: center;
        margin: 20px !important;
    }

    /* counter */
    .counter {
        font-size: 30px;
    }

    /* about */
    .about-me{
        margin-top: -50px;
    }

    .section-title{
        font-size: 20px;
        margin-bottom: -8px;
    }

    .about-us-title.section-title{
        margin-bottom: 0 !important;

    }

    .testi-title {
        font-size: 25px !important;
    }

    .about-line {
        width: 130px;
        margin: 16px auto;
    }

    .about-image img{
        height: 100%;
    }

    .about-text h3 {
        font-size: 22px;
    }

    .exp-line {
        width: 315px;
    }

    .highlight {
        padding: 12px;
    }
    .mobile_highlight{
        margin-top: 15px;
    }
    .edu-exp-box h5 {
        font-size: 20px;
    }

    .edu-exp-box p {
        font-size: 14px;
    }

    .edu-exp-box p i {
        font-size: 20px;
    }
    /* ========== recent view ========== */
    .recent-blog-line {
        width: 210px;
    }
    .another-page-heading {
        height: 160px;
    }

    /* =========== contact ============= */
    .contact-line {
        width: 175px;
    }

    .contact-section h2 {
        font-size: 28px;
    }

    .contact-info {
        margin-left: 30px;
    }
    /* ============= skill ================== */
        .skill-icon i {
            font-size: 48px;
        }

        .skill-card {
            padding: 20px 15px;
        }
    /* ============= recent works ============= */
    .portfolio-title {
        font-size: 16px;
    }

    .portfolio-desc {
        font-size: 12px;
    }

    .portfolio-arrow {
        font-size: 14px;
    }
    .recent_work-line {
        width: 270px;
    }

    /* ============= blog details ============= */
    .sidebar{
        margin-top: 20px;
        padding: 12px;
    }
    /*.blog-card {*/
    /*    width: 300px;*/
    /*}*/
    .blog_col{
        display: flex;
        justify-content: center;
    }
    .blog-details-card img{
        height: 250px;
    }

}