@charset "UTF-8";
/* CSS Document */
/* designed and developed by ff.com.mt */

.tablet_portrait, .tablet_landscape, .mobile {
	display: none;
}

.desktop {
	display: block;
}

@media screen and (max-width: 1200px) { 


    .news_slider.prefooter .archive-wrapper a.news_article:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 1200px) {

    h2 {
        font-size: 32px;
    }
    .news_slider .news_article {
        flex: 0 0 calc(30% + 2px);
    }


    .half-half.insidebanner.news .half-img{
        display: block;
        width: 450px;
        min-height: 230px;
    }

    .half-half.insidebanner.news h1.mega {
        font-size: 58px;
        line-height: 66px;
        margin-bottom: 0;
    }

    .archive-wrapper .news_article {
        width: calc(25% - -45px);
    }
}
@media screen and (max-width: 1145px) {
    .desktop, .tablet_portrait, .tablet_landscape, .mobile {
		display: none;
	}
	
	.tablet_landscape {
		display: block;
	}
    
    /* ---------- */

    :root {
        --containerMargin: 60px;
    }

    h1 {
        margin-bottom: 50px;
    }


    h2 {
        font-size: 50px;
    }

    h1.mega {
        font-size: 50px;
        line-height: 55px;
    }

    .sidebar {
        width: var(--containerHalf);
    }

    .buttoncontainer.flex .bigbutton {
        width: 100%;
    }

    .bigbutton {
        width: calc(100% - var(--containerMargin));
        text-align: center;
        margin-bottom: 15px;
    }

    .bigbutton:last-of-type {
        margin-bottom: 0;
    }

    /*- half-half section -*/

    .half-half.margin_to_padded {
        padding-top: var(--megaSectionSpacer);
    }

    .half-half.text-img .half-img {
        width: 50%;
        right: -10px;
        bottom: -70px;
    }

    .half-half .text-wrapper {
        width: calc(100% - var(--containerHalf));
    }

    .content_area .text-wrapper {
        width: calc(100% - var(--containerHalf));
    }

    .half-half h1 {
        width: calc(100% - var(--containerHalf));
    }

    .half-half .half-img {
        display: none;
    }

    /* inside */

    .half-half.inside .text-wrapper {
        width: calc(100% - var(--containerHalf));
    }


    .half-half.insidebanner .content-wrapper {
        padding-top: var(--sectionSpacer);
    }

    .half-half.insidebanner .half-img {
        display: none;
    }

    .half-half.insidebanner .text-wrapper {
        width: calc(100% - var(--containerHalf));
    }


    /*- image gallery -*/

    .grid{
        grid-column-gap: 20px;
    }

    .gallery_image {
        width: 100%;
    }

    /*- timeline -*/
    

    .timeline h2 {
        font-size: 50px;
        line-height: 60px;
        width: 100%;
    }

    .timeline-wrapper {
        margin-top: var(--miniSectionSpacer);
    }

    .timeline-image .img {
        width: 255px;
    }

    /*- flavours -*/

    .our-flavours {
        margin: 40px 0;
        gap: 22px;
    }

    .our-flavours .brand-card {
        flex: 0 0 calc(35% - 33px);
    }

    .flex.large-gap {
        column-gap: calc(var(--containerMargin)*1.8);
    }

    .flavours .text-wrapper {
        width: 100%;
    }

    .modal {
        top: 0;
    }

    .modal-content {
        margin: 10% auto;
    }
    /* inside pages end */

    /*- brands slider section -*/

    .brands-slider.margin_to_padded {
        padding: var(--sectionSpacer) 0;
    }

    .brands-slider .tastees {
        display: none;
    }

    .brands-slider .text-wrapper {
        width: calc(100% - var(--containerHalf));
    }

    .brands-slider .brand-card .brand-logo {
        background-repeat: no-repeat;
    }

    .brands-slider .brand-card .brand-logo {
        min-height: 130px;
    }

    .brand-details {
        padding: 10px;
    }

    .our-brands-slider {
        margin-top: 0;
    }

    /*.brands-arrow {
        top: 10px;
    }*/

    .brands-arrow, .brands-arrow:hover {
        min-width: 40px;
        max-width: 40px;
        height: 40px;
    }

    /*- map section -*/

    .map-section .text-wrapper {
        width: calc(100% - var(--containerMargin));
    }

    .map-section .white-strip {
        height: var(--sectionSpacer);
    }
	
	.map-wrapper {
      width: 100%;
    }

    /*- news section -*/

    .news_slider_header .text-wrapper {
        width: calc(100% -  var(--containerMargin));
    }

    .news_slider_header p {
        width: 100%;
    }

    /*- footer -*/

    footer .footer_left_container {
        padding: var(--containerMarginSmaller) var(--miniSectionSpacer) var(--containerMarginSmaller) var(--sectionSpacer);
    }
    footer .address_container .flex {
        column-gap: calc(var(--sectionSpacer) / 4);
    }

    footer a.creditdetail.ff{
        display: block;
    }
}
@media (max-width: 950px) {

    .brands-arrow, .brands-arrow:hover {
        min-width: 30px;
        max-width: 30px;
        height: 30px;
    }

    .brands-arrow .fa-chevron-right {
        font-size: 17px;
    }
	
		.map-wrapper {
      width: 120%;
		margin-left: -10%;
    }

}

