/* _____________________________________ Generale ______________________________________________________________ */
.bg_video_banner_iscrizione {
  /* width: 100%;*/
  width: 100vw;
  height: 40vh;
  object-fit: cover;
  z-index: -5;
  overflow: hidden;
}

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

::selection {
  background-color: #7f7f7f5a;
}

.scrollY {
  overflow-y: scroll;
}

.scrollY::-webkit-scrollbar {
  width: 5px;
}

/*
.scrollGradient {
  right: 0px;
  left: 0px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 0.71) 50%, rgba(255, 255, 255, 1) 70%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 0.71) 50%, rgba(255, 255, 255, 1) 70%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 0.71) 50%, rgba(255, 255, 255, 1) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  height: 50px;
  bottom: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}*/

.navbar-toggler {
  border: none !important;
  border-radius: none !important;
}

.pallini [data-bs-target] {
  opacity: .5;
  cursor: pointer;
  width: 10px;
  height: 10px;
  border-radius: 25px;
  z-index: 1;
}

.pallini .active {
  opacity: 1;
  width: 20px;
  height: 20px;
  border-radius: 25px;
  z-index: 1;
}

.allineamento {
  display: flex;
  gap: 4%;
  align-items: center;
}

.carousel-indicators {
  margin-left: 0px;
}

.MIO_carousel-indicators {
  display: flex;
  justify-content: center;
}

/* _____________________________________ Generale ______________________________________________________________ */
/* ________________________________________ loading AR _____________________________________________________ */
#loading_screen {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  color: #FFF;
  text-align: center;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  z-index: 100;
}

