/*why .98 ? Check https://getbootstrap.com/docs/5.0/layout/breakpoints/#max-width*/

@media (max-width: 1800px) {
    /*
    .sub-navbar-nav .sub-nav-item > .sub-menu {
        left: unset;
        transform: translate(-50%);
    }
     */
}

@media (max-width: 1199.98px) {
    .pq-about-us-img-1 {
        max-width: 550px;
    }
}

@media (min-width: 1200px) {
    .service .col-xl {
        max-width: 20%;
    }
}

@media (max-width: 991.98px) {
    .sub-navbar-nav .sub-nav-item {
        display: none;
    }

    .sub-navbar-nav .sub-nav-item:first-child {
        display: block;
    }
}

/*@media (max-width: 767.98px) { ... }*/

@media (max-width: 575.98px) {
    .sub-navbar-nav .sub-nav-item > .sub-menu {
        left: unset;
        right: 0;
        transform: translate(0);
    }

    .pq-testimonial-box.pq-style-1 .pq-testimonial-quote {
        font-size: 30px;
        line-height: 30px;
        padding-top: 5px;
    }

    .pq-testimonial-box.pq-style-1 .pq-testimonial-media {
        width: 70px;
        height: 70px;
    }

    footer .matieres-list{
        display:none;
    }

    .pq-icon-box.pq-style-4{padding-bottom:35px;}
}