/* ==========================================
   NEFT Web3 Exchange Responsive CSS
========================================== */


/* Mobile Devices */

@media(max-width:768px){


body{
    overflow-x:hidden;
}



/* Header */

header .max-w-7xl{

    padding-left:15px;
    padding-right:15px;

}


header h1{

    font-size:20px;

}



/* Navigation */

nav{

    gap:10px !important;

}


nav a,
nav button{

    font-size:13px;
    padding:8px 12px !important;

}





/* Dashboard Layout */


.flex.min-h-screen{

    flex-direction:column;

}



/* Sidebar */


aside{

    width:100% !important;
    min-height:auto !important;

}



aside nav{

    display:grid !important;

    grid-template-columns:repeat(2,1fr);

    gap:10px;

}



aside nav a{

    text-align:center;

}





/* Main Content */


main{

    width:100%;

    padding:15px !important;

}




/* Cards */


.grid{

    gap:15px !important;

}



.grid.md\:grid-cols-4{

    grid-template-columns:1fr;

}



.grid.md\:grid-cols-3{

    grid-template-columns:1fr;

}





/* Hero */


section h2{

    font-size:40px !important;

}


section h3{

    font-size:28px !important;

}


section p{

    font-size:16px !important;

}





/* Buttons */


a,
button{

    border-radius:10px;

}





/* Table */


table{

    min-width:600px;

}



.overflow-x-auto{

    overflow-x:auto;

}





}





/* Small Mobile */

@media(max-width:480px){


h1{

    font-size:18px !important;

}


.text-6xl{

    font-size:35px !important;

}



.text-4xl{

    font-size:25px !important;

}



aside nav{

    grid-template-columns:1fr;

}



}