/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/


/* 1920x1080
------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1920px) {
    /* Slider Bullets
    --------------------------------------------*/
        .swiper-pagination-bullet {
            height: 12px;
            width: 12px;
            margin: 0px 25px !important;
        }
        .timing-pagination .swiper-pagination-bullet {
            margin: 0 5px !important;
        }
        .timing-pagination .swiper-pagination-bullet,
        .timing-pagination .swiper-pagination-bullet-active {
            width: 70px;
            height: 25px;
        }


    /* Slider Arrows
    --------------------------------------------*/
        /*Vertically Centered arrows
        -----------------------------------------------------------*/
        .centered-arrows .swiper-button-next {
            right: -70px !important; /*70*/
        }
        .centered-arrows .swiper-button-prev {
            left: -70px !important; /*70*/
        }        

    /* Sticky Menu
    --------------------------------------------------------------------*/
        header .col-full-menu .main-menu-container.still-sticky {
            padding: 10px 0;
        }
        header .still-sticky .menu-main-navigation {
            height: 45px;
        }
        header .still-sticky .menu a {
            font-size: 15px;
        }
        header .still-sticky .header-contact-container a.menu-contact-icon {
            height: 30px;
            width: 30px;
        }

	/* Pagination
	--------------------------------------------------------------------------------------------------------------*/
	    .nav-links {
	        height: 40px; /*40*/
	    }
	    .page-numbers {
	        padding: 0 8px; /*0 8*/
	    }
	    .page-numbers.current {
	        font-size: 16px; /*16*/
	    }
	    .pagination-text {
	        margin-top: 2px; /*2*/
	    }
	    .next .pagination-btn {
	        margin-left: 10px; /*10*/
	    }
	    .prev .pagination-btn {
	        margin-right: 10px; /*10*/
	    }

	/* Footer
	---------------------------------------------------------------------*/
	    footer .sm-divider {
	        margin: 20px 0;
	    }
	    .desktop-footer .footer-widget .menu {
	        padding-top: 5px !important;
	    }

     /* Social Icons
    -----------------------------------------*/  
        .social-links .menu {
            gap: 1.927vw; /*37*/
        }
        .fab,
        .single-social a {
            display: block;
        }
        .single-social {
            margin-bottom: 1.042vw; /*20*/
        }

	/* Chat button
	--------------------------------------------------------------------------------------------------------------*/
	    body .embeddedServiceHelpButton .helpButton .uiButton {
	        width: 60px; /*60*/
	        height: 60px; /*60*/	    }
	    body .embeddedServiceHelpButton .embeddedServiceIcon::before {
	        font-size: 28px; /*28*/
	    }
	    body .embeddedServiceHelpButton .helpButton, 
	    body .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
	        bottom: 30px; /*30*/
	        right: 20px; /*20*/
	    }

	@-moz-document url-prefix() {
	    .pagination-text {
	      margin-top: -3px; /*3*/
	    }
	}

}


/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1690px) {
	
	/* Slider Arrows
	-------------------------------------------------*/
	footer .btn {
	    padding-left: 20px;
	    padding-right: 20px;
	    white-space: nowrap;
	}
	footer .btn-arrow-green:after {
		margin-left: 12px;
	}
}


