*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

font-family: "Poppins",sans-serif;

}

.hero {

    height: 75vh;
    min-height: 520px;

    background-image: url("../images/hero/hero-1.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center right;

    background-color: #f8f1e8;

    position: relative;

    display:flex;

    align-items:center;

    transition:1s ease;

    margin-top:0;

}
/* Light overlay */

.hero-content{


position:relative;


margin-left:120px;

margin-top:-20px;


width:450px;


z-index:2;


}

.small-text{


font-size:12px;


letter-spacing:3px;


color:#555;


margin-bottom:20px;


}

.hero h1{


font-family:serif;


font-size:70px;


line-height:0.95;


font-weight:400;


color:#111;


}



.hero h1 span{


font-style:italic;


font-family:cursive;


color:#e8899d;


font-size:75px;


}



.description{


margin-top:30px;


width:300px;


font-size:14px;


line-height:1.7;


color:#444;


}


/* numbers */


.slide-number{


position:absolute;


left:20px;


top:50%;


transform:translateY(-50%);


display:flex;


flex-direction:column;


gap:20px;


z-index:3;


}

.slide-number span{


font-size:12px;


color:#999;

}


.slide-number .active{


color:#111;


font-weight:bold;


}



.slide-number .active::after{


content:"";


display:block;


height:30px;


width:1px;


background:#111;


margin:8px auto;


}

.explore-btn {
    margin-top: 30px;
    display: inline-block;
    padding: 15px 30px;
    background:#e8899d;
    color: #1b1b1b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 5px;
    transition: 0.3s ease;
}

.explore-btn:hover {
    background: #f7e0ef;
    transform: scale(1.05);
}

/* ===========================
   Tablet (768px - 1023px)
=========================== */
@media (max-width: 1023px) {

    .hero {
        height: 70vh;
        min-height: 500px;
        background-position: center right;
    }

    .hero-content {
        margin-left: 70px;
        width: 380px;
    }

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

    .hero h1 span {
        font-size: 60px;
    }

    .description {
        width: 280px;
        font-size: 13px;
    }

    .explore-btn {
        padding: 14px 34px;
        font-size: 15px;
    }

    .slide-number {
        left: 15px;
    }
}


/* ===========================
   Mobile (767px and below)
=========================== */
@media (max-width: 767px) {

    .hero{
        min-height: 100vh;
        padding: 100px 20px 60px;

        background-size: cover;
        background-position: 80% top;   /* Adjust this value */
        background-repeat: no-repeat;
    }

    .hero-content{
        margin: 0;
        margin-top: 220px;   /* Push text below the dress */
        width: 100%;
        text-align: center;
    }

    .small-text {
        font-size: 11px;
        letter-spacing: 2px;
        color: rgb(244, 241, 241);
    }

    .hero h1 {
        font-size: 42px;
        line-height: 1.1;
        color: black;
    }

    .hero h1 span {
        font-size: 46px;
        color: rgb(222, 19, 97);
    }

    .description {
        width: 100%;
        font-size: 14px;
        margin: 17px auto;
        color: white;
    }

    .explore-btn {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .slide-number {
        display: none;
    }
}


/* ===========================
   Small Mobile (480px and below)
=========================== */
@media (max-width: 480px) {

    .hero {
        padding: 90px 15px 50px;
    }

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

    .hero h1 span {
        font-size: 38px;
    }

    .description {
        font-size: 13px;
        line-height: 1.6;
    }

    .explore-btn {
        width: 100%;
        text-align: center;
        padding: 14px;
    }
}
/* ==========================
   SHOP BY OCCASION
========================== */

.gallery{
    background:#f8f1e8;
    padding:40px 5%;
}

/* Heading */

.gallery-heading{
    text-align:center;
    margin-bottom:50px;
}

.gallery-heading h2{
    font-size:28px;
    font-weight:600;
    color:#4a3627;
    letter-spacing:2px;
    margin-bottom:10px;
}

.gallery-heading p{
    font-size:18px;
    color:#555;
    font-family:"Lora",serif;
    margin-bottom:18px;
}

.heading-line{
    width:120px;
    margin:auto;
    color:#C9A24D;
    border-bottom:2px solid #C9A24D;
    padding-bottom:3px;
}

/* Gallery */

.gallery-container{
    width:100%;
    overflow:hidden;
    position:relative;
    cursor:grab;
}

.gallery-track{
    display:flex;
    width:max-content;
    will-change:transform;
}

.gallery-card{
    flex:0 0 220px;
    margin-right:20px;
}

.gallery-card img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:12px;
    transition:0.4s ease;
}

.gallery-card:hover img{
    transform:scale(1.05);
}

.gallery-card h3{
    width: 100%;
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    
}

.gallery-card:hover h3{
    color:#8B1E4D;
}

/* ==========================
   Gallery - Tablet
========================== */
@media (max-width: 1023px) {

    .gallery {
        padding: 35px 4%;
    }

    .gallery-heading {
        margin-bottom: 40px;
    }

    .gallery-heading h2 {
        font-size: 24px;
    }

    .gallery-heading p {
        font-size: 16px;
    }

    .gallery-track {
        gap: 16px;
    }

    .gallery-card {
         flex:0 0 180px;
         margin-right:16px;
    }

    .gallery-card img {
        height: 250px;
    }

    .gallery-card h3 {
        font-size: 17px;
    }
}


/* ==========================
   Gallery - Mobile
========================== */
@media (max-width: 767px) {

    .gallery {
        padding: 30px 20px;
    }

    .gallery-heading {
        margin-bottom: 30px;
    }

    .gallery-heading h2 {
        font-size: 22px;
        letter-spacing: 1px;
    }

    .gallery-heading p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .heading-line {
        width: 90px;
    }

    .gallery-track {
        gap: 14px;
    }

    .gallery-card {
        flex:0 0 160px;
        margin-right:14px;
    }

    .gallery-card img {
        height: 220px;
        border-radius: 10px;
    }

    .gallery-card h3 {
        font-size: 16px;
        margin-top: 12px;
    }
}


/* ==========================
   Gallery - Small Mobile
========================== */
@media (max-width: 480px) {

    .gallery {
        padding: 25px 15px;
    }

    .gallery-heading h2 {
        font-size: 20px;
    }

    .gallery-heading p {
        font-size: 14px;
    }

    .gallery-card {
        flex:0 0 140px;
        margin-right:14px;
    }

    .gallery-card img {
        height: 190px;
    }

    .gallery-card h3 {
        font-size: 15px;
    }
}

/*   STORY SECTION */
/*   ------------- */
.section-heading{

    background:#F8F1E8;

    text-align:center;

    padding:20px 20px 15px;
}

.section-heading h2{

    font-family:"Lora",serif;

    font-size:30px;

    color:#4A3627;

    font-weight:500;

    margin-bottom:15px;
}

.section-heading p{

    max-width:700px;

    margin:auto;

    font-family:"Poppins",sans-serif;

    font-size:17px;

    line-height:1.8;

    color:#6A5A4C;
}
.story-section{

    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:20px;

    padding:25px 40px;
    background:#f8f1e8;

}


/* Image Cards */

.story-card{

    position:relative;
    height:280px;
    overflow:hidden;

}

.story-card img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.story-overlay{

    position:absolute;
    top:30px;
    left:15px;
    color:white;

}

.story-overlay h2{

    font-family:"Dancing Script",cursive;
    font-size:28px;
    font-weight:500;

}

.story-overlay p{

    font-size:13px;
    line-height:1.7;
    margin:15px 0;

}

/* Middle Section */

.choose-section{

    background:#f8f1e8;
    padding:25px;

}

.choose-section h2{

    font-family:"Lora",serif;
    font-size:25px;
    color:#4a3627;

}

.line{

    width:40px;
    height:2px;
    background:#b78a45;
    margin:10px auto 25px;

}

.features{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;

}

.feature{

    display:flex;
    gap:12px;

}


.feature span{

    color:#c88b92;
    font-size:25px;

}


.feature h4{

    font-size:13px;
    margin:0;
    color:#333;

}


.feature p{

    font-size:11px;
    color:#777;

}

/* Right Button */
.appointment-btn {
    margin-top: 9px;
    font-size: 12px;
    display: inline-block;
    padding: 8px 13px;
    background:#B52A63;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 300;
    transition: 0.3s ease;
}

.appointment-btn:hover {
    background: #9b6007;
}

/* ==========================
   Story Section - Tablet
========================== */
@media (max-width: 1023px) {

    .section-heading {
        padding: 20px;
    }

    .section-heading h2 {
        font-size: 26px;
    }

    .section-heading p {
        font-size: 16px;
        max-width: 600px;
    }

    .story-section {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px;
    }

    .story-card {
        height: 320px;
    }

    .choose-section {
        padding: 30px;
    }

    .choose-section h2 {
        font-size: 24px;
    }

    .features {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .feature span {
        font-size: 22px;
    }

    .feature h4 {
        font-size: 14px;
    }

    .feature p {
        font-size: 12px;
    }
}


/* ==========================
   Story Section - Mobile
========================== */
@media (max-width: 767px) {

    .section-heading {
        padding: 20px 18px;
    }

    .section-heading h2 {
        font-size: 22px;
    }

    .section-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .story-section {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 20px;
    }

    .story-card {
        height: 250px;
    }

    .story-overlay {
        top: 20px;
        left: 15px;
    }

    .story-overlay h2 {
        font-size: 24px;
    }

    .story-overlay p {
        font-size: 12px;
    }

    .choose-section {
        padding: 20px;
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
    }

    .choose-section h2 {
        font-size: 22px;
    }

    .features {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .feature {
        gap: 10px;
        justify-content: center;
    }

    .feature span {
        font-size: 22px;
    }

    .feature h4 {
        font-size: 14px;
    }

    .feature p {
        font-size: 12px;
    }

    .appointment-btn {
        width: 100%;
        text-align: center;
        padding: 12px;
        font-size: 14px;
    }
}


/* ==========================
   Story Section - Small Mobile
========================== */
@media (max-width: 480px) {

    .section-heading h2 {
        font-size: 20px;
    }

    .section-heading p {
        font-size: 14px;
    }

    .story-card {
        height: 220px;
    }

    .story-overlay h2 {
        font-size: 22px;
    }

    .story-overlay p {
        font-size: 11px;
        line-height: 1.5;
    }

    .choose-section {
        padding: 18px;
    }

    .choose-section h2 {
        font-size: 20px;
    }

    .appointment-btn {
        font-size: 13px;
        padding: 11px;
    }
}

/*==========================
        STATS SECTION
===========================*/

.stats-section{

    width:100%;
    padding:20px 4%;

    background:#F8F1E8;

    position:relative;

    overflow:hidden;
}

/* subtle floral effect */

.stats-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/floral-pattern.png");

    opacity:.04;

    pointer-events:none;
}

/* Container */

.stats-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;
}

/* Cards */

.stat-card{

    flex:1;

    text-align:center;

    padding:15px 7px;

    position:relative;

    transition:.4s;
}

/* Divider */

.stat-card:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:20%;

    width:1px;

    height:40%;

    background:#D8C2A5;
}

