/* Laptop */

@media(max-width:1200px){

.hero-content h1{

font-size:50px;

}

.menu{

gap:20px;

}


}

/* Tablet */

@media(max-width:991px){


    @media (max-width:991px){

.top-bar{

display:block;
padding:10px 0;

}

.top-bar .container{

display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:10px;

}

.top-left{

display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
font-size:14px;

}

.top-right{

justify-content:center;

}

.top-logo{

height:35px;

}

}

.navbar-brand img{

height:60px;

}

.navbar-collapse{

background:white;

padding:20px;

margin-top:15px;

border-radius:10px;

}

.nav-link{

color:#8b0000!important;

padding:12px;

}

.register-btn{

display:block;

margin-top:15px;

text-align:center;

}

.hero{

height:80vh;

}

.hero img{

height:80vh;

}

.hero-content{

width:90%;

}

.hero-content h1{

font-size:42px;

}

.hero-content h4{

font-size:22px;

}

.hero-content p{

font-size:18px;

}

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

/* Mobile */

@media(max-width:768px){

.hero{

height:70vh;

}

.hero img{

height:70vh;

}

.hero-content{

width:95%;

}

.hero-content h1{

font-size:30px;

line-height:1.3;

}

.hero-content h4{

font-size:18px;

}

.hero-content p{

font-size:16px;

}

.btn-register,

.btn-about{

padding:10px 20px;

margin:5px;

display:inline-block;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo{

width:100px;

margin:auto;

}

.footer-qr{

margin:auto;

}

.social-icons{

justify-content:center;

}



.top-left{

flex-direction:column;
gap:8px;

}

.top-left span{

display:none;

}

.top-left i{

margin-right:5px;

}

.top-right{

margin-top:10px;

}

.top-right a{

width:34px;
height:34px;
font-size:14px;

}

.top-logo{

height:30px;

}


}

/* Small Mobile */

@media(max-width:480px){

.hero-content h1{

font-size:24px;

}

.hero-content h4{

font-size:16px;

}

.hero-content p{

font-size:14px;

}

.register-btn{

width:100%;

}

.footer{

padding:40px 20px;

}

}










/* navbar */

/*=====================
Tablet
======================*/

@media(max-width:991px){

.top-bar{

display:none;

}

.main-navbar{

padding:10px 0;

}

.navbar-brand img{

height:60px;

}

.navbar-collapse{

margin-top:15px;

background:#fff;

padding:20px;

border-radius:15px;

box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.navbar-nav{

gap:0;

text-align:center;

}

.navbar-nav .nav-link{

padding:14px;

font-size:17px;

}

.register-btn{

display:block;

margin-top:20px;

text-align:center;

}

}


/*=====================
Mobile
======================*/

@media(max-width:576px){

.navbar-brand img{

height:52px;

}

.register-btn{

width:100%;

}

}