@media screen and (min-width: 1200px) and (max-height: 800px) {
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1350px;
  }

  .max-width-1380px {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
  }

  .max-width-1440px {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  /** Header **/

  .site-navigation__inner {
    border-radius: 80px;
    padding: 0 30px;
    background: #fff;
    position: relative;
  }

  .site-navigation__menu-inner:before {
    content: "";
    background: url("../images/layer-shape.svg") no-repeat top left;
    position: absolute;
    top: 0;
    left: 26px;
    width: 35px;
    height: 60px;
  }

  .site-branding {
    position: relative;
    display: flex;
    align-items: center;
    width: 275px;
  }

  .site-navigation__menu,
  .main-header .site-navigation .menu > ul {
    display: flex;
    align-items: center;
  }

  .main-header .site-navigation .menu {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .main-header .site-navigation .menu ul li:hover > ul,
  .main-header .site-navigation .menu ul li.hover > ul {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: translateY(0);
    transform: scaleY(1);
  }

  .main-header .site-navigation .menu > ul > li > a {
    margin-right: 48px;
    padding: 30px 0;
    min-height: 125px;
  }

  .main-header .site-navigation .menu > ul > li:nth-last-child(1) {
    display: none;
  }

  .main-header .site-navigation .menu > ul > li:last-child > a {
    margin-right: 0;
  }

  .main-header .site-navigation .menu > ul > li.has-submenu > a:after {
    content: "\f107";
    display: inline-block;
    font-family: "FontAwesome";
    position: relative;
    font-weight: 900;
    margin-left: 6px;
    font-size: 14px;
    top: 0;
    text-decoration: none;
    vertical-align: middle;
    line-height: 8px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
  }

  .main-header .site-navigation .menu > ul > li.has-submenu.active > a:after,
  .main-header .site-navigation .menu > ul > li.has-submenu:hover > a:after,
  .main-header .site-navigation .menu > ul > li.has-submenu.hover > a:after {
    transform: rotate(-180deg);
  }

  .main-header .site-navigation .menu ul ul > li:not(:last-child) {
    margin-bottom: 2px;
  }

  .main-header .site-navigation .menu ul ul > li:first-child a {
    border-radius: 16px 16px 0 0;
  }

  .main-header .site-navigation .menu ul ul > li:last-child a {
    border-radius: 0 0 16px 16px;
  }

  .main-header .site-navigation .menu > ul > li > ul {
    text-align: left;
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    transform-origin: 0 0;
    transform: scaleY(0);
    left: 0;
    top: auto;
    z-index: 90;
    min-width: 316px;
    width: max-content;
    padding: 16px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 0 50px 0 rgba(35, 31, 32, 0.25);
    overflow: hidden;
  }

  .main-header .site-navigation .menu ul ul li {
    /* white-space: nowrap; */
  }

  /** Content **/

  .intern .about-us-section {
    padding: 179px 0 120px;
  }
}

@media screen and (min-width: 1400px) {
  /** Header **/
  .site-navigation__inner {
    padding: 0 60px;
  }

  .main-header .other-links ul li:nth-child(2) {
    display: flex;
  }

  /** Content **/
  .blk-form-free-quote form {
    gap: 40px;
  }

  .blk-form-free-quote .sect-title .bloc-title {
    margin: 42px 26px 0 0;
  }

  .blk-form-free-quote .list-btn {
    padding: 20px;
  }

  .bloc-image.image-3 {
    width: 620px;
    height: 713px;
  }
}

@media screen and (min-width: 1600px) {
  /**Header**/

  /** Content **/
}

@media screen and (min-width: 1920px) {
  /**Header**/

  /** Content **/
}

@media screen and (max-width: 1199px) {
  .about-us-section .img-box.default-image::before {
    content: none;
  }
  /** Header **/
  .main-menu-toggle {
    display: block;
  }

  .sticked-menu {
    display: none !important;
  }

  .main-menu-toggle {
    position: absolute;
    right: 0;
    top: 34px;
    height: 20px;
    width: 31px;
    float: right;
  }

  .main-menu-toggle label {
    cursor: pointer;
    position: static;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
  }

  .main-menu-toggle .toggle-block {
    position: absolute;
    height: 3px;
    width: 100%;
    padding: 0;
    background-color: #1d1e1c;
  }

  .main-menu-toggle .toggle-blocks-1 {
    position: relative;
    float: left;
  }

  .main-menu-toggle .toggle-blocks-2 {
    position: relative;
    float: left;
    margin-top: 6px;
  }

  .main-menu-toggle .toggle-blocks-3 {
    position: relative;
    float: left;
    margin-top: 6px;
  }

  .main-menu-toggle
    input[type="checkbox"]:checked
    ~ .main-menu-toggle-block
    > .toggle-blocks-2 {
    opacity: 0;
  }

  .main-menu-toggle
    input[type="checkbox"]:checked
    ~ .main-menu-toggle-block
    > .toggle-blocks-1 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-top: 10px;
  }

  .main-menu-toggle
    input[type="checkbox"]:checked
    ~ .main-menu-toggle-block
    > .toggle-blocks-3 {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -12px;
  }

  .main-header .site-navigation .menu,
  .main-header .site-navigation .menu > ul > li > ul {
    display: none;
  }

  .main-header .site-navigation .menu.active,
  .main-header .site-navigation .menu > ul > li > ul.active {
    max-height: 55em;
    display: block;
  }

  .main-header .site-navigation .menu > ul > li > a {
    padding: 10px 0;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    color: #1d1e1c;
  }

  .main-header .site-navigation .menu > ul > li > a br {
    display: none;
  }

  .main-header .site-navigation .menu ul ul > li a {
    color: #1d1e1c;
    padding: 3px 0 3px 25px;
    font-weight: 400;
    background: none;
  }

  .main-header .site-navigation .menu ul ul > li.active > a,
  .main-header .site-navigation .menu ul ul > li:hover > a,
  .main-header .site-navigation .menu ul ul > li.hover > a,
  .main-header .site-navigation .menu > ul > li.active > a,
  .main-header .site-navigation .menu > ul > li:hover > a,
  .main-header .site-navigation .menu > ul > li.hover > a {
    color: #d39835;
    background: none;
  }

  .main-header .site-navigation .menu ul > ul,
  .main-header .site-navigation .menu ul > ul > ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none;
  }

  .main-header .site-navigation .menu > ul {
    position: absolute;
    left: 0;
    max-height: calc(100vh - 80px);
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 100px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 0 100px 0 rgb(0 0 0 / 11%);
    z-index: 100;
    width: 100%;
    z-index: 20000;
    top: auto;
    background-color: #fff;
    overflow-y: scroll;
    border-top: 0;
  }

  .main-header .site-navigation .menu > ul > li.has-submenu > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 14px;
    position: relative;
    display: inline-block;
    margin-left: 5px;
    font-weight: 700;
  }

  .main-header .site-navigation .menu ul > li.has-submenu > a.active:after {
    content: "\f106";
  }

  .main-header .site-navigation .menu li,
  .main-header .site-navigation .menu > ul > li {
    display: block;
    overflow: hidden;
  }

  .main-header .site-navigation .menu,
  .main-header .site-navigation .menu > ul > ul {
    max-height: 0;
    background-color: #fff;
  }

  .site-navigation.fixed-header {
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
    position: fixed;
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.08);
    background: #1d1e1c;
  }

  .main-header__top {
    background: #1d1e1c;
    padding: 12px 0;
  }

  .main-header__top ul li a.menu__client-area-link,
  .main-header__top-inner {
    padding: 0;
  }

  .site-navigation.fixed-header .site-branding .img-logo {
    display: none !important;
  }

  .site-navigation.fixed-header .site-branding .img-logo-2 {
    display: flex !important;
  }

  .site-navigation.fixed-header .main-menu-toggle .toggle-block {
    background-color: #fff;
  }

  .main-header {
    background: #fff;
  }

  .main-header__top > .container,
  .site-navigation > .container {
    max-width: 100%;
  }

  .site-navigation .site-branding {
    width: 175px;
    padding: 3px 0;
  }

  /** Content **/

  .footer-column,
  .page section {
    padding-top: clamp(50px, 1rem + 7.8vh, 100px);
    padding-bottom: clamp(50px, 1rem + 7.8vh, 100px);
  }

  .page .company-benefits-section {
    padding-bottom: 210px;
  }

  .page .about-us-section {
    padding-top: 179px;
  }

  .page .contact-us-section {
    padding: 150px 0 233px;
  }

  .page .testimonials-section {
    padding-bottom: 150px;
  }

  .width-lg-45 {
    width: 45%;
  }

  .width-lg-40 {
    width: 40%;
  }

  .width-lg-50 {
    width: 50%;
  }

  .bloc-content.img-box--left .img-box {
    margin-right: 30px;
  }

  .bloc-content.img-box--right .img-box {
    margin-left: 30px;
  }

  .blk-form-free-quote .sect-title .bloc-title {
    margin: 0;
    width: 100%;
  }

  .blk-form-free-quote .next-step {
    padding-top: 0;
  }

  .blk-services-immo {
    flex-direction: column;
    align-items: start;
  }

  .copyright {
    flex-direction: column;
    gap: 15px;
  }

  .blk-form-free-quote form {
    flex-direction: column;
  }

  .benefit-item .benefit-number {
    font-size: 85px;
  }

  .benefit-ico img {
    width: 95px;
    height: 95px;
  }

  .macaron {
    width: 200px;
    height: 200px;
    padding: 35px;
    bottom: -72px;
  }

  .macaron-ico {
    padding: 26px;
  }

  .macaron .text-circle {
    width: 86%;
  }

  .about-us-section .layer-shape {
    /* width: 500px; */
    width: 39%;
  }

  .intern.page-contact .banner-section .banner-inner,
  .intern .banner-section .banner-inner,
  .banner-slide .banner-slide__item {
    padding-top: 128px;
  }

  .macaron .corner:before {
    left: -27px;
    top: 82px;
  }

  .macaron .corner:after {
    right: -27px;
    top: 82px;
  }

  .blk-services-immo {
    margin-top: 80px;
  }

  .bloc-image.image-3 {
    width: 417px;
    height: 480px;
  }
}

