/* =========================
   NEXUSGG RESPONSIVE.CSS
========================= */

/* Laptop */

@media(max-width:1200px){

.hero-content h1{
    font-size:50px;
}

.menu{
    gap:18px;
}

}

/* Tablet */

@media(max-width:992px){

.navbar{
    flex-direction:column;
    gap:20px;
}

.menu{
    flex-wrap:wrap;
    justify-content:center;
}

.hero{
    height:500px;
}

.hero-content h1{
    font-size:42px;
}

.about-content{
    grid-template-columns:1fr;
}

.section-title{
    font-size:34px;
}

}

/* Mobile */

@media(max-width:768px){

.logo img{
    width:50px;
    height:50px;
}

.logo span{
    font-size:22px;
}

.menu{
    gap:12px;
}

.menu a{
    font-size:14px;
}

.hero{
    height:420px;
    padding:20px;
}

.hero-content h1{
    font-size:32px;
}

.hero-content p{
    font-size:15px;
}

.section{
    padding:60px 15px;
}

.section-title{
    font-size:28px;
}

.card img{
    height:200px;
}

.form-container{
    padding:25px;
}

.profile-card{
    width:100%;
}

}

/* Small Mobile */

@media(max-width:480px){

.hero-content h1{
    font-size:26px;
}

.hero-content p{
    font-size:14px;
}

.logo span{
    font-size:18px;
}

.btn-login{
    padding:8px 15px;
    font-size:14px;
}

.card{
    margin-bottom:15px;
}

th,
td{
    padding:10px;
    font-size:13px;
}

}