.grecaptcha-badge{
    display: none !important;
}

@media(max-width: 1400px) {
    #stores .col-lg-6 .h2 {
        font-size: 16px;
    }

    #stores .col-lg-6 p {
        font-size: 14px;
    }

    #top-banner-container h1{
        font-size: 40px !important;
    }

    #top-banner-container span{
        font-size: 18px;
    }

    #top-banner select, #top-banner input{
        font-size: 14px;
    }
}
@media(max-width: 1200px) {

    #product-details h1{
        font-size: 30px;
    }

    .category-name{
        font-size: 20px;
    }

    .rachat-banner #top-banner-container h1{
        font-size: 30px !important;
    }

    #products article .product-image{
        height: 230px;
    }

    #issues .col-xl-2{
        margin-bottom: 25px;
    }

    #informations .overlay,
    #stores .overlay{
        padding:0 20px 0 270px;
    }

    #informations .col-lg-6 img,
    #stores .col-lg-6 img{
    }

    #informations .col-lg-6 .h2{
        font-size: 20px;
    }

    #informations .col-lg-6 span{
        font-size: 17px;
    }

    #top-banner select,
    #top-banner input{
        font-size: 14px;
        margin-bottom: 20px;
    }

    #rachat-img img{
        width: 80% !important;
        height: auto !important;
    }

}

@media(max-width: 991px) {

    .occasions-menu ul{
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        background: none !important;
        padding: 0 !important;
    }

    #top-menu ul ul li{
        display: block !important;
        padding: 0;
        text-align: left;
        height: auto !important;
        min-height: 35px;
    }

    #top-menu ul ul li a{
        color: var(--purple);
    }

    .occasions-menu ul .section-menu-title,
    .occasions-menu ul .item-menu-icon{
        display: none !important;
    }

    #open-mobile img{
        width: 28px;
        display: block;
        margin-left: 15px;
    }

    #top-menu #tools li a{
        width: 28px;
    }

    #top-menu #tools li img{
        width: 28px;
        height: 28px;
    }

	#tools .fal.fa-bars{
		display:flex !important;
	}

    .rachat-banner #top-banner-container{
        padding: 40px 40px 40px 0 !important;
    }

    .rachat-banner #top-banner-container h1{
        font-size: 25px !important;
    }

    .rachat-banner #top-banner-container span{
        font-size: 13px;
    }

    #illustrations .illustration_container{
        width: 156px;
        height: 156px;
    }

    #illustrations .illustration_container img{
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

    header #infos-menu{
        transition: all 0.3s;
    }

    header.fixed-header{
        animation: slideInDown;
        animation-duration: 0.5s;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
    }

    header.fixed-header #infos-menu{
        display: none !important;
    }


    #top-menu nav{
        position: fixed;
        right: 0;
        top: 0;
        background: var(--grey-apple);
        width: 100%;
    }

    #top-menu nav{
        padding: 20px 20px 0 20px;
        margin-right: -100%;
        transition: all 0.3s;
        z-index: 1000000;
    }

    #top-menu nav.active{
        margin-right: 0;
    }

    #top-menu nav > ul{
        padding: 0;
        display: block;
    }

    #top-menu nav > ul > li{
        display: block;
        border-bottom: 1px solid var(--grey);
        min-height: 57px;
        height: auto;
    }

    #top-menu nav > ul > li:last-child{
        border: 0;
    }

    #top-menu nav > ul > li > a{
        align-items: center;
        justify-content: flex-start;
    }

    #top-menu #tools,
    #top-menu #tools li{
        padding: 0;
        margin: 0 5px;
    }

    #top-menu i{
        color: white;
        font-size: 24px;
    }

    #mobile-tools{
        display: block;
    }

    #mobile-tools #close-mobile{
        width: 25px;
    }

    nav ul ul{
        display: none !important;
    }

    #tools ul li:first-child{
        display: none;
    }

    #mobile-tools form{
        margin-top: 20px;
        margin-bottom: 10px;
        position: relative;
    }

    #mobile-tools form:before{
        content: url(../images/search.svg);
        position: absolute;
        left: 10px;
        top: 8px;
        width: 21px;
        height: 21px;
    }

    #mobile-tools input[type="search"]{
        background: var(--grey);
        border: 0;
        opacity: 1;
        padding-left: 40px;
    }

    #mobile-tools input[type="search"]::placeholder {
        color: var(--black);
        opacity: 1;
    }

    #mobile-tools input[type="search"]:-ms-input-placeholder {
        color: white;
    }

    #mobile-tools input[type="search"]::-ms-input-placeholder {
        color: white;
    }

    #infos-menu{
        height: auto;
        padding: 10px;
    }

    #infos-menu .col-lg-6{
        justify-content: center;
        text-align: center !important;
    }

    #infos-menu .col-lg-6:first-child{
        margin-bottom: 10px;
    }

    #home-banner .h1{
        font-size: 40px;
    }

    #top-banner-container h1{
        font-size: 30px;
    }

    #top-banner-container span{
        font-size: 19px;
    }

    #top-banner select, #top-banner input{
        width: 100%;
    }



    #home-banner{
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 400px;
        background-color: white;
    }

    #home-banner > .container{
        background-size: contain;
        background-repeat: no-repeat;
    }

    #informations .col-lg-6,
    #stores .col-lg-6{
        margin-bottom: 30px;
    }

    #product-details span{
        margin-bottom: 10px;
    }

    #bandeau-annonce .h3{
        font-size: 17px;
    }

    .adresses{
        padding: 10px;
    }

    #infos-menu address{
        font-size: 16px;
    }

    
}

