/* ==========================================================
   KASUWAAI RESPONSIVE STYLESHEET
   Version: 1.0
========================================================== */

/* ================= LARGE DESKTOP ================= */

@media (max-width:1400px){

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

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

}

/* ================= LAPTOP ================= */

@media (max-width:1200px){

.hero{
    padding:80px 0;
}

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

.hero-image i{
    font-size:180px;
}

.navbar-brand{
    font-size:28px;
}

}

/* ================= TABLET ================= */

@media (max-width:992px){

.hero{
    text-align:center;
    padding:70px 0;
}

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

.hero p{
    font-size:17px;
}

.hero-image{
    margin-top:40px;
}

.hero-image i{
    font-size:150px;
}

.navbar-nav{
    margin-top:15px;
    text-align:center;
}

.navbar .input-group{
    margin:20px 0;
}

.card{
    margin-bottom:20px;
}

.feature-box,
.ai-box,
.category-card,
.product-card,
.shop-card,
.testimonial-card{
    margin-bottom:20px;
}

.footer{
    text-align:center;
}

.footer .social-links{
    justify-content:center;
    display:flex;
    flex-wrap:wrap;
}

}

/* ================= MOBILE ================= */

@media (max-width:768px){

.hero{
    padding:60px 0;
}

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

.hero p{
    font-size:16px;
}

.hero .btn{
    width:100%;
    margin-bottom:12px;
}

.hero-image i{
    font-size:120px;
}

.search-box input{
    height:48px;
}

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

.display-5{
    font-size:2rem;
}

.newsletter-section .input-group{
    display:block;
}

.newsletter-section .form-control{

    width:100%;
    border-radius:10px;
    margin-bottom:12px;

}

.newsletter-section .btn{

    width:100%;
    border-radius:10px;

}

.table-responsive{
    overflow-x:auto;
}

}

/* ================= SMALL MOBILE ================= */

@media (max-width:576px){

.container{

    padding-left:18px;
    padding-right:18px;

}

.hero{

    padding:50px 0;

}

.hero h1{

    font-size:26px;

}

.hero p{

    font-size:15px;

}

.navbar-brand{

    font-size:24px;

}

.category-icon{

    width:65px;
    height:65px;
    font-size:24px;

}

.product-card img{

    height:180px !important;

}

.shop-card img{

    height:180px !important;

}

.testimonial-img{

    width:70px;
    height:70px;

}

.footer{

    padding:50px 0 20px;

}

.footer h5{

    margin-top:20px;

}

}

/* ================= EXTRA SMALL ================= */

@media (max-width:400px){

.hero h1{

    font-size:22px;

}

.hero p{

    font-size:14px;

}

.btn{

    font-size:14px;

}

.navbar-brand{

    font-size:22px;

}

.form-control,
.form-select{

    font-size:14px;

}

}

/* ================= PRINT ================= */

@media print{

.navbar,
.footer,
.newsletter-section,
#topBtn,
.btn,
.dropdown,
.pagination{

    display:none !important;

}

body{

    background:#fff;

}

.card{

    box-shadow:none;

    border:1px solid #ddd;

}

a{

    text-decoration:none;

    color:#000;

}

}