/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .elementor-section.elementor-element.elementor-element-ihli0ex.elementor-top-section.elementor-section-stretched.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.cover {
    height: 36rem;
}

    .elementor-section.elementor-element.elementor-element-eihrhx5.elementor-inner-section.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default .elementor-row.all-category-cafees {
    gap: 0px;
}

    #filters li span {
    font-size: 15px;
    width: 6rem;
    padding: 0;
    margin: 10px;
    text-align: center;
}
    .elementor-column.elementor-element.elementor-element-ava6dxd.elementor-col-100.elementor-inner-column .elementor-element-populated {
    padding: 0px;
    }
    .elementor-section.elementor-element.elementor-element-z9aeqn5.elementor-top-section.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
        margin-top: -12rem;
    }
	#header .header-nav {
    	background: #000000;
    	padding-bottom: 0px;
    	color: #ffffff;
	}

	#header .header-top {
		border-bottom: none;
		background: #f1f1f100;
	}

	#header .header-nav .top-logo {
	    padding-left: 82px;
	}

	#header .header-nav .top-logo a img {
	    max-height: 65px;
	}

	#header .header-nav #menu-icon .material-icons {
	    line-height: 77px;
	}

	#header .header-nav .blockcart a i {
		font-size: 18px
	}

	#header .header-nav .user-info a i {
    	font-size: 18px;
	}

	#header .header-nav .user-info {
	    margin-left: 0rem;
	    margin-top: 1.79rem;
	    margin-right: 0.5rem;
	}

	/*menu*/

	ul#top-menu li.link a.dropdown-item, ul#top-menu li.cms-page a.dropdown-item, #header .header-top a[data-depth="0"],#header .top-menu a[data-depth="0"]:hover {
	    color: #000000;
	    font-family: 'MyriadPro Regular';
	    font-size: 1.5rem;
	    line-height: 3;
	    letter-spacing: 1.5px;
	    margin: 0;
	    padding: 0;
	    font-weight: 900;
	}
    	div.sub-menu {
        margin-left: 0;
        width: 100% !important;
        left: auto;
        right: auto;
        min-width: 250px !important;
        float: none !important;
        padding: 0px;
        border-radius: 2px!important;
    }

	ul#top-menu {
	    width: 100%;
	    display: block;
	    align-items: center;
	    justify-content: space-between;
	}

	/* cover slider*/

	.elementor-1020101 .elementor-element.elementor-element-36cgumq .elementor-heading-title {
	    font-size: 1rem;
	    line-height: 1.8rem;
	}

	.elementor-1020101 .elementor-element.elementor-element-i9uiyl6 .elementor-heading-title {
	    font-size: 1.8em;
	}

	.elementor-1020101 .elementor-element.elementor-element-9x1rs1l .elementor-text-editor {
	    font-size: 1rem;
	}

	.elementor-1020101 .elementor-element.elementor-element-biflfv0 > .elementor-container {
	    margin-top: 190px;
	}

	#header .header-nav .blockcart {
	        padding: 1.4rem 1rem;
	}

	.badge-cart-over {
	    font-size: 10px;
	    top: 16px;
	    right: 6px;
	}
	.elementor-widget.elementor-element.elementor-element-9r6blsn.elementor-widget-heading {
    padding: 10px 0px;
	}

	.elementor-widget.elementor-element.elementor-element-9r6blsn.elementor-widget-heading:not(:last-child) {
    margin-bottom: 10px;
	}

	.elementor-1020101 .elementor-element.elementor-element-j38vpkt > .elementor-element-populated {
	    background-image: url(/img/cms/home/tof.png);
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: none;
	}
	.elementor-1020101 .elementor-element.elementor-element-ihli0ex {
	    padding-bottom: 50px;
	}

	/*Products*/

    #filters {
        overflow-x: auto;
    }

	.top-title-atouts {
	    color: #ffffff;
	    font-size: 1.9rem;
	    font-family: Playfair Display, sans-serif;
	    font-weight: 700;
	}
    .about-content {
        float: right;
        width: 100%;
        margin-right: 0px;
        padding: 35px 15px;
        text-align: center;
    }

    p.top-sub-title-atouts br {
        display: none;
    }

    .top-border-title-atouts {
        width: 100%;
    } 

	#filters li span.active {
	    border-bottom: none;
        font-size: 12px;
        width: 9rem;
        padding: 0;
        margin: 10px;
        text-align: center;	    
	}

	.elementor-1020101 .elementor-element.elementor-element-yncxrql {
    	width: 100%!important;
	}
	.elementor-1020101 .elementor-element.elementor-element-ve36nt5 {
    	width: 100%!important;
	}

	#product .multi-card-flex, #product .row.brulerie-item-baseline {
	    display: block;
	}

	#product .row.brulerie-item-baseline .col-md-9 {
	    width: 100%;
	    display: flex;
	}

	#product #wrapper {
		padding-top: 0rem!important; 
	}

	#product #wrapper .breadcrumb-bg {
		display: none;
	}

	.brulerie-title-product {
	    width: 100%;
	    color: #261207;
	    font-size: 24px;
	    font-weight: bold;
	    letter-spacing: 1px;
	    font-family: "Helvetica LTS td Roman";
	    line-height: 2.5rem;
	    margin: 15px 0px;
	}

	#product  span.control-label.qte {
	    display: none;
	}

	/*category*/
	#category #wrapper {
		padding-top: 0rem!important; 
	}

	#category #wrapper .breadcrumb-bg {
		display: none;
	}


}

