@media (min-width: 681px) {
.category-menu #category_tree {display: block !important;}
}

@media (min-width: 980px){
#wrap-menu .top-menu{display:block !important; }
}

@media (min-width: 1581px) and (max-width: 1660px){
.container-custom {width:100%;}
#wrap-menu {margin-left: 0px;}
#wrap-menu .top-menu > ul > li > a {padding: 0 35px;}
}

@media (min-width: 1200px) and (max-width: 1580px){
.container-custom { width: 1200px; padding: 0 15px;}
#wrap-menu .top-menu > ul > li > a { padding: 0 15px;}
.avis-header {margin-right: 0px;}
.inner-contact {padding-left: 15px;}
.fl-left {padding-right: 15px;}
.avis-header {min-width: 300px;  max-width: 300px;}
.avis-header .star-header .fa-star { font-size: 17px;}
.avis-header .logo-rat {margin-right: 6px; }
}


@media (max-width: 1700px) {
.images-holder .container {width: 100%;}
}


@media  (max-width: 1540px){
#wrap-top .logo {margin-left: 0px;}
#wrap-menu .top-menu > ul > li > a {padding: 0 18px;}
}


@media (max-width: 1200px) {
.paragraph.paragraph-image-fond-holder div {background-attachment: scroll !important;}
#wrap-menu .top-menu > ul > li > a { padding: 0 25px;}
.wrap-image-index .text   {  font-size: 26px; line-height: 26px; top: 75px; }
#wrap-menu-sticky.sticky .top-menu > ul > li > a {padding: 0 40px;}
.row-custom { margin: 0!important;    }
.content-certificate { padding: 13px 25px; font-size: 14px; display: table; width: 100%; line-height: 21px;}
.content-certificate .wrap-text { width: 100%;  }
#newsletter #mandatory-email-Email { max-width: 300px; min-width: 300px;    }
.text-img p { font-size: 15px;}
.slogan-footer { width: 100%; display: table; text-align:left; margin: 10px 0; line-height: 15px;}
.ul-custom li { float: none; width: 100%;    }
.info-address-footer { padding: 10px 110px 0px 0px; }
.form1 .required label { font-size: 15px;}
.content-management .paragraph-49 { padding:20px 0;}
.partners .bx-wrapper li {height: 106px;}
.side-avis, .side-certificate { width: auto; margin-right: 0px; margin-bottom:30px;}
#wrap-menu-sticky.sticky .top-menu > ul > li > a {padding: 0 40px;}
.signature .qualite   { width:100%; display:block; margin-right:0px;}
.signature .dirigeant { width:100%; display:block;}
h1 {font-size: 18px;line-height: 24px;}
.wrap-h1 {padding: 15px 0;}
.logo img {margin: 5px 0px 0 0px;}
.wrap-image-index {margin-bottom: 40px;}
 #wrap-footer #info {padding: 15px 0 0 0;}
.info-tel-footer { font-size: 25px;}
.copyright { float: left;}
.page-2 #wrap-header { position: relative; height: auto;}
#wrap-menu .top-menu > ul > li > a { line-height: 55px;}
#wrap-menu .top-menu > ul > li:after { line-height: 55px;}
#wrap-menu-sticky.sticky .top-menu > ul > li::after {line-height: 55px;}
.wrap-slider li .slider-caption {top: 0;}
#wrap-footer {font-size: 14px; width:100%;  }
.view-all-certificat a {padding: 8px 16px;}
.footer-content {padding-top: 10px;padding-bottom: 25px;}
.slogan-footer img { margin-top: -25px; position: absolute;}
.paragraph-6 p {font-size: 19px; text-align:left; line-height: 25px;}
.wrap-text .name {font-size: 16px; margin: 8px 0 10px 0;}
.wrap-text .adress {font-size: 13px;}
.wrap-image-index img {width: auto!important;max-height: 100%;}
.avis-header {margin-right: 0px;margin-top: 30px;}
.content-management .paragraph-images-holder ul li a span {padding: 5px 20px;}
.page-2 .wrap-slider {margin-bottom: 40px;}
.paragraph-4 p {margin-bottom: 15px;}
.paragraph-55 h2 {margin-bottom: 5px;}
.content-management .paragraph-3 {padding: 10px 0 0px 0;}
.paragraph-76 .last-column {float: none !important; display: inline-block; width: 100%; margin-top:20px;}
.paragraph-76 .last-column img {float: none !important;  width: 50%!important;}
.paragraph-76 .col-33 p { margin: 3px 0px;}
.paragraph-76 .paragraph-text {text-align: center; padding: 0; }
.paragraph-76 img {width: 100% !important;}

.paragraph-58 .paragraph-text { text-align: left;}
.paragraph-58.paragraph-images-left-holder .paragraph-images {margin: 165px 30px 0px 0;}

.paragraph-3 img,  .paragraph-75 img{width:100%; padding: 0 0px 0px 0px;}
.list li {padding: 1px 0;}
.paragraph-77 h3 {width: 380px; margin-bottom:0px;line-height: 49px; height: 50px;}
.paragraph-78 .paragraph-text  {margin-top: 50px;}
.paragraph-79 .paragraph-text  { margin-top: 0px;}
.paragraph-81 .paragraph-text  {margin-top: 30px;}
.paragraph-78 .paragraph-text p, .paragraph-79 .paragraph-text p, .paragraph-81 .paragraph-text p {margin-bottom: 8px;}
.paragraph-78 .paragraph-images.col-50 { padding-left:0px;}
.paragraph-79 .paragraph-images.col-50 { padding-right:0px;}
.paragraph-81 .paragraph-images.col-50 { padding-left:0px;}
.paragraph.paragraph-images-left-holder .paragraph-images {margin: 0 15px 0px 0;}
.paragraph.paragraph-images-right-holder .paragraph-images {margin: 0 0px 0px 15px;}

.thumbnails .thumbnail-photo {margin: 0px 0px 5px;height: 295px;}
.thumbnails .thumbnail-holder {padding: 0 0 10px 0;}
.thumbnails .thumbnail-title a { font-size:18px;}
.thumbnails .thumbnail-title {line-height: 22px;}
#gallery-detail .gallery-title h2 { font-size: 18px;  line-height: 26px;}
.cats-list {margin: 10px 0;}
.inner-listing-avis {min-height: 400px;}
.page-26 h2 {font-size: 22px;}
.page-28 .list {padding: 0px 0 0px 0;}
.paragraph-79 .list li, .paragraph-81 .list li {padding: 4px 0;}
.paragraph-71 .paragraph-title h2 { font-size: 26px;}
.wrap-slider li .slider-text h2 { padding: 0 0px;}
}