/* Standard Laptops - Ok until 1280px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

	/* Sticky Menu
	------------------------------------------------*/
		header .col-full-menu .main-menu-container.still-sticky .logo-container a {
			width: 112px;
			height: 46px;
			min-width: unset;
			min-height: unset;
		}
		header .still-sticky .menu-main-navigation {
		    height: 39px;
		}
		header .still-sticky .menu a {
		    font-size: 14px;
		}

	/* Slider Dots
	-------------------------------------------------*/
		.timing-pagination .swiper-pagination-bullet, .timing-pagination .swiper-pagination-bullet-active {
		    width: 60px;
		}
		.timing-pagination .swiper-pagination-bullet:after,
		.timing-pagination .swiper-pagination-bullet:before {
		    height: 2px;
		}

	/* Slider Arrows
	--------------------------------------------------*/
		.centered-arrows .swiper-button-prev {
		    left: -50px !important;
		}
		.centered-arrows .swiper-button-next {
		    right: -50px !important;
		}

	/* Footer
	--------------------------------------------------*/
		.widget-column:last-child {
		    max-width: 17.354vw;
		}
		.widget-column {
		    padding-right: 2.125vw;
		}
		footer .btn {
		    padding-left: 15px;
		    padding-right: 15px;
		    white-space: nowrap;
		}
		footer .btn-arrow-green:after {
			margin-left: 10px;
		}		
}


/* Small Laptops - Ok until 1150px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    header .still-sticky .menu a,
    header ul.menu li a,
    .wpml-ls-legacy-dropdown a {
        font-size: 13px;
    }
	header .col-full-menu .main-menu-container.still-sticky .logo-container a {
	    width: 100px;
	    height: 40px;
	}

	/* Background Pictogram
	--------------------------------------------------------------------------------------------------------------*/
		.bg-2 {
		    display: none;
		}
		.section-with-pictogram .bg-1,
		.section-with-pictogram .bg-3 {
		    width: 50%;
		    background-size: 263px;
		}
		.section-with-pictogram .bg-1 {
		    background-position: right center;
		}
		.section-with-pictogram .bg-3 {
		    background-position: left center;
		}

	/* Chat button
	------------------------------------------------------*/
	    body .embeddedServiceHelpButton .helpButton .uiButton {
		    width: 50px;
		    height: 50px;
		}
		body .embeddedServiceHelpButton .helpButton,
		body .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
		    right: 1em;
		    bottom: 1em;
		}
		body .embeddedServiceHelpButton .embeddedServiceIcon::before {
		    font-size: 1.8em;
		}
}


