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

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

  .min-heigth-379 img {
    min-height: 392px;
  }
  .container-xl-fluid {
    max-width: 100% !important;
  }

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

  /** Header **/

  .site-navigation__menu {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.15);
    padding: 0 16px;
  }

  .site-navigation__inner,
  .site-navigation__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .main-header .site-navigation .menu > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

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

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

  .main-header .site-navigation .menu > ul > li > a {
    padding: 20px 0;
    height: 86px;
  }

  .main-header .site-navigation .menu > ul > li {
    position: relative;
  }

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

  .main-header .site-navigation .menu > ul > li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #efefef;
    width: 1px;
    height: calc(100% - 16px);
  }

  .main-header .site-navigation .menu ul ul > li {
    margin-bottom: 3px;
  }

  .main-header .site-navigation .menu ul ul > li a:after {
    content: "";
    border-radius: 999px;
    background: #334c51;
    height: 100%;
    width: calc(100% + 32px);
    position: absolute;
    top: 1px;
    left: -16px;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
  }

  .main-header .site-navigation .menu ul ul > li.active > a:after,
  .main-header .site-navigation .menu ul ul > li:hover > a:after,
  .main-header .site-navigation .menu ul ul > li.hover > a:after {
    opacity: 1;
  }

  .main-header .site-navigation .menu > ul > li > ul {
    text-align: left;
    position: absolute;
    visibility: hidden;
    display: block;
    opacity: 0;
    -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: translate(0, 10px);
    left: auto;
    margin-left: -30px;
    top: auto;
    z-index: 90;
    width: max-content;
    padding: 20px 40px 24px;
    width: 411px;
    border-radius: 0 0 16px 16px;
    background: #57c1dc;
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.15);
  }

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

  /** Content **/
  .blk-content-grid > .row {
    margin: 0 -24px;
  }

  .blk-content-grid > .row > div {
    padding-left: 24px;
    padding-right: 24px;
  }

  .contact-infos__items
    > .row
    > div:first-child
    .contact-infos__item
    .contact-title,
  .contact-infos__items
    > .row
    > div:first-child
    .contact-infos__item
    .contact-text {
    padding-left: 114px;
  }
}

@media screen and (min-width: 1400px) {
  /** Header **/
  .main-header__top-inner,
  .site-navigation__inner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sticked-menu .other-links .menu__free-quote-link {
    display: flex !important;
  }

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

  .main-header .site-branding {
    width: 350px;
  }

  .sticked-menu .site-navigation__menu {
    padding: 0 16px;
  }

  /** Content **/
  .banner-slide-controls {
    right: 40px;
  }

  .bloc-image.resize-image {
    width: 620px;
    height: 643px;
  }
  .bloc-image.resize-image.heiht-770 {
    height: 770px;
  }
  .banner-slide__item .banner-title {
    max-width: 886px;
  }

  .contact-infos__items
    > .row
    > div:first-child
    .contact-infos__item
    .contact-title,
  .contact-infos__items
    > .row
    > div:first-child
    .contact-infos__item
    .contact-text {
    padding-left: 123px;
  }
}

@media screen and (min-width: 1600px) {
  /**Header**/
  .main-header .site-navigation .menu > ul > li:not(:last-child) {
    margin-right: 52px;
    padding-right: 52px;
  }

  .main-header .site-branding {
    width: 370px;
  }

  .main-header .other-links {
    gap: 55px;
  }

  /** Content **/
}

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

  /** Content **/
}