@media screen and (max-width: 991px) {
  /** Header **/

  /** Content **/
  .about-us-section .img-box.default-image::before {
    content: "";
  }
  html {
    font-size: clamp(14px, 1vw, 15px);
  }

  .width-lg-40,
  .width-lg-45,
  .width-lg-50 {
    width: auto;
  }

  .bloc-content.img-box--right .img-box,
  .bloc-content.img-box--left .img-box {
    margin-right: 0;
    margin-left: 0;
  }

  .banner-slide__pagination.slide-control-dots {
    margin-top: 0;
  }

  .banner-slide__pagination.slide-control-dots
    .swiper-pagination-bullet
    .dot-number {
    top: -9px;
  }

  .btn-1,
  .btn-2,
  button,
  input[type="submit"],
  input[type="button"] {
    height: 58px;
    padding: 6px 6px 6px 25px;
  }

  .btn-ico {
    width: 48px;
    height: 48px;
  }

  .form-quote__inputs fieldset:first-child {
    margin: 0 0 26px;
  }

  .blk-form-free-quote .next-step button {
    width: 70px;
    height: 70px;
    padding: 28px;
  }

  .macaron {
    bottom: -75px;
  }

  .bloc-image.image-1 {
    width: 100%;
    position: relative;
  }

  .intervention-area-section .bloc-content .txt-box {
    padding-top: 0;
  }

  .bloc-image.image-1 img {
    border-radius: 30px 30px 30px 0;
  }

  .services-slide__pagination.swiper-pagination-bullets.slide-control-dots {
    justify-content: end;
  }

  .our-services-immo__head {
    margin-bottom: 25px;
  }

  .copyright {
    border-radius: 40px;
  }

  .bloc-image.image-3 {
    width: 500px;
    height: 575px;
  }

  .blk-contact-infos {
    max-width: 100%;
  }

  ul.contact-list {
    flex-direction: row;
    flex-wrap: wrap;
  }

  ul.contact-list li {
    min-width: 240px;
  }
  .about-us-section .layer-shape {
    width: 60%;
  }

  .contact-us-section .layer-shape {
    width: 380px;
  }
}

