/* CSS Document */
@media screen and (max-width: 1700px) {
    #header .region-header .header-content .block-superfishmain li a {
        padding: 12px 0px;
        font-size: 15px;
    }
}
@media screen and (max-width: 1500px) {
    .carousel .direction {
        top: 100px;
    }
    .carousel-control {
        left: -1px;
        width: 30px;
        height: 50px;
    }
    .carousel-control.right {
        left: auto;
        right: -1px;
    }
    .carousel-control img {
        width: 12px;
    }
}
@media screen and (max-width: 1430px) {
    /*Panier*/
    #cart .cart-grid .cart-grid-right, #checkout #content .cart-grid-right {
        width: 100%;
        max-width: 350px;
        margin-left: 20px;
    }
    #product .product-container {
        padding-top: 30px;
        gap: 20px;
    }
    #product .product-container .images-container {
        position: sticky;
        top: 119px;
        width: 100%;
        max-width: 400px;
    }
    #product .product-container .content-container .tabs .nav-tabs {
        gap: 25px;
    }
}
@media screen and (max-width: 1350px) {
    .node--type-carte-de-voeux .entete-carte, .node--type-pins .entete-carte, .node--type-medaille .entete-carte {
        flex-direction: column;
        align-items: center;
    }
    .node--type-carte-de-voeux .entete-carte .block-images, .node--type-pins .entete-carte .block-images, .node--type-medaille .entete-carte .block-images {
        margin-right: 0;
        margin-bottom: 35px;
    }
    .block-liens-accueil a .contenu .titre {
        font-size: 24px;
    }
    .block-liens-accueil a .contenu .custom-btn {
        padding: 4px 20px 0 20px;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 1280px) {
    /*Panier*/
    #cart .cart-grid, body#checkout section#content {
        margin: 35px auto 70px;
        flex-direction: column;
        align-items: center;
    }
    #checkout #content .cart-grid-body {
        width: 100%;
    }
    #cart .cart-grid .cart-grid-right, #checkout #content .cart-grid-right {
        margin-left: 0;
    }
}
@media screen and (max-width: 1250px) {
    #categories-home .categories-home {
        gap: 10px;
    }
    #categories-home .categories-home > a {
        width: calc(50% - 5px);
    }
}
@media screen and (max-width: 1200px) {
    .block-liens-accueil {
        flex-direction: column;
        align-items: center;
    }
    .block-liens-accueil .left {
        width: 100%;
        max-width: 500px;
    }
    .block-liens-accueil .left a .contenu {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .block-liens-accueil .right {
        width: 100%;
        max-width: 500px;
    }
    .block-liens-accueil .right a {
        flex-direction: column;
    }
    .block-liens-accueil .right a > img {
        width: 100%;
    }
    .block-liens-accueil .right a .contenu {
        width: 100%;
    }
    .block-liens-accueil a .contenu {
        padding: 20px;
        gap: 10px;
    }
    .block-liens-accueil a .contenu .titre {
        font-size: 20px;
    }
    #product .product-container {
        gap: 40px;
        flex-direction: column;
        align-items: center;
    }
    #product .product-container .images-container {
        position: relative;
        top: 0;
        width: 100%;
        max-width: 600px;
    }
    #products .products {
        gap: 20px;
    }
    .product-miniature-impact-emotion {
        width: calc(50% - 10px);
        /*Menu principal*/
    }
    #header .menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 70px 40px 50px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: #fff;
        margin-bottom: 0;
        transform: translateX(100%);
        transition: all 300ms ease-in-out;
    }
    #header .menu.open {
        transform: translateX(0);
    }
    #header .region-header .header-content #menu-burger-open {
        cursor: pointer;
        position: absolute;
        right: 15px;
        bottom: 14px;
        width: 36px !important;
        height: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #header .region-header .header-content #menu-burger-open span {
        width: 100%;
        height: 2px;
        background: #242424;
    }
    #header .region-header .header-content #menu-burger-close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    #header .region-header .header-content #superfish-main > li.mobile {
        display: inline-block;
    }
    #header .region-header .header-content #superfish-main > li:hover > ul {
        display: none;
    }
    .wrapper {
        padding: 0 10px;
    }
    header .region-header .header-content .block-superfishmain li {
        margin: 0;
    }
    header .region-header .header-content .block-superfishmain li a {
        font-size: 14px;
    }
    .node--type-carte-de-voeux .entete-carte .block-images .slider-content .swiper-slide, .node--type-pins .entete-carte .block-images .slider-content .swiper-slide, .node--type-medaille .entete-carte .block-images .slider-content .swiper-slide {
        width: 124px;
    }
}
@media screen and (max-width: 999px) {
    .node--type-produit .prod-chapeau {
        flex-direction: column-reverse;
        align-items: center;
    }
    .categories-pins .liste-categories .bloc-categorie, .categories-pins .liste-categories .bloc-categorie:nth-child(4n+0) {
        width: calc(50% - 10px);
        margin: 0 20px 40px 0;
    }
    .categories-pins .liste-categories .bloc-categorie:nth-child(2n+0) {
        margin: 0 0 40px 0;
    }
    .node--type-produit .prod-chapeau .pastille-google {
        margin: 0 0 25px 0;
    }
    .block-3blocshome .blocs {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .block-deschome .blocs {
        padding: 40px 0 40px 0;
        margin: 0;
        justify-content: center;
    }
    .block-projetdevis .blocs {
        flex-wrap: wrap;
    }
    .block-projetdevis .blocs .devis, .block-projetdevis .blocs .tel {
        margin: 10px 0;
    }
    .block-projetdevis .blocs .adresse {
        margin: 20px 0;
        text-align: center;
    }
    footer .block-contenufooter {
        flex-wrap: wrap;
    }
    footer .block-contenufooter .col {
        width: 33.33%;
        margin: 20px 0;
    }
    .node--type-produit .prod-details .desc .interet .content {
        flex-wrap: wrap;
    }
    .node--type-produit .prod-details .desc .interet .txt {
        width: 100%;
        text-align: center;
        max-width: inherit;
        padding: 0 0 20px 0;
    }
    .node--type-produit .prod-details .desc .interet .devis, .node--type-produit .prod-details .desc .interet .tel {
        margin-bottom: 20px;
    }
    #container-showroom .showroom-bloc .showroom a {
        width: 33.33%;
        height: 200px;
    }
    #container-showroom .showroom-bloc .showroom a .img {
        height: 200px;
    }
    #container-showroom .showroom-bloc .showroom a .img img {
        height: 200px;
        width: 100%;
        object-fit: cover;
    }
    .contact-devis-bloc .contact-message-form {
        padding-left: 20px;
    }
    .node--type-produit .faq-produit .interet .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .node--type-produit .faq-produit .interet .devis {
        padding: 15px 0;
    }
}
@media screen and (max-width: 991px) {
    .carousel {
        padding: 20px 0 0 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        background: #fff;
    }
    .container-medium {
        width: calc(100% - 40px);
    }
    .carousel .carousel-item .caption-title {
        position: relative;
        color: #fff;
        padding: 10px 20px;
        margin-bottom: 0;
        text-align: center;
    }
    .carousel .carousel-item .caption-title .title {
        line-height: 26px;
        font-size: 22px;
    }
    .carousel .carousel-item .caption-description {
        gap: 15px;
        width: 100%;
        min-height: 0;
        padding: 20px;
        flex-direction: column;
        text-align: center;
    }
}
@media screen and (max-width: 900px) {
    #category #wrapper > .container-medium {
        padding-bottom: 50px;
        margin-top: 25px;
        flex-direction: column;
        gap: 0;
    }
    #category #wrapper > .container-medium #left-column {
        position: relative;
        top: 0;
        width: 100%;
        max-width: none;
    }
    #category #wrapper > .container-medium #left-column .block-categories .category-top-menu .main-category {
        font-size: 20px;
        padding-bottom: 12px;
        background: url('../img/svg/angle-subcategories.svg') no-repeat right top 6px / 12px;
    }
    #category #wrapper > .container-medium #left-column .block-categories .category-top-menu > li.classic {
        display: none;
        padding: 10px 0;
    }
    #category #wrapper > .container-medium #left-column .block-categories .category-top-menu > li.classic a {
        display: block;
        width: 100%;
    }
    #header .region-header .header-content .block-infosheader .submenu {
        display: none;
    }
    .node--type-actualite {
        flex-direction: column;
    }
    .node--type-actualite .image {
        margin-right: 0;
    }
}
@media screen and (max-width: 800px) {
    #product .product-container .content-container {
        padding-bottom: 20px;
    }
    #product .product-container .content-container h1 {
        font-size: 24px;
    }
    #product .product-container .content-container .product-description p {
        font-size: 14px;
        line-height: 22px;
    }
    #product .product-container .content-container .nav-tabs .nav-item + .nav-item {
        margin-left: 0;
    }
    #product .product-container .content-container .tabs .nav-tabs {
        gap: 10px;
        flex-direction: column;
    }
    #product .product-container .content-container .tabs .nav-tabs .nav-link {
        font-size: 16px;
    }
    #product .product-container .content-container .product-add-to-cart {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    #product .product-container .content-container .product-quantity {
        gap: 15px;
    }
    #product .product-container .content-container .product-quantity .add button {
        min-width: 200px;
    }
    #product .product-container .content-container .bloc-cta {
        padding: 20px;
        flex-direction: column;
    }
    #product .product-container .content-container .bloc-cta .titre {
        font-size: 16px;
        text-align: center;
    }
    #footer .block-contenufooter {
        padding: 30px 0;
        flex-direction: column;
    }
    #footer .block-contenufooter .col {
        width: 100%;
        padding: 0 10px;
    }
    #footer .block-contenufooter {
        padding: 0;
        /*Page Title*/
    }
    .ie-title .block-page-title-block h1 {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0;
    }
    .block-system-breadcrumb-block {
        height: auto;
        padding: 5px 15px;
    }
    .block-system-breadcrumb-block > nav {
        height: auto;
        /*Carte voeux*/
    }
    .liste-cartes-voeux {
        flex-direction: column;
        align-items: center;
    }
    .liste-cartes-voeux .views-row .contenu {
        flex-direction: column;
    }
    .liste-cartes-voeux .views-row .contenu .titre {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .liste-cartes-voeux .views-row {
        width: 100%;
        max-width: 674px;
    }
    .devis-carte-voeux-form {
        padding: 60px 25px 40px;
        overflow: auto;
    }
    .devis-carte-voeux-form .devis-container .titre-form {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    .decors-finitions {
        flex-direction: column;
        align-items: center;
    }
    #select-decor-finition {
        width: 100%;
    }
    .node--type-carte-de-voeux .paragraphes h2.para-title, .node--type-pins .paragraphes h2.para-title, .node--type-medaille .paragraphes h2.para-title {
        font-size: 22px;
    }
    .devis-carte-voeux-form .devis-container .form-item {
        width: 100%;
    }
    .block-cta-para {
        flex-direction: column;
        text-align: center;
    }
    .node--type-carte-de-voeux .block-custom .decors-finitions {
        flex-direction: column;
        align-items: center;
    }
    .decors-finitions .block-decors {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .decors-finitions .vignette {
        margin-right: 5px;
    }
    .decors-finitions .block-decors .vignette:nth-child(3) {
        margin-right: 0;
    }
    .decors-finitions .vignette.active:before {
        right: -1px;
    }
    .block-custom .block-cta .titre {
        font-size: 14px;
        line-height: 16px;
    }
    .block-custom .block-cta .sous-titre {
        font-size: 14px;
        line-height: 16px;
    }
    .node--type-carte-de-voeux .entete-carte {
        margin: 40px 0;
    }
    .decors-finitions .block-decors .decors:after {
        display: none;
    }
    .block-custom .block-cta {
        flex-direction: column;
    }
    .block-custom .block-cta .texte {
        text-align: center;
        margin-bottom: 10px;
    }
    .block-cta-para .titre {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .node--type-carte-de-voeux .entete-carte .content > .titre {
        font-size: 20px;
        line-height: 24px;
    }
    .node--type-carte-de-voeux .entete-carte .content > .sous-titre {
        font-size: 18px;
        margin-bottom: 22px;
        /*Slider avis Google*/
    }
    #block-slideravisgoogle .container-slider-avis {
        flex-direction: column;
    }
    #block-slideravisgoogle #slider-avis {
        width: 100%;
        padding: 0 25px;
    }
    #block-slideravisgoogle .container-slider-avis .google {
        margin-right: 0;
        margin-bottom: 25px;
    }
    #block-slideravisgoogle .swiper-button-prev {
        left: -10px;
    }
    #block-slideravisgoogle .swiper-button-next {
        right: -10px;
        /*photo en haut et en bas*/
    }
    .pos-photo-1.nb-photos-1 .para-photos .para-photo, .pos-photo-2.nb-photos-1 .para-photos .para-photo, .pos-photo-1.nb-photos-2 .para-photos .para-photo, .pos-photo-2.nb-photos-2 .para-photos .para-photo {
        width: 97%;
        max-width: 97%;
        margin: 0 1.5%;
    }
    .pos-photo-1.nb-photos-3 .para-photos .para-photo, .pos-photo-2.nb-photos-3 .para-photos .para-photo {
        width: 47%;
        margin: 0 1.5%;
    }
    .pos-photo-1.nb-photos-3 .para-photos .para-photo:nth-child(2n+1), .pos-photo-2.nb-photos-3 .para-photos .para-photo:nth-child(2n+1) {
        clear: both;
        margin: 0 auto;
    }
    .pos-photo-1.nb-photos-4 .para-photos .para-photo, .pos-photo-2.nb-photos-4 .para-photos .para-photo, .pos-photo-1.nb-photos-more .para-photos .para-photo, .pos-photo-2.nb-photos-more .para-photos .para-photo {
        width: 30%;
        margin: 0 1.5%;
    }
    .pos-photo-1.nb-photos-4 .para-photos .para-photo:nth-child(3n+1), .pos-photo-2.nb-photos-4 .para-photos .para-photo:nth-child(3n+1), .pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(3n+1), .pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(3n+1) {
        clear: both;
    }
    .pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(4n+1), .pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(4n+1) {
        clear: none;
    }
    header .region-header .header-content .block-infosheader .baseline {
        display: none;
    }
    footer .block-contenufooter .col {
        width: 50%;
    }
    .node--type-produit .prod-details {
        flex-wrap: wrap;
    }
    .node--type-produit .prod-details .photo {
        flex: 0 0 100%;
    }
    .node--type-produit .prod-details .desc .interet .devis a {
        white-space: inherit;
    }
    #container-showroom .showroom-bloc .showroom a {
        width: 50%;
    }
    .contact-devis-bloc {
        flex-wrap: wrap;
    }
    .contact-devis-bloc .contact {
        flex: 1 1 100%;
    }
    .contact-devis-bloc .contact-message-form {
        padding-left: 0;
        padding-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    /*Popup Add To Cart*/
    #blockcart-modal .modal-dialog {
        width: calc(100% - 60px);
        left: 50%;
        transform: translateX(-50%);
        margin: 50px 0;
    }
    #blockcart-modal .modal-body .left-part .image img {
        width: 100%;
        height: auto;
        object-fit: initial;
    }
    #blockcart-modal .modal-body {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }
    #blockcart-modal .modal-header .modal-title {
        font-size: 18px;
        line-height: 22px;
        padding: 8px 35px 8px 0;
    }
    #blockcart-modal .modal-body .left-part {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
        border-bottom: solid 1px #DEDDD7;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    #blockcart-modal .modal-body .right-part .cart-content-btn {
        flex-direction: column;
    }
    #wrapper .container-breadcrumb {
        display: none;
        /*Panier*/
    }
    #cart .cart-grid-body .cart-overview .cart-item .product-line-grid {
        flex-direction: column;
    }
    #cart .cart-grid-body .cart-overview .cart-item .product-line-grid .bottom-mobile {
        flex-direction: column;
        text-align: center;
    }
    #cart .cart-grid-body .cart-overview .cart-item .product-line-grid .product-line-grid-body {
        margin: 15px 0;
    }
    #cart .cart-grid-body .cart-overview .cart-item .product-line-grid .product-line-info.product-price {
        justify-content: center;
        /*Finaliser la commande*/
    }
    body#checkout section.checkout-step {
        padding: 15px;
    }
    body#checkout section.checkout-step .step-title {
        font-size: 18px;
        padding: 0 10px;
    }
    body#checkout section.checkout-step .content {
        padding: 0 10px;
    }
    #checkout-personal-information-step .nav-inline .nav-item a {
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 600px) {
    .page-title-custom {
        min-height: 0;
    }
    .page-title-custom h1 {
        font-size: 28px;
    }
    .product-miniature-impact-emotion {
        width: 100%;
    }
    .product-miniature-impact-emotion .thumbnail-top .product-price {
        height: 32px;
        line-height: 32px;
        padding: 0 15px;
        min-width: 0;
    }
    .product-miniature-impact-emotion .product-description .product-title a {
        min-height: 0;
        max-height: none;
    }
    #categories-home {
        padding: 35px 0 50px;
    }
    #categories-home h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    #categories-home .categories-home > a .category-title {
        font-size: 14px;
        padding: 15px 10px 10px;
        background: #A88021;
        min-height: 62px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #categories-home .footer-categorie {
        margin-top: 20px;
    }
    #header .region-header .header-content .block-infosheader #_desktop_user_info a span:not(.cart-products-count), #header .region-header .header-content .block-infosheader #_desktop_cart a span:not(.cart-products-count) {
        display: none;
    }
    #header .region-header .block-logoheader {
        padding: 13px 0 0 13px;
        max-width: 75px;
    }
    #header .region-header .block-logoheader img {
        width: 100%;
    }
    .node--type-produit .prod-chapeau p {
        font-size: 14px;
        line-height: 18px;
    }
    .node--carte-de-voeux .entete-carte .content .caracteristiques .carac .label-carac, .node--type-pins .entete-carte .content .caracteristiques .carac .label-carac {
        width: 50%;
        font-size: 14px;
    }
    .node--carte-de-voeux .entete-carte .content .caracteristiques .carac .value-carac, .node--type-pins .entete-carte .content .caracteristiques .carac .value-carac {
        width: 50%;
        font-size: 14px;
    }
    .node--type-carte-de-voeux .entete-carte .content .caracteristiques .carac .label-carac, .node--type-pins .entete-carte .content .caracteristiques .carac .label-carac, .node--type-medaille .entete-carte .content .caracteristiques .carac .label-carac, .node--type-carte-de-voeux .entete-carte .content .caracteristiques .carac .value-carac, .node--type-pins .entete-carte .content .caracteristiques .carac .value-carac, .node--type-medaille .entete-carte .content .caracteristiques .carac .value-carac {
        width: 50%;
    }
    header .region-header .header-content .block-infosheader .submenu {
        display: none;
    }
    .node--type-pins .entete-carte .content > .titre, .node--type-medaille .entete-carte .content > .titre {
        font-size: 24px;
        line-height: 28px;
    }
    .node--type-pins .entete-carte .content > .sous-titre, .node--type-medaille .entete-carte .content > .sous-titre {
        font-size: 20px;
        margin-bottom: 28px;
    }
    .categories-pins h2 {
        line-height: 24px;
        font-size: 20px;
    }
    .categories-pins .liste-categories .bloc-categorie h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0;
        min-height: 40px;
        max-height: 40px;
    }
    .categories-pins .liste-categories .bloc-categorie .readmore {
        padding: 0px 15px;
        width: 100%;
        text-align: center;
    }
    header .region-header .header-content .block-superfishmain li ul {
        padding: 30px;
    }
    header .region-header .header-content .block-superfishmain li ul li {
        width: 100%;
        /*photo à droite et à gauche*/
    }
    .pos-photo-3 .para-photos, .pos-photo-4 .para-photos {
        max-width: 97%;
        margin: 20px 1.5%;
        /*photo en haut et en bas*/
    }
    .pos-photo-1.nb-photos-3 .para-photos .para-photo, .pos-photo-2.nb-photos-3 .para-photos .para-photo, .pos-photo-1.nb-photos-4 .para-photos .para-photo, .pos-photo-2.nb-photos-4 .para-photos .para-photo, .pos-photo-1.nb-photos-more .para-photos .para-photo, .pos-photo-2.nb-photos-more .para-photos .para-photo {
        width: 97%;
    }
    .block-3blocshome .blocs .bloc {
        margin: 0 10px 40px 10px;
    }
    .block-deschome .blocs .bloc {
        padding: 40px 10px 60px 10px;
    }
    footer .block-contenufooter .col {
        width: 100%;
    }
    footer .gl-copy::before {
        left: 0px;
        max-width: 100%;
    }
    .node--type-contenu .paragraphes .para-desc ul, .node--type-produit .paragraphes .para-desc ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .node--type-produit .faq-produit .faq-content .titre-elem:after {
        padding-top: 2px;
    }
    .node--type-produit .faq-produit .faq-content .titre-elem {
        font-size: 18px;
        line-height: 24px;
    }
    .node--type-produit .faq-produit .elem-acc {
        margin-bottom: 20px;
    }
    .node--type-produit .faq-produit .titre-faq {
        font-size: 44px;
        line-height: 52px;
        margin: 30px 0 20px;
    }
}
@media screen and (max-width: 450px) {
    #container-showroom .showroom-bloc .showroom a {
        flex: 1 1 100%;
    }
    header .region-header .header-content .block-infosheader .tel a {
        font-size: 14px;
        height: 25px;
        padding: 0 10px;
    }
}