@media (max-width: 1024px) {
.hovered  .gallerylist-btn { position: absolute; margin: auto; top: 50%; bottom: 0; left: 0; right: 0;/* display: table;*/ z-index: 999; margin-top: 15px; opacity: 0; filter: alpha(opacity=0); width: 90%; font-weight: 400; font-size:16px; line-height:16px; padding: 10px 15px;width:160px; height:37px;}
.hovered .thumbnail-photo:hover .gallerylist-btn { opacity: 1; filter: alpha(opacity=100); margin-top: -15px; z-index:999;}
.page-catalog .container-content {padding: 10px 15px;}
}


@media (min-width: 768px) {
#wrap-menu .top-menu { display: block !important;  width: auto !important;}
.category-menu #category_tree { display: block !important;}
}


@media (min-width: 980px) and (max-width: 1200px) {
    /*========================================================================================
        1.1 Grid and containers
========================================================================================*/
    .container {
        width: 980px;
    }
    .container-custom {
      width: 980px; padding: 0 15px;
    }
    .col-100-md {
        width: 100%;
    }
    .col-75-md {
        width: 75%;
    }
    .col-70-md  {
      width:70%;
    }
    .col-66-md {
        width: 66.6666%;
    }
    .col-60-md {
        width: 60%;
    }
    .col-50-md {
        width: 50%;
    }
    .col-40-md {
        width: 40%;
    }
    .col-33-md {
        width: 33.3333%;
    }
    .col-25-md {
        width: 25%;
    }
#wrap-menu .top-menu > ul { text-align: center;}
#wrap-menu .top-menu > ul > li > a { line-height: 55px;}
#wrap-menu .top-menu > ul > li:after { line-height: 55px;}
#wrap-menu { height: 60px; margin-top:0px; margin-left:0px;}
.side-certificate h2 {font-size:19px;}
#wrap-top .logo {padding: 8px 0;}
}


@media (max-width: 980px){
.wrap-image-index { margin-bottom: 30px;}
.wrap-image-index .text { text-align: center;margin: 0 auto; left: 0; right: 0; top: 50px;   }
.wrap-image-index .title { text-align: center;margin: 0 auto; left: 0; right: 0;   }
.page-2 .container-custom2 .btn-tarifs  { margin-top: 30px;}
.page-2 .container-custom2 {line-height: 23px;}
.paragraph-61 img { width: 100%;}
.paragraph-55 h2 {font-size: 18px; margin-bottom: 0px;}
.paragraph-66 img {width:100%; padding: 0 0px 10px 0px;}
.content-management .paragraph-51.paragraph-image-fond-holder .paragraph-container .table-cell-holder { padding: 25px 0;}
.paragraph-50 h2, .paragraph-51 h2, .paragraph-2 h2 {font-size:22px!important;}
.empty-bdd { padding: 50px 0;}
.view-all-certificat a {font-size: 15px;}
.footer-content {margin-top: 5px; padding-top: 25px; padding-bottom: 25px;}
.info-tel-footer {font-size: 25px; line-height: 25px;}
.menu .title {font-size: 25px;}
#wrap-footer #info {padding: 15px 0 0 0;}
#gallery-detail .gallery-thumbnails-holder {max-width: 290px;}
}