/* Icon */

.stat-card i{

    font-size:23px;

    color:#C49A54;

    margin-bottom:15px;

    transition:.4s;
}

/* Number */

.stat-card h2{

    font-family:"Lora",serif;

    font-size:40px;

    color:#B8893F;

    font-weight:600;

    margin-bottom:12px;

    transition:.4s;
}

/* Text */

.stat-card p{

    font-family:"Poppins",sans-serif;

    color:#5C4633;

    font-size:18px;

    line-height:1.7;
}

/* Hover */

.stat-card:hover{

    transform:translateY(-8px);
}

.stat-card:hover i{

    transform:translateY(-6px);

    color:#A9762D;
}

.stat-card:hover h2{

    color:#96681F;
}

/* ==========================
   Stats Section - Tablet
========================== */
@media (max-width: 1023px) {

    .stats-section {
        padding: 35px 4%;
    }

    .stats-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }

    .stat-card {
        flex: 0 0 calc(50% - 15px);
        padding: 20px 15px;
    }

    .stat-card:nth-child(2)::after {
        display: none;
    }

    .stat-card h2 {
        font-size: 34px;
    }

    .stat-card p {
        font-size: 16px;
    }
}


/* ==========================
   Stats Section - Mobile
========================== */
@media (max-width: 767px) {

    .stats-section {
        padding: 30px 20px;
    }

    .stats-container {
        flex-direction: column;
        gap: 20px;
    }

    .stat-card {
        width: 100%;
        padding: 20px 15px;
    }

    .stat-card::after {
        display: none;
    }

    .stat-card i {
        font-size: 22px;
    }

    .stat-card h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .stat-card p {
        font-size: 15px;
        line-height: 1.6;
    }
}