@media(min-width: 768px) {
    #products article:hover .product-overlay{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.8);
        transition: all 0.3s;
        border-radius: 5px;
    }

    #products article:hover .product-overlay h2{
        color: white;
    }

    #products article:hover .product-overlay .product-grade{
        background: white;
        color: black;
    }

    #products article:hover a{
        color: white;
    }

    #products article:hover .product-actions{
        display: block;
    }

    #products article:hover .product-actions button{
        display: block;
        position: relative;
        z-index: 2;
    }

}



@media(max-width: 767px) {


    #category-menu ul li{
        padding: 0 10px;
    }

    #infos-menu a{
        font-size: 28px;
    }

    #product-details nav{
        margin-top: 20px;
    }

    #stores .col-lg-6 img{
        transform: scaleX(-1);
    }

    #top-banner-container.top-banner-container-nettoyage{
        background-image: none;
    }

    #top-banner-container,
    .rachat-banner #top-banner-container{
        padding: 40px !important;
    }

    #stores .col-lg-6 p{
        font-size: 13px;
        margin-bottom: 5px;
    }

    #stores .col-lg-6 .h2{
        margin-bottom: 5px;
    }

    #stores .col-lg-6 .h2{
        font-size: 14px;
    }

    #illustrations,
    #issues{
        background: var(--grey);
    }

    #stores{
        background: white;
    }

    #informations .col-lg-6 .h2{
        font-size: 15px;
    }

    #illustrations .col-md-3{
        margin-bottom: 30px;
    }

    #home-banner .h1,
    #top-banner-container h1,
    #top-banner-container .h1{
        font-size: 30px !important;
    }

    #edito-white #edito-text,
    #edito-grey #edito-text{
        columns: 1;
    }

    #solutions .col-md-3{
        border: 0 !important;
        margin-bottom: 30px;
    }

    #informations .overlay{
        padding-left: 100px;
    }

    #stores .overlay{
        padding: 0;
    }

    #pagination{
        padding: 20px 0;
    }

    #products article.blog-h2{
        height: 460px !important;
    }


}


@media(max-width: 480px) {
    #products article.blog-h2{
        height: 400px !important;
    }
}