@media (min-width: 768px) and (max-width: 979px) {
    /*========================================================================================
        1.1 Grid and containers
========================================================================================*/
    .container {
        width: 768px;
    }
    .container-custom {
        width: 768px;
        padding: 0 15px;
    }
    .col-100-sm {
        width: 100%;
    }
    .col-75-sm {
        width: 75%;
    }
    .col-66-sm {
        width: 66.6666%;
    }
    .col-60-sm {
        width: 60%;
    }
    .col-50-sm {
        width: 50%;
    }
    .col-40-sm {
        width: 40%;
    }
    .col-33-sm {
        width: 33.3333%;
    }
    .col-25-sm {
        width: 25%;
    }

    /*========================================================================================
        3.2 Home Slider
========================================================================================*/
    .thumbnails .thumbnail-photo {
        height: 224px;
    }
    #gallery-detail .gallery-thumbnails-holder {
        max-width: 290px;
    }
.wrap-slider li .slider-caption {top: 20px;}
.avis-side .date {display: block;   }
.wrap-avis .btn-all-avis { font-size: 17px;  }
.avis-star .percent span { font-size: 32px; line-height: 36px; }
.partners .bx-wrapper li {height: 106px;}
.paragraph.paragraph-simple-holder.partners { padding: 20px 0 39px 0 !important;}
.wrap-image-index { margin-bottom: 40px;}
.side-certificate h2 {font-size: 18px;}
.form1 .field label {padding-top: 0px; padding-bottom: 7px;}
}


@media  (max-width: 979px){
.paragraph.paragraph-images-right-holder .paragraph-images,
.paragraph.paragraph-images-left-holder .paragraph-images { width: 100%; margin: 0 0 20px 0;   }
.paragraph.paragraph-images-right-holder .paragraph-images img,
.paragraph.paragraph-images-left-holder .paragraph-images img    { width: 100% !important;    }
.wrap-image-index .text   {  font-size: 22px; line-height: 26px; top: 35px; }
.wrap-image-index .title { left: 2%; font-size: 40px;   line-height: 42px;  }
.wrap-image-index .text p { margin-bottom: 15px;     }
#newsletter #mandatory-email-Email {  max-width: 213px;  min-width: 213px; }
#newsletter .newsletter-btn { padding: 0 15px; font-size: 16px; }
.text-img img {width: 14%; margin-right: 10px;    }
.avis-side { padding: 20px 15px 35px;   }
#wrap-menu .top-menu > ul { text-align: center;    }
#wrap-menu {margin-left:0px;  }

#wrap-menu-sticky.sticky li {  text-align: left;  }
#wrap-menu-sticky.sticky a {line-height: 45px;}
#wrap-menu-sticky.sticky .top-menu > ul > li > a {padding: 0 30px;line-height: 45px;}
#wrap-menu-sticky.sticky .top-menu > ul > li::after {line-height:45px;}
.wrap-avis .btn-all-avis {padding: 11px 30px; width: auto;}
.paragraph.paragraph-images-right-holder .paragraph-images img,
.paragraph.paragraph-images-left-holder .paragraph-images img    { width: auto !important; }
.paragraph.paragraph-images-right-holder .paragraph-images,  .paragraph.paragraph-images-left-holder .paragraph-images { border:none; padding:0px;}
.info-tel-footer {font-size: 22px; line-height: 20px; padding:12px 0 0 0;}
.info-mail a {font-size: 15px; line-height: 18px;}
.text-img p.title {margin-top: 0px;}
.menu {padding: 90px 0px 0px 12px;}
.content-management .paragraph-images-holder ul li {width: 33%;}
.text-img {margin-top:10px;}
.paragraph-6 p {font-size: 17px; line-height: 22px;}
.content-certificate {padding: 13px 15px; }
.page-2 .container-custom2 {line-height: 22px;}
.paragraph-68 .paragraph-text {margin-top: 0px;}
.paragraph-71 h3 {font-size: 17px;line-height: 22px;}
.paragraph-56 p, .paragraph-57 p {margin-bottom: 8px;margin-top: 0px;}
.paragraph-57 .last-column {float: none !important;display: inline-block; width: 50%; margin: 10px 0;}
.paragraph-69 .last-column {float: none !important;display: inline-block; width: 50%; margin: 0px;}
.paragraph-57 .paragraph-text {text-align: center; padding: 0;  font-size: 100%;}
.paragraph-69 .paragraph-text {text-align: center; padding: 0;  font-size: 100%;}
.paragraph-69 img {margin: 10px 0;}
.content-management .paragraph-68 {padding: 20px 0;}
.content-management .paragraph-69 {padding: 20px 0;}
.paragraph-74 li:nth-child(1) {display:inline-flex;}
.paragraph-74 li:nth-child(3) {display:inline-flex;}

.content-management .paragraph-6 {padding: 0px 0 15px 0;}
.content-management .paragraph-75 {padding: 10px 0 10px 0;}
.inner-text {width: 354px;  margin: 0 auto;}
.thumbnails .thumbnail-title a {font-size: 17px;}
.thumbnails .thumbnail-title { padding: 8px 10px;line-height: 20px;min-height: 68px;max-height: 68px;}
.category .top-menu > ul > li > a {line-height: 40px;font-size: 16px; }
.content-management .paragraph-title {padding: 0 0 15px 0;}
.page-26 h2 {font-size: 20px;}
.avis-star .percent span { font-size: 32px; line-height: 36px; }
.menu li {width: 49%;}
.info-address-footer {padding: 10px 50px 0px 0px;}
.wrap-slider li .slider-text h2 span,.wrap-slider li .slider-text h2 {font-size: 32px;line-height: 36px;}
.paragraph-4 p {margin-bottom: 10px;}
#wrap-menu .top-menu > ul > li > a {font-size: 18px;}
.paragraph-79 .paragraph-text {margin-top: 0px;}
#wrap-top .logo { padding: 10px 0;}
.wrap-text .info-address { font-size: 12px; line-height: 15px;}
}


