/* ==========================
   HEADER 50 
========================== */
/* ==========================
   TABLET
========================== */

@media (max-width:991px){

    .logo50 img{
        width:180px;
    }

    .nav50 ul{
        gap:22px;
    }

    .nav50 ul li a{
        font-size:16px;
    }

    .quote-btn50{
        padding:12px 18px;
        font-size:15px;
    }

    .hero-content50 h1{
        font-size:52px;
    }

    .hero-content50 p{
        font-size:20px;
    }

}

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

@media (max-width:768px){

    .header50{
        padding:16px 5%;
    }

    .menu-toggle50{
        display:block;
    }

    .close-menu50{
        display:block;
        text-align:right;
        margin-bottom:25px;
    }

    .nav50{
        position:fixed;
        top:0;
        right:-100%;
        width:280px;
        height:100vh;
        background:#131e3a;
        padding:30px;
        transition:0.4s;
    }

    .nav50.active-nav50{
        right:0;
    }

    .nav50 ul{
        flex-direction:column;
        align-items:flex-start;
        gap:25px;
    }

    .navbar50{

        display:flex;
    
        align-items:center;
    
        justify-content:space-between;
    
    }
    
    .menu-toggle50{
    
        display:block;
    
        order:3;
    
    }
    
    .quote-btn50{
    
        display:flex;
    
        order:2;
    
        margin-left:auto;
    
        margin-right:15px;
    
        padding:10px 18px;
    
        font-size:14px;
    
    }
    
    .logo50{
    
        order:1;
    
    }

    .logo50 img{
        width:170px;
    }

    .hero50{
        height:90vh;
    }

    .hero-content50{
        width:92%;
    }

    .hero-content50 h1{
        font-size:38px;
        line-height:1.2;
        margin-bottom:15px;
    }

    .hero-content50 p{
        font-size:17px;
    }

    .tracking-box50{
        width:92%;
        bottom:100px;
    }

    .tracking-box50 input{
        height:58px;
        font-size:15px;
        padding:0 15px;
    }

    .tracking-box50 button{
        width:95px;
        font-size:15px;
    }

    .slider-dots50{
        bottom:35px;
    }

    .dot50{
        width:35px;
        height:4px;
    }

}
/* ==========================
   HEADER 50 end
========================== */


/* ==========================
   Client
========================== */
@media(max-width:600px){
    .partner-track{
        gap:50px;
    }

    .partner-track img{
        width:120px;
    }
}
/* ==========================
   Client end
========================== */