@media only screen and (max-width: 425px){
    #header .header-nav .top-logo {
        padding-left: 150px;
    }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	#header .header-nav .top-logo {
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        position: absolute;
        padding: 1rem;
        margin: auto;
        max-width: 150px;
	}
	#header .header-nav .top-logo a img {
    max-height: 70px;
    }
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	#header .header-nav .top-logo {
	    position: absolute;
	    padding-left: 0px;
	}
	#header .header-nav .top-logo a img {
    max-height: 45px;
    }
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
.elementor-section.elementor-element.elementor-element-waqqdea.elementor-top-section.elementor-section-stretched.elementor-section-full_width.elementor-section-height-full.elementor-section-height-default.elementor-section-items-bottom {
	 height: 100%;
}

#index.local-cafe .all-category-cafees {
	display: flow-root;
}

.elementor-column.elementor-element.elementor-element-ucvtqje.elementor-col-50.elementor-top-column.elementor-sm-100 {
    width: 100%;
}

.elementor-column.elementor-element.elementor-element-awtvcyh.elementor-col-50.elementor-top-column.elementor-sm-100 {
    width: 100%;
}

.elementor-column.elementor-element.elementor-element-hfqv93r.elementor-col-33.elementor-inner-column {
    width: 100%;
}

.elementor-column.elementor-element.elementor-element-pyjhefl.elementor-col-33.elementor-inner-column {
    width: 100%;
}