@media (min-width: 768px) and (max-width: 768px) {
#gallery-detail .gallery-thumbnails-holder li {border-bottom: 1px solid #d8d8d8;}
}


@media (max-width: 767px) {
    /*========================================================================================
        1.1 Grid and containers
========================================================================================*/
    .col-100-xs {
        width: 100%;
    }
    .col-75-xs {
        width: 75%;
    }
    .col-66-xs {
        width: 66.6666%;
    }
    .col-60-xs {
        width: 60%;
    }
    .col-50-xs {
        width: 50%;
    }
    .col-40-xs {
        width: 40%;
    }
    .col-33-xs {
        width: 33.3333%;
    }
    .col-25-xs {
        width: 25%;
    }
    .container {
        width: 100%;
    }
    .container-custom { width: 100%; padding: 0 15px;}
    .content-management .paragraph-images-holder ul li {
        width: 50%;
    }
    .wrap-copyright {
        padding: 20px 0 !important;
    }
    .breadcrumb li {
        margin-bottom: 2px;
    }
    .menu li {
        padding: 2px 0px;
        width: 50%;
        line-height: 20px;
    }
    #wrap-menu {
        height: auto;
    }
    #wrap-menu .burger-menu {
        display: block;
        float: left;
        font-size: 190%;
        line-height: 45px;
        color:#ee7a78;
    }
    #wrap-menu .burger-menu.open i:before {
        content: "\f00d";
    }
    #wrap-menu .top-menu>ul>li {
        display: block;
    }
    #wrap-menu .top-menu>ul>li>a {
        display: block;
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }
    #wrap-menu .top-menu > ul > li > a:hover, #wrap-menu .top-menu > ul > li.active > a {
        border-bottom: 3px solid #ee7a78 !important;
    }
    #wrap-menu .top-menu>ul>li.is-parent>a>i {
        display: block;
        font-family: "FontAwesome";
        font-size: 150%;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 50px;
        text-align: right;
    }
    #wrap-menu .top-menu>ul>li.is-parent>a.open>i:before {
        content: "\f068";
    }
    #wrap-menu .top-menu>ul>li:last-child>a {
        border-bottom: none;
    }
    #wrap-menu .top-menu>ul>li>ul>li:last-child>a {
        border-bottom: 1px solid #d5d5d5;
    }
    #wrap-menu .top-menu>ul>li>a {
        line-height: 50px;
        padding: 0;
    }
    #wrap-menu .top-menu>ul>li>ul {
        position: static;
        border: none;
        box-shadow: none;
        margin: 0;
    }
    .sidenav {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 1000;
        /* Stay on top */
        top: 0;
        left: 0;
        background: rgba(220, 42, 37, 0.95);
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        /*transition: 0.5s;*/
        /* 0.5 second transition effect to slide in the sidenav */
    }
    /* The navigation menu links */
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #fff;
        text-align: center;
        display: block;
        transition: 0.3s;
    }
    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        display: block;
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    .content-management .paragraph-title h2 {
        font-size: 24px;
    }
    .unseen {
        display: block;
        margin-bottom: 0 !important;
    }
    .seen {
        display: none;
    }
    .category-menu #category_tree {
        display: none;
        margin-top: 20px;
    }
    .category-burger {
        display: none;
    }
    .category .burger-chevron {
        background:#dc2a25;
        color: #ffffff;
        display: block;
        padding: 10px 25px;
        width: 100%;
        font-size: 22px;
        font-weight: bold;
    }
    .fa-angle-down::before {
        content: "\f107";
        font-size: 28px;
        line-height: 32px;
        font-weight: bold;
    }
    .filters {
        padding: 25px 0 25px 0px;
        background: #E5E5E5;
        margin-bottom: 25px;
    }
    .category .top-menu>ul>li {
        width: 100%;
        margin: 5px 0;
    }
    .category-menu h2 a:after {
        content: "\f0c9";
        font-size: 20px;
        font-family: "FontAwesome";
        float: right;
    }
    .category .top-menu>ul>li>ul {
        display: none;
        position: static;
    }
    .filters .btn {
        margin-top: 10px;
        display: block;
        width: 100%;
    }
    .thumbnails .thumbnail-title {
        padding: 8px 20px;
    }
    .thumbnails .thumbnail-photo {height: 280px;}
    .thumbnails .thumbnail-holder a.btn,
    .thumbnails .thumbnail-text {
        display: none;
    }
    .thumbnails .thumbnail-prices {
        padding-bottom: 0;
    }
    #gallery-detail .gallery-title {
        margin-top: 5px;
    }
    #comment_rating {
        width: 100%;
        float: left;
        text-align: center;
        margin: 10px 0;
    }
    .tooltip-holder {
        left: 5% !important;
        width: 90% !important;
    }
    .tooltip-holder>div {
        max-width: 100%;
        max-height: 250px;
        min-width: 100%;
    }
    .tooltip-holder.arrow-left:after,
    .tooltip-holder.arrow-left:before {
        left: 50%;
    }
    .paragraph-images {
        padding: 0 !important;
    }
    .paragraph-images img.img-responsive,
    .news-photo img.img-responsive {
        width: 100% !important;
    }
    #user-reset #title-container {
       display: block;
    }
    #user-reset #title-container label {
      padding:7px 0px;
    }
    #wrap-menu .top-menu > ul > li::after {
      display:none;
    }

    .wrap-slider li .slider-caption {
        top: 20px;
    }
