/* ==========================================================================
   GENERAL
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    .generalPadding { padding: var(--space-6x) 0;}
    .pageTitle .title { font-size:36rem;}
    .sectionTitle { margin-bottom: var(--space-6x);}
    .sectionTitle .title {font-size:36rem;}
    .sectionTitle .subtitle:after, .sectionTitle .subtitle:before { width: 50px;}
    :root {
      /*  --section-intro-size: 18rem;
        --section-margin: 40px;
        --article-title-size: 22rem;
        --section-title-size: 36rem;*/
    }
    .gridArticole { grid-template-columns: repeat(2,1fr);}
    .flexIcon .title { font-size: 32rem;}
}
@media only screen and (max-width: 800px) {
    .gridCard { grid-template-columns: repeat(2,1fr);}
    .gridHalf { grid-template-columns: 1fr;}
    .zigzagContent .row { grid-template-columns: 1fr; margin-bottom: var(--space-6x);}
    .fullPageGrid .articleItem .textContainer { padding: var(--space-3x);}
}
@media only screen and (max-width: 640px) {
    .gridArticole { grid-template-columns:1fr !important;}
    .pageTitle .title { font-size:32rem;}
    .mainButton, .secondaryButton { font-size: 14rem;}
    .gridCard { grid-template-columns:1fr;}
    .infoGrid { grid-template-columns: repeat(2,1fr); display: grid; gap: var(--space-6x) var(--space-3x);}
    .infoGrid .flexIcon { text-align: center;}
    .shapeContainer .whiteBg { padding: var(--space-3x);}
    .styleForm .flexButtons { flex-direction: column;gap: var(--space-2x);}
    .styleForm .gdprBox {align-self:flex-start;}
}

/* ==========================================================================
   ZIGZAGCONTENT
   ========================================================================== */

/* ==========================================================================
   RESPONSIVE EMBEDED IFRAME
   ========================================================================== */
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*.mapWrapper {position: relative;padding-bottom: 56.25%; overflow: hidden;}*/
.mapWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; box-shadow: none;}
.mapWrapper iframe:hover { box-shadow: none;}
/* ==========================================================================
   MMENU
   ========================================================================== */
@media only screen and (max-width: 1200px){
    #my-menu, #openMenu { display: none !important;}
    .showMenu { display: flex !important; align-items: center; }
    .mm-navbar { border: none;}
    .mm-listitem a.active { color: var(--brand-color) !important;}
    .headerTop { display: none; }
    .dropdownLi a{ white-space: break-spaces; font-size: 12px; }
    /*.mobileHeader { display: block!important; }
    .mainHeader { display: none!important; }
    .boxMenu { display: none; }*/
}
@media only screen and (min-width: 1201px){
    .showMenu { display: none !important;}
    #mm-my-menu { display: none !important;}
    /*#mobile-menu { display: none !important;}*/

    /*.mainHeader { display: none!important; }*/
}
/* ==========================================================================
   HEADER
   ========================================================================== */
@media only screen and (max-width: 640px) {
    .logo { width: 55vw;}
    .headerBottom { padding: var(--space-2x) 0;}
    .headerBottom .flexFull { gap: var(--space);}
    .sigla { max-width: 25px;}
    .language li { padding-left: 8px;}
}
/* ==========================================================================
   SLIDER
   ========================================================================== */
@media only screen and (max-width: 1400px) {
    .textSlider { padding: 0 50px;}
    .swiper-button-next, .swiper-button-prev { width: 40px; height: 40px;}
}
@media only screen and (max-width: 1100px) {
    .heroSwiper { height: calc(100dvh - 69px); min-height: 600px;}
}
@media only screen and (max-width: 1000px) {
    .textSlider .title { font-size: 50rem;}
}
@media only screen and (max-width: 800px) {
    .textSlider .flexIcons { display: none;}
    .textSlider .subtitle, .textSlider .title { margin-bottom: var(--space);}
    .swiper-button-next, .swiper-button-prev { display: none;}
    .textSlider { padding: 0 2vw;}
    .textSlider .title { font-size: 40rem;}
    .textSlider .intro { font-size: 18rem;}
    .textSlider .flexButtons { flex-direction:column; width: 100%;}
    .textSlider .flexButtons > * { width: 100%; justify-content: center;}
    .animScrollBtn { left: 3vw; right: auto; display: none;}
}
/* ==========================================================================
   DESPRE NOI
   ========================================================================== */
@media only screen and (max-width: 800px) {
    .historyContainer .verticalLine { margin: unset; left: 7px;}
    .historyItem { display: block; padding-left: var(--space-4x); position: relative; margin-bottom: var(--space-2x) !important;}
    .historyItem .mainColorBg { position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
    .historyItem:nth-of-type(odd) { text-align: left;}
}
/* ==========================================================================
   NOUTATI
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    .gridBlog { grid-template-columns: 1fr;}
}
@media only screen and (max-width: 800px) {
    .shareButtons span  {display:none;}
    .borderButton { padding: 12px;}
}
/* ==========================================================================
   HARTA
   ========================================================================== */
@media only screen and (max-width: 800px) {
    .lg-map-wrapper .lg-map-text { width: 100% !important; padding: 40px 2vw;}
    .lg-map-wrapper .lg-map-text.active {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    .lg-map-text .contentBox { padding: var(--space-8x) var(--space-3x)var(--space-3x); max-height: calc(100dvh - 80px); overflow-y: scroll;}
    .titleDetails { font-size: 24rem;}
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
@media only screen and (max-width: 1400px)  {
    .upPage { right: 2vw;}
}
@media only screen and (max-width: 960px)  {
    .upPage { bottom: 2vw;}
    #pageFooter .intro { max-width: none; grid-column: 1/-1;}
    #pageFooter .flexFull { display: grid; gap: var(--space-3x); grid-template-columns: 1fr 1fr;}
}

@media only screen and (max-width: 640px)  {
    #pageFooter img { width: 100%;}
    #pageFooter .flexFull {grid-template-columns: 1fr;}
    #pageFooter li:not(:first-of-type) ul { margin-top: var(--space-2x);}
    #pageFooter .title { margin-bottom: var(--space-2x);}
}