@media screen and (max-width: 1199px) {
  .min-heigth-379 img {
    min-height: 379px;
  }
  /** Header **/
  .main-menu-toggle {
    display: block;
  }

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

  .main-menu-toggle {
    position: absolute;
    right: 0;
    top: 28px;
    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: #334c51;
  }

  .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 {
    position: relative;
  }

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

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

  .main-header .site-navigation .menu ul ul > li a {
    color: #334c51;
    padding: 5px 0;
    background: none;
    line-height: initial;
    border: 0;
  }

  .main-header .site-navigation .menu ul ul {
    padding: 0px 0 5px 25px;
  }

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

  .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;
    z-index: 100;
    width: 100%;
    z-index: 20000;
    top: auto;
    background: #fff;
    box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.25);
    overflow-y: scroll;
    border-top: 0;
  }

  .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;
    background: #fff;
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.15);
  }

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

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

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

  .main-header {
    background: #fff;
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.15);
  }

  .main-header__top {
    background: #334c51;
  }

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

  .main-header .site-branding {
    width: 300px;
    padding: 8px 0;
  }

  /** Content **/
  .page section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

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

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

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

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

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

  .contact-infos__items,
  .blk-free-quote-form {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
  }

  .banner-slide-image {
    mask-position: bottom right;
    -webkit-mask-position: bottom right;
  }

  .banner-section .layer-shape {
    margin-right: 60px;
  }

  .banner-section .layer-shape img {
    object-position: right;
  }

  .form-quote form {
    flex-wrap: wrap;
    justify-content: center;
  }

  .form-quote .form-quote__title {
    width: 100%;
    text-align: center;
  }

  .blk-testimonials.multiple-bloc__item,
  .blk-online-payment.multiple-bloc__item,
  .blk-testimonials.multiple-bloc__item:before,
  .blk-online-payment.multiplebloc__item:before,
  .blk-online-payment.multiple-bloc__item:before {
    border-radius: 16px;
    border: 0;
    margin: 0 auto;
  }

  .multiple-bloc__content > .row {
    gap: 60px 0;
  }

  .banner-inner {
    padding-top: 117px;
  }

  .banner-slider .banner-slide__item {
    height: 100%;
    min-height: 700px;
  }

  .banner-slide__content {
    padding: 40px 0;
  }

  .benefit-item {
    background-color: #fff;
    height: 100%;
  }

  .company-benefits__items
    > .row
    > div:not(:last-child)
    .benefit-item
    .benefit-text {
    border-right: 1px solid #78bdc5;
    border-left: 1px solid #78bdc5;
  }

  .company-benefits__items
    > .row
    > div:first-child
    .benefit-item
    .benefit-text {
    border-left: 0;
  }

  .company-benefits__items
    > .row
    > div:nth-child(3)
    .benefit-item
    .benefit-text {
    border-right: 0;
  }

  .benefit-item:hover .benefit-text {
    background-color: transparent;
  }

  .benefit-item p {
    color: #334c51;
  }

  .company-benefits__items {
    background: none !important;
    border-radius: 0;
  }

  .benefit-item:hover .benefit-text p,
  .benefit-item p {
    transform: translateY(0);
    opacity: 1;
  }

  .bloc-image.resize-image {
    width: 418px;
    height: 433px;
  }

  .service-item {
    width: 700px;
  }

  .contact-form .form-group .contact-form__send {
    margin-left: 0;
  }

  .contact-infos__items {
    border-radius: 0;
    box-shadow: none;
  }

  .contact-infos__items > .row > div:nth-child(3) .contact-infos__item {
    border-right: 0;
  }
}

@media screen and (max-width: 991px) {
  /** Header **/
  .main-header__top ul li span:first-child {
    width: 23px;
    height: 23px;
  }

  .main-header__top ul li span:first-child img {
    width: 13px;
    height: 13px;
  }

  .main-header .site-branding {
    width: 256px;
    padding: 10px 0;
  }

  .site-navigation.fixed-header .site-branding {
    width: 236px;
  }

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

  /** Content **/

  html {
    font-size: clamp(15px, 1vw, 16px);
  }

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

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

  .banner-slide-image {
    -webkit-mask-image: inherit;
    mask-image: inherit;
  }

  .banner-section .layer-shape {
    display: none;
  }

  .banner-slider .swiper-slide-active .banner-subtitle .deco {
    width: 40px;
    height: auto;
  }

  .macaron {
    width: 160px;
    height: 160px;
    top: unset;
    bottom: 40px;
    transform: none;
  }

  .banner-inner {
    padding-top: 110px;
  }

  .banner-slide__content,
  .banner-slide-controls {
    margin-bottom: 70px;
  }

  .form-quote form,
  .form-quote .form-quote__inputs fieldset {
    flex-direction: column;
    width: 100%;
  }

  .form-quote fieldset .form-quote__legend {
    margin: 0 0 16px;
    text-align: center;
  }

  .sect-title .sub-title .deco {
    width: 35px;
    height: auto;
  }

  .blk-contact-form .sect-title h1,
  .services-diag-section .sect-title .bloc-title,
  .sect-title h1,
  .sect-title .h1,
  .page-title {
    margin-bottom: 40px;
  }

  .row-gap-55px {
    gap: 40px 0;
  }

  .multiple-bloc__item-img img {
    width: 90%;
    height: auto;
  }

  .blk-faq {
    margin-top: 50px;
  }

  .accordion-faq .card-header .accordion-btn .accordion-ico {
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 10px;
  }

  .accordion.accordion-faq .card {
    padding: 24px 24px;
  }

  .actus-item:hover {
    transform: translateY(0);
  }

  .footer-column {
    padding: 150px 0 70px;
  }

  .intern .banner-inner {
    min-height: 480px;
  }

  .bloc-image.resize-image {
    width: 510px;
    height: 528px;
  }

  .services-slide__controls .progress-track {
    max-width: 400px;
  }

  .service-more-link span {
    width: 85px;
    height: 85px;
    padding: 31px;
  }

  .contact-infos__items > .row > div:nth-child(2) .contact-infos__item,
  .company-benefits__items
    > .row
    > div:nth-child(2)
    .benefit-item
    .benefit-text {
    border-right: 0;
  }

  .company-benefits__items > .row > div:last-child .benefit-item .benefit-text {
    border-left: 1px solid #78bdc5;
  }

  .company-benefits__items
    > .row
    > div:nth-child(3)
    .benefit-item
    .benefit-text {
    border-right: 1px solid #78bdc5;
    border-left: 0;
  }

  .blk-map {
    margin-top: 70px;
    height: auto;
  }

  .blk-contact-form,
  .blk-map .content-map {
    max-width: 100%;
  }

  .contact-infos__items > .row > div:not(:last-child) .contact-infos__item {
    border-right: 0.5px solid #334c51;
  }
}

