/* ==========================
   Hero Responsive
========================== */

@media (max-width:768px){


.hero-title{
    font-size:40px;
}


.hero-subtitle{
    font-size:18px;
}


.hero-search{

    flex-direction:column;

    height:auto;

    border-radius:20px;

    padding:15px;

}


.search-box,
.location-box,
.search-btn{

    width:100%;

}


.search-box input{

    height:50px;

}


.location-box{

    height:55px;

}


.search-btn{

    margin-top:5px;

    height:50px;

    border-radius:30px;

}


}


/* ==========================
   Welcome Section
========================== */


@media (max-width:768px){

.welcome-title{

    font-size:52px;

}

}



/* ==========================
   Intro Section
========================== */


@media(max-width:768px){

.intro-title{

    font-size:38px;

}


.intro-text{

    font-size:18px;

}

}



/* ==========================
   Categories Responsive
========================== */


@media(max-width:768px){


.categories-wrapper{

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:nowrap !important;

    gap:8px;

    width:100%;

    overflow:hidden;

}



.category-card{

    flex:1;

    padding:10px 5px;

}



.category-card i,
.category-card span{

    font-size:22px;

}



.category-card h6{

    font-size:14px;

}


}