/* ==================================================
   TECHHUB SOLUTIONS
   HEADER RESPONSIVE
================================================== */

/* ==========================
   TABLET
========================== */

@media (max-width:1024px){

    .top-header .container{

        flex-direction:column;

        gap:10px;

        padding:10px 0;

    }

    .top-header-left{

        flex-wrap:wrap;

        justify-content:center;

    }

    .top-header-right{

        justify-content:center;

    }

}

/* ==========================
   MOBILE
========================== */

@media (max-width:768px){

    /* Top Header */

    .top-header{

        display:none;

    }

    .top-header-left{

        flex-direction:column;

        gap:8px;

        text-align:center;

    }

    .top-header-right{

        margin-top:10px;

    }

    .top-header a{

        font-size:13px;

    }

    /* Desktop Navigation */

    .navbar{

        display:none;

    }

    .header-btn{

        display:none;

    }

    /* Mobile Button */

    .mobile-menu-btn{

        display:block;

        font-size:24px;

        cursor:pointer;

        color:var(--primary);

        margin-right:20px;

    }

    /* Logo */

    .logo-area img{

        width:50px;

        height:50px;

    }

    .logo-text h2{

        font-size:14px;

    }

    .logo-text p{

        font-size:10px;

    }

}