@media (max-width: 910px) {

.news_slider .news_article {
    width: 390px !important;
}

}

@media (max-width: 850px) {

    .desktop, .tablet_portrait, .tablet_landscape, .mobile {
		display: none;
	}
	
	.tablet_portrait {
		display: block;
	}
	
	/* ---------- */

    :root {
        --sectionSpacer: 60px;
        --bigSectionSpacer: 180px;
    }

    .nosidebar .text-wrapper {
        width: 100% ;
    }

    .gform_button {
        width: 100% !important; 
    }
	/* ---- mobile------ */
	
	.mobilemenubar {
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		z-index: 5000;
		height: 75px;
		display: block;
	}
	
	.mobilemenubar .menuholder {
		background-color: var(--white);
		border-radius: 100px;
		webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		margin-top: 20px;
		margin-left: 2.5%;
		width: 95%;
		

        box-shadow: 0 0 15px rgba(0,0,0,0.40);
	}
	
	/*
	.mobilemenubar .menuholder.active {
		background-color: var(--darkgrey);
		margin-top: 0px;
		margin-left: 0;
		width: 100%;
	} */
	
	.mobilemenubar .rightbutton {
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 0px;
		padding-top: 0px;
		z-index: 999;
		width: 75px;
		height: 75px;
		
		
		webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	.mobilemenubar .rightbutton .buttoncontainer {
	
		color: var(--red);
		display: inline-block;
		font-size: 9px;
		text-transform: uppercase;
		text-align: center;
		padding: 26px 32px 26px 20px;
		margin-right: 5px;
		width: calc(100% - 40px);
		margin-top: 0;
        margin-bottom: 0;
        /*
		-webkit-text-stroke: 1px #fff;
		-webkit-text-fill-color: transparent; */
		
	}
	/*
	.mobilemenubar .menuholder.active .rightbutton .buttoncontainer {
		-webkit-text-stroke: 2px var(--cream-light);
	}
    
	
    .mobilemenubar .active .rightbutton .buttoncontainer {
         color: var(--red);   
    } */
	
	.mobilemenubar .rightbutton .icon {
		display: block;
		font-size: 25px;
	}

	.mobilemenubar .container {
		width: 100%;
	}

	.mobilemenubar .logocontainer {
		line-height: 75px;
		width: 100%;
		display: inline-block;
		margin-left: 0px;
		padding: 0;
		vertical-align: top;
		text-align: center;
		 position: absolute;
		 top: 0px;
		 left: 0px;
		 z-index: 997;
        
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	}
    
	/*
    .mobilemenubar .active .logocontainer {
        line-height: 68px;
    } */
	
	.mobilemenubar .logocontainer img {
		vertical-align: middle;
		width: 95px;
		margin-top: 0px;
        
     -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
    
	/* 
    .mobilemenubar .active .logocontainer img {
		vertical-align: middle;
		width: 115px;
		margin-top: 0px;
	} */

	#mobilemenu .menucontainer.mburger {
		vertical-align: top;
		font-size: 25px;
		text-align: center;	
		height: 75px;
		line-height: 75px;
		width: 75px;
		color: var(--red);
		 --mb-bar-height: 2px;
		 --mb-button-size: 75px;
		 --mb-bar-width: 0.35;
		z-index: 999;
		border-right: 1px solid rgba(255,255,255,0);
	}	
	/*
	#mobilemenu .menuholder.active .menucontainer.mburger {
		color: var(--cream-darker);
		 --mb-bar-height: 2px;
	} */
	
	.mm-menu {
		--mm-color-background: var(--red) !important;
		--mm-listitem-size: 85px;
		 --mm-color-text: #fff !important;
		 font-size: 15px;
		 text-transform: uppercase;
		 font-weight: 400;
		 --mm-color-button: var(--white);
		
		 --mm-color-border: var(--white);
	}
    
    /*.mm-wrapper_background .mm-page {
        background: var(--darkred) !important;
    }*/

    .mm-listitem:after {
        border-bottom-width: 1.5px !important;
		right: 20px;
    }

    .mm-listitem__text {
        font-weight: 700 !important;
    }
    .mm-listitem__btn:not(.mm-listitem__text)  {
        border-left-width: 0;
    }
	
	.mm-listitem.cta {
		background-color: var(--white);
		width: calc(100% - 40px);
		margin-left: auto;
		margin-right: auto;
		border-radius: var(--roundedCorners);
		color: var(--white);
	}
	
	.mm-listitem:not(.cta):has(+ .mm-listitem.cta):after {
	  /* This targets the last .list-item BEFORE the one with .cta */
		border-bottom: none;
	}
	
	.mm-listitem.cta a {
		font-weight: bold;
	}
	
	.mm-navbar {
		border-bottom: none !important;
		background-color: var(--red);
	}
	.mm-navbar__title {
		padding-top: var(--miniSectionSpacer);
        padding-bottom: var(--miniSectionSpacer);
	}
	
	.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
	  background: var(--red);
	}
	
	.mm-listitem.cta .mm-listitem__text::before {
	  content: "\f07a"; /* Unicode for shopping cart in Font Awesome */
	  font-family: "Font Awesome 6 Free"; /* or "Font Awesome 5 Free" */
	  font-weight: 900;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  background-color: var(--red); /* Dark red */
	  color: var(--white);
	  border-radius: 50%;
	  width: 54px;
	  height: 54px;
	  font-size: 18px;
	  margin-right: 10px;
	}
	
	.mm-listitem.cta .mm-listitem__text {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

    .headercontainer .menu_container {
        display: none;

    }

    .mobilemenubar.noscroll.frontpg .menuholder {
        background-color: transparent;
        box-shadow: none;
    }

    #mobilemenu.mobilemenubar.noscroll.frontpg .menucontainer.mburger, .mobilemenubar.noscroll.frontpg .rightbutton .buttoncontainer {
        color: var(--white);
    }

    .mobilemenubar.noscroll.frontpg .logocontainer img {
        width: 100px;
    }

    header.header-scroll {
        border-top: none;
    }

    .sidebar {
        display: none;
    }

    .square {
        display: none;
    }

    .buttoncontainer.flex .bigbutton {
        margin-right: 0;
    }
	/* ---- */


    /*--------------full-width section-----------------*/

    .full-image {
        height: 560px;
    }


    .container.narrowest {
        width: calc(100% - var(--containerMargin));
    }

    h2.mega {
        font-size: 77px;
        line-height: 83px;
    }

    .half-half h2.mega {
        margin-bottom: var(--miniSectionSpacer);
    }


    .half-half .buttoncontainer {
        flex-direction: column;
    }

    table, thead, tbody, tr, th, td {
        display: block;
        width: 100%;
    }

    tr {
        margin-bottom: 1rem; 
        padding-bottom: var(--miniSectionSpacer);
        border-bottom: 1px solid #ccc; 
    }

    td{
        width: 100% !important; 
    }

    th {
        display: none; 
    }


    /*section.margin_to_padded + section.margin_to_padded {
        padding-top: 0 !important;
    }*/

    .buttoncontainer {
        margin: var(--miniSectionSpacer) 0;
    }

    .buttoncontainer.flex {
        flex-direction: column;
    }

    .buttoncontainer.flex .bigbutton {
        width: auto;
    }

    /*.bigbutton {
        width: 100%;
    }*/

    .headercontainer {
        display: none;
    }

    .video_section {
        height: 100vw;
    }

    /*- hero gradient -*/

    .herogradient, .herogradient .slide {
        height: calc(90vh - (var(--headerHeight) - 30px));
    }

    .heroimg, .heroimg .slide {
        height: calc(75vh - (160px + (var(--containerHalf)/2)));
        top: 170px;
    }

    .heroimg, .heroimg .imgslide .image {
        height: calc(75vh - (160px + (var(--containerHalf)/2)));
    }

    .herobanner + section.margin_to_padded {
        padding-top: calc(var(--megaSectionSpacer) * 1.3) !important;
    }

    .herogradient .slide .blob1,
    .herogradient .slide .blob2,
    .herogradient .slide .blob3 {

        width: 100vw;
    }



    /*- half half section -*/

    .half-half.text-img .flex {
        position: unset;
        flex-direction: column;
    }

    .half-half.text-img .half-img {
        position: unset;
        padding-top: 50%;
    }

    .half-half.text-img .content-wrapper {
        width: 70%;
        padding-right: var(--containerMargin);
        padding-bottom: var(--miniSectionSpacer);
    }

    .half-half.text-img h1 {
        width: 100%;
    }

    .half-half.text-img .text-wrapper {
        width: 100%;
    }

    .content_area .text-wrapper {
        width: 100%;
    }
    
    .half-half.text-img .half-img {
        width: 100%;
    }

    .half-half.text-img .half-img {
        padding-top: 85%;
    }

    .half-half.margin_to_padded {
        padding-top: var(--bigSectionSpacer);
    }

    .half-half.inside .text-wrapper {
        width: 100%;
    }

    .half-half.insidebanner .text-wrapper {
        width: 100%;
    }

    main > .half-half.insidebanner:first-of-type {
        padding-top: var(--bigSectionSpacer);
    }

    .half-half.insidebanner.news .flex {
        flex-direction: column-reverse;
        row-gap: var(--miniSectionSpacer);
    }

    .half-half.insidebanner.news .half-img{
        display: block;
        position: inherit;
        width: 100%;
    }

    .half-half.insidebanner.news h1 {
        width: 100%;
    }

    .half-half.insidebanner.news h1.mega {
        font-size: 51px;
        line-height: 61px;
        margin-bottom: 0;
    }

    .news-date {
        margin-top: 10px;
    }

    .content_area.center-content .text-wrapper {
        width: 100%;
        min-width: auto;
    }
     /*- meet the team -*/


	.profiles details > summary {
		font-size: 22px;	
		line-height: 30px;
	}
	
	.profiles_slider .slick-track {
  		padding-left: 0;
	}


	.profile_section .headerpart h3 {
		line-height: 26px;
	}
	
	.profiles_slider .team_member:not(.fake):hover {
	  transform: none;
      box-shadow: 0px 1px 40px -6px rgba(70, 10, 12, 0.35);
      -webkit-box-shadow: 0px 1px 40px -6px rgba(70, 10, 12, 0.35);
      -moz-box-shadow: 0px 1px 40px -6px rgba(70, 10, 12, 0.35);
      
	}

    .profiles_slider .slick-next, .profiles_slider .slick-prev {
        height: 61px;
        top: 50%;
    }

    /* brand cards */

 

    .brand-card .brand-logo {
        aspect-ratio: 2 / 1;
    }



    .brands-slider .text-wrapper {
        width: 100%;
    }

    .our-brands-slider .slick-list {
        padding-top: 0;
        margin-top: calc(var(--sectionSpacer) * -0.2);
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .brands-slider.margin_to_padded + .prefooter-vid.margin_to_padded {
        margin-top: calc(var(--sectionSpacer) * 2) !important;
    }

    /*- gallery -*/

    .grid.col-3 {
        grid-template-columns: repeat(1, 1fr);
    }

     /*- flavours -*/

     .our-flavours.slick-slider{
        margin-left: calc(var(--containerHalf) * -1);
        margin-right: calc(var(--containerHalf) * -1);
     }

     .our-flavours.slick-slider .slick-list {
        padding-left: var(--containerHalf);
     }

     .our-flavours.slick-slider a {
        margin-right: 20px;
     }

    .our-flavours.slick-slider a:last-of-type {
        margin-right: 0;
     }

     .our-flavours {
        gap: 18px;
     }

     .our-flavours .brand-card {
        flex: 0 0 calc(36% - 34px);
    }

    .modal-image-side img {
        width: 70%;
        max-width: 80%;
    }

    .modal-image-side {
        padding: 20px;
    }

    .modal-info-side {
        max-height: 230px;
    }
    .modal-info-side h2 {
        font-size: 23px;
    }

    .brand-card .brand-logo {
        aspect-ratio: 1;
    }

    .brand-details .desc-text{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 40px);
        max-width: calc(100% - 40px); 
        display: inline-block;    
        vertical-align: middle;
    }

    .brand-details .desc-text.desc {
        display: block;
    }

    /*
    .brand-card .desc-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;     
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      */
    .brand-card {
        min-height: auto;
    }

    .modal-body {
        flex-direction: column;
    }

    .modal-info-side {
        padding: 40px;
    }

    .modal-content {
        margin: 15% auto;
    }
    /*- brands slider header -*/

    .brands-slider .tastees {
        right: -270px;
    }


    .desc-text.desc {
        font-weight: 500;
    }

    /*- map section -*/

    .map-section .text-wrapper {
        width: 100%;
    }

    /*- accordion -*/

    .half-accordion .flex {
        flex-direction: column;
    }

    .half-accordion .flex .text-wrapper {
        width: calc(100% - var(--containerHalf));
    }

     /*- image gallery -*/

     .grid{
        grid-column-gap: 16px;
    }

    .grid.col-2, .grid.col-3, .grid.col-4, .grid.col-5 {
        grid-template-columns: repeat(1, 1fr);
    }

    /*- timeline -*/

    .timeline-item {
        flex-direction: column;
    }

    .timeline h2 {
        font-size: 33px;
        line-height: 40px;
    }

    .timeline-image .img {
        width: 220px;
    }

    .timeline-content {
        margin-left: var(--containerMarginSmall);
    }

    .timeline-image .img {
        margin-left: var(--containerMarginSmall);
    }

    /*- profiles -*/

    .profiles details > summary {
        padding: calc(var(--miniSectionSpacer) / 2)  var(--containerHalf);
    }

    .profiles details > summary::after {
        font-size: 22px;
    }
    
    /*- map section -*/

    .map-section .pattern-bottom {
        height: 337px;
        background-position: center bottom;
    }
    /*- news slider header -*/

    .news_slider_header .text-wrapper {
        width: 100%;
    }

    .news_slider_header p {
        width: 70%;
    }

    .news_slider_header .slider_nav {
        display: none;
    }
    /*- news slider -*/

    .news_slider .news_article {
        flex: 0 0 calc(50% - 55px);
    }

    .news_article .news_image_side {
        aspect-ratio: 1 / 1;
    }

    .news_article a.news_image_side {
        flex-basis: 50%;
    }

    .news_article .news_text_side {
        flex-basis: calc(50% - 15px);
    }
    .news_slider .news_article {
        width: 680px ;
    }

    .news_article .news_text_side .news_date {
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0;
    }

    .news_article .flex {
        row-gap: 0;
    }

    .news_article .news_text_side {
        padding: 20px 30px;
    }

    .news-slider-wrapper .buttoncontainer {
        margin-top: var(--sectionSpacer);
    }

    .news_slider .news_article:last-of-type {
        margin-bottom: 0;
    }

    .archive-wrapper .news_article {
        width: calc(25% - -157px);
    }

    /*- footer -*/

    footer .flex:first-of-type {
        gap: 20px;
    }

    footer .flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    footer .flex.flex-end, footer .flex-end {
        align-items: center;
        align-self: center;
        gap: 10px;
    }

    footer .text-right {
        text-align: center;
    }

    footer .address, footer .contact-details {
        text-align: center;
    }


    footer .footer_left_container {
        padding: var(--sectionSpacer) 0 0 0;
    }

    footer .footer_left_container {
        width: 120%;
    }

    footer .footer_right_container .footermenu {
        justify-content: center;
    }
    
   footer .footer_right_container .footermenu li {
        margin-bottom: 0;
   }

   footer .footer_right_container .footermenu li:last-of-type {
        margin-bottom: 0;
   }

   footer .footer_right_container .footermenu ul {
    padding: 15px 22px;
   }

   footer .footer_right_container {
    padding: 0;
    padding: var(--miniSectionSpacer) 0;
   }

   footer .socials{
    margin-top: 15px;
   }

   .footer_left_container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer .contact_details {
        text-align: center;
    }

    .credits .creditdetail.ff {
        margin-top: 10px;
    }

    main > section.margin_to_padded:first-of-type {
        padding-top: calc(var(--sectionSpacer) * 3);
    }
}

