/* RESPONSIVE */
@media (max-width: 575px) {
  /* HEADER */
  .navbar-nav {
    gap: 20px;
  }
  /* HEADER */

  /* HOME */
  .cm-home-banner-item img,
  .cm-home-banner-wrapper {
    height: 500px;
  }

  .cm-home-banner-wrapper::after {
    display: none;
  }

  .cm-home-chalets {
    padding-top: 0;
  }

  .cm-home-chalets {
    background-image: none;
  }

  .cm-title-double-beige strong::after {
    bottom: -6px;
    width: 257px;
    height: 43px;
  }

  .cm-home-chalets {
    height: auto !important;
    padding: 60px 0;
  }

  .cm-home-chalets {
    height: auto !important;
    padding: 60px 0;
  }

  .cm-home-chalets-accordion {
    flex-direction: column;
    gap: 50px;
  }

  .cm-home-chalets-card {
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
    display: flex;
    flex-direction: column;
    background-size: 0;
  }

  .cm-home-chalets-card.active {
    width: 100% !important;
  }

  .cm-home-chalets-card::before {
    content: "";
    display: block;
    width: 100%;
    height: 250px;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 20px;
  }

  .cm-home-chalets-card-content {
    position: static !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    padding: 0 15px;
    width: 100% !important;
  }

  .cm-home-chalets-card-text {
    opacity: 1 !important;
    max-width: 100% !important;
    padding: 0 !important;
    white-space: normal !important;
    transform: none !important;
  }

  .cm-home-chalets-card-text .d-flex {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  .cm-home-chalets-card-overlay {
    display: none;
  }

  .cm-home-chalets-card-title-1,
  .cm-home-chalets-card-title-2 {
    color: var(--color-black) !important;
  }

  .cm-home-chalets-card.active,
  .cm-home-chalets-card:hover,
  .cm-home-chalets-accordion:hover .cm-home-chalets-card.active:not(:hover) {
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  .cm-home-chalets-accordion:hover
    .cm-home-chalets-card.active:not(:hover)
    .cm-home-chalets-card-text,
  .cm-home-chalets-card-text {
    opacity: 1 !important;
    max-width: 100% !important;
    display: block !important;
    transform: none !important;
    transition: none !important;
  }

  .cm-home-chalets-card-content {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .cm-home-chalets-accordion:hover .cm-home-chalets-card.active:not(:hover),
  .cm-home-chalets-card {
    width: 100% !important;
    height: auto !important;
  }

  .cm-title-double-white strong::after {
    bottom: -8px;
    width: 335px;
    height: 40px;
  }

  .cm-home-valloire {
    padding-bottom: 100px;
  }

  .cm-home-valloire-text-overlay {
    transform: none;
    bottom: 42px;
    left: 95px;
  }

  .cm-home-valloire-text-overlay-2 {
    bottom: 783px;
    left: 101px;
    transform: none;
  }

  .cm-home-dispo-title {
    color: var(--color-white);
  }

  .cm-home-dispo-title::after {
    background-image: none;
    width: auto;
  }

  .cm-footer-contact-checkbox p {
    flex-direction: column;
    gap: 0;
  }

  .cm-home-dispo-deco {
    position: relative;
    top: 2px;
  }
  /* HOME */

  /* PAGE - FAQ */
  .cm-faq {
    padding-bottom: 0;
  }

  .cm-faq-title-double-beige strong::after {
    width: 356px;
    height: 60px;
  }
  /* PAGE - FAQ */

  /* PAGE - LOGEMENT */
  .cm-home-housing-wrapper,
  .cm-home-housing-wrapper {
    height: auto !important;
  }

  .cm-housing-content-mask {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .cm-housing-content {
    padding-bottom: 80px;
  }

  .cm-housing-details-other-row {
    flex-direction: column;
  }
  .cm-housing-details-other-text {
    width: 100%;
    margin-bottom: 30px;
  }
  .cm-housing-details-other-equipments .cm-housing-details-equip-box {
    flex: 0 0 calc(50% - 20px);
  }

  .cm-housing-details-main-row {
    flex-direction: column;
    padding: 0 5%;
  }
  .cm-housing-details-text-col {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .cm-housing-details-slider-col {
    width: 110%;
    margin-right: -5%;
  }
  .cm-housing-details-slide img {
    height: 300px;
  }

  .cm-housing-details-equipments-row {
    justify-content: center;
  }

  .cm-housing-dispo-logo img {
    width: 205px;
    height: 194px;
    margin-bottom: 40px;
  }
  /* PAGE - LOGEMENT */
}

@media (min-width: 576px) and (max-width: 767px) {
  /* HEADER */
  .navbar-nav {
    gap: 20px;
  }
  /* HEADER */

  /* HOME */
  .cm-home-banner-item img,
  .cm-home-banner-wrapper {
    height: 500px;
  }

  .cm-home-banner-wrapper::after {
    display: none;
  }

  .cm-home-chalets {
    padding-top: 0;
  }

  .cm-home-chalets {
    background-image: none;
  }

  .cm-title-double-beige strong::after {
    bottom: -6px;
    width: 257px;
    height: 43px;
  }

  .cm-home-chalets {
    height: auto !important;
    padding: 60px 0;
  }

  .cm-home-chalets {
    height: auto !important;
    padding: 60px 0;
  }

  .cm-home-chalets-accordion {
    flex-direction: column;
    gap: 50px;
  }

  .cm-home-chalets-card {
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
    display: flex;
    flex-direction: column;
    background-size: 0;
  }

  .cm-home-chalets-card.active {
    width: 100% !important;
  }

  .cm-home-chalets-card::before {
    content: "";
    display: block;
    width: 100%;
    height: 250px;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 20px;
  }

  .cm-home-chalets-card-content {
    position: static !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    padding: 0 15px;
    width: 100% !important;
  }

  .cm-home-chalets-card-text {
    opacity: 1 !important;
    max-width: 100% !important;
    padding: 0 !important;
    white-space: normal !important;
    transform: none !important;
  }

  .cm-home-chalets-card-text .d-flex {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  .cm-home-chalets-card-overlay {
    display: none;
  }

  .cm-home-chalets-card-title-1,
  .cm-home-chalets-card-title-2 {
    color: var(--color-black) !important;
  }

  .cm-home-chalets-card.active,
  .cm-home-chalets-card:hover,
  .cm-home-chalets-accordion:hover .cm-home-chalets-card.active:not(:hover) {
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  .cm-home-chalets-accordion:hover
    .cm-home-chalets-card.active:not(:hover)
    .cm-home-chalets-card-text,
  .cm-home-chalets-card-text {
    opacity: 1 !important;
    max-width: 100% !important;
    display: block !important;
    transform: none !important;
    transition: none !important;
  }

  .cm-home-chalets-card-content {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .cm-home-chalets-accordion:hover .cm-home-chalets-card.active:not(:hover),
  .cm-home-chalets-card {
    width: 100% !important;
    height: auto !important;
  }

  .cm-title-double-white strong::after {
    bottom: -8px;
    width: 335px;
    height: 40px;
  }

  .cm-home-valloire {
    padding-bottom: 100px;
  }

  .cm-home-valloire-text-overlay {
    transform: none;
    bottom: 77px;
    left: 165px;
  }

  .cm-home-valloire-text-overlay-2 {
    bottom: 585px;
    left: 170px;
    transform: none;
  }

  .cm-home-dispo-title {
    color: var(--color-white);
  }

  .cm-home-dispo-title::after {
    background-image: none;
    width: auto;
  }

  .cm-footer-contact-checkbox p {
    flex-direction: column;
    gap: 0;
  }

  .cm-home-dispo-deco {
    position: relative;
    top: 2px;
  }
  /* HOME */

  /* PAGE - FAQ */
  .cm-faq {
    padding-bottom: 0;
  }

  .cm-faq-title-double-beige strong::after {
    width: 356px;
    height: 60px;
  }
  /* PAGE - FAQ */

  /* PAGE - LOGEMENT */
  .cm-home-housing-wrapper,
  .cm-home-housing-wrapper {
    height: auto !important;
  }

  .cm-housing-content-mask {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .cm-housing-content {
    padding-bottom: 80px;
  }

  .cm-housing-details-other-row {
    flex-direction: column;
  }
  .cm-housing-details-other-text {
    width: 100%;
    margin-bottom: 30px;
  }
  .cm-housing-details-other-equipments .cm-housing-details-equip-box {
    flex: 0 0 calc(50% - 20px);
  }

  .cm-housing-details-main-row {
    flex-direction: column;
    padding: 0 5%;
  }
  .cm-housing-details-text-col {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .cm-housing-details-slider-col {
    width: 110%;
    margin-right: -5%;
  }
  .cm-housing-details-slide img {
    height: 300px;
  }

  .cm-housing-details-equipments-row {
    justify-content: center;
  }

  .cm-housing-dispo-logo img {
    width: 205px;
    height: 194px;
    margin-bottom: 40px;
  }
  /* PAGE - LOGEMENT */
}

@media (min-width: 768px) and (max-width: 991px) {
  /* HEADER */
  .navbar-nav {
    gap: 20px;
  }
  /* HEADER */

  /* HOME */
  .cm-home-banner-item img,
  .cm-home-banner-wrapper {
    height: 700px;
  }

  .cm-home-banner-wrapper::after {
    bottom: -2px;
  }

  .cm-home-chalets {
    padding-top: 0;
  }

  .cm-home-chalets {
    background-image: none;
  }

  .cm-title-double-beige strong::after {
    bottom: -6px;
    width: 257px;
    height: 43px;
  }

  .cm-home-chalets {
    height: auto !important;
    padding: 60px 0;
  }

  .cm-home-chalets {
    height: auto !important;
    padding: 60px 0;
  }

  .cm-home-chalets-accordion {
    flex-direction: column;
    gap: 50px;
  }

  .cm-home-chalets-card {
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
    display: flex;
    flex-direction: column;
    background-size: 0;
  }

  .cm-home-chalets-card.active {
    width: 100% !important;
  }

  .cm-home-chalets-card::before {
    content: "";
    display: block;
    width: 100%;
    height: 450px;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 20px;
  }

  .cm-home-chalets-card-content {
    position: static !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    padding: 0 15px;
    width: 100% !important;
  }

  .cm-home-chalets-card-text {
    opacity: 1 !important;
    max-width: 100% !important;
    padding: 0 !important;
    white-space: normal !important;
    transform: none !important;
  }

  .cm-home-chalets-card-text .d-flex {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  .cm-home-chalets-card-overlay {
    display: none;
  }

  .cm-home-chalets-card-title-1,
  .cm-home-chalets-card-title-2 {
    color: var(--color-black) !important;
  }

  .cm-home-chalets-card.active,
  .cm-home-chalets-card:hover,
  .cm-home-chalets-accordion:hover .cm-home-chalets-card.active:not(:hover) {
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  .cm-home-chalets-accordion:hover
    .cm-home-chalets-card.active:not(:hover)
    .cm-home-chalets-card-text,
  .cm-home-chalets-card-text {
    opacity: 1 !important;
    max-width: 100% !important;
    display: block !important;
    transform: none !important;
    transition: none !important;
  }

  .cm-home-chalets-card-content {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .cm-home-chalets-accordion:hover .cm-home-chalets-card.active:not(:hover),
  .cm-home-chalets-card {
    width: 100% !important;
    height: auto !important;
  }

  .cm-title-double-white strong::after {
    bottom: -8px;
    width: 335px;
    height: 40px;
  }

  .cm-home-valloire {
    padding-bottom: 100px;
  }

  .cm-home-valloire-text-overlay {
    transform: none;
    bottom: 77px;
    left: 165px;
  }

  .cm-home-valloire-text-overlay-2 {
    bottom: 585px;
    left: 170px;
    transform: none;
  }

  .cm-home-dispo-title::after {
    bottom: -37px;
    left: -40%;
  }

  .cm-footer-contact-checkbox p {
    flex-direction: column;
    gap: 0;
  }

  .cm-home-dispo-deco {
    position: relative;
    top: 2px;
  }
  /* HOME */

  /* PAGE - FAQ */
  .cm-faq {
    padding-bottom: 0;
  }

  .cm-faq-title-double-beige strong::after {
    width: 356px;
    height: 60px;
  }
  /* PAGE - FAQ */

  /* PAGE - LOGEMENT */
  .cm-home-housing-wrapper,
  .cm-home-housing-wrapper {
    height: auto !important;
  }

  .cm-housing-content-mask {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .cm-housing-content {
    padding-bottom: 80px;
  }

  .cm-housing-details-other-row {
    flex-direction: column;
  }
  .cm-housing-details-other-text {
    width: 100%;
    margin-bottom: 30px;
  }
  .cm-housing-details-other-equipments .cm-housing-details-equip-box {
    flex: 0 0 calc(50% - 20px);
  }

  .cm-housing-details-main-row {
    flex-direction: column;
    padding: 0 5%;
  }
  .cm-housing-details-text-col {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .cm-housing-details-slider-col {
    width: 110%;
    margin-right: -5%;
  }
  .cm-housing-details-slide img {
    height: 300px;
  }

  .cm-housing-details-equipments-row {
    justify-content: center;
  }

  .cm-housing-dispo-logo img {
    width: 205px;
    height: 194px;
    margin-bottom: 40px;
  }
  /* PAGE - LOGEMENT */
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* HEADER */
  .navbar-nav {
    gap: 20px;
  }
  /* HEADER */

  /* HOME */
  .cm-home-banner-wrapper::after {
    bottom: -2px;
  }

  .cm-title-double-beige strong::after {
    bottom: -9px;
    left: -12%;
    width: 353px;
    height: 55px;
  }

  .cm-home-chalets-card-content {
    left: 10px !important;
  }

  .cm-home-chalets-card-flexbox {
    flex-direction: column;
  }

  .cm-home-valloire-text-overlay {
    bottom: 133px;
  }

  .cm-home-valloire-text-overlay-2 {
    bottom: 595px;
    left: 276px;
  }

  .cm-home-valloire {
    padding-bottom: 100px;
  }

  .cm-footer-contact-checkbox p {
    flex-direction: column;
    gap: 0;
  }
  /* HOME */

  /* PAGE - LOGEMENT */
  .cm-housing-dispo-logo img {
    width: 205px;
    height: 194px;
  }
  /* PAGE - LOGEMENT */
}

@media (min-width: 1200px) and (max-width: 1399px) {
  /* HEADER */
  .navbar-nav {
    gap: 20px;
  }
  /* HEADER */

  /* FOOTER */
  .cm-footer-phone {
    font-size: var(--font-size-30);
  }
  /* FOOTER */

  /* HOME */
  .cm-home-banner-wrapper::after {
    bottom: -2px;
  }

  .cm-title-double-beige strong::after {
    bottom: -9px;
    left: -12%;
    width: 353px;
    height: 55px;
  }

  .cm-home-chalets-card-content {
    left: 20px !important;
  }

  .cm-home-chalets-card-flexbox {
    flex-direction: column;
  }

  .cm-home-valloire-text-overlay {
    bottom: 28px;
    left: 150px;
  }

  .cm-home-valloire-text-overlay-2 {
    bottom: 190px;
    left: 216px;
  }

  .cm-home-valloire {
    padding-bottom: 100px;
  }

  .cm-footer-contact-checkbox p {
    flex-direction: column;
    gap: 0;
  }
  /* HOME */

  /* PAGE - LOGEMENT */
  .cm-housing-dispo-logo img {
    width: 305px;
    height: 294px;
  }

  .cm-home-housing-wrapper::after {
    bottom: 270px !important;
  }
  /* PAGE - LOGEMENT */
}

@media (min-width: 1400px) and (max-width: 1696px) {
  /* HEADER */
  .navbar-nav {
    gap: 10px;
  }

  .navbar-nav .nav-item .nav-link {
    position: relative;
  }

  .navbar-nav .nav-item .nav-link:hover::after,
  .navbar-nav .nav-item.current-menu-item .nav-link::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 180%;
    z-index: -1;
  }

  .menu-item-79 .nav-link:hover::after,
  .menu-item-79.current-menu-item .nav-link::after {
    background-image: url("../images/cm-cervin-hover.svg");
  }

  .menu-item-78 .nav-link:hover::after,
  .menu-item-78.current-menu-item .nav-link::after {
    background-image: url("../images/cm-strato1-hover.svg");
  }

  .menu-item-77 .nav-link:hover::after,
  .menu-item-77.current-menu-item .nav-link::after {
    background-image: url("../images/cm-strato-2-hover.svg");
  }

  .menu-item-76 .nav-link:hover::after,
  .menu-item-76.current-menu-item .nav-link::after {
    background-image: url("../images/cm-faq-hover.svg");
  }

  .menu-item-75 .nav-link:hover::after,
  .menu-item-75.current-menu-item .nav-link::after {
    background-image: url("../images/cm-contact-hover.svg");
  }

  .menu-item-74 .nav-link:hover::after,
  .menu-item-74.current-menu-item .nav-link::after {
    background-image: url("../images/cm-resa-hover.svg");
  }
  /* HEADER */

  /* HOME */
  .cm-home-banner-wrapper::after {
    bottom: -2px;
  }

  .cm-home-chalets-card-content {
    left: 7px !important;
  }

  .cm-home-valloire-text-overlay {
    bottom: 28px;
    left: 150px;
  }

  .cm-home-valloire-text-overlay-2 {
    bottom: 153px;
    left: 290px;
  }

  .cm-home-valloire {
    padding-bottom: 100px;
  }

  .cm-footer-contact-checkbox p {
    flex-direction: column;
    gap: 0;
  }

  .cm-home-dispo-deco {
    position: relative;
    top: 2px;
  }
  /* HOME */

  /* PAGE - LOGEMENT */
  .cm-housing-ml {
    padding-left: 80px;
  }

  .cm-home-housing-wrapper::after {
    bottom: 108px !important;
  }
  /* PAGE - LOGEMENT */
}

@media (min-width: 1697px) {
  /* HEADER */
  .navbar-nav .nav-item .nav-link {
    position: relative;
  }

  .navbar-nav .nav-item .nav-link:hover::after,
  .navbar-nav .nav-item.current-menu-item .nav-link::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 180%;
    z-index: -1;
  }

  .menu-item-79 .nav-link:hover::after,
  .menu-item-79.current-menu-item .nav-link::after {
    background-image: url("../images/cm-cervin-hover.svg");
  }

  .menu-item-78 .nav-link:hover::after,
  .menu-item-78.current-menu-item .nav-link::after {
    background-image: url("../images/cm-strato1-hover.svg");
  }

  .menu-item-77 .nav-link:hover::after,
  .menu-item-77.current-menu-item .nav-link::after {
    background-image: url("../images/cm-strato-2-hover.svg");
  }

  .menu-item-76 .nav-link:hover::after,
  .menu-item-76.current-menu-item .nav-link::after {
    background-image: url("../images/cm-faq-hover.svg");
  }

  .menu-item-75 .nav-link:hover::after,
  .menu-item-75.current-menu-item .nav-link::after {
    background-image: url("../images/cm-contact-hover.svg");
  }

  .menu-item-74 .nav-link:hover::after,
  .menu-item-74.current-menu-item .nav-link::after {
    background-image: url("../images/cm-resa-hover.svg");
  }
  /* HEADER */

  /* PAGE - LOGEMENT */
  .cm-housing-ml {
    padding-left: 80px;
  }
  /* PAGE - LOGEMENT */
}
/* RESPONSIVE */