@media screen and (max-width: 767px) {
  /** Header **/
  .main-header__top-inner .network-member img {
    width: 70px;
    height: auto;
  }

  .main-header__top-inner {
    padding: 5px 0;
  }

  .main-header .site-branding {
    width: 215px;
    padding: 9px 0;
  }

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

  .site-navigation.fixed-header .site-branding {
    width: 198px;
  }

  /** Content **/

  html {
    font-size: clamp(14px, 1vw, 16px);
  }

  .progress-track {
    height: 150px;
  }

  .banner-inner {
    padding-top: 92px;
  }

  .macaron {
    width: 130px;
    height: 130px;
  }

  .btn-wrapper .btn-text {
    padding: 10px 20px;
    height: 45px;
  }

  .slide-controls-nav .slide-btn-next,
  .slide-controls-nav .slide-btn-prev,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .slide-controls-nav .owl-prev,
  .slide-controls-nav .owl-next,
  .footer-newsletter .newsletter__form .form-group button,
  .btn-wrapper .btn-icon {
    width: 45px;
    height: 45px;
    padding: 15px;
  }

  .form-quote .list-btn {
    flex-direction: column;
  }

  .sub-title .sect-title h2,
  .sect-title .h2,
  .sect-title .bloc-title,
  .banner-title {
    font-size: clamp(32px, 1rem + 2vw, 46px);
  }

  .sect-title h1,
  .sect-title .h1,
  .page-title {
    font-size: clamp(34px, 1rem + 2.5vw, 56px);
  }

  .banner-slider .swiper-slide-active .banner-subtitle .deco {
    width: 34px;
  }

  .benefit-item {
    height: 100%;
  }

  .benefit-item .benefit-title {
    padding: 16px 24px;
  }

  .multiple-bloc__item-img img {
    width: 65%;
  }

  .blk-online-payment .multiple-bloc__item-img,
  .blk-testimonials .multiple-bloc__item-img {
    margin-top: 0;
  }

  .sect-title .sub-title .deco {
    width: 28px;
  }

  .filigrane {
    width: 70px;
  }

  .accordion.accordion-faq {
    gap: 24px;
  }

  .accordion-faq .card-header .accordion-btn .accordion-ico {
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 8px;
  }

  .accordion.accordion-faq .card {
    padding: 16px 24px;
  }

  .footer-logo {
    margin-bottom: 50px;
  }

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

  .footer-newsletter .newsletter__form .newsletter__form-submit {
    top: 7px;
  }

  .banner-slide-controls,
  .banner-slide__content {
    margin-bottom: 0;
  }

  .service-item {
    width: 540px;
    border-radius: 40px;
  }

  .service-item .service-text {
    padding: 16px 40px;
  }

  .services-slide__controls .progress-track {
    max-width: 320px;
  }

  .services-slide__controls {
    gap: 16px;
  }

  .contact-infos__items > .row > div:not(:last-child) .contact-infos__item,
  .company-benefits__items > .row > div .benefit-item .benefit-text {
    border: 0 !important;
  }

  .contact-infos__item .contact-title {
    padding: 13px 24px;
  }

  .footer-column {
    padding-top: 100px;
  }
}

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

  .main-header__top ul li span + span {
    display: none;
  }

  /** Content **/
  .banner-slide-controls {
    right: 15px;
  }

  .macaron {
    width: 100px;
    height: 100px;
    right: 30px;
  }

  .benefit-item .benefit-title {
    padding: 16px;
  }

  .benefit-item .benefit-title svg {
    width: 30px;
    height: 30px;
  }

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

  .faq__inner,
  .multiple-bloc__content,
  .company-benefits__inner {
    padding: 0;
  }

  .multiple-bloc__item-img {
    display: none;
  }

  .multiple-bloc__item-text {
    padding: 20px 15px;
  }

  .services-slide__wrap,
  .services-diag-section,
  .page .faq-section,
  .page .company-benefits-section {
    margin: 0;
  }

  .multiple-bloc__content > .row {
    gap: 30px 0;
  }

  .filigrane {
    width: 55px;
    bottom: 24px;
    right: 24px;
  }

  .footer-logo img {
    width: 300px;
    height: auto;
  }

  .service-ico img {
    width: 35px;
    height: 35px;
  }

  .service-item {
    width: 100%;
  }

  .service-more-link span {
    width: 75px;
    height: 75px;
    padding: 27px;
  }

  .service-item .service-text {
    padding: 16px 24px;
  }

  .slide-controls-nav .slide-btn-next,
  .slide-controls-nav .slide-btn-prev,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .slide-controls-nav .owl-prev,
  .slide-controls-nav .owl-next {
    width: 40px;
    height: 40px;
    padding: 13px;
  }

  .services-slide__controls .progress-track {
    max-width: 100%;
  }

  .bloc-image.resize-image {
    width: 100%;
    height: 350px;
  }

  .blk-testimonials.multiple-bloc__item {
    justify-content: start;
  }

  .blk-online-payment.multiple-bloc__item {
    justify-content: end;
  }
}