.elementor-column.elementor-element.elementor-element-tax52go.elementor-col-33.elementor-inner-column {
    width: 100%;
}

	.elementor-1020101 .elementor-element.elementor-element-yncxrql {
	    width: 50.651%;
	}	
	#header .logo {
	        max-width: 99px;
	}
	.about-content {
	    float: right;
	    width: 500px;
	    margin-right: -250px;
	}
	.text-category-card {
	    color: #FFFFFF;
	    font-family: "Playfair Display";
	    font-size: 15px;
	    font-weight: bold;
	}

	.mb-card-category {
	    padding-bottom: 23px;
	    padding-left: 8px;
	}
	.elementor-column.elementor-element.elementor-element-xl17ncn.elementor-col-25.elementor-inner-column {
	    margin-top: 65px;
	}

	.elementor-1020101 .elementor-element.elementor-element-yncxrql {
    	width: 40%!important;
	}
	.elementor-1020101 .elementor-element.elementor-element-ve36nt5 {
    	width: 60%!important;
	}
	ul#top-menu {
	    width: 100%;
	    display: block;
	    align-items: center;
	    justify-content: space-between;
	}
	#header .header-top .menu {
	    padding-left: 0px;
	    margin-bottom: 0.375rem;
	    width: 100%;
	}

	#header .menu, #header .menu>ul>li#_desktop_logo {
	    position: relative;
	    top: 30px;
	}
	#header .header-top>.container {
	    width: 100%;
	}
	.header-nav .container {
	    width: 100%;
	}
	#header .header-nav #_desktop_phone_info #phone-info, #header .header-nav #_desktop_email_info #email-info {
	    display: flex;
	    align-items: baseline;
	}
	#header .header-nav .user-info a i, #header .header-nav .blockcart a i, #header .header-nav .blockcart i, #header .header-nav #_desktop_phone_info #phone-info i, #header .header-nav #_desktop_email_info #email-info i {
	    color: #AE7F63;
	    font-size: 11px;
	    margin: 0px 3px;
	}	
    #header .header-nav #_desktop_info-promo #info-promo {
        font-size: 12px;
    }
	/*product detail*/
	#product .container {
	    width: 100%;
	    max-width: 100%;
	}

	#product .breadcrumb-bg {
    	margin-top: 20px;
	}

	#product .brulerie-title-product {
	    width: 100%;
	    color: #261207;
	    font-size: 25px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 950px) {
    .header-nav .col-md-5.col-xs-12 {
	    display: none;
	}
	.header-nav .col-md-7.right-nav {
    	width: 100%;
	}
    
}
@media only screen and (max-width: 767px) {
    article.portfolio.card.card-image.mb-4 {
	    max-height: 14rem;
	}
	article.portfolio.card.card-image.mb-4 .text-category-card {
	    max-height: 14rem;
	}
    .bruleie-category-grid {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}
    .mbl-res-desplay {
        display: none!important;
    }
}

@media only screen and (max-width: 1024px) {
	#category #wrapper .breadcrumb-bg, #cart #wrapper .breadcrumb-bg, #cms #wrapper .breadcrumb-bg {
	    margin-bottom: 45px;
	    margin-top: 57px;
	}
}

@media only screen and (max-width: 914px) {
	#category #wrapper .breadcrumb-bg, #cart #wrapper .breadcrumb-bg, #cms #wrapper .breadcrumb-bg {
	    margin-bottom: 45px;
	    margin-top: 78px;
	}
}

@media only screen and (max-width: 1178px) {
	ul#top-menu {
	    width: 100%;
	    display: block;
	    align-items: center;
	    justify-content: space-between;
	}
}


@media only screen and (min-width: 768px){
	#header .header-nav .user-info a i,  #header .header-nav .blockcart i {
		font-size:1.2rem!important;
	}
}


@media only screen and (max-width: 425px) {	
    article.portfolio.card.card-image.mb-4 {
	    max-height: 10rem;
	}
	article.portfolio.card.card-image.mb-4 .text-category-card {
	    max-height: 10rem;
	}    
	#filters {
	    padding: 0;
	    list-style: none;
	    display: flex;
	    border-bottom: 0px solid #f4e8e2;
	    padding-bottom: 0px;
	    max-width: 100%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    justify-content: center;
	    flex-wrap: wrap;
	}
	#filters li span {
	    font-size: 12px;
	    width: 9rem;
	    padding: 0;
	    margin: 10px;
	    text-align: center;
	}	
}

@media only screen and (max-width: 319px) {
    .about-content {
        float: right;
        width: 100%;
        margin-right: auto;
    }
    #header .header-nav .top-logo {
        padding: .2rem;
    }
    .header-nav {
        max-height: 100%;
        padding-bottom: 1rem;
    }
}

	#filters li span.active {
	    border-bottom: none;
        font-size: 12px;
        width: 9rem;
        padding: 0;
        margin: 10px;
        text-align: center;	    
	}