@media(max-width:992px){

.container{
padding:20px;
}

.card-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

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

.menu{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.card-grid{
grid-template-columns:1fr;
}

.table{
font-size:14px;
}

.container{
padding:15px;
}

}

@media(max-width:480px){

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

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

.table th,
.table td{
padding:8px;
}

}
/* tablet */

@media (max-width:992px){

.container{
padding:15px;
}

.pg-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* mobile */

@media (max-width:768px){

.navbar{
flex-direction:column;
align-items:flex-start;
}

.menu{
margin-top:10px;
}

.pg-grid{
grid-template-columns:1fr;
}

.card-grid{
grid-template-columns:1fr;
}

.table{
font-size:13px;
}

.table th,
.table td{
padding:8px;
}

.actions{
flex-direction:column;
}

.btn{
width:100%;
text-align:center;
}

}

/* small mobile */

@media (max-width:480px){

h1{
font-size:22px;
}

h2{
font-size:20px;
}

}
@media(max-width:992px){

.feature-grid{
grid-template-columns:repeat(2,1fr);
}

.city-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.hero h1{
font-size:28px;
}

.search-grid{
grid-template-columns:1fr;
}

.feature-grid{
grid-template-columns:1fr;
}

.city-grid{
grid-template-columns:1fr;
}

}
@media(max-width:992px){

.feature-grid{

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

}

}

@media(max-width:600px){

.feature-grid{

grid-template-columns:1fr;

}

.section-title{

font-size:26px;

}

}
@media(max-width:992px){

.pg-details-wrapper{

grid-template-columns:1fr;

}

.pg-info-grid{

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

}

}

@media(max-width:768px){

.pg-grid{

grid-template-columns:1fr;

}

.pg-info-grid{

grid-template-columns:1fr;

}

.pg-title{

font-size:24px;

}

.pg-booking{

margin-top:20px;

}

}