/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1300px) {
  .container_xl {
    max-width: 1266px !important;
  }
  .container {
    max-width: 1226px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  html {
    font-size: 50%;
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  html {
   font-size: 45%;
  }
  .dekfive_offer_content .button {
    padding: 1.2rem 5rem;
  }
  .avantage_btn .button {
    padding: 1rem 1.2rem;
  }
}

@media (max-width: 991px) {
  html {
    font-size: 60%;
  }
  .menu {
    display: none;
  }
  .logo img {
    max-width: 8.9rem;
  }
  .icon_wrap {
    height: 3.3rem;
    width: 3.3rem;
  }
  .icon_wrap img {
    max-width: 1.8rem;
  }
  .icon_wrap span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
  }
  .mb_icon_wrap {
    display: flex;
    align-items: center;
  }

  .hamburger-menu {
    display: block;
  }
  .mb_menu_wrap {
    position: fixed;
    height: 100%;
    width: 100%;
    left: -100%;
    background-color: #fff;
    top: 0;
    z-index: -1;
    transition: 0.4s;
    padding-top: 50px;
    overflow: auto;
    padding-bottom: 8rem;
    position: fixed;
    height: calc(100% - 8rem);
    top: 8rem;
    overflow-y: auto;
  }
  .mb_menu_wrap.current {
    left: 0;
  }
  .mb_menu {
    padding-left: 2rem;
    padding-right: 2rem;
    width: max-content;
    margin: auto;
  }
  .mb_menu > li:not(:first-child) {
    padding-top: 4rem;
  }
  .mb_menu > li > a {
    font-family: "Unbounded", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #06367a;
    display: flex;
    gap: 2rem;
  }
  .submenu_list {
    padding-left: 2rem;
  }
  .sub_menu_h {
    padding-top: 2.5rem;
  }
  .sub_menu_h a,
  .submenu_list li a {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.2;
    color: #000000;
    text-decoration: underline;
    display: block;
  }
  .accordion_btn[aria-expanded="true"] .m_arrow {
    transform: rotate(180deg);
  }
  .bg_wrap {
    height: 37.5rem;
  }
  .bg_wrap2 {
    height: 37.5rem;
  }
  .hero_tab {
    max-width: 23rem;
    bottom: 13rem;
  }
  .nav_pills_wrap {
    flex-direction: column;
    max-width: 23rem;
    width: 100%;
    padding: 1rem 1rem 1.5rem 1rem;
  }
  .nav_pills_wrap p {
    padding-bottom: 1rem;
  }
  .input_group_wrap {
    flex-wrap: wrap;
    padding: 3rem;
  }
  .input_group {
    margin-right: 0rem;
    width: 100%;
  }
  .input_group input {
    width: 100%;
    font-size: 1.4rem;
  }
  .input_group input::placeholder {
    font-size: 1.4rem;
  }
  .input_group .nice-select {
    max-width: 100%;
    margin-top: 1.5rem;
    font-size: 1.4rem;
  }
  .input_group1 .nice-select {
    width: 100%;
  }
  .input_group2 .nice-select {
    width: 100%;
  }
  .hero_btn {
    text-align: center;
    margin-top: 1rem;
  }
  .hero_btn .button {
    padding: 1rem 8rem;
  }
  .hero_tab_content_wrap {
    bottom: -14.3rem;
  }
  .nav_pills_wrap p {
    font-size: 1.4rem;
  }
  .h_tab_pagination li a {
    font-size: 1.4rem;
  }
  .offre_wrapper {
    padding-top: 18rem !important;
  }
  .mb_offer_content {
    position: relative;
  }
  .mb_offer_c {
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .mb_offer_c h2 {
    font-family: "Unbounded", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    padding-bottom: 2.5rem;
    white-space: nowrap;
  }
  .mb_offer_c h3 {
    font-family: "Unbounded", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    padding-bottom: 2.5rem;
    white-space: nowrap;
  }
  .mb_offer_c .button {
    padding: 1rem 7rem;
    font-size: 1.4rem;
  }
  .banner_wrapper {
    margin-top: 3.5rem;
  }
  .mb_offer_slider .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem;
  }
  .mb_offer_slider .owl-dots .owl-dot {
    width: 3.5rem;
    height: 0.5rem;
    background: rgba(226, 140, 70, 0.19);
    border-radius: 5rem;
    margin-right: 5rem;
    transition: 0.4s;
  }
  .mb_offer_slider .owl-dots .owl-dot.active {
    width: 17.2rem;
    background-color: #e28c46;
  }
  .title {
    font-size: 1.5rem;
  }
  body {
    font-size: 1.4rem;
  }
  .camping_slider_box {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem 2rem 2.5rem;
  }
  .camping_slider_content {
    padding-left: 0;
    padding-top: 1rem;
	
        width: 100%;
  }
  .camping_slider_img img {
    width: 100%;
  }
  .camping_slider_img {
    width: 100%;
  }
  .camping_slider_content h3 {
    font-size: 1.4rem;
  }
  .camping_slider_content span {
    font-size: 1.8rem;
  }
  .camping_slider_content p {
    max-width: 40rem;
    font-size: 1.4rem;
  }
  .camping_slider_content .button {
    margin-top: 1rem;
  }

  /* =========== Menu update =========== */
  header {
    padding: 2rem 0;
  }

  .accordion_btn img {
    width: 1.5rem;
  }

  /* ======== mb_offer_slider =======*/
  .votre_wrapper.offre_wrapper {
    padding-bottom: 0;
  }

  /* ======== banner_content =======*/
  .banner_content .button {
    padding: 1rem 5rem;
  }

  /* ======== mobil_wrapper =======*/
  .mobil_wrapper .row {
    margin: 0 -1rem;
    gap: 2.4rem 0;
    padding-top: 2.4rem;
  }
  .mobil_wrapper .row > * {
    padding: 0 1rem;
  }
  .mobil_slider_box_wrap {
    margin-top: 0;
  }

  /* ============= avantage_wrapper ============= */
  .avantage_btn .button {
    white-space: nowrap;
    font-size: 1.4rem;
  }
  .avantage_btn {
    padding-left: 4rem;
  }
  .avantage_content {
    margin-left: 4.5rem;
  }
  .avantage_content .title1 {
    padding-top: 1rem;
  }
  .avantage_img {
    padding-left: 0;
  }

  /* =========== mobil_location_area =========== */
  .mobil_tag a {
    font-size: 1.4rem;
  }

  .mobil_location_right a {
    font-size: 1.4rem;
  }

  .mobil_location_right .a1 {
    font-size: 1.4rem;
  }

  .mobil_price span {
    font-size: 2.4rem;
  }

  .mobil_price p {
    font-size: 1.4rem;
  }

  .mobil_slider_content {
    padding: 1.5rem 1.7rem 2.8rem 1.7rem;
  }

  .mobil_slider > img {
    height: 26.2rem;
    object-fit: cover;
  }

  .mobil_nomad p:not(.p1) {
    font-size: 1.4rem;
  }

  .mobil_nomad p.p1 {
    font-size: 1.4rem;
  }

  /* =========== votre_wrapper ============ */
  .votre_content {
    padding: 0;
  }

  .votre_wrapper .row {
    margin: 0 -1rem;
  }

  .votre_wrapper .row > * {
    padding: 0 1rem;
  }

  .votre_img img {
    height: 19.8rem;
    object-fit: cover;
  }

  .votre_content .button {
    margin-top: 1rem;
  }

  .votre_content p {
    padding-top: 1rem;
  }

  .votre_wrapper {
    padding-top: 5.5rem;
  }

  /* ============= envie_wrapper ============== */
  .envie_wrap {
    padding: 2.6rem 4rem;
  }

  /* ============= envie_wrapper ============== */
  .cutom_row > div {
    padding: 0 0.6rem;
  }

  .input_box label {
    padding-left: 0.8rem;
    font-size: 1rem;
  }

  /* ============= envie_wrapper ============= */
  .envie_heding p {
    font-size: 1.4rem;
  }

  .envie_wrapper .input_btn {
    margin-top: 2rem;
  }

  /* ============= Map area ============= */
  .map_btn {
    display: flex;
    justify-content: center;
    margin-top: 1.2rem;
  }

  .map_btn a {
    font-size: 1.4rem;
  }

  .map_btn a img {
    width: 2.3rem;
  }

  .bg_wrap {
    height: 37.3rem;
  }
  .bg_wrap2 {
    height: 14.3rem;
	margin-bottom: -1rem;
  }

  .select_form_v2 {
    position: relative;
    top: -9.8rem;
  }

  /* ============= Footer area ============= */
  .footer_link ul {
    display: flex;
    flex-direction: column;
  }

  .footer_link ul li:before {
    display: none;
  }

  .footer_link ul li a:before {
    display: none;
  }

  .footer_content {
    justify-content: center;
  }

  .footer_wrapper {
    padding: 8.6rem 0 28.6rem 0;
  }

  .footer_link {
    margin-left: 5rem;
  }

  /* dekfive page area */
  .gallery_img1 {
    margin-top: 1.15rem;
  }
  .custom_row{
    margin-left: -.575rem;
    margin-right: -.575rem;
  }
  .custom_row>div{
    padding-left: .575rem;
    padding-right: .575rem;
  }
  .dekfive_offer_content .mb_offer_c h2{
    color: #fff;
  }
  .dekfive_offer_content .mb_offer_c h3{
    color: #fff;
  }
  .dekfive_homes_slider_wrap .mobil_price_icon img{
    width: 1.7rem;
  }
  .dekfive_homes_slider_wrap{
    padding: 2rem;
  }
  .lesactive_box_conent {
    max-width: 17.9rem;
  }
  .lesactive_box1{
    padding: 3.3rem 2rem 3.3rem 3.7rem;
  }
  .lesactive_box2{
    padding: 2.5rem 2rem 2.5rem 5.3rem;
  }
  .fr_row{
    margin-left: -.6rem;
    margin-right: -.6rem;
  }
  .fr_row>div{
    padding-left: .6rem;
    padding-right: .6rem;
  }
  .enive_input_box2 input,
  .enive_input_box1 input {
    width: 100%;
  }
  .enive_input_box label{
    padding-left: 0;  
  }
  .enive_check_box .check_box label {
    max-width: 58.9rem;
  }
  .enive_form_wrap{
    margin-top: 9rem;
  }

  /* dek6 page area*/
  .deksix_tab_list .nav-pills li a {
    font-size: 1.4rem;
  }
  .desix_enive_form_wrap{
    margin-top: 5.5rem;
  }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
  html {
    font-size: 50%;
  }

  /* ========== Hero area ========== */
  .hero_heading p {
    padding-bottom: 1.3rem;
  }

  .hero_btn .button {
    padding: 1rem 2.2rem;
  }

  .input_group_wrap {
    padding: 1.5rem;
    width: calc(100% - 3.2rem);
    position: relative;
    left: 1.6rem;
  }

  .hero_tab_content_wrap {
    bottom: -1rem;
  }

  .select_form_v2 {
    top: -11.5rem;
  }

  .bg_wrap {
    height: 48.2rem;
  }
  .bg_wrap2 {
        height: 26rem;
        margin-bottom: -15rem;
  }

  .hero_tab {
    max-width: 23rem;
    bottom: auto;
    top: 18rem;
  }

  /* ========= offre_wrapper ========= */
  .offre_wrapper {
    padding-top: 4rem !important;
  }

  /* ========= mb_offer_c ========= */
  .mb_offer_c h2 {
    font-size: 1.5rem;
    white-space: normal;
    text-align: left;
    padding-bottom: 1.5rem;
  }
  .mb_offer_c h3 {
    font-size: 1.5rem;
    white-space: normal;
    text-align: left;
    padding-bottom: 1.5rem;
  }

  .button {
    white-space: nowrap;
    padding: 1rem 2rem !important;
  }

  .mb_offer_c {
    width: 100%;
    padding: 0 1.5rem 0 2rem;
  }

  .mb_offer_content > img {
    filter: brightness(0.75);
	border-radius: 1rem;
  }

  .owl-dots {
    display: flex !important;
    margin-top: 2rem !important;
  }

  .owl-dots .owl-dot {
    width: 1.68rem !important;
    margin-right: 2.6rem !important;
    height: 0.4rem;
  }

  .owl-dots .owl-dot.active {
    width: 8.6rem !important;
  }

  /* ========= banner_wrapper ========== */
  .banner_content {
    flex-direction: column;
    gap: 0.6rem;
  }
  .banner_wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    margin-top: 0;
  }

  /* ========= avantage_content ========== */
  .avantage_box {
    flex-direction: column;
  }

  .avantage_box > * {
    padding: 0;
    margin: 0;
  }

  .avantage_content .title1 {
    padding: 4.5rem 0 2.3rem 0;
    text-align: center;
  }

  .avantage_box h2 {
    padding-bottom: 1rem;
  }

  .avantage_img img {
    width: 8.7rem;
  }

  .avantage_content p {
    text-align: center;
    max-width: 28.7rem;
    padding-bottom: 1rem;
    margin: 0 auto;
  }

  .owl-dots button:last-child {
    padding-right: 0 !important;
    margin: 0 !important;
  }

  .owl-dots button.active {
    background: #80aacf !important;
  }

  /* ============ camping_wrapper ============ */
  .camping_wrapper {
    margin-top: 0.5rem;
  }

  .camping_content {
    padding: 0 1.5rem;
  }

  .camping_slider {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .camping_slider .owl-dots {
    margin-top: 3.5rem !important;
  }

  /* ============ mobil_wrapper ============ */
  .mobil_wrapper .container > * {
    padding: 0 1.5rem;
        padding-top: 2rem;
  }

  .mobil_heading a {
    font-size: 1.4rem;
  }

  .mobil_slider_box_wrap .owl-nav {
    padding: 0 1.5rem;
  }

  .mobil_nomad {
    width: 32.2rem;
	justify-content: center;
    align-items: center;
  }

  .mobil_slider .item {
    position: relative;
    width: 100%;
  }

  .mobil_slider .owl-dots.disabled {
    display: none !important;
  }

  /* ============ avantage_wrapper ============ */
  .avantage_wrapper {
    padding-top: 7rem;
  }

  /* ============ votre_wrapper ============ */
  .votre_wrapper .row {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }

  .votre_content p {
    padding-top: 1.5rem;
  }

  .votre_wrapper .button {
    margin-top: 2rem;
  }

  /* ================= envie_wrap ================== */
  .envie_wrap {
    padding: 2.8rem 2rem;
    text-align: left;
  }

  .envie_heding {
    text-align: left;
  }

  .envie_heding p {
    padding: 1.5rem 0 1.3rem;
  }

  /* ================= cutom_row ================== */
  .cutom_row .col-lg-6.col-md-6.order-lg-1.order-md-1 > div {
    padding-top: 0;
  }

  .check_box label {
    font-size: 1.4rem;
    line-height: 1.45rem;
    padding-right: 3rem;
  }

  /* ================= footer area ================== */
  .footer_content {
    flex-direction: column;
    gap: 5.5rem;
  }

  .footer_wrapper {
    padding: 4.8rem 0 19.5rem 0;
  }

  .footer_link {
    width: fit-content;
  }

  /* ================= bg_wrap ================== */
  .bg_wrap {
    background-image: url(https://media.odalys-vacances.com/plus/flower/hero_img_sm.webp) !important;
  }

  /* ================= votre_wrapper ================== */
  .votre_wrapper.offre_wrapper .button {
    margin: 0;
  }

  .votre_wrapper .row {
    width: fit-content;
    margin: 0 auto;
  }


  /* dekstop five page area*/
  .md_col{
    display: none;
  }
  .ds_col{
    display: block;
  }
  .gallery_img1{
    margin-top: 1.5rem;
  }
  .custom_row{
    margin-left: -.75rem;
    margin-right: -.75rem;
  }
  .custom_row.div{
    padding-left: .75rem;
    padding-right: .75rem;
  }
  .dekfive_offer_content .mb_offer_c h2 {
      text-align: center;
  }
  .dekfive_offer_content .mb_offer_c h3 {
      text-align: center;
  }
  .lesactive_box{
    flex-direction: column;
    height: 27rem;
    max-height: 27rem;
    padding: 1.5rem .7rem;
  }
  .dekfive_brochure_wrapper{
    flex-direction: column;
    padding-top: 2.7rem;
  }
  .dekfive_brochure_img{
    padding-bottom: 1.5rem;
  }
  .dekfive_brochure_content p{
    padding-bottom: 1rem;
  }
  .mb_offer_c1{
    display: none;
  }

   /* deksix page area*/
  .deksix_votre_wrap .mobil_slider_content{
    flex-direction: column;
    align-items: center;
    padding: 2rem;
  }
  .deksix_votre_wrap .mobil_slider_heading p{
    white-space: nowrap;
  }
  .deksix_votre_wrap .mobil_slider_heading{
    margin-right: 0;
    width:  100%;
    max-width: 100%;
  }
  .deksix_votre_wrap .mobil_price{
    justify-content: space-between;
    width:  100%;
    margin-right: 0;
  }
  .deksix_tab_list .nav-pills{
    flex-wrap: wrap;
    max-width: ;
  }
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
  html {
    font-size: 2.544vw;
  }
  .campingle_content{
    flex-direction: column;
    align-items: flex-start;
  }
  .campingle_content_right{
    text-align: right;
    width: 100%;
  }
  .campingle_content_right .map_btn {
    justify-content: flex-end;
  }
  .titre_wrapper p {
    max-width: 32.4rem;
  }
  .mo_ds_img{
    display: none;
  }
  .mo_mb_img{
    display: block;
  }
  .dekfive_homes_slider_heading h3 {
    max-width: 15.6rem;
  }
  .filter_modal .modal-dialog{
    max-width: 32.5rem;
  }
  .dekfive_avantage_wrapper{
    padding-top: 1.5rem;
  }
  .avantage_loc_wrap1 .avantage_loc p{
    max-width: 17.6rem;
  }
  .lesactive_heading .title {
    padding-bottom: 1.5rem;
    padding-top: 3rem;
  }
  .lesactive_box {
    justify-content: flex-start;
  }
  .dekfive_brochure_content p{
    max-width: 28.6rem;
  }
  .dekfive_camping_slider .camping_slider{
    padding-left: 0;
    padding-right: 0;
  }
  .dekfive_camping_slider .camping_slider_box{
    padding: 1.5rem 2rem;
  }
  .dekfive_camping_slider .camping_slider .owl-dots .owl-dot.active{
    background-color: #203a6f !important;
  }
  .temoignages_heading {
    padding-top: 4.5rem;
  }
  .temoignages_slider_wrap {
    padding: 2.4rem 5.2rem;
  }
  .temoignages_slider .owl-prev {
    left: -3.7rem;
  }
  .temoignages_slider .owl-next {
    right: -3.7rem;
  }
  .dekfive_avantage_slider .avantage_content {
    margin-left: 0rem;
    max-width: 28.7rem;
    margin-left: auto;
    margin-right: auto;
  }
  .avantage_content .title1 {
    padding: 0rem 0 0rem 0;
  }
  .enive_form_btn .button {
    padding: 1rem 1.5rem !important;
  }
  .campingle_wrapper {
    padding-top: 0.5rem;
  }
  .deksix_tab_list .nav-pills {
    max-width: 23rem;
  }
  .deksix_avantage_gallery_img1{
    margin-top: 1.5rem;
  }

}
@media (min-width: 768px) {
    .banner_wrapper {
        padding-top: 1rem;
        padding-bottom: 1rem;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 98;
        margin-top: 0;
    }
.banner_content .button {
        margin-left: 3rem;
  }
}