@media screen and (max-width: 767px) {
  /** Header **/
  .main-header__top ul {
    justify-content: space-between;
  }

  .main-header__top ul li a > span:first-child svg,
  .main-header__top ul li a > span:first-child img {
    width: 14px;
    height: 14px;
  }

  .main-header__top {
    padding: 8px 0;
  }

  .site-navigation .site-branding {
    width: 145px;
    padding: 0;
  }

  .main-menu-toggle {
    top: 24px;
  }

  /** Content **/
  .banner-slide__content .banner-actions {
    justify-content: start;
  }

  .banner-slide .banner-title {
    margin-bottom: 50px;
  }

  .banner-slide .banner-slide__item {
    height: 100%;
    min-height: 685px;
    padding-top: 100px;
    align-items: center;
  }

  .banner-slide__pagination.slide-control-dots {
    margin-top: 40px;
    right: 0;
  }

  .macaron {
    width: 150px;
    height: 150px;
    padding: 25px;
    bottom: -55px;
  }

  .macaron-ico {
    padding: 20px;
  }

  .macaron .corner:before {
    left: -25px;
    top: 45px;
  }

  .macaron .corner:after {
    right: -25px;
    top: 45px;
  }

  .intern .banner-title,
  .intern.page-contact .banner-title,
  .banner-title {
    font-size: clamp(34px, 1rem + 3vw, 64px);
  }

  .sect-title h1,
  .sect-title .h1,
  .page-title {
    font-size: clamp(28px, 1rem + 2.8vw, 60px);
  }

  .sect-title h2,
  .sect-title .h2,
  .sect-title .bloc-title {
    font-size: clamp(26px, 1rem + 2.2vw, 50px);
  }

  .testimonials__content .sect-title .bloc-title,
  .service-item .service-title,
  .benefit-item .benefit-title,
  .blk-form-free-quote .sect-title .bloc-title {
    font-size: clamp(22px, 1rem + 1vw, 32px);
  }

  .btn-1,
  .btn-2,
  button,
  input[type="submit"],
  input[type="button"] {
    height: 52px;
  }

  .btn-ico {
    width: 42px;
    height: 42px;
  }

  .blk-form-free-quote .next-step button {
    width: 62px;
    height: 62px;
    padding: 24px;
  }

  .blk-form-free-quote .form-group button span:first-child {
    width: 57px;
    height: 57px;
  }

  .blk-form-free-quote .form-group i {
    font-size: 27px;
  }

  .blk-form-free-quote .form-group i.fnt-rdvdiag-maison,
  .blk-form-free-quote .form-group i.fnt-rdvdiag-vente {
    font-size: 30px;
  }

  .blk-form-free-quote .form-group i.fnt-rdvdiag-appartement {
    font-size: 24px;
  }

  .benefit-item .benefit-number {
    font-size: 70px;
  }

  .benefit-ico img {
    width: 80px;
    height: 80px;
  }

  .benefit-item .benefit-title {
    margin-top: 30px;
  }

  .benefit-item {
    padding: 40px 30px;
  }

  .bloc-image.image-2 {
    width: 60%;
  }

  .swiper.services-slide .swiper-slide,
  .swiper.services-slide .swiper-slide:hover {
    flex: none;
  }

  .service-item .service-text {
    display: none;
  }

  .service-item .service-text-hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .service-item .separation {
    background-position: top left;
  }

  .service-item .service-image {
    height: 420px;
  }

  .service-item .service-ico {
    width: 70px;
    height: 70px;
  }

  .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
  }

  .swiper-pagination-bullets .swiper-pagination-bullet:before {
    width: 8px;
    height: 8px;
  }

  .swiper-pagination-bullets.slide-control-dots {
    gap: 4px;
  }

  .testimonials__content,
  .blk-services-immo {
    padding: 40px;
  }

  .actus-item .actus-image {
    height: 300px;
  }

  .footer-contacts ul {
    gap: 30px;
  }

  .footer-services ul {
    gap: 23px;
  }

  .footer-title {
    margin-bottom: 40px;
  }

  .newsletter-form .form-group .form-control {
    height: 60px;
  }

  ul.contact-list li .contact-ico {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }

  ul.contact-list li .contact-ico svg {
    width: 20px;
    height: 20px;
  }

  .map-section {
    height: 570px;
  }
}