.wrap-slider li .slider-text h2 span, .wrap-slider li .slider-text h2 {
    font-size: 30px;
    line-height: 36px;
}
.wrap-sidebar,
.page-2 #wrap-container   { width: 100%; padding: 0;  }
.paragraph.paragraph-images-left-holder .paragraph-images,
.paragraph.paragraph-images-right-holder .paragraph-images   { margin-left: 0;  float: none; display: table; margin: 0 auto 8px auto;    }
h3 {font-size: 18px;}
.paragraph-61.paragraph-images-right-holder .paragraph-images   {margin: 0 auto;    }
.text-img img {  margin-right: 10px; width: 11%;   }
.text-img   {margin-bottom: 10px; padding-left: 0px; margin-top: 0px;}
#newsletter { width: 100%;    }
#newsletter #mandatory-email-Email { min-width: 80%; max-width: 80%;    }
#newsletter .newsletter-btn { width: 20%;   }
.wrap-page-name { padding: 20px 0;  font-size:22px; line-height: 22px;}
.wrap-listing-avis .text ,
.inner-listing-avis { min-height: 100%;    }
.shadow-img-index { display: none;   }
.page-2 .container-custom2 ,
.menu .title {font-size: 25px;}
.page-2 .container-custom2  {padding-left:0px;}
.wrap-image-index  {margin-bottom: 30px;}
.wrap-listing-avis {margin-bottom: 30px;}
#wrap-menu .top-menu > ul > li > a:hover, #wrap-menu .top-menu > ul > li.active > a { border-top: none;color:#bfd7ff!important;  }
.page-2 .content-management .paragraph { padding: 8px 0 8px 0px;}
.text-img p.title {font-size: 26px; line-height: 26px;}
.page-2 .content-management .paragraph-66 { padding: 0px;}
.content-certificate .signature { display: block;}
.side-certificate { margin: 0px 0 10px 0;}
.info-mail a {font-size: 16px;  line-height: 18px;}
#wrap-footer #info {padding: 15px 0 0 0;}
.menu {padding: 90px 0 0 0px;}
.info-mail a {font-size: 14px; line-height: 18px;}
.wrap-h1 {padding: 15px 0;}
.form1 .field textarea.form-control {height: 125px;}
.content-management .paragraph-50 .paragraph-title {padding: 0 0 10px 0 !important;}
.content-management .paragraph-51 .paragraph-title {padding: 0 0 20px 0 !important;}
.paragraph-2 h2 { margin-bottom: 10px;}
.paragraph-77 h3 {margin-bottom: 15px;}
.paragraph-57 .col-33 {padding-right: 0px;}
.first-text, .second-text {margin-bottom:15px;}
.page-2 .wrap-slider {margin-bottom: 20px;}
.paragraph-76 img,.paragraph-76 .last-column img { float: none !important; width: 60% !important; }
.paragraph-76 .last-column {margin-top: 0px;}
.paragraph-76 .col-33 p { margin: 5px 0;}
.paragraph-76 .middle-column { margin: 25px 0;}
.paragraph-80 .middle-column {margin-top:20px;}
.content-management .paragraph-49 {padding: 15px 0;}
.form-gdpr { padding: 25px 30px 30px;}
h1 {font-size: 16px; line-height: 22px;}
.wrap-slider li .slider-text {padding: 0 20px;}
.paragraph-81 h3 {width: auto;line-height:normal; height: auto;padding: 15px 0;font-size: 20px;}
.wrap-text .info-address { font-size: 14px;}
.paragraph-78 .paragraph-text, .paragraph-81 .paragraph-text { margin-top: 0px;}
}