.centrato_loading {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.centrato {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.btn_icona_X {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 80px;
  z-index: 100;
  border-radius: 24px;
  background-color: rgba(18, 18, 18, 0.354);
}

/* ________________________________________ loading AR _____________________________________________________ */
/* _____________________________________ Video zoom HOME _______________________________________________________ */

.bg_video_banner {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -5;
}

/* _____________________________________ Video zoom HOME_______________________________________________________ */
/* ________________________________________ Bottoni ______________________________________________________ */
.btn_link {
  text-decoration: underline;
  text-underline-offset: 5px;
  color: white;
}

.btn_link {
  text-shadow: rgba(0, 0, 0, 0.333) 1px 0 10px !important;
}

.btn_link:hover {
  color: rgb(215, 215, 215) !important;
}

.btn-outline-light:hover {
  background-color: rgba(218, 218, 218, 0.436) !important;
  color: white !important;
}

.nav-link {
  display: inline-flex !important;
  align-items: center;
}

.animation_scale {
  animation-name: scale;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

@keyframes scale {
  0% {
    transform: scale(1.0);
    animation: ease-in-out;
    box-shadow: 0px 0px 0px white;
  }

  50% {
    transform: scale(103%);
    animation: ease-in-out;
    box-shadow: 0px 0px 15px white;
  }

  100% {
    transform: scale(1.0);
    animation: ease-in-out;
    box-shadow: 0px 0px 0px white;
  }
}

.btn_rounded button {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 24px;
  border: 2px solid white;
  width: 308px;
  height: 48px;
  z-index: 1;
  margin-bottom: 4rem;

  color: white;
  font-size: 20px;
  line-height: 15px;
  font-weight: 200;
  text-align: center;
  justify-content: center;
  letter-spacing: 1.5px;
}

.btn_rounded button:hover {
  background-color: rgba(231, 231, 231, 0.171);
}

.btn_icona_centrato {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  /*margin-bottom: 4rem;*/
}

/* ________________________________________ Bottoni ______________________________________________________ */
/* ________________________________________ Slider galleria ______________________________________________ */

.slider {
  overflow-y: hidden;
  padding-bottom: 30px;

  position: relative;
}

.slider::-webkit-scrollbar {
  border-radius: 24px;
  height: 15px;
  cursor: pointer;
}

.slider::-webkit-scrollbar-track {
  background-color: #cecece;
  border-radius: 24px;
  margin-inline: 150px;
}

.slider::-webkit-scrollbar-thumb {
  background-color: #6d6d6d;
  border-radius: 24px;
}

.slide>a>img {
  height: 500px;
  object-fit: cover;
}

.bg_color_card {
  height: 100px;
  width: 100%;
  border-radius: 0px 0px 5px 5px;
}

.card-body {
  display: flex;
  flex-wrap: wrap;
}

.gallery {
  display: flex;
  flex-wrap: nowrap;
  /*justify-content: center;*/
}

.gallery-item {
  position: relative;
  border: none;
  /*min-width: 300px;*/
}

.bg_testi_card_AR {
  background: rgba(0, 0, 0, 0.553);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6951155462184874) 0%, rgba(0, 0, 0, 0.39539565826330536) 47%, rgba(255, 255, 255, 0) 100%);
  border-radius: 5px 5px 0px 0px;
}

/* ________________________________________ Slider galleria _______________________________________________ */
/* ________________________________________ Carosello _____________________________________________________ */

.carousel-modified {
  position: relative;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 15px;
}

.indicators-large {
  width: 300px !important;
  height: 10px !important;
  border-radius: 25px !important;
}

.carousel-indicators [data-bs-target] {
  margin: 10px 3px !important;
  border-top: 0px solid transparent !important;
  border-bottom: 0px solid transparent !important;
}

.carousel-inner {
  overflow: visible;
}

.carousel-control-next {
  position: relative;
  opacity: 1;
}

.carousel-control-prev {
  position: relative;
  opacity: 1;
}

.absolute_carousel {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: -1;
}

.img_modal img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.img_modal {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50px;
  bottom: 0px;
}

/*
.modal{
  --bs-modal-margin:none!important;
}
*/


/* ________________________________________ Carosello _____________________________________________________ */
/* ________________________________________ Popup _________________________________________________________ */

.accordion {
  --bg-accordion-btn-focus-border-color: none !important;
  --bs-accordion-btn-focus-box-shadow: none !important;
  --bs-accordion-active-color: none !important;
  --bs-accordion-active-bg: none !important;
}

.mostraPopup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

.modal .desktop {
  /* --bs-modal-width: max-content;*/
  --bs-modal-width: 90%;
}

/* ________________________________________ Popup _________________________________________________________ */
/* ________________________________________ Border_radius _________________________________________________ */
.pb-10 {
  padding-bottom: 70px;
}

.br_2 {
  border-radius: 2px;
}

.br_5 {
  border-radius: 10px;
}

.pt-20 {
  padding-top: 120px;
}

.pl-25 {
  padding-left: 150px;
}

.px-15 {
  padding-left: 75px;
  padding-right: 75px;
}

.px-10 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.mt-15 {
  margin-top: 150px;
}

.mt-10 {
  margin-top: 100px;
}

.mt-20 {
  margin-top: 200px;
}


/* ________________________________________ Border_radius __________________________________________________ */
/* ________________________________________ Font size ______________________________________________________ */

.fs_50 {
  font-size: 50px;
  line-height: 60px;
}

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

.fs_25 {
  font-size: 25px;
  line-height: 35px;
}

.fs_20 {
  font-size: 20px;
  line-height: 24px;
}

.fs_18 {
  font-size: 18px;
  line-height: 28px;
}


.fs_15 {
  font-size: 15px;
  line-height: 25px;
}

/* ________________________________________ Font size ______________________________________________________ */
/* ________________________________________ Stili font _____________________________________________________ */

@font-face {
  font-family: Berthold Akzidenz Grottesk m;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Medium.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

.BAG_m {
  font-family: Berthold Akzidenz Grottesk m;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Medium.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

@font-face {
  font-family: Berthold Akzidenz Grottesk r;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Regular.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

.BAG_r {
  font-family: Berthold Akzidenz Grottesk r;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Regular.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

@font-face {
  font-family: Berthold Akzidenz Grottesk l;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Light.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

.BAG_l {
  font-family: Berthold Akzidenz Grottesk l;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Light.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

@font-face {
  font-family: Berthold Akzidenz Grottesk i;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Italic.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

.BAG_i {
  font-family: Berthold Akzidenz Grottesk i;
  src: url('src/font/Berthold-Akzidenz-Grotesk-Italic.ttf');
  font-display: swap;/*AGGIUNTO CHIARA*/
}

/* ________________________________________ Stili font _______________________________________________________ */
/* ________________________________________ Colore di sfondo quadri __________________________________________ */
.bg_emilio_longoni {
  background-color: #9a999e;
}

.bg_luigi_rossi {
  background-color: #114973;
}

.bg_edoardo_berta {
  background-color: #757f9b;
}

.bg_umberto_boccioni {
  background-color: #54633c;
}


.bg_giovanni_giacometti {
  background-color: #6d5975;
}

.bg_cuno_amiet {
  background-color: #858640;
}

.bg_alexej_von_jawlensky {
  background-color: #007278;
}

.bg_albert_muller {
  background-color: #89652e;
}

.bg_marianne_von_werefkin {
  background-color: #a94a29;
}

.bg_paul_camenish {
  background-color: #7a3742;
}

.bg_popup {
  background-color: rgba(0, 0, 0, 0.196);
}

/* ________________________________________ Colore di sfondo quadri __________________________________________ */
/* ________________________________________ Immagini di sfondo quadri ________________________________________ */
.bg_img_emilio_longoni {
  background-image: url('src/img/dipinti_png/emilio_longoni_ghiacciaio_originale_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #9a999e;
}

.bg_img_luigi_rossi {
  background-image: url('src/img/dipinti_png/Luigi_Rossi_Canto_dell_Aurora_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #114973;
}

.bg_img_edoardo_berta {
  background-image: url('src/img/dipinti_png/Edoardo_Berta_Funerale_Bianco_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #757f9b;
}

.bg_img_umberto_boccioni {
  background-image: url('src/img/dipinti_png/umberto_boccioni_campagna_lombarda_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #54633c;
}

.bg_img_giovanni_giacometti {
  background-image: url('src/img/dipinti_png/Giovanni_Giacometti_Sera_sull_Alpe_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #6d5975;
}

.bg_img_cuno_amiet {
  background-image: url('src/img/dipinti_png/Cuno_Amiet_Selbstbildnis_mit_der_Gattin_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #858640;
}

.bg_img_alexej_von_jawlensky {
  background-image: url('src/img/dipinti_png/AlexejVonJawlenski_FormaPrimaria_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #007278;
}

.bg_img_allbert_muller {
  background-image: url('src/img/dipinti_png/Allbert_Muller_Ruhende_Fra_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #89652e;
}

.bg_img_marianne_von_werefkin {
  background-image: url('src/img/dipinti_png/marianne_von_werefkin_il_ticino_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #a94a29;
}

.bg_img_paul_camenisch {
  background-image: url('src/img/dipinti_png/Paul_Camenisch_Der_Mann_in_den_Reben_Fronte_SHADOW.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 65%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -1;
  background-color: #7a3742;
}

.bg_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0px;
  top: 60px;
  left: 0px;
  right: 0px;
  z-index: -2;
}

.bg_img_none {
  background-image: none;
}

.bg_img video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -2;
}

.contenitore_maschera {
  /*width: auto; */
  /*width: 40vw;*/
  height: 700px;
  width: 464px;
}

.maschera {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.bg_video_card_gallery img {
  /*modificato*/
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}

.maschera_card {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  height: 65vh;
  width: 38vh;
}

.maschera_card img {
  transition: 0.5s ease-in-out;
  /*mio*/
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}

.maschera_card:hover img {
  transform: scale(1.1);
  transition: 0.5s ease-in-out;
}


.bg_nero {
  position: fixed;
  /*display: block;*/
  background-color: black;
  opacity: 40%;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
}

.box_link_tiktok {
  width: 100px;
  text-align: center
}

/* ________________________________________Immagini di sfondo quadri________________________________________ */

hr {
  margin: 0.5rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25;
}

/* ________________________________________Media query mobile e desktop_____________________________________ */
/* DESKTOP */
@media only screen and (min-width: 991px) {
  .nascondi_nel_desktop {
    display: none;
    visibility: hidden;
  }

  .no_animazione_slide {
    transition: transform .0s ease-in-out !important;
  }

  .contenitore_maschera {
    height: 500px;
    width: 364px;
  }

  .allineamento {
    gap: 30px;
  }

  .fs_50 {
    font-size: 40px;
    line-height: 50px;
  }

  .grandezza_font_titolo_info {
    font-size: 25px;
    line-height: 30px;
  }

  .grandezza_font_sottotitolo_info {
    /*AGGIUNTO CHIARA (per pag iscrizione AR)*/
    font-size: 20px;
    line-height: 25px;
  }

  .grandezza_font_titolo_gallery {
    font-size: 50px;
    line-height: 60px;
  }

  .grandezza_font_card {
    font-size: 20px;
    line-height: 25px;
  }

  .font_icona_AR_card {
    font-size: 20px;
    line-height: 20px;
    color: white;
    font-weight: 100;
    text-decoration: none;
  }

  .link_navbar {
    font-size: 25px;
    line-height: 35px;
  }

  .btn_rounded button {
    /* AGGIUNTO CHIARA */
    width: 308px;
  }
}

/* TABLET */
@media only screen and (max-width: 990px) {
  .nascondi_nel_mobile {
    display: none;
    visibility: hidden;
  }

  .img_modal_desktop img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  /* estende il modal fino ai bordi */
  .modal-dialog {
    max-width: -webkit-fill-available;
    margin: 20px;
  }

  /* centra gli step dei passaggi */
  .allineamento {
    justify-content: center;
  }

  .bg_img video {
    top: 60px;
  }

  .fs_35 {
    font-size: 45px;
    line-height: 55px;
  }

  .fs_25 {
    font-size: 30px;
    line-height: 40px;
  }

  .fissa_in_alto {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }

  .no_animazione_slide {
    transition: transform .0s ease-in-out !important;
  }

  .link_tikTok {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    font-weight: 300;
  }



  .fs_popup {
    font-size: 20px;
    line-height: 25px;
  }

  .grandezza_font_titolo_popup {
    font-size: 20px;
    line-height: 30px;
  }

  /*
  .modal-backdrop.show{
    opacity: 0;
  }
  */

  .grandezza_font_titolo {
    font-size: 90px;
    line-height: 100px;
  }

  .padding_top {
    padding-top: 110px;
  }

  .margin_top {
    margin-top: 25px;
  }

  .grandezza_font_sottotitolo {
    font-size: 30px;
    line-height: 40px;
  }

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

  .grandezza_font_card {
    font-size: 18px;
    line-height: 20px;
  }

  .grandezza_font_link {
    font-size: 20px;
    line-height: 25px;
  }

  .grandezza_font_dettaglio {
    font-size: 50px;
    line-height: 60px;
  }

  .grandezza_font_titolo_info {
    font-size: 25px;
    line-height: 30px;
  }

  .grandezza_font_sottotitolo_info {
    font-size: 20px;
    line-height: 25px;
  }

  hr {
    margin: 1rem 0;
  }

  .font_icona_AR_card {
    font-size: 20px;
    line-height: 20px;
    color: white;
    font-weight: 100;
    text-decoration: none;
  }

  .slider::-webkit-scrollbar {
    display: none;
    visibility: hidden;
  }

  .link_navbar {
    font-size: 25px;
    line-height: 35px;
  }

  .btn_rounded button {
    /* AGGIUNTO CHIARA */
    width: 308px;
  }
}

/* android alice*/
@media only screen and (max-width: 767px) {
  .grandezza_font_titolo {
    font-size: 58px;
    line-height: 70px;
  }

  .grandezza_font_dettaglio {
    font-size: 40px;
    line-height: 50px;
  }

  .grandezza_font_titolo_gallery {
    font-size: 40px;
    line-height: 45px;
  }

  .slider::-webkit-scrollbar {
    display: none;
    visibility: hidden;
  }

  .link_navbar {
    font-size: 25px;
    line-height: 35px;
  }

  .btn_rounded button {
    /*AGGIUNTO CHIARA*/
    width: 308px;
  }
  .modal {
    --bs-modal-margin: none !important;
  }
}

/* tipo IPHONE */
@media only screen and (max-width: 414px) {
  .nascondi_nel_mobile {
    display: none;
    visibility: hidden;
  }

  .fs_35 {
    font-size: 35px;
    line-height: 45px;
    /*color: #3ea929!important;*/
  }

  .fs_25 {
    font-size: 25px;
    line-height: 35px;
    /*color: #3ea929!important;*/
  }

  .link_tikTok {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.1px;
    text-align: center;
    font-weight: 300;
  }

  .fs_popup {
    font-size: 15px;
    line-height: 20px;
  }

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

  .padding_top {
    padding-top: 110px;
  }

  .margin_top {
    margin-top: 15px;
  }

  .grandezza_font_sottotitolo {
    font-size: 25px;
    line-height: 35px;
  }

  .grandezza_font_titolo_gallery {
    font-size: 25px;
    line-height: 30px;
  }

  .grandezza_font_card {
    font-size: 18px;
    line-height: 20px;
  }

  .grandezza_font_link {
    font-size: 15px;
    line-height: 19px;
  }


  .grandezza_font_dettaglio {
    font-size: 30px;
    line-height: 35px;
  }

  .grandezza_font_titolo_info {
    font-size: 20px;
    line-height: 25px;
  }

  .grandezza_font_sottotitolo_info {
    font-size: 18px;
    line-height: 23px;
  }

  .font_icona_AR_card {
    font-size: 15px;
    line-height: 15px;
    color: white;
    font-weight: 100;
    text-decoration: none;
  }

  .slider::-webkit-scrollbar {
    display: none;
    visibility: hidden;
  }

  .link_navbar {
    font-size: 25px;
    line-height: 35px;
  }

  .btn_rounded button {
    /*AGGIUNTO CHIARA*/
    width: -webkit-fill-available;
    min-width: 235px;
  }

  .modal {
    --bs-modal-margin: none !important;
  }

  .btn_rounded button {
    width: -webkit-fill-available;
  }
}

/* SE vecchio e 4*/
@media only screen and (max-width: 320px) {
  .nascondi_nel_mobile {
    display: none;
    visibility: hidden;
  }

  .fs_35 {
    font-size: 30px;
    line-height: 40px;
    /*color: #a94a29 !important;*/
  }

  .fs_25 {
    font-size: 20px;
    line-height: 30px;
    /*color: #a92983 !important;*/
  }

  .nascondi_nel_SE {
    display: none;
    visibility: hidden;
  }

  .link_tikTok {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.1px;
    text-align: center;
    font-weight: 300;
  }

  .nascondi_icona_freccia {
    display: none;
    visibility: hidden;
  }

  .grandezza_font_titolo {
    font-size: 35px;
    line-height: 40px;
  }

  .padding_top {
    padding-top: 90px;
  }

  .margin_top {
    margin-top: 5px;
  }

  .grandezza_font_sottotitolo {
    font-size: 18px;
    line-height: 22px;
  }

  .grandezza_font_titolo_gallery {
    font-size: 20px;
    line-height: 25px;
  }

  .grandezza_font_card {
    font-size: 15px;
    line-height: 20px;
  }

  .grandezza_font_link {
    font-size: 12px;
    line-height: 15px;
  }

  .remove {
    display: none !important;
    visibility: hidden;
  }

  .grandezza_font_dettaglio {
    font-size: 25px;
    line-height: 30px;
  }

  .grandezza_font_titolo_info {
    font-size: 18px;
    line-height: 20px;
  }

  .grandezza_font_sottotitolo_info {
    font-size: 15px;
    line-height: 20px;
  }

  hr {
    margin: 0.5rem 0;
  }

  .bg_nero {
    background-color: rgba(0, 0, 0, 0.475);
  }

  .font_icona_AR_card {
    visibility: hidden;
    font-size: 15px;
    line-height: 15px;
    color: white;
    font-weight: 100;
    text-decoration: none;
  }

  .slider::-webkit-scrollbar {
    display: none;
    visibility: hidden;
  }

  .link_navbar {
    font-size: 20px;
    line-height: 30px;
  }

  .btn_rounded button {
    /*AGGIUNTO CHIARA*/
    width: -webkit-fill-available;
    min-width: 235px;
  }

  .modal {
    --bs-modal-margin: none !important;
  }

  .btn_rounded button {
    width: -webkit-fill-available;
  }
}

/* ________________________________________Media query mobile e desktop_____________________________________ */