/* ================================
   RESPONSIVE DESIGN
================================ */

/* Large Tablets */

@media (max-width:1024px){

.about-company,
.contact-page,
.profile-page{

grid-template-columns:1fr;

}

.dashboard{

padding:50px 5%;

}

}

/* Tablets */

@media (max-width:768px){

.page-banner h1{

font-size:38px;

}

.hero h1{

font-size:42px;

}

.form-grid{

grid-template-columns:1fr;

}

.booking-form{

padding:30px;

}

.details-grid{

grid-template-columns:1fr;

}

.dashboard-grid,
.dashboard-cards,
.stats{

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

}

}

/* Mobile */

@media (max-width:576px){

body{

font-size:15px;

}

.page-banner{

padding:120px 20px 60px;

}

.page-banner h1{

font-size:30px;

}

.hero{

padding:120px 20px;

}

.hero h1{

font-size:34px;

line-height:1.2;

}

.hero p{

font-size:16px;

}

.dashboard-grid,
.dashboard-cards,
.stats{

grid-template-columns:1fr;

}

.pricing-section{

grid-template-columns:1fr;

}

.services-page{

padding:60px 20px;

}

.service-item{

flex-direction:column;

text-align:center;

}

.contact-page{

padding:60px 20px;

}

.booking-section{

padding:60px 20px;

}

.profile-page{

padding:60px 20px;

}

.history-page{

padding:60px 20px;

}

.manage-page{

padding:40px 20px;

}

.shipment-details{

padding:50px 20px;

}

.admin-content{

padding:25px;

}

}