@media(max-width:767px){

    .dropdown-menu{border: none;height: 0;transition: all .5s ease;}
    .nav-item, .navbar .accordion{margin-bottom: .7rem;}
    .nav-item:last-child{margin-bottom: 0;}
    .nav-item .nav-link, .navbar .accordion button{font-size: 28px;font-weight: normal;}    
    .navbar .accordion-body button{font-size: 24px;}
    .navbar .accordion-body ul li a{font-size: 20px;}
    .dropdown-menu.show{height: fit-content;}
    .dropdown-menu .dropdown-item{font-size: 24px;color: gray;}
    .btn-close{font-size: 20px;font-weight: normal;opacity: 1;}

    .brands::before, .brands::after{width: 60px;}

    .suite .box{padding: 1rem;}
    .suite .box ul{column-count: 1;padding-left: 1rem;}

    .item_card{padding-left: 1.5rem;}
    .item_card .left{padding-top: 0;}
    .item_card .left h4{font-size: 18px;}
    .item_card .left p{font-size: 14px;}

    .shower_case .owl-prev, .shower_case .owl-next{width: 70px;height: 30px;font-size: 12px;}
    .shower_case .owl-prev {left: 0%;}
    .shower_case .owl-next {right:0;}


    /* .item_card .row{flex-direction: column-reverse;}
    .item_card{padding: 2rem; text-align: center;}
    .item_card h4{font-size: 26px;}
    .item_card p{font-size: 20px;}
    .item_card a{font-size: 22px;}
    .item_card img{aspect-ratio: 1/1;object-fit: cover;height: 150px;width: 200px;margin-bottom: 1rem;} */


    .projets_banner h1{font-size: 2rem;}
    .projets_banner p{font-size: 1.5rem;}

    .hero h1{font-size: 2rem;}
    .banner{margin-top: 2rem;}
    .banner .bond_img {
        transform: translateY(-55%);
        max-height: 550px;
        object-fit: cover;
        min-height: 250px;
        object-position: center;
    }

    .showcase h2{font-size: 1.5rem;}
    .showcase img{aspect-ratio: 4/3;}

    .footer-col{width:50%;margin-bottom:30px}

   
}
@media(max-width:574px){
    .footer-col{width:100%}
}

@media (min-width:1400px) {
    

}



@media (min-width: 320px) {
    /* Mobile devices */
}

@media (min-width: 576px) {
    /* Small devices, tablets */
}

@media (min-width: 768px) {
    /* Medium devices, tablets */
}

@media (min-width: 992px) {
    /* Large devices, desktops */
}

@media (min-width: 1200px) {
    /* Extra large devices */
}

@media (min-width: 1400px) {
    /* XXL devices */
}