/**************/
/* RESPONSIVE */
/**************/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {

    body, html { overflow-x: hidden; line-height: 1.2; font-size: 1rem; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 1rem 0; }
    h2 { font-size: 1.65rem; margin: 0 0 1rem 0; }
    h3 { font-size: 1.5rem; margin: 0 0 1rem 0; }
    h4 { font-size: 1rem; margin: 0 0 1rem 0; }
    h5 { font-size: 1rem; margin: 0 0 1rem 0; }
    p { font-size: 1rem; margin: 0 0 1rem 0; }
    ul li { font-size: 1rem; }
    .g-5, .gx-5 { --bs-gutter-x: 2rem; }
    .g-2, .gx-2 { --bs-gutter-x: 1rem; }
    .g-2, .gy-2 { --bs-gutter-y: 1rem; }
    .g-3, .gx-3 { --bs-gutter-x: 1.5rem; }

    /* Header + footer  */
    header.main { height: 5rem; padding: 0 1.5rem; }
    header.main .logo svg, footer.main .logo svg { width: 8rem; }
    header.main .tools { display: none; }
    header.main.sticky { height: 5rem; }
    footer.main { padding: 2rem; font-size: .85rem; text-align: center; }
    .social { position: static; justify-content: center; padding: 2rem 0; }
    .footer_menu__wrapper { display: block; height: auto;  }
    .social svg { width: 2.5rem; height: auto; padding: 0 .5rem 0 0; }
    footer.main p { font-size: 1rem; line-height: 1.4; }
    footer.main .logo { padding-bottom: 1rem; margin: auto; display: block; }
    footer.main .logo svg {margin: auto; display: block; width: 10rem; }
    #btn_go_back { bottom: 1rem; right: 1rem; }
    #btn_go_back svg { width: 3rem; height: 3rem; }
    .footer_menu__items { padding: 0; }
    .footer_menu__wrapper p { font-size: 1rem; }
    .footer_menu__title strong { font-weight: 600; }
    .footer_menu__title { position: relative; display: inline-flex; align-items: center; padding: 0 2rem 0 0; line-height: 1; height: 2.5rem; }
    .footer_menu__title::after { content:""; position: absolute; right: 0; width: 1rem; height: 1rem; background-image: url('../images/mobile/caret_down.svg'); background-size: 1rem 1rem; }
    .footer_menu__items { opacity: 0; height: 0; overflow: hidden; transition: all 0.25s ease; }
    .footer_menu__items.open { opacity: 1; height: auto; }
    .footer_menu__wrapper p.footer_menu__items { font-size: .85rem; line-height: 2; }
    .footer_menu__items.open { padding: .5rem 0 1rem 0; }
    .footer_menu__items a { display: block; padding: .2rem 0; }
    body.light .hamburger-inner, body.light .hamburger-inner:after, body.light .hamburger-inner:before { background-color: #223A5E; }
    body.burger_open .logo svg .fill { fill: #FAF8F3 !important; }
    body.light footer.main .footer_menu__title::after { background-image: url('../images/mobile/caret_down_dark.svg');  }
    body.light header.main.sticky { height: 5rem; }
    body.light footer.main .row { flex-direction: column-reverse; }
    body.light footer.main { border-top: 1px solid #223A5E; }
    body.light footer.main .logo { padding-top: 2rem; }
    body.burger_open header.main.sticky { background-color: rgba(34, 58, 94, 1); }
    #seatch_btn { margin-left: 0; font-size: 1.2rem; margin-top: -.2rem; }
    #search-box .container .search-main input {  font-size: 1rem; padding: 1rem 0; }
    #search-box .container .search-main button { z-index: 100; }
    
    /* Home */
    #werfy_search, #home .img_bg, .btn_go, #home_intro svg { display: none; }
    #home_intro { padding-top: 55vw; }
    #home_about h1 { text-align: center; font-weight: 700; margin: 0 0 3rem 0; }
    #home_about { padding: 0 2rem 2rem; margin-top: 0; background-color: #FAF8F3; }
    .home_intro_top { border-radius: 2rem 2rem 0 0; padding: 2rem 0; background-color: #FAF8F3; }
    .radius_box_mobile { border-radius: 1.5rem; border: 1px solid #223A5E; padding: 1rem; text-align: center; margin: 1rem 0; }
    .radius_box_mobile h5 { margin: 0 0 .5rem 0; }
    .term_wrapper { display: flex; align-items: center; justify-content: space-around; }
    .term_wrapper div { display: flex; align-items: center; font-size: .85rem; }
    .term_wrapper img { width: auto; height: .85rem; margin: 0 .15rem 0 0; display: block; }
    .img__about_intro { padding: 3rem 0 1rem 0; }
    .btn_blue_icon { height: 3rem; padding: 0 1.5rem; border-radius: 2rem; width: 100%; text-align: center; justify-content: center; }
    .btn_blue_icon svg { display: none; }
    .home_services__item { text-align: center; font-size: .85rem; }
    .home_services__item img { height: 4rem;  margin: auto; padding-bottom: .5rem; }
    .home_services__item span { display: block; text-align: center; }
    .home_cta__wrapper { border-bottom: 1px solid #fff;  padding: 5rem 3rem; height: auto; }
    .home_cta__wrapper h2 { height: auto; margin: 0 0 2rem 0; }
    .btn_white_icon { height: 3rem; padding: 0 1.5rem; border-radius: 2rem; text-align: center; }
    .search_advanced_input_wrapper { margin: 0 0 2rem 0; min-width: 100%; }
    .search_advanced_input_wrapper img { height: 1.5rem; }
    .search_advanced_actions_wrapper { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
    .btn_white_bordered { padding: 0 1rem; border-radius: 2rem; height: 3rem; border-width: 1px;  }
    .inputs_wrapper_advanced { display: block; padding: 2rem 0; }
    .mouse { display: none; }
    .input_wrapper { padding: 0; border: 0; }
    .input_wrapper .checkmark_container { font-size: 1rem; }
    .search_advanced_input_wrapper .checkmark_container { padding-left: 2rem; padding-right: 2rem; padding-bottom: 6px; }
    .search_advanced_input_wrapper .checkmark { height: 1.25rem; width: 1.25rem; }
    .search_advanced_input_wrapper .checkmark:after { left: 0.3rem; top: 0.05rem; width: 0.4rem; height: 0.8rem; border-width: 0 0.2rem 0.2rem 0; }
    .custom-select { font-size: 1rem; font-weight: 500; }
    .all-items { border-radius: 0 0 1rem 1rem; max-height: 16em; }
    .item { font-size: .85rem; padding: .5rem 1rem; }
    .selected-item { color: #223A5E; padding-bottom: 5px; line-height: 1.5; }
    .custom-select.search_advanced_input_wrapper .selected-item { font-size: 1rem; }
    .home_about_content_wrapper .btn_blue_icon:hover { background-color: transparent; }

    /* Short Single */
    .container_inner { padding: 7rem 1.5rem 2rem 1.5rem; }
    #location_single_gallery { display: none; }
    h2.intro_title { text-align: center; }
    h2 span { font-size: 1rem; padding-bottom: .5rem; }
    .slider_gallery_slide { height: 15em !important; border-radius: .5rem;  }
    .btn_fav { justify-content: center; font-size: 1rem; padding: 1rem 0 2rem 0; }
    .btn_fav svg { height: 1.5rem; padding: 0 .75rem 0 0; }
    #gallery_mobile .location_item__specs { padding: 1rem 0 2rem 0; text-align: center; justify-content: center; flex-wrap: wrap; }
    .location_item__specs span { padding: .25rem 1rem; font-size: .85rem; font-weight: 500; text-align: center; white-space: nowrap;  }
    .location_item__specs span img { height: .85rem; padding: 0 .25rem 0 0;  }
    .location_item__infos_block { padding-bottom: 1.5rem;  margin: 1.5rem 0; font-size: 1rem; }
    .location_item__infos_block p, .location_item__infos_block li { font-size: 1rem; }
    #location_single_details { padding: 1rem 0 2rem 0; }
    #location_single #location_single_details .row { flex-direction: column-reverse; }
    .location_item__rightcol { padding-left: 0; font-size: 1rem; }
    #location_single_details .location_item__price { padding: 1rem 0;  }
    #location_single_details .location_item__specs { display: none; }
    #location_single_details .location_item__form { padding: 1rem 0; }
    #location_single_details .search_advanced_input_wrapper { margin: 0 0 1.5rem 0; }
    .location_item__rightcol input, .location_item__rightcol input::placeholder { font-size: 1rem !important; }
    button.btn_button { padding: 0 2rem; border-radius: 2rem; width: 100%; margin: 1.5rem 0 0 0; height: 3rem;  }
    .location_item__rightcol button { border-radius: 2rem;  }
    .map_single_address { font-size: 1rem; padding: 0 0 1rem 0;  }
    #location_single #map, #location_single_long #map { width: 100%; height: 20em;  border-radius: .5rem; }
    .slider_arrow_left, .slider_arrow_right { width: .75rem; }
    .slider_arrow_right { right: -1.5rem; }
    .slider_arrow_left { left: -1.5rem;  }
    #gallery_mobile .btn_fav { display: flex; margin: auto; }
    #gallery_mobile .actions_wrapper { padding: 1rem 0; }
    #form_section { padding-top: 5rem; }

    /* Long Single */
    #single_gallery { display: none; }
    .wrapper_50 { display: block; }
    .search_advanced_input_wrapper_title { margin: 0 0 1.5rem 0; font-weight: 600; }

    /* Short Term listing */
    #short_term_listing, #short_term .intro_inner, #long_term .intro_inner { display: none; }
    .map_wrapper__mobile { padding: 2rem 0 .5rem; }
    .map_wrapper__header { display: flex; align-items: center; justify-content: space-between; padding: 0 0 1rem 0; }
    .map_wrapper__header span:first-child { font-weight: 600; }
    .map_wrapper__header span { display: flex; align-items: center; }
    .map_wrapper__header span img { display: block; padding: 0 0 0 .5rem; }
    #map_mobile { width: auto; height: 25em;}
    .location_item { border-radius: 1.5rem 1.5rem 0 0; }
    .location_item__fav { top: 1rem;  right: 1rem; }
    .location_item__fav svg { width: 2rem; height: 2rem; }
    .location_item__img { height: 15em; }
    .location_item__header { padding: 1rem; font-size: .85rem; }
    .location_item__header img { height: 1rem; padding: 0 .25rem 0 0; }
    .location_item__title { font-size: 1.2rem; padding: 0 1rem .5rem 1rem; }
    .location_item__specs { padding: 0 0 1rem 0; }
    .location_item__price { padding: 0 1rem 1rem 1rem; }
    #renting_mobile__map .map_wrapper__header { padding: 0 2rem 1rem 2rem; }
    #renting_mobile__map, #renting_mobile__listing { display: none !important; }
    #renting_mobile__map.open, #renting_mobile__listing.open { display: block !important; }
    #intro_inner_mobile h1 { text-align: center; margin: 0 0 2rem 0; }
    .nav_wrapper { padding-top: 2rem; font-size: 1rem; }
    .nav_wrapper ul li a { font-size: 1rem; width: 2rem; height: 2rem; }
    .nav_wrapper ul li { padding: 0 .25rem; }
    .nav_wrapper ul li img { width: .65rem; margin: .5rem; }
    .slider_gallery { margin: 0 1rem; }

    /* Stays */
    #rentings h3 { font-weight: 500; font-size: 1.1rem; margin: 0 0 2rem 0; }
    .rentings_wrapper { border-radius: 1.5rem 1.5rem 0 0; padding: 1.5rem; margin: 0 0 2rem 0; }
    .rentings_wrapper ul { margin: 0 0 1rem 0; }
    .rentings_wrapper ul li { padding: .5rem 0; }
    .rentings_wrapper h4 { padding: 0 0 1rem 0; margin: 0 0 1rem 0;  }
    .img_content_box:nth-child(even) { flex-direction: inherit; }
    .img_content_box:nth-child(odd) { flex-direction: inherit; }
    .img_content_box { flex-direction: column-reverse !important; }
    .img_content_box__bg img { display: block; border-radius: 1.5rem; margin-bottom: 1.5rem; }
    #rentings .col-md-6:last-child .rentings_wrapper { margin: 0 0 1rem 0; }
    .img_content_box h3 { margin: 0 0 1rem 0;  }
    .img_content_box { padding: .5rem 0 2rem 0; }
    .img_content_box__bg__mobile { margin-bottom: 2rem; }

    /* Renting property */
    .intro_inner h1 { margin: 0 0 1.5rem 0; }
    .intro_inner h3 { text-align: center; }

    /* Contact */
    #contact .werfy_crest { display: none; }
    #contact .intro_inner { text-align: center; }
    #contact .intro_inner .social { padding: 0 0 3rem 0; }
    .intro_inner .social svg {  width: 2.5rem; height: 2.5rem; }
    .werfy_crest__mobile { display: block; margin: 3rem 0 0 0; }

    /* Qui sommmes-nous */
    #about .img_content_box__bg img { border-radius: 3rem 0 3rem 0; }

    /* Équipe */
    .job__wrapper { border-radius: 1rem; padding: 2rem; margin: .75rem 0; }
    .job__wrapper h4 { font-size: 1.65rem; margin: 0 0 1.5rem 0;  }
    .career_table { margin: 0 0 2rem 0; }
    .job__wrapper .btn_blue_icon { width: auto; }
    .job__wrapper .btn_blue_icon svg { display: block; width: .45rem; opacity: 1; margin: 0 0 0 1.2rem; }
    .job__wrapper .btn_blue_icon svg .fill { fill: #fff; }
    #location_single_specs { justify-content: space-between; }
    #location_single_specs span.data { padding-top: .5rem; height: 3rem; }
    #location_single_share { display: block; margin: 2rem 0 .5rem; }
    #location_single_share a img { padding: 0 .5rem 0 0;  }
    #location_single_share a { font-size: 1rem;  }
    #location_single_specs div { display: flex; flex-direction: column; }
    #location_single_specs span.caption { display: flex; align-items: flex-end; height: 3rem; }

    /* Services aux entreprises */
    .intro_inner { padding-bottom: 1.5rem; }
    .intro_inner .btn_blue_icon { width: auto; }

    /* Fav */
    .intro_inner h1 img { width: 2rem; margin-right: .5rem; top: -2px;  }

    /* 404 */
    #error404 .img_bg { display: none; }
    #error404 { padding-top: 7rem; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url('../images/404_bg.jpg') !important; }
    #error { padding: 1.5rem; min-height: 75svh; justify-content: flex-start; align-items: flex-start; }
    #error h1 { font-size: 2.75rem; }
    #error h1 span.subtitle { font-size: 1rem; font-weight: 500; padding: 1rem 0 0 0; margin: 0 0 2rem 0; }
    #error .btn_blue_icon { width: auto; }

    /* Blog */
    #blog_featured .row { flex-direction: column-reverse; }
    #blog_featured .aPost_img { margin-bottom: 1rem; }
    #blog_featured .actions_wrapper { display: block; padding: .5rem 0 1.5rem; }
    #blog_featured .actions_wrapper .btn_blue_icon { display: inline-flex; width: auto; }
    #blog_featured { padding-bottom: 0; margin-bottom: 2rem; }
    #blog_featured img { border-radius: 1rem; }
    .aPost { flex-direction: row; gap: 1.5rem; margin-bottom: 2rem; }
    #blog_listing .aPost_img { border-radius: 1rem; width: 50%; }
    .aPost_infos { width: 50%; }
    .post_date { display: block; font-size: .85rem; margin-top: .5rem; }
    #blog_single .container_inner { padding: 5rem 1.5rem 2rem 1.5rem; }
    .blog_single_bloc { display: block; padding: 0; margin: 2rem 0 0 0; }
    .blog_single_img { border-radius: 1rem; margin: 2rem 0; }
    #blog_single #blog_listing { padding: 2rem 0 0 0; margin: 2rem 0 0 0; }
    #blog_single .post_date { margin-top: 0; }
    .post_header_sep { padding: 0 .5rem; }
    #blog_single h1 { margin: 0 0 1rem 0; }

    /* Other fixes */
    #error .search-form { margin-top: 2rem; }
    .wpforms-container .wpforms-field { margin: 0 0 1.5rem 0 !important; }
    div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea { border-radius: 0 !important; font-size: 1rem !important; }
    div.wpforms-container-full .wpforms-field-label { font-size: 1rem !important; }
    div.wpforms-container div.wpforms-uploader .dz-message svg { width: 2rem !important; height: 2rem !important; margin-bottom: 1rem !important; }
    div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button { height: 3rem !important; padding: 0 1.5rem !important; border-radius: 1rem !important;  font-size: 1rem !important; }
    div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { font-size: 1rem !important; }
    div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable { font-size: 1rem !important; }
    div.wpforms-container .wpforms-form .choices__list--dropdown { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
    div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { padding: .5rem 1rem !important; font-size: 1rem !important; }
    .optgroup-label { font-size: 1rem; padding: .5rem 1rem; }

}



/* Small devices - portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {

    body, html { overflow-x: hidden; font-size: 0.833rem; }
    .tel-link { pointer-events: auto; cursor: pointer; }
    .container_inner { padding: 7rem 10vw 5rem 10vw; }

    /* Header + footer */
    header.main { height: 5rem; }
    header.main .logo svg, footer.main .logo svg { width: 15vw; }
    footer.main { padding: 2rem 10vw; }
    footer.main p { font-size: .75rem; }
    header.main.sticky, body.light header.main.sticky { height: 4rem; }

    /* Home */
    .home_search { width: 40vw; }
    .wpml-ls-legacy-list-horizontal a { font-size: 0.833rem; }
    h1 { font-size: 2rem; }
    .input_wrapper input, .input_wrapper select { font-size: 0.833rem; height: auto; }
    ::placeholder { font-size: 0.833rem !important; }
    .input_wrapper .checkmark_container { font-size: 0.833rem; }
    .checkmark { height: 1rem; width: 1rem; }
    .checkmark_container .checkmark:after { left: .25rem; top: 0; width: 0.5rem; height: .75rem; }
    .input_wrapper svg { width: 1.5rem; }
    button.btn_button { margin: 1rem 0 0 0; height: 2rem; }
    .btn_white { height: 2rem; }
    #werfy_search { height: 50vh; }
    .mouse { width: 1.25rem; height: 2rem; margin: 0; }
    .ball { top: .25rem; width: .4rem; height: .4rem; }
    h3 { font-size: 1.667rem; margin: 0 0 2rem 0; }
    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #home_intro svg { background-color: #223A5E; }
    #error { min-height: 45svh; }
    p { font-size: 0.833rem; }
    .home_services__item img { height: 5rem; padding-bottom: 1rem;  }
    #home_about { padding: 5rem 15vw;  }

    /* About */
    .intro_inner .img_content_box__bg { padding-bottom: 2rem; }
    div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea { font-size: .85rem !important; }
    div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button { height: 2rem !important; font-size: .85rem !important;  }

    /* Stays */
    h4 { font-size: 1.25rem; margin: 0 0 2rem 0; }
    .btn_blue_icon { height: 2rem; }
    ul li { font-size: 0.833rem; }
    .img_content_box__bg { margin-top: 2rem; }

    /* Short */
    .search_advanced_input_wrapper img { height: 1.25rem; bottom: .5rem; }
    .search_advanced_input_wrapper .checkmark { height: 1.2rem; width: 1.2rem; }
    .form_wrapper_line { flex-wrap: wrap;  }
    .search_advanced_input_wrapper .checkmark_container { padding-left: 1.5rem; }

    /* Other fixes */
    #error .search-form { margin-top: 2rem; }
    .wpforms-container .wpforms-field { margin: 0 0 1.5rem 0 !important; }
    div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea { border-radius: 0 !important; font-size: 1rem !important; }
    div.wpforms-container-full .wpforms-field-label { font-size: 1rem !important; }
    div.wpforms-container div.wpforms-uploader .dz-message svg { width: 2rem !important; height: 2rem !important; margin-bottom: 1rem !important; }
    div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button { height: 3rem !important; padding: 0 1.5rem !important; border-radius: 1rem !important;  font-size: 1rem !important; }
    div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { font-size: 1rem !important; }
    div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable { font-size: 1rem !important; }
    div.wpforms-container .wpforms-form .choices__list--dropdown { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
    div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { padding: .5rem 1rem !important; font-size: 1rem !important; }
    .optgroup-label { font-size: 1rem; padding: .5rem 1rem; }


}

/* Small devices - landscape */
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 75vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 85svh; }

}



/* Medium devices - portrait */
@media only screen and (min-width: 992px) and (max-width: 1024px) and (orientation: portrait) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 40vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 50svh; }

}

/* Medium devices - landscape */
@media only screen and (min-width: 992px) and (max-width: 1024px) and (orientation: landscape) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 75vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 85svh; }

}



/* Large devices - portrait */
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (orientation: portrait) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 50vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 50svh; }
    

}

/* Large devices - landscape */
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (orientation: landscape) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 75vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 85svh; }

}



/* Extra large devices - portrait */
@media only screen and (min-width: 1201px) and (max-width: 1366px) and (orientation: portrait) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 50vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 50svh; }
  
}

/* Extra large devices - landscape */
@media only screen and (min-width: 1201px) and (max-width: 1366px) and (orientation: landscape) {

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .img_bg { top: 0; left: 0; width: 100%; height: auto; transform: inherit !important; }
    #werfy_search { height: 75vh; }
    #home_intro svg { background-color: #223A5E; }

    #error { min-height: 75svh; }
  
}