/* ==========================
   Stats Section - Small Mobile
========================== */
@media (max-width: 480px) {

    .stats-section {
        padding: 25px 15px;
    }

    .stat-card {
        padding: 18px 10px;
    }

    .stat-card i {
        font-size: 20px;
    }

    .stat-card h2 {
        font-size: 26px;
    }

    .stat-card p {
        font-size: 14px;
    }
}

/*       COLLECTION SECTION          */
/* ----------------------------------*/
.collection{
    padding:25px 5% 30px;
    background:#f8f1e8;
}

.section-title{
    text-align:center;
    margin-bottom:40px;
}

.section-title p{
    color:#4a3627;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.section-title h2{
    font-size:36px;
    color:#1e0e00;
    margin-top:10px;
    font-family:"Playfair Display", serif;
}

.collection-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.collection-card{
    background:#fcf8ef;
    border:1px solid #e5e5e5;
    
    border-radius:12px;
    overflow:hidden;
    text-align:center;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.collection-card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

.collection-card img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:transform 0.5s ease;
}
.collection-card:hover h3{
    color:#4a3627;
    letter-spacing:0.5px;
}

.collection-card h3{
    font-size:18px;
    color:#b07a52;
    margin:18px 0;
}

.details-btn{
    display:inline-block;
    margin-bottom:20px;
    padding:10px 28px;
    border:1px solid #333;
    color:#333;
    text-decoration:none;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    transition:all 0.3s ease;
}
.collection-card:hover .details-btn{
    background:#B52A63;;
    color:#fff;
    border-color:#8d053e;;
}