@media screen and (max-width: 650px) {
    .desktop, .tablet_portrait, .tablet_landscape, .mobile {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	/* ---------- */ 

    :root {
        --containerMargin: 60px;
        --containerMarginSmall: 80px;
    }

     h1.mega {
        font-size: 30px;
        line-height: 36px;
    }

    h2 {
        font-size: 35px;
        line-height: 45px;
    }

    h3 {
        font-size: 20px;
        line-height: 27px;
    }

    h2.mega {
        font-size: 45px;
        line-height: 50px;
    }

    /*--- hero gradient ----*/

    .herobanner + section.margin_to_padded:not(.redbg){
        padding-top: 0 !important;
    }

    .herogradient, .herogradient .slide {
        height: calc(95vh - (var(--headerHeight) - 30px));
    }

    .heroimg, .heroimg .slide {
        height: calc(659px - (160px + (var(--containerHalf)/2)));
        top: 120px;
    }

    .heroimg, .heroimg .imgslide .image {
        height: calc(650px - (160px + (var(--containerHalf)/2)));
    }


    .herobanner + section.margin_to_padded {
        padding-top: var(--megaSectionSpacer)!important;
    }
    /*--- half-half ----*/

    .half-half.text-img .content-wrapper {
        width: 68%;
    }

    .half-half.text-img .content-wrapper {
        position: relative;
        z-index: 200;
    }

    .half-half h1 {
        width: 100%;
    }

    .half-half .text-wrapper {
        width: 100%;
    }

    .half-half.insidebanner.news .flex {
        row-gap: calc(var(--miniSectionSpacer) / 2);
    }

    .half-half.insidebanner.news h1.mega {
        font-size: 39px;
        line-height: 50px;
    }

    .half-half.insidebanner.news.margin_to_padded {
        padding-bottom: calc(var(--miniSectionSpacer) / 2);
    }

    .content_area.margin_to_padded.notop{
        padding-top: 0;
    }

    .buttoncontainer.news {
        margin-top: 0;
    }
    /* inside page */

    /* timeline */

    .timeline h2 {
        font-size: 40px;
        line-height: 40px;
        width: 100%;
    }

    /* inside page end */

    /*--- brands slider ----*/

    .brands-slider .tastees {
        top: -58px;
    }

    .brands-slider .tastees img {
        width: 57%;
    }

    .brands-slider .tastees {
        right: -370px;
    }
    
    .brands-slider .text-wrapper {
        width: 100%;
    }

    .slick-dots{
        left: 0;
    }

    /*.brands-arrow {
        top: 15px;
    }

    .our-brands-slider .slick-track {
        padding-left: var(--containerHalf);
    }*/
    /*- flavours -*/

    .our-flavours .brand-card {
        flex: 0 0 calc(50% - 9px);
    }

    .our-flavours.slick-slider a {
        min-height: 215px;
    }


    /*- profiles -*/


    .profiles details > summary {
        font-size: 18px;
        text-wrap: wrap;
    }

    /*- half accordion -*/

    .half-accordion h2 {
        line-height: 42px;
    }

    .half-accordion .flex .text-wrapper {
        width: 100%;
    }

    /*--- map section ----*/

    .map-section .text-wrapper {
        width: 100%;
    }


    .map-section .white-strip {
        width: 98%;
        height: calc(var(--sectionSpacer) * 1.3);
    }
    /*--- news slider ----*/

    .news_article .flex {
        flex-direction: column;
    }

    .news_slider .news_article {
        width: auto;
    }

    .news_slider_header p {
        width: 100%;
    }

    .news_slider .news_article {
        flex: 0 0 calc(100% - 31px);
    }

    .archive-wrapper .news_article {
        width: calc(100% - 32px) ;
    }
    /*--- news slider ----*/
    footer .footer_right_container {
        padding: var(--sectionSpacer) 0;
        padding-top: 10px;
    }
}