@media (min-width: 1738px) {
  #menu li .dropdown-prant::after{
    height: unset;
  }
  html{
    font-size: 88.5%;
  }
}
@media (max-width: 1739px) {
  html{
    font-size: 78.5%;
  }
}
@media (max-width: 1630px) {
  html{
    font-size: 74%;
  }
}
@media (max-width: 1450px) {
  html{
    font-size: 65.5%;
  }
}
@media (max-width: 1300px) {
  html{
    font-size: 62.5%;
  }
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 992px) {
  .container {
    max-width: 95rem;
  }

  .histoirepage .container {
    max-width: 106rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .gestion_locative_page .service_compet_area .container {
    max-width: 106rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 1199px) {
  #menu {
    margin-right: 3vw;
  }

  .manner_inner .bot-img {
    right: -1vw;
  }

  .contactpage .hero_inner2 {
    padding: 2rem 3.5rem;
    background: #fff;
  }

  .contactpage .hero_inner2 ul li.last_itme {
    max-width: 21rem;
  }

  .gestion_locative_page .service_compet_area .container {
    max-width: 90rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet
    .bg_image {
    position: absolute;
    top: -2rem;
    left: -5rem;
  }

  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet_wrap_2
    .service_compet
    .bg_image {
    left: -3rem;
  }
}
@media (max-width: 991px) {
  #menu {
    display: none;
  }

  .hamburger-menu {
    display: inline-block;
    margin-right: 1.5rem;
  }

  .ofcavas-menu {
    display: block;
  }

  .hero_area_wrap .top_con_area {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  /* ----
    Home Page Responsive Code Start
  ------ */
  .homepage {
    overflow: hidden;
  }
  .homepage .hero_area .owl-dots .owl-dot {
    width: 5rem;
  }
  .homepage .hero_area .owl-dots {
    left: 65%;
  }
  .homepage .manner_inner .bot-img {
    right: -5%;
  }
  .homepage .manner_inner {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .homepage .decourez_area .card_item {
    margin-bottom: 3rem;
  }
  .homepage .decourez_area .main_btn {
    margin-top: 0;
  }
  .homepage .contact_area .contact_inner {
    margin-left: 11rem;
  }

  /* ----
    Home Page Responsive Code End
  ------ */
  /* ----
    History Page Responsive Code End
  ------ */
  .histoirepage .history_area .cpr {
    padding-right: 4rem;
  }
  .histoirepage .history_area .cpl {
    padding-left: 4rem;
  }
  .histoirepage .row > * {
    padding: 4rem 0;
    padding-top: 0;
  }
  .histoirepage .history_area .sec_title {
    font-size: 5.5rem;
    margin-bottom: 1rem;
  }
  .histoirepage .history_area .con {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .histoirepage .history_area .con br {
    display: none;
  }

  /* ----
    History Page Responsive Code End
  ------ */
  /* ----
    Contact Page Responsive Code start
  ------ */
  .contactpage .hero_inner {
    width: 36rem;
  }
  .contactpage .hero_area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -7rem;
}
  .contactpage .hero_inner .from_wrapper {
    width: 28rem;
  }
  .contactpage .hero_inner2 ul {
    justify-content: center !important;
    align-items: flex-end !important;
  }
  .contactpage .hero_inner2 ul li {
    margin: 0.5rem 1rem;
  }
  .contactpage .decourez_area .card_item {
    margin-bottom: 3rem;
  }
  .contactpage .decourez_area .main_btn {
    margin-top: 0;
  }

  /* ----
    Contact Page Responsive Code End
  ------ */
  /* ----
    Equipe Responsive Code Start
  ------ */
  .equipepage .hero_area .top_con_area {
    padding-top: 10rem;
    padding-bottom: 2rem;
  }
  .equipepage .lecuyer_area .lecuyer_inner .right_area {
    padding-left: 4rem;
  }
  .equipepage .lecuyer_area .lecuyer_inner .left_area {
    padding-right: 4rem;
  }
  .equipepage .common_about_area .con_wrap {
    margin-top: 2rem;
  }
  .equipepage .common_about_area .pr5 {
    padding-right: 3rem;
  }
  .equipepage .common_about_area .pl5 {
    padding-left: 3rem;
  }
  .equipepage .common_about_area {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
  .equipepage .decouvrez_area .decouvrez_ineer .owl-stage-outer {
    margin-top: 4.5rem;
    margin-bottom: 7rem;
  }

  /* ----
    Equipe Responsive Code End
  ------ */
  /* ----
    Nos Biens Location Responsive Code Start
  ------ */
  .nosbienslocation .top_con_area {
    padding-top: 15rem;
    padding-bottom: 5rem;
  }
  .nosbienslocation .decourez_area .card_item {
    background: #fff;
    margin-bottom: 3rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  /* ----
    Nos Biens Location Responsive Code End
  ------ */
  /* ----
    Nos Service Responsive Code Start
  ------ */
  .nosservice .comment_procedons_area .comment_procedons_inner .comment_item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .nosservice
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .con {
    font-size: 1.6rem;
  }

  /* ----
    Nos Service Responsive Code End
  ------ */
  /* ----
    Gestion Locative Responsive Code End
  ------ */
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet {
    margin-bottom: 6rem;
    max-width: 43rem;
    padding-left: 2rem;
    padding-right: 1rem;
  }
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet_wrap_2
    .service_compet {
    margin-bottom: 4rem;
  }
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet_wrap_2
    .service_compet
    .bg_image {
    left: -1rem;
  }
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet
    .con
    li {
    margin-bottom: 0.5rem;
  }
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet
    .bg_image {
    left: -1rem;
  }
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet
    .bg_image {
    max-width: 7rem !important;
  }

  /* ----
    Gestion Locative Responsive Code End
  ------ */
  /* ----
    Vente Responsive Code End
  ------ */
  .ventepage .comment_procedons_area .comment_procedons_inner .comment_item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ventepage
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .con {
    font-size: 1.6rem;
  }

  /* ----
    Vente Responsive Code End
  ------ */
  /* ----
    Bien Responsive Code Start
  ------ */
  .bienPage .full_content_area .content_bot_area .contact_wrap {
    position: inherit;
  }
  .bienPage .full_content_area .content_bot_area .contact_wrap .contact_inner {
    padding: 3rem;
    min-width: 28rem;
  }
  .bienPage
    .full_content_area
    .content_bot_area
    .contact_wrap
    .contact_inner
    .sec_devider {
    margin-left: -2rem;
  }
  .bienPage .full_content_area .content_bot_area .left_con_area .sp_devider {
    margin-left: -1.5rem;
  }

  /* ----
    Bien Responsive Code End
  ------ */
  .nosouvragepage .quelques_mots_area .quelques_mots_inner .quelques_con {
    background: #fff0;
  }
  .nosouvragepage .quelques_mots_area {
    background-position-y: 12rem;
  }


  .hero_area .top_con_area {
  padding-top: 15rem;
  padding-bottom: 0rem;
}
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
  .logo-img {
    width: 50px;
    height: 60px;
    object-fit: cover;
  }

  .ofcavas-menu .accordion {
    padding: 0 2rem;
  }
  .ofcavas-menu .accordion ul {
    padding: 0;
    margin: 0;
    margin-top: 10rem;
  }
  .ofcavas-menu .accordion ul .dropdown {
    margin-top: 0.5rem;
    padding-left: 1rem;
  }

  .hero_area_wrap .top_con_area {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .hero_area_wrap .bot_con_area {
    margin-bottom: 3rem;
  }

  .homepage .hero_area .owl-dots {
    left: 23%;
  }

  .hero_area_wrap .hero_inner {
    padding: 3rem 3rem;
  }

  .hero_area .owl-dots {
    bottom: 2rem;
  }

  .contact_area .contact_inner {
    margin-left: 0rem !important;
    padding: 4.7rem 3rem;
    padding-bottom: 4rem;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .learn_area {
    padding: 2rem 0;
  }

  .learn_area .learn_inner {
    flex-direction: column;
  }

  footer .copyright_con {
    margin-top: 1rem;
  }

  footer {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
  }

  /* ----
    Home Page Responsive Code Start
  ------ */
  .homepage .manner_inner .con2 {
    margin-top: 1rem;
  }
  .homepage .decourez_area .card_item {
    margin-left: 1rem;
    margin-right: 1rem;
    background: #fff;
  }

  /* ----
    Home Page Responsive Code End
  ------ */
  /* ----
    History Page Responsive Code End
  ------ */
  .histoirepage .history_area {
    padding-top: 4rem;
    padding-bottom: 0rem;
  }
  .histoirepage .history_area .lborder,
  .histoirepage .history_area .lmborder {
    position: relative;
    border-right: 0;
    border-bottom: 1px solid #ffe800;
  }
  .histoirepage .history_area .lnborder {
    border: none;
  }
  .histoirepage .history_area .lnborder::before {
    content: none !important;
  }
  .histoirepage .history_area .row > * {
    padding: 2rem 0;
    padding-top: 0;
    margin-bottom: 4rem;
  }
  .histoirepage .history_area .lborder::before,
  .histoirepage .history_area .lmborder::before {
    content: url(../img/history-border.svg);
    position: absolute;
    right: 50%;
    top: unset;
    bottom: -0.3rem;
    transform: translate(50%, 50%);
  }
  .histoirepage .mb_sm0 {
    margin-bottom: 0 !important;
  }
  .histoirepage .history_area img {
    display: block;
    margin: 0 auto !important;
    margin-bottom: 2rem !important;
  }
  .histoirepage .history_area .sec_title {
    font-size: 4.5rem;
    margin-bottom: 1rem;
    text-align: center !important;
  }
  .histoirepage .history_area .con {
    text-align: center !important;
  }
  .histoirepage .history_area .cpl,
  .histoirepage .history_area .cpr {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .histoirepage .mb_sm2 {
    margin-bottom: 2rem;
  }

  /* ----
    History Page Responsive Code End
  ------ */
  /* ----
    Contact Page Responsive Code start
  ------ */
  .contactpage .hero_area {
    display: block !important;
  }
  .contactpage .hero_inner {
    width: 100%;
    padding: 3rem 3rem !important;
    padding-top: 8rem !important;
  }
  .contactpage .hero_inner .from_wrapper {
    width: 100%;
  }
  .contactpage .hero_inner2 ul {
    justify-content: center !important;
    align-items: flex-end !important;
  }
  .contactpage .hero_inner2 ul li {
    margin: 0.5rem 1rem;
  }
  .contactpage .decourez_area .card_item {
    margin-left: 1rem;
    margin-right: 1rem;
    background: #fff;
  }

  /* ----
    Contact Page Responsive Code End
  ------ */
  /* ----
    Equipe Responsive Code Start
  ------ */
  .equipepage .lecuyer_area .lecuyer_inner {
    padding-bottom: 2rem;
    padding-top: 5rem;
  }
  .equipepage .lecuyer_area .lecuyer_inner .left_area {
    padding-bottom: 1rem;
    border-bottom: 1px solid #d5d5d5;
  }
  .equipepage .lecuyer_area .lecuyer_inner .con_wrap {
    margin-top: 1rem;
  }
  .equipepage .lecuyer_area .lecuyer_inner .left_area,
  .equipepage .lecuyer_area .lecuyer_inner .right_area {
    border-right: 0px solid #d5d5d5;
    padding-right: 1rem;
    padding-left: 1rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .equipepage .contact_area::after{
    content: " ";
    position: absolute;
    right: 0;
    left: 14%;
    height: 3rem;
    background: #fff;
    top: 0;
  }
  .equipepage .lecuyer_area .lecuyer_inner .sec_title,
  .equipepage .lecuyer_area .lecuyer_inner .sec_sub_title,
  .equipepage .lecuyer_area .lecuyer_inner .email_wrap,
  .equipepage .lecuyer_area .lecuyer_inner .con,
  .equipepage .cabinet_area .cabinet_inner .sec_title,
  .equipepage .cabinet_area .cabinet_inner .con,
  .equipepage .cabinet_area .cabinet_inner {
    text-align: center !important;
  }
  .equipepage .cabinet_area .cabinet_inner .con {
    margin: 1rem 0;
  }
  .equipepage .common_about_area .pr5,
  .equipepage .common_about_area .pl5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    margin-bottom: 1rem;
  }
  .equipepage .common_about_area .con_wrap {
    margin-top: 1rem;
  }
  .equipepage .common_about_area .sec_devider {
    margin: 1.5rem 0;
  }
  .equipepage .common_about_area {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }
  .equipepage .decouvrez_area {
    margin: 2rem;
    padding: 2rem;
  }
  .equipepage .decouvrez_area .decouvrez_ineer .owl-stage-outer {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }

  /* ----
    Equipe Responsive Code End
  ------ */
  /* ----
    Nos Biens Location Responsive Code Start
  ------ */
  .hero_area .hero_inner {
    padding: 3rem 3rem;
  }

  .nosbienslocation .top_con_area {
    padding-top: 15rem;
    padding-bottom: 5rem;
  }
  .nosbienslocation .hero_area .hero_inner .bot_con_area p {
    margin-left: 0.5rem;
  }
  .nosbienslocation .decourez_area .card_item {
    background: #fff;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .nosbienslocation .decourez_area {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  /* ----
    Nos Biens Location Responsive Code End
  ------ */
  .nosbiensvente .post_item {
    margin-bottom: 2.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .nosbiensvente .post_area {
    padding-top: 4.5rem;
  }

  /* ----
    Nos Service Responsive Code Start
  ------ */
  .nosservice .comment_procedons_area .comment_procedons_inner .comment_item {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 2rem;
    border-left: 0px solid !important;
    border-bottom: 1px solid #ffe800;
  }
  .nosservice .comment_procedons_area .comment_procedons_inner .item_1::before {
    top: unset;
    bottom: -0.7rem;
    border: none;
    left: 0;
  }
  .nosservice
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .con {
    text-align: center;
  }
  .nosservice
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .sec_title {
    text-align: center;
  }
  .nosservice
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .top {
    margin-bottom: 2rem;
  }

  /* ----
    Nos Service Responsive Code End
  ------ */
  /* ----
    Gestion Locative Responsive Code End
  ------ */
  .gestion_locative_page .hero_area{
    background-size: 100% 100%;
  }
  .gestion_locative_page .hero_area .top_con_area {
    padding-top: 15rem;
    padding-bottom: 5rem;
  }
  .gestion_locative_page .gestion_locative_area .gestion_locative_icons {
    overflow: auto;
    padding-bottom: 1rem;
  }
  .gestion_locative_page .gestion_locative_area .gestion_locative_icons li {
    flex-shrink: 0;
    margin-right: 1.5rem;
  }
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet,
  .gestion_locative_page
    .service_compet_area
    .service_compet_inner
    .service_compet_wrap_2
    .service_compet {
    margin-bottom: 5rem;
    padding-right: 0;
  }
  .gestion_locative_page .service_compet_area .service_compet_inner .item_2 {
    margin-top: 0rem;
  }
  .gestion_locative_page .service_compet_area .container {
    max-width: 54rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* ----
    Gestion Locative Responsive Code End
  ------ */
  /* ----
    Vente Responsive Code End
  ------ */
  .ventepage .hero_area .top_con_area {
    padding-top: 15rem;
    padding-bottom: 5rem;
  }
  .ventepage .gestion_locative_area .gestion_locative_icons {
    overflow: auto;
    padding-bottom: 1rem;
  }
  .ventepage .gestion_locative_area .gestion_locative_icons li {
    flex-shrink: 0;
    margin-right: 1.5rem;
  }
  .ventepage .comment_procedons_area .comment_procedons_inner .comment_item {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 2rem;
    border-left: 0px solid !important;
    border-bottom: 1px solid #ffe800;
  }
  .ventepage .comment_procedons_area .comment_procedons_inner .item_1::before {
    top: unset;
    bottom: -0.7rem;
    border: none;
    left: 0;
  }
  .ventepage
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .con {
    text-align: center;
  }
  .ventepage
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .sec_title {
    text-align: center;
  }
  .ventepage
    .comment_procedons_area
    .comment_procedons_inner
    .comment_item
    .top {
    margin-bottom: 2rem;
  }
  .ventepage .comment_procedons_area .comment_procedons_inner .item_1,
  .ventepage .comment_procedons_area .comment_procedons_inner .item_2,
  .ventepage .comment_procedons_area .comment_procedons_inner .item_3 {
    width: 100%;
  }
  .ventepage .card_wrap {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .ventepage .card_wrap .card_item {
    background: #fff;
    padding: 2rem 2rem;
    margin-bottom: 2rem;
    height: calc(100% - 2rem);
  }

  /* ----
    Vente Responsive Code End
  ------ */
  /* ----
    Nos Ouvrages Responsive Code Start
  ------ */
  .nosouvragepage .comptons_area {
    background: #fbfbfb;
    border: 4rem solid #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .nosouvragepage .comptons_area .slider_wrap .owl-stage-outer {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
  .nosouvragepage .quelques_mots_area{
    background-color: #FBFBFB;
  }
  .nosouvragepage .quelques_mots_area .quelques_mots_inner .quelques_con {
    background: #ffffff00;
    max-width: 52rem;
    padding: 2rem 2rem;
    margin-bottom: 2rem;
  }
  .nosouvragepage .hero_area .top_con_area {
    padding-top: 20rem;
    padding-bottom: 5rem;
  }

  /* ----
    Nos Ouvrages Responsive Code End
  ------ */
  /* ----
    Bien Responsive Code Start
  ------ */
  .bienPage .full_content_area .content_bot_area .contact_wrap {
    margin-top: 3rem;
  }
  .bienPage .full_content_area .content_bot_area .left_con_area {
    padding-right: 1rem !important;
  }
  .bienPage .full_content_area .content_bot_area {
    padding-bottom: 4rem;
  }
  .bienPage .card_item.mr_20,
  .bienPage .card_item.ml_10,
  .bienPage .card_item.mr_10,
  .bienPage .card_item.ml_20 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .bienPage .decourez_area .card_item {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .bienPage .decourez_area {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .bienPage .full_content_area .slider_area_wrap {
    margin-top: 3rem;
  }

  /* ----
    Bien Responsive Code End
  ------ */
  footer .foot_con2_wrap {
    max-width: 100%;
  }

  .footer .foot_link {
    margin-bottom: 2rem;
  }
}
/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
  .hero_area .hero_inner{
    padding: 3rem 4rem;
  }
  .contact_area .contact_inner {
    max-width: 100%;
  }

  .homepage .manner_inner {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .contactpage .contact_map_img {
    display: block !important;
    width: 100%;
    max-width: 100%;
  }

  .contactpage .hero_area {
    background-image: none;
  }

  .contactpage .hero_inner {
    max-width: 100%;
  }

  .hero_area .hero_inner {
    max-width: 100%;
  }

  .nosouvragepage .comptons_area {
    border: 2rem solid #fff;
  }
  .learn_area .learn_inner .title_prev span { 
    margin-right: 1rem;
  }
  .equipepage .hero_area{
    background-size: 125% 100%;
    background-position-x: -5rem;
    background-repeat: no-repeat;
  }
}
.hero_area .hero_inner {
  /* background: rgba(10, 45, 111, 0.741) !important; 
  backdrop-filter: blur(2px) brightness(0.5) !important; */
}