/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

	/* General
    ----------------------------------------------------------------------*/
		#breadcrumbs {
		    display: none;
		}
		body .wd-50 {
		    width: 100%;
		}
	
	/* Containers
    ----------------------------------------------------------------------*/
		.main-menu-container .stripe-container-full {
		    padding: 1em 1.5em;
		}

	/* Horizontal Scrollbar
    ----------------------------------------------------------------------*/
    	::-webkit-scrollbar{
	        /*height: 2px;*/
	        /*width: 2px;*/
	        width: 0;
	        height: 0;
	        background: #ffffffa3;
			border-radius: 10px;
			opacity: 1 !important;
			display: none !important;
	    }
    	::-webkit-scrollbar:horizontal {
			box-shadow: unset !important;
	    }	
		::-webkit-scrollbar-track:horizontal {
			box-shadow: unset !important;
		}
	    ::-webkit-scrollbar-thumb:horizontal {
	        background:var(--color-green-);
			opacity: 1 !important;
            box-shadow: unset !important;
	    }
		::-webkit-scrollbar-thumb:window-inactive {
		    background: var(--color-green-);
			opacity: 1 !important;
            box-shadow: unset !important;
		}

	/* Header
    ----------------------------------------------------------------------*/
	    .logo-container a {
		        width: 220px;
		        height: 57px;
		    }

	/* Arrows & Slider Dots General
    ----------------------------------------------------------------------*/
		.timing-pagination .swiper-pagination-bullet,
		.timing-pagination .swiper-pagination-bullet-active {
		    width: 65px;
		    height: 20px;
		}
		.relative-arrow .swiper-button-next {
		    margin-left: 10px;
		}

    /* Grid Structures
    ----------------------------------------------------------------------*/
		#full-size-grid {
		    flex-flow: wrap;
		}
		.three-col-grid {
		    grid-template-columns: 1fr;
		    grid-row-gap: 1.5em;
		    grid-column-gap: 0;
		}

		/* Cell block with bottom text 
		-------------------------------*/
			.box-img-title {
			    padding: 1em;
			}

	/* Footer
	----------------------------------------------------------------------*/	
		footer .stripe-container {
		    padding-top: 40px;
		    padding-bottom: 40px;
		}	
		.footer-logo {
		    width: 44.8vw;
		    height: 18.4vw;
		    min-width: 168px;
		    min-height: 69px;
		    max-width: 189px;
		    max-height: 77px;
		}
		.single-social {
		    margin-bottom: 0;
		}
		.single-social img {
		    width: 6.133vw;
		    height: 6.133vw;
		    min-width: 23px;
		    min-height: 23px;
		    max-width: 26px;
		    max-height: 26px;
		}
		.footer-utils {
		    padding-bottom: 0;
		}		
		.social-links .menu {
		    gap: 40px;
		}
		.footer-location br {
		    display: none;
		}
		.mobile-footer .stripe-container-inner {
		    padding-left: 0;
		    padding-right: 0;
		}
		#widget-01 p,
		#widget-01 a {
		    opacity: 0.9;
		}	
		footer aside.widget-area {
			flex-flow: wrap;
			justify-content: space-between;
		}
		footer .widget-area .widget-column {
		    padding: 0;
		}
		div#widget-01 {
		    width: 100%;
		}
		div#widget-02,
		div#widget-03 {
		    width: 33.3%;
		}
		div#widget-04 {
		    width: auto;
		}
		footer.mobile-footer .widget-column:not(:first-child) {
		    margin-top: 30px;
		}
		footer.mobile-footer #widget-02 .menu,
	    footer.mobile-footer #widget-03 .menu,
	    footer.mobile-footer #widget-04 .menu  {
	    	width: 100%;
	    }
		.widget-column:last-child {
			max-width: unset !important;
		}
		footer.mobile-footer .sub-menu-open .footer-menu-toggle:after {
		    transform: rotate(270deg);
		}
		.footer-widget-cell {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		}
		footer h4 {
		    width: auto;
		    flex-grow: 1;
		    margin-bottom: 0;
		    font-size: 18px;
		    padding-bottom: 12px;
		}

		/* Footer List Open */
		footer .footer-list li:not(.btn) {
		    margin-bottom: 0;
		}
	    footer.mobile-footer .footer-list ul  li  a {
		    padding-bottom: 8px;
		    display: block;
		    opacity: 0.9;
		}

		/* Footer info */
		#widget-info {
		    width: 100%;
		    margin-bottom: 2em;
		}
		#widget-info .footer-widget.cell {
		    display: block;
		}

		/* Logo Footer */
		footer .wp-block-image {
		    margin-bottom: 15px;
		}

		footer.small-footer #footer-notes .footer-notes-content {
		    justify-content: flex-end;
		    gap: 0 20px;
		}
}