@media (max-width: 680px){
.avis-header .text span:nth-child(1) { font-size: 16px; line-height: 30px;}
.avis-header .logo-rat {margin-right: 5px;}
.avis-header .text {font-size: 12px; margin-left: 5px; }
.avis-header {min-width: 265px; max-width: 265px; padding: 4px 4px 4px 5px;}
.info-address-footer {font-size: 13px;  line-height: 19px;}
.side-certificate { margin: 0px;}
.wrap-image-index { margin-bottom: 0px;}
.menu .title { font-size: 20px;}
.wrap-image-index img { width: 100% !important;  max-height: 100%;}
#wrap-footer #info h2 { font-size: 18px; line-height: 18px;}
.info-tel-footer { font-size: 20px; line-height: 22px; padding: 0px;}
.info-mail a { line-height: 18px;font-size: 16px;}
#gallery-detail .gallery-title {margin-top: 0px;}
.wrap-map iframe {height:400px!important;}
.wrap-map {height: 400px;}
#wrap-menu .top-menu > ul > li > a {line-height: 45px;}
.wrap-slider li .slider-caption {background: #dc2a25 none repeat scroll 0 0; display: block; padding: 10px 15px;  position: static;}
.avis-header .star-header .fa-star { font-size: 16px;}
.thumbnails .thumbnail-photo { margin: 0px 0px 5px; height: 306px;}
.content-management .paragraph.paragraph-image-fond-holder .paragraph-text { font-size: 16px;}
.page-26 h2 {font-size: 18px;}
.paragraph-71 .paragraph-title h2 { font-size: 24px;}
.avis-header {min-width: 273px;  max-width: 273px;  padding: 4px 4px 4px 4px; }
.avis-header .star-header .fa-star {font-size: 15px;}
.wrap-slider li img {opacity: 1;}
.wrap-slider li .slider-text h2 span, .wrap-slider li .slider-text h2 {font-size: 25px; line-height: 34px; }
#wrap-footer #info img {margin-bottom:10px;}
}


@media (max-width: 600px){
.col-100-xxss {width: 100%;}
#wrap-footer #info {text-align: center;padding: 10px 0 0 0; padding-bottom: 0px; border-bottom: 1px solid #bfd7ff;  padding-bottom: 10px;  margin-bottom: 10px;}
.slogan-footer img {margin-top: 5px; position:relative; float:none; margin-left:0px; }
.menu {padding: 0px 0 10px 0px;}
.text-img img {width: 15%;}
.slogan-footer span {display: block;}
.thumbnails .thumbnail-photo {height: 260px;}
.info-address-footer { padding: 0px;}
#wrap-footer {background: url(../images/patterns/pattern-1.png);}
#wrap-footer .info-mail, .info-tel-footer {margin-top: 5px; margin-bottom:5px;}
.info-address-footer { font-size: 15px; line-height: 19px;}
.footer-content { border-top: 1px solid #bfd7ff;}
.list {padding: 0px 0 20px 0; }
h3 {font-size: 17px;}
}



/*========================================================================================
        Specific Media Querys
            1. Wrap Map
========================================================================================*/

@media (max-width: 570px) {
    .col-100-xxs {
        width: 100%;
    }
    .col-75-xxs {
        width: 75%;
    }
    .col-66-xxs {
        width: 66.6666%;
    }
    .col-60-xxs {
        width: 60%;
    }
    .col-50-xxs {
        width: 50%;
    }
    .col-40-xxs {
        width: 40%;
    }
    .col-33-xxs {
        width: 33.3333%;
    }
    .col-25-xxs {
        width: 25%;
    }
    .breadcrumb li span {
        white-space: normal;
    }
    #gallery-detail .gallery-title h2 {
        font-size: 17px;
        line-height: 22px;
    }
    #gallery-detail .cats-list li {font-size: 16px;}
    .cats-list {
        margin: 8px 0;
    }
    .thumbnails .thumbnail-photo {
        height: 254px;
    }
    #gallery-detail .gallery-thumbnails-holder {
        max-width: 190px;
    }
    .buttons-reset #edit {
        margin: 10px 0 ;
    }
    .buttons-reset button {
       padding: 9px 12px;
    }
    .buttons-reset {
       margin: 15px 0;
    }