@media screen and (max-width: 576px) {
  /** Header**/

  /** Content **/
  .banner-slide__pagination.swiper-pagination-bullets.slide-control-dots {
    display: none;
  }

  /* .blk-form-free-quote .list-btn {
    flex-direction: column;
    gap: 24px;
  } */

  .form-quote__inputs fieldset,
  .form-quote__inputs {
    width: 100%;
    max-width: 260px;
  }

  .benefit-ico img {
    width: 70px;
    height: 70px;
  }

  .benefit-item .benefit-number {
    font-size: 60px;
  }

  .bloc-image.image-2 {
    border-width: 10px;
  }

  .service-item .service-ico {
    width: 60px;
    height: 60px;
  }

  .service-item .service-text-hover {
    gap: 25px;
  }

  .service-item .service-image {
    height: 370px;
  }

  .service-item .separation {
    background-position: top right;
  }

  .blk-contact-infos,
  .testimonials__content,
  .blk-services-immo {
    padding: 30px;
  }

  .testimonials__content {
    width: 300px;
  }

  ul.contact-list li {
    gap: 15px;
  }

  .map-section {
    height: 400px;
  }

  .intervention-map {
    margin-top: -90px;
  }

  .page .contact-us-section {
    padding: 120px 0 180px;
  }
  .blk-form-free-quote .form-group button {
        min-width: 90px;
        font-size: .83rem;
  }
}