/* Large screens */
@media only screen and (max-width: 1824px) {}

/* @media only screen and (max-width: 1380px) {} */
@media only screen and (max-width: 1680px) {

.table-responsive {
    
    width: 100% !important;
  
}

}
@media only screen and (max-width: 1530px) {
    .slider_area.owl-carousel .slide-item {

        height: 413px;
    }

    .obj-position {
        object-position: 3% !important;
    }

    .img_logo_header_sticky {
        
        height: 60px;
    }

    .pl-40 {
        padding-left: 12px !important;
    }

    .pr-40 {
        padding-right: 12px !important;
    }

    .btn-contact-sticky {
        padding: 7px 29px;
        font-size: 17px;

    }

    .btn-phone {

        padding: 10px 15px;

        font-size: 14px;

        margin-right: 5px;
    }


    .icon-phone {
        width: 10px;
        height: 10px;
        margin-right: -16px;
    }

    .main-nav-sticky .nav-link {

        font-size: 14px;
        padding: 11px 4px !important;

    }

    .card_overlay {

        padding: 10px 19px;
        border-radius: 15px;
        width: 300px;
    }

    .card_application:hover .card_overlay {

        width: 325px;
        height: 63%;

        top: 300px;

    }


    .img_logo_header {
        width: 109%;
        height: 100%;
        margin-top: 22px;
    }

    .btn-menu {
        padding: 9px 25px;
        font-size: 15px;

    }

    .navbar {

        padding: 0rem 0rem;
    }

    .logo-brand {
        display: inline-block;
        margin-bottom: 0px;
        line-height: inherit;
        white-space: nowrap;
        width: 345px;
    }


    .main_menu .navbar-nav .nav-link {
        font-family: "Avenir Next LT Pro Bold";
        color: #8d3a3d;
        padding: 0 9px;
        font-size: 15px;
    }

    .sectionSecOne .img-wrapper-top-right {
        z-index: 1;
        margin-right: 0px;
    }

    .sectionSecOne .img-wrapper {
        width: 367px;
        height: 250px;
    }

    .section-title {

        font-size: 20px;

    }

    .list-about3 li {

        font-size: 13px;
    }

    .list-about li {

        font-size: 13px;

    }

    .padding_ss {
        padding: 0px 28px;
    }

    .card_about::after {

        right: 148px;
        top: -1.5%;

    }

    .card_about::before {

        right: 7px;
        top: 85%;

    }

    .section-custom .img-wrapper-top-right {
        z-index: 1;
        margin-right: 10px;
        margin-top: 93px;
    }

    .section-custom .img-wrapper {
        position: relative;

        width: 427px;
        height: 288px;
        border-radius: 10px;
        background: #ffffff;
    }

    .section-custom .img-wrapper-bottom-right {
        margin-top: -3px;
        margin-right: 9px;
        z-index: 2;
    }

    .description {

        font-size: 12px;
    white-space:pre-wrap;

    }

    .sx-container-pic {

        height: 295px;
        width: 100%;
    }


    .section-titre {

        font-size: 17px;

    }

    .img_about1 {
        height: 295px;
        width: 100%;
    }

    .img_about {
        width: 100%;
        height: 295px;

    }

    .section-subtitle {
        font-size: 14px;

    }

    .list-about2 li {

        font-size: 12px;

    }


    .icon-circle {
        width: 40px;
        height: 40px;

    }

    .icon-circle i {
        font-size: 20px;

    }

    .content_wrapper .description {

        font-size: 12px;

    }

    .top_centered_div h1 {
        font-size: 28px !important;
    }

    .bas_menu .nav-item a {

        font-size: 15px;

    }

    .image_wrapper.image1 {
        top: -54px;
        left: -49px;
        width: 270px;
        height: 300px;
    }

    .class-itms {

        height: 78px;
    }

    .class_itm p {
        font-size: 16px;

    }

    .main_menu {

        height: 82px;
    }

    .product-card h3 {

        font-size: 16px;

    }

    .product-card p {
        font-size: 11px;

    }

    .devis-description {
        font-size: 12px;

    }

    .devis-title {
        font-size: 16px;

    }

    .devis-btn {

        margin-bottom: 0px !important;
        gap: 8px;
        font-size: 13px;

    }



    .normal-content h3 {

        font-size: 13px;

    }

    .card_application {
        height: 345px;
    }

    .class_itm img {
        max-width: 45px;
        margin-bottom: 0px;
    }

    .footer-top {
        padding: 30px 0;
    }

    .footer a {
        font-size: 13px;
    }


    .contact-info p {
        font-size: 13px;
    }

    .product-img {
        height: 240px;
    }

    .feature-description {
        font-size: 13px;
    }

    .image-container-right {
        height: 345px;
        margin-top: 0px;
    }

    .image-container-left {
        margin-top: 0px;
        height: 345px;
    }

    .header-sticky .dropdown-item {
        font-size: 15px;
    }

    .btn-download {
        font-size: 12px;
    }

    .download-text {
        font-size: 15px;
    }

    td:first-child {
        font-size: 14px;
    }

    .section-table th {
        padding: 19px 15px;
        font-size: 13px;
    }

    .section-table td {
        padding: 18px 20px;
        color: #282828;
        font-size: 13px;
        line-height: 1.7;
        vertical-align: top;
    }

    .badge-table {
        font-size: 13px;
    }

    .question-text {
        font-size: 15px;
    }

    .quote {
        font-size: 13px;
    }

    .list-about-colum {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .img_about2 {
        height: 345px;
    }

    .image-item {
        height: 345px;
    }

    .feature-icon3 i {
        font-size: 20px;
    }

    .feature-icon3 {
        width: 40px;
        height: 40px;
    }


    .image_wrapper.image2 {
        width: 270px;
        height: 300px;
    }

    .btn-adhesives {
        position: relative;
        bottom: -69px;
    }

    .btn-americaines {
        position: relative;
        bottom: -69px;
    }


    .btn_savoir {
        padding: 3px 25px;
        font-size: 17px;
    }

    .hover-content h3 {
        font-size: 15px;
    }

    .section_products::before {
        content: "";
        position: absolute;
        width: 150px;
        height: 358px;
        top: -112px;
        right: 0px;
        opacity: 0.05;
        transform: rotate(0deg);
    }

    .section_presentation {
        padding: 60px 0;
    }

    .section_infos {
        padding: 0px;
        position: relative;
        margin-top: -37px;
        margin-bottom: 22px;
        z-index: 1;
    }

    .section-custom_fore .image-box {
        width: 100%;
        height: 300px;
    }

    .section-custom_container .text-box {
        font-size: 12px;
    }

    .section-custom_container .background-box2 {
        top: 0px;
        height: 98px;

    }

    .card_title {
        height: 34px;
        font-size: 13px;
    }

    .card_about {
        width: 215px;
        height: 348px;
    }

    .card_desc {
        font-size: 12px;
        color: #333;
    }

    .images-grid {

        grid-template-rows: repeat(3, 150px);

    }




        .table-responsive {
        
            width: 100% !important;
            overflow-x: auto;
        
        }





































}
@media only screen and (max-width: 1370px) {}
@media only screen and (max-width: 1280px) {}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .card_overlay {
        padding: 10px 14px;

        width: 250px;
    }
        .card_application:hover .card_overlay {
        width: 280px;
       
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    /* Navbar : autoriser le collapse sur tablette/mobile */
    .main_menu .navbar-nav,
    .header-sticky .main-nav-sticky {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .main_menu .separator,
    .header-sticky .main-nav-sticky .separator {
        display: none !important;
    }
    .main_menu .navbar-collapse,
    .header-sticky .navbar-collapse {
        background: #fff;
        padding: 10px 15px;
        border-top: 1px solid #eee;
    }
    .main_menu .navbar-nav .nav-link,
    .header-sticky .main-nav-sticky .nav-link {
        padding: 8px 0 !important;
        font-size: 16px;
        color: #8d3a3d !important;
    }
    .btn-menu {
        margin-top: 10px;
        display: inline-block;
    }
    .mr-100 {
        margin-right: 0 !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    /* Header */
    .bas_menu {
        display: none;
    }
    .icon-top-address,
    .top-address {
        display: none;
    }

    .top_menu .row {
        justify-content: flex-end;
    }

    .top-info-box {
        margin-left: auto;
        padding: 6px 20px 6px 30px;
        font-size: 13px;
    }
    .main_menu {
        height: auto !important;
        padding: 10px 15px !important;
    }
    .img_logo_header {
        height: 55px !important;
        width: 100% !important;
        top: 0 !important;
    }
    .logo-brand {
        width: auto !important;
    }
    .top-info-box {
        padding: 7px 15px !important;
        font-size: 13px !important;
    }

    /* Slider */
    .slider_area.owl-carousel .slide-item {
        height: 280px !important;
    }
    .slider_area.owl-carousel .slid_content {
        width: 90% !important;
    }
    .slider_area.owl-carousel .slid_content .h1 {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }

    /* Sections générales */
    .moyens_section {
        width: 100%;
    }
    .section-title {
        font-size: 18px !important;
    }
    .section-subtitle {
        font-size: 13px !important;
    }

    /* Cards produits */
    .product-card {
        margin-bottom: 20px;
    }
    .product-img {
        height: 180px !important;
    }

    /* Désactiver WOW.js sur mobile */
    .wow {
        visibility: visible !important;
        animation-name: none !important;
        animation-duration: 0s !important;
        transition: none !important;
    }

    /* Secteur — colonnes pleine largeur */
    .sectionSecOne .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .sectionSecOne .contenu {
        text-align: left !important;
        padding: 15px !important;
    }

    /* Expertises & valeurs — photo */
    .img_about1 {
        width: 100% !important;
        height: 220px !important;
    }

    /* Étiquettes perforées — cartes hauteur auto */
    .card_about {
        height: auto !important;
        width: 100% !important;
    }

    /* Étiquettes perforées — 2 photos côte à côte */
    .section-custom .images-column {
        flex-direction: row !important;
        gap: 10px;
    }
    .section-custom .image-container-left,
    .section-custom .image-container-right {
        height: 180px !important;
    }

    /* Étiquettes adhésives — galerie 3 photos */
    .gallery-three-layout {
        width: 100% !important;
    }
    .gallery-image-wrapper img {
        height: 150px;
    }
    .gallery-item-center {
        width: 80% !important;
    }
    .div-bloc-only {
        width: 100% !important;
        height: 250px;
    }

    /* Étiquettes adhésives — images-grid simplifié mobile */
    .images-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(4, 100px) !important;
    }
    .grid-item.large {
        grid-column: 1 / 3 !important;
        grid-row: 1 / 3 !important;
    }
    .grid-item.medium:nth-of-type(2) {
        grid-column: 1 / 2 !important;
        grid-row: 3 / 4 !important;
    }
    .grid-item.medium:nth-of-type(3) {
        grid-column: 2 / 3 !important;
        grid-row: 3 / 4 !important;
    }
    .grid-item.small:nth-of-type(4) { grid-column: 1 / 2 !important; grid-row: 4 / 5 !important; }
    .grid-item.small:nth-of-type(5) { grid-column: 2 / 3 !important; grid-row: 4 / 5 !important; }
    .grid-item.small:nth-of-type(6),
    .grid-item.small:nth-of-type(7) { display: none; }

    /* Section-custom : col pleine largeur sur mobile */
    .section-custom .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .section_about_pageattach6 .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Bandeau texte */
    .top_centered_div {
        width: 90% !important;
        padding: 12px 15px !important;
    }
    .top_centered_div h1 {
        font-size: 18px !important;
    }

    /* Encarts Réactivité / Écoute / Technicité */
    .class-itms {
        flex-direction: column !important;
        height: auto !important;
        padding: 10px 0;
    }
    .class_itm {
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #eee;
        padding: 12px 20px;
    }
    .class_itm:last-child {
        border-bottom: none;
    }

    /* Section société : masquer les photos, texte pleine largeur */
    .section_presentation .col-6.left {
        display: none !important;
    }
    .section_presentation .col-6.right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Produits : rendre les cartes cliquables et pleine largeur */
    .product-card-link {
        display: block;
    }
    .section_products .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px;
    }

    /* Cas d'application */
    .card_application {
        height: 280px !important;
        margin-bottom: 15px;
    }
    .section_applications {
        height: auto !important;
        padding-bottom: 40px;
    }
    .decor-top-right {
        display: none;
    }

    /* Contact */
    .section_contact .col-12.col-lg-8,
    .section_contact .col-12.col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .map_contact_page {
        min-height: 250px !important;
        height: 250px !important;
    }
    .contact-coords {
        background: #fff;
    }

    /* Footer */
    .footer-top {
        padding: 25px 15px !important;
    }
    .devis-section {
        padding: 25px 15px !important;
    }
    .devis-section .col-12 {
        text-align: center !important;
    }
.section-custom .img-wrapper{
width:100%;
}
.section-custom .img-wrapper-top-right{
margin-top:0;
margin-right:0;
}
.section-custom .img-wrapper-bottom-right{
margin-right:0;
margin-top:0;
}
.form-group{
margin-bottom:0;
}

.row.contact {
gap:20px;
}

.grid-item.larges{
grid-row:1 / 3;
grid-column: 3 / 3;
}
.grid-item.mediums:nth-of-type(2){
grid-column:3 / 5;
grid-row: 3 / 3;
}
.grid-item.mediums:nth-of-type(3){
grid-column:3 / 5;
grid-row:4 / 4;
}

}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {}

@media (max-width: 568px) {}

@media only screen and (max-width : 479px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {}