/* =============================================================================
   Aflao Nexus Fintech & Logistics Platform
   File: responsive.css
   Version: 1.0
   ============================================================================= */


/* ============================================================================
   LARGE DESKTOP
   ============================================================================ */

@media (min-width:1400px){

    .auth-container{

        max-width:560px;

    }

}


/* ============================================================================
   LAPTOP
   ============================================================================ */

@media (max-width:1200px){

    .auth-card{

        padding:40px;

    }

}


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

@media (max-width:992px){

    .auth-section{

        padding:35px 20px;

    }

    .auth-card{

        padding:35px;

    }

}


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

@media (max-width:768px){

    .auth-header{

        padding:20px 0;

    }

    .auth-logo img{

        width:90px;

    }

    .auth-section{

        min-height:auto;

        padding:30px 18px;

    }

    .auth-card{

        padding:28px;

        border-radius:14px;

    }

    .btn{

        width:100%;

    }

}


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

@media (max-width:576px){

    .auth-container{

        max-width:100%;

    }

    .auth-card{

        padding:22px;

        border-radius:12px;

    }

    .auth-card h1,

    .auth-card h2{

        font-size:24px;

    }

    .auth-card input,

    .auth-card select,

    .auth-card textarea{

        padding:12px;

        font-size:14px;

    }

    .btn{

        padding:13px;

        font-size:14px;

    }

    .auth-footer{

        font-size:13px;

        padding:18px;

    }

}


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

@media (max-width:360px){

    .auth-card{

        padding:18px;

    }

    .auth-card h1,

    .auth-card h2{

        font-size:20px;

    }

}