.thumbnails .thumbnail-title {padding: 8px 12px;line-height: 18px;}
.thumbnails .thumbnail-title a {font-size: 16px;}
.wrap-map #info h3 {font-size: 20px; line-height: 20px;margin-bottom: 15px;}
.wrap-map #info .cls-holder { width:100%; margin:0 auto; }
.wrap-map #info .cls-holder .first { padding:0 ;  }
.wrap-map #info .cls-holder .last { padding:0 0 0 15px;  }
.btn.btn-outline { padding:10px 5px;  margin-bottom:15px; }
.wrap-map #info .info-title {display: table; margin: 0 auto 20px auto;padding-bottom: 10px;font-size: 26px; }
#newsletter #mandatory-email-Email { min-width: 65%; max-width: 65%;    }
#newsletter .newsletter-btn { width: 35%;  font-size: 14px;}
.col-100-xss { width: 100%;}
.fl-left{ float: left;}
#wrap-footer #info img  {margin-right:20px; /*width:auto!important;*/ margin-left:0px; }
.slogan-footer span { display: block; }
.avis-header { margin: 15px auto; float: none;}
.btn.btn-outline { width: 40%; margin: 0 auto;    }
.text-img img { width: 20%;    }
.info-address-footer { padding: 5px 0 5px 0;}
h3 {font-size: 15px;}
.content-management .paragraph-58 { padding: 15px 0;}
#wrap-footer #info img { float: none; display: table ; margin: 0 auto 10px auto;   }
#wrap-footer #info   {   text-align: center; padding: 10px 0 0 0;  padding-bottom:10px; margin-bottom:10px; }
#wrap-top .logo img { margin: 0 auto;}
#wrap-top .logo  {padding: 0px 0;margin-left: 0px;display: block;}
.page-11 .empty-bdd , .page-1 .empty-bdd p {font-size: 16px;}
.content-management .paragraph-title {padding: 0 0 15px 0;}
.page-26 h2 {text-align:left;}
.content-management .paragraph-title h2 { font-size: 22px; }
.form-gdpr {padding: 12px 20px 12px;}
.footer-content {padding-top: 20px; padding-bottom: 20px;}
.paragraph-76 img,.paragraph-76 .last-column img { width: 75% !important; }
.wrap-slider li .slider-text h2 span, .wrap-slider li .slider-text h2 {font-size: 22px; line-height: 30px;}
.paragraph-78 .paragraph-text p:first-child {margin-bottom: 10px;}
}

@media (min-width: 481px){
.social-footer {float: none; margin-right: 30px;}
.bottom-menu { display: block !important;}
}