.details-btn:hover{
    background: #9b6007;;
    color:#fff;
}

/* ==========================
   Collection - Tablet
========================== */
@media (max-width: 1023px) {

    .collection {
        padding: 35px 4%;
    }

    .section-title {
        margin-bottom: 35px;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .section-title p {
        font-size: 13px;
    }

    .collection-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .collection-card img {
        height: 250px;
    }

    .collection-card h3 {
        font-size: 17px;
        margin: 15px 0;
    }

    .details-btn {
        padding: 9px 22px;
        font-size: 13px;
    }
}


/* ==========================
   Collection - Mobile
========================== */
@media (max-width: 767px) {

    .collection {
        padding: 30px 20px;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .section-title p {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .collection-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .collection-card img {
        height: 320px;
        object-fit: cover;
        object-position: top;
    }

    .collection-card h3 {
        font-size: 16px;
        margin: 14px 0;
    }

    .details-btn {
        padding: 8px 18px;
        font-size: 12px;
        margin-bottom: 16px;
    }
}


/* ==========================
   Collection - Small Mobile
========================== */
@media (max-width: 480px) {

    .collection {
        padding: 25px 15px;
    }

    .section-title h2 {
        font-size: 22px;
    }

    .collection-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .collection-card img {
        height: 280px;
        object-fit: cover;
        object-position: top;
    }

    .collection-card h3 {
        font-size: 17px;
    }

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


/*                EXPERIENCE - SECTION                            */
/*  --------------------------------------------------------------*/


.experience-section{
    width:100%;
    display:flex;
    align-items:center;
    background:#f7f1ea;
    min-height:280px;      /* Much shorter */
}

.experience-image{
    width:35%;
    height:335px;
}

.experience-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.experience-content{
    width:75%;
    padding:25px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.small-title{
     display:block;
    text-align:center;
    font-size:11px;
    letter-spacing:2px;
    color:#b07a52;
    margin-bottom:6px;
    text-transform:uppercase;
}

.experience-content h2{
    text-align:center;
    font-size:34px;
    font-family:"Cormorant Garamond", serif;
    font-weight:500;
    color:#4a3627;
    margin-bottom:22px;
}

.experience-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.experience-item{
    text-align:center;
    padding:0 18px;
    border-right:1px solid #d8c7ba;
    display:flex;
    flex-direction:column;
    align-items:center;

    /* Keeps everything aligned from the top */
    justify-content:flex-start;
}

.experience-item:last-child{
    border-right:none;
}

.icon{
    font-size:30px;
    color:#b07a52;
    margin-bottom:12px;
    height:35px;
}

.experience-item h3{
     font-family:"Cormorant Garamond", serif;
    font-size:18px;
    color:#4a3627;
    line-height:1.35;
    margin-bottom:12px;

    /* Same height for every heading */
    min-height:60px;
}

.experience-item p{
   font-size:13px;
    color:#6d655e;
    line-height:1.7;

    /* Same height for every paragraph */
    min-height:90px;
    margin:0;
}

/* ==========================
   Experience Section - Tablet
========================== */
@media (max-width: 1023px) {

    .experience-section {
        flex-direction: column;
        min-height: auto;
    }

    .experience-image,
    .experience-content {
        width: 100%;
    }

    .experience-image {
        height: 380px;
    }

    .experience-content {
        padding: 35px 30px;
    }

    .experience-content h2 {
        font-size: 30px;
    }

    .experience-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .experience-item {
        border-right: none;
        border-bottom: 1px solid #d8c7ba;
        padding: 0 10px 25px;
    }

    .experience-item:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .experience-item h3 {
        min-height: auto;
    }

    .experience-item p {
        min-height: auto;
    }
}


/* ==========================
   Experience Section - Mobile
========================== */
@media (max-width: 767px) {

    .experience-image {
        height: 280px;
    }

    .experience-content {
        padding: 30px 20px;
    }

    .small-title {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .experience-content h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .experience-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .experience-item {
        border-bottom: 1px solid #ddd;
        padding: 20px 0;
    }

    .experience-item:last-child {
        border-bottom: none;
    }

    .icon {
        font-size: 28px;
    }

    .experience-item h3 {
        font-size: 18px;
        min-height: auto;
        margin-bottom: 10px;
    }

    .experience-item p {
        font-size: 14px;
        min-height: auto;
        line-height: 1.6;
    }
}


/* ==========================
   Experience Section - Small Mobile
========================== */
@media (max-width: 480px) {

    .experience-image {
        height: 220px;
    }

    .experience-content h2 {
        font-size: 22px;
    }

    .experience-item h3 {
        font-size: 17px;
    }

    .experience-item p {
        font-size: 13px;
    }
}

/*----------------------------BANNER SECTION--------------------*/


.boutique-banner{
    width:100%;
    background:#f8e5d9;
    display:grid;
     grid-template-columns:38% 26% 38%; /* Smaller center image */
     gap: 15px;
    align-items:center;
    overflow:hidden;
    min-height:240px; /* Reduced section height */
}

/* LEFT & RIGHT */

.banner-text{
    padding:28px 35px; /* Reduced padding */
    color:#121111;
}

.sub-heading{
    display:block;
    color:#45331f;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:8px;
    font-family:sans-serif;
}

.banner-text h2{
    font-size:32px; /* Reduced heading */
    color:#4a3627;
    font-family:"Cormorant Garamond",serif;
    font-weight:500;
    line-height:1.2;
    margin-bottom:12px;
}

.banner-text p{
    font-size:14px;
    color:#676566;
    line-height:1.6;
    margin-bottom:18px;
}

.banner-btn{
    display:inline-block;
    padding:10px 24px; /* Smaller button */
    background:#b88a55;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    transition:.35s;
    font-size:13px;
}

.banner-btn:hover{
    background: #9b6007;
}

/* CENTER */

.banner-image{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
}

.banner-image img{
    width:110%;
    max-width: 450px;
    height:280px;   
     /* Keep your desired height */
    object-fit:cover;
}

/* RIGHT */

.right-text{
    text-align:left;
}
/* Responsive */
/* ==========================
   Boutique Banner - Tablet
========================== */
@media (max-width: 1023px) {

    .boutique-banner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .banner-image {
        order: -1;
        padding: 0;
    }

    .banner-image img {
        width: 100%;
        max-width: 100%;
        height: 350px;
    }

    .banner-text {
        padding: 35px 30px;
        text-align: center;
    }

    .right-text {
        text-align: center;
    }

    .banner-text h2 {
        font-size: 28px;
    }

    .banner-text p {
        font-size: 15px;
    }
}


/* ==========================
   Boutique Banner - Mobile
========================== */
@media (max-width: 767px) {

    .banner-image img {
        height: 250px;
    }

    .banner-text {
        padding: 30px 20px;
    }

    .sub-heading {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .banner-text h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .banner-text p {
        font-size: 14px;
        line-height: 1.6;
    }

    .banner-btn {
        padding: 10px 22px;
        font-size: 13px;
    }
}


/* ==========================
   Boutique Banner - Small Mobile
========================== */
@media (max-width: 480px) {

    .banner-image img {
        height: 200px;
    }

    .banner-text {
        padding: 25px 15px;
    }

    .banner-text h2 {
        font-size: 22px;
    }

    .banner-text p {
        font-size: 13px;
    }

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