/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	/* Header
	-----------------------------------------*/
		.logo-container a {
		    width: 200px;
		    height: 52px;
		}
		.header-pictogram {
		    display: none;
		}

	/* Background Pictogram
	--------------------------------------------------------------------------------------------------------------*/
		.section-with-pictogram .bg-3 {
		    display: none;
		}
		.section-with-pictogram .bg-1 {
		    width: 100%;
		    background-position: 35% 14%;
		}

	/* Footer
	-----------------------------------------*/
		footer {
		    padding-left: 0 !important;
		    padding-right: 0 !important;
		}
		.footer-logo {
		    margin-bottom: 25px;
		}
		.footer-utils {
		    padding-bottom: 30px;
		    border-bottom: 1px solid rgb(255 255 255 / 15%);
		    display: block;
		}
		.single-social img {
		    width: 23px;
		    height: 23px;
		    min-width: 23px;
		    min-height: 23px;
		    max-width: 26px;
		    max-height: 26px;
		}
		footer .widget-area .widget-column {
		    width: 100% !important;
		}
		footer #widget-01 h4 {
		    padding-bottom: 10px;
		}
		footer #widget-01 h4 {
		    padding-top: 0;
		}
		footer h4 {
		    font-size: 15px;
		    font-weight: 700;
		}
		footer.mobile-footer .footer-list ul li a {
		    padding-bottom: 2px;
		}		
		footer .btn {
			width: 100% !important;
		}

		footer #footer-notes .footer-notes-content {
		    justify-content: unset;
		    gap: 5px 0;
		}
		div#footer-notes {
		    padding-top: 30px;
		    border-top: 1px solid rgb(255 255 255 / 15%);
		}
		footer #footer-notes .footer-notes-content > * {
		    width: 50%;
		    opacity: 0.9;
		}
		footer #footer-notes .footer-notes-content > *:nth-child(odd) {
		    text-align: left;
		}
		footer #footer-notes .footer-notes-content > *:nth-child(even) {
		    text-align: right;
		}
		footer #footer-notes p {
		    padding: 0;
		}

	/* Small Footer
	------------------------------------*/
		footer.small-footer {
		    background: rgb(8,176,101);
		    background: linear-gradient(0deg, rgba(6,114,66,1) 0%, rgba(8,176,101,1) 100%);
		}
		footer.small-footer  .stripe-container {
		    padding-top: 20px;
		    padding-bottom: 25px;
		}
		footer.small-footer .footer-content {
		    flex-flow: wrap;
		}
		footer.small-footer #footer-widgets {
		    width: 100%;
		    display: flex;
		    justify-content: center;
		}

		footer.small-footer .footer-logo {
		    margin-bottom: 20px;
		}
		footer.small-footer .footer-utils {
		    border-bottom: unset;
		}
		footer.small-footer div#footer-notes {
		    width: 100%;
		    padding-top: 0;
		    border-top: unset;
		}
		footer.small-footer #footer-notes .footer-notes-content {
		    justify-content: unset;
		    width: 100%;
		    min-width: 100%;
		    gap: 7px 0;
		}
		footer.small-footer #footer-notes .footer-notes-content > * {
		    width: 50%;
		    display: block;
		}

	/* General
	-----------------------------------------*/
		.relative-arrow .swiper-button-next, 
		.relative-arrow .swiper-button-prev {
		    display: none;
		}
		.full-vertical .swiper-slide:first-of-type {
		    margin-left: 2em;
		}

		.swiper-button-next,
		.swiper-button-prev {
		    width: 38px;
		    height: 38px;
		}

		.swiper-button-next:after,
		.swiper-rtl .swiper-button-prev:after,
		.swiper-button-prev:after,
		.swiper-rtl .swiper-button-next:after {
		    min-width: 12px;
		    min-height: 7px;
		}

		.timing-pagination .swiper-pagination-bullet,
		.timing-pagination .swiper-pagination-bullet-active {
		    width: 40px;
		    height: 15px;
		}

	/* Custom Scroll
	----------------------------------------------------------------------*/
		.scroll-from-mobile {
		    overflow-x: auto;
		    overflow-y: hidden;
		    flex-flow: nowrap!important;
		    max-width: 100vw;
		    display: flex !important;
		    justify-content: flex-start !important;
		}
		.scroll-from-mobile > * {
		    /*margin-bottom: 30px;*/
		}
		@-moz-document url-prefix() {
			.scroll-from-mobile {
			  overflow: scroll;
			  scrollbar-color: var(--color-green-) #fff;
			  /*scrollbar-width: thin;*/
			  scrollbar-width: none;
			}
		}
		
    /* Gallery Slide Arrows
    --------------------------------------------*/
		.relative-arrow .swiper-button-next {
		    margin-left: 10px;
		}		
}


/* Mobile Landscape only 
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) and (orientation: landscape) {

}

/* Mobile Portrait
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {


}