@media (max-width: 480px){
#wrap-footer .footer-menu {display: inline-block;}
.bottom-menu {display: none; margin-top: 20px;}
.bottom-menu li { width: 100%;line-height: 1.5;}
.menu .fa-bars::before {color: #fff;}
.menu {padding: 0px 0 0px 0px;}
#wrap-footer #info   {   text-align: center; padding: 10px 0 0 0;}
.info-tel-footer::before { float: none; font-size: 20px; margin-right: 10px;}
.burger-menu-footer  { display: inline-block;  font-size: 22px;}
.burger-menu-footer   { float: right; }
.menu li {width: 100%; margin-right: 0;  }
.wrap-image-index .text   { font-size: 18px; }
.wrap-image-index .title { font-size: 20px;  }
#wrap-footer #info   {   text-align: center; padding: 10px 0 10px 0; margin-bottom:0px; }
.menu .title {padding: 15px 0;margin-bottom: 0px;}
.footer-certi-text { border-right: none;  text-align:center;width:100%;margin-right: 0px;padding-right: 0px;margin-bottom: 5px;}
.menu .title,
.menu li { text-align: left;}
.menu li a { font-size: 15px; line-height: 15px; }
.footer-content { font-size: ; margin-top: 0px; padding-top: 20px;}
.social-footer {  text-align:center!important;display: block; float: none !important; margin-right:0px;}
.wrap-listing-avis .label span { width: 100%; }
.copyright {text-align: center; margin: 0 auto; width: 100%; float: right;}
.slogan-footer { text-align:center; }
.text-img p.title {font-size: 20px; line-height: 20px;}
.content-management .paragraph-images-holder ul li { width: 100%;}
.avis-star .percent span { color: #ff9000; font-size: 30px; line-height: 30px; font-weight: 700;  }
.wrap-slider li .slider-text h2 span, .wrap-slider li .slider-text h2 {font-size: 20px; line-height: 26px;}
.wrap-slider li .slider-text {padding: 0px;}
.side-certificate h2 {font-size: 120%;}
.paragraph-74 li {display: inline-flex;}
.first-text, .second-text, .third-text {margin-bottom: 10px;  padding: 0px;}
.paragraph-76 img, .paragraph-76 .last-column img {width: 100% !important;}
.wrap-map #info h3 {font-size: 18px; line-height: 20px;}
.form1 {margin-top: 10px; margin-bottom: 10px;}
#wrap-menu .burger-menu { font-size:190%; line-height:40px;}
.paragraph-76 .middle-column {margin: 15px 0;}
.paragraph-77 h3 {width: 300px; line-height: 38px;  height: 40px;font-size: 18px;}
.text-img { margin-bottom: 0px; padding:0px;}
#wrap-menu {margin-top: 10px;}
.thumbnail.col-50-xxs {width: 100%;}
.thumbnails .thumbnail-title {min-height: auto; max-height: 100%; /*padding:12px 15px 8px;*/}
.category .top-menu > ul > li > a {line-height: 36px; font-size: 16px;}
.category .burger-chevron {font-size: 20px;}
.fa-angle-down::before {line-height: 28px;}
.thumbnails .thumbnail-photo {min-height: 288px; max-height: 225px;}
#info  .btn.btn-outline { width: 60%!important;}
.wrap-map #info .btn-outline { margin: 25px auto 0px auto;}
.wrap-map #info .cls-holder .first {padding: 0 15px;}
.vertical-align-top .info-tel {font-size: 17px;}
.vertical-align-top .info-tel::before {font-size: 20px; }
.wrap-map #info .info-address { padding: 5px 0 10px 0;}
.sitemap .btn {padding: 9px 18px;}
.paragraph-50 h2, .paragraph-51 h2, .paragraph-2 h2 {font-size: 20px !important;}
.content-management .paragraph.paragraph-image-fond-holder .paragraph-text {font-size: 15px;}
.paragraph-71 .paragraph-title h2 { font-size: 22px;}
.paragraph-6 p {font-size: 15px; line-height: 20px;}
.paragraph-81 h3 {padding: 10px;line-height: 22px;font-size: 18px;}
.wrap-map #info .info-title {margin: 0 auto 18px auto;  padding-bottom: 8px; font-size: 22px;}
.paragraph-2 p, .paragraph-1 p {font-size: 15px;}
.wrap-map #info .cls-holder .first h3 {font-size: 20px;}
}

@media (max-width: 420px){
.text-img img {margin-bottom: 30px;}
.footer-certi-text { width: 100%; text-align: center;}
.footer-content { font-size: 14px;}
.content-management .paragraph-50 .paragraph-title { padding: 0 0 10px 0!important;}
.empty-bdd {padding: 30px 0;}
#wrap-top .fl-left { padding:0px;}
.wrap-slider li .slider-caption {padding: 8px 15px; }
.wrap-slider li .slider-text h2 span, .wrap-slider li .slider-text h2 {font-size: 18px;line-height: 22px;}
.content-management .paragraph-text {font-size: 15px; line-height: 22px;}
#gallery-detail .gallery-text p { font-size: 15px; margin-bottom: 6px;}
.inner-listing-avis {padding: 25px;}
body {font-size: 14px;}
.page-26 h2 {font-size: 16px; text-align:left;}
.paragraph-71 .paragraph-title h2 {font-size: 18px;}
.form-gdpr {padding: 5px 0px 5px;}
.paragraph-73 h2 {font-size: 17px!important;}
.paragraph-77 h3 {width: auto;}
.inner-listing-avis .title { font-size: 16px;}
.wrap-listing-avis .rating span { font-size: 40px; line-height: 40px;}
.avis-header .text { padding-top: 6px;}
.paragraph-6 p {font-size: 16px; line-height: 22px;}
.paragraph-78 p:nth-child(2), .paragraph-79 p:first-child, .paragraph-81 p:first-child {font-size: 16px;}
.category .burger-chevron {font-size: 18px;padding: 10px 15px;}
#gallery-detail .gallery-title h2 { font-size: 16px; line-height: 20px;}
.wrap-map #info .info-mail a {font-size: 14px;margin-top:0px;}
.wrap-page-name {font-size: 20px;}
.content-certificate { padding: 13px 10px;}
.wrap-text .info-address {font-size: 13px;}
.paragraph-4 .list li {display:flex;}
.paragraph-4 .list li::before {line-height: 23px;}
}


@media (max-width: 980px){
.partner.well {
        flex-basis: 30%;

}
}
@media (max-width: 767px){

.location-list .news-inner {
      flex-wrap: wrap;
  }
  .location-list .news-photo {
    flex-basis: 100%;
}
.location-info {
    flex-basis: 100%;
}

.partner.well {
        flex-basis: 47%;

}




}

@media (max-width: 580px){
.partner.well {
        flex-basis: 100%;

}
}