/*
Theme Name: Toitures François Hamel
Version: 1.0
Author: davidbdr0@gmail.com
Text Domain: tfh
#434343
#ee7623
*/



.semi-fluid {
    max-width:768px;
    padding: 0;
}
body {
    font-size:21px;
    line-height: 180%;
    color: #434343;
}
h1,
h2,
h3,
h4,
h5 {
    line-height: 120%;
    color: #434343;
}
.h2,
h2 {
    font-weight: 700;
    font-size: 2.5rem;
}
main.admin-bar {margin-top:48px}
main section {
    margin-bottom: 60px;
}
main section.breadcrumb-area {
    margin-bottom: 0;
}
main section.bloc-titre {
    margin-bottom: 30px;
}
main section .titre h2 {
    font-size: 36px;
    max-width: 40vw;
    padding: 0 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    font-weight: 900;
}
main section .titre hr {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    margin: 0 auto 30px;
    max-width: 40vw;
}
main section.contenus-colonnes h3,
main section.contenus-colonnes h4,
main section.contenus-colonnes h5 {
    margin-bottom: 30px;
    margin-top: 30px;
}
main section.contenus-colonnes h3 {
    font-size: 24px;
    font-weight: 600;
}
main section.contenus-colonnes h4 {
    font-size: 20px;
    padding-right: 30px;
}
main section.contenus-colonnes h5 {
    font-size: 16px;
    padding-right: 30px;
}
.offset-gauche {
    left: -20%;
}
.offset-droit {
    right: -20%;
}
.pt-30 {
    padding-top: 30px;
}
.titre .sous-titre {
    display: block;
    font-size: 15px;
}
.section-title p {
    margin: 0;
    width: 100%;
    font-size: 90%;
}
.garanties h5,
.stlh2 {
    font-size: 44px;
}
.stlh3 {
    font-size: 33px;
}
.stlh4 {
    font-size: 25px;
}
.stlh5 {
    font-size: 19px;
}
.breadcrumb-title h1,
.slider-content h1 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
    line-height: 110%;
    margin:0 0 30px 0;    
    padding: 0 15%;
}
.slider-content h1 {margin:0;padding: 0; line-height: 120%;   font-size: 36px;font-weight: 400;}
.breadcrumb-title h1 {
    line-height: 1;
    border-bottom: 0;
}
.breadcrumb-title h1 span {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    display: block;
    font-size: 21px;
    font-weight: 300;
    padding-top: 15px;
    margin-top: 15px;
}
.garanties h5,
span.blocnum {
    display: flex;
    text-align: center;
}
.bg-lightgray h2,
.bg-lightorange h2,
.portfolio-area2 h2 {
    color: #434343;
}
.about-title h2 {
    font-size: 35px;
    padding-bottom: 15px;
}
.counter-cta p {
    font-size: 20px;
    padding:15px 30px 0 30px;
    line-height: 140%;
}
.counter-cta h4 {
    font-size: 24px;
    padding-top: 15px;
    margin-top: 0;
}
.garanties h4 {
    text-transform: uppercase;
    font-size: 19px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.garanties h5 {
    line-height: 0;
    font-weight: 700;
    background: #fdf4ec;
    border: 1px solid #f9dfc8;
    border-radius: 50%;
    padding: 5px;
    height: 160px;
    width: 160px;
    align-items: center;
    justify-content: center;
    margin: 15px auto;
}
hr {
    border: 0;
    margin: 0;
    padding: 0;
    height: auto;
}

.main-menu {
    margin-right: 15px;
}
.mean-container a.meanmenu-reveal {
    border: 2px solid #fff;
    padding: 5px;
}
hr.title_divide {
    width: 100%;
    height: auto;
    border-top: 1px solid #eceff8;
    margin-bottom: 15px;
}
.numblocwrap {
    position: relative;
}
span.blocnum {
    position: absolute;
    z-index: 9999;
    background: rgba(100, 100, 100, 0.55);
    height: 100%;
    align-items: center;
    top: 0;
    color: #fff;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    width: 10%;
    left: 50%;
    transform: translate(-50%, 0);
}
.erreur,
.f-contact li {
    flex-direction: column;
}
.menu-area:before,
.portfolio-area2:before {
    content: "";
    left: 0;
}
.award-area i {
    font-size: 44px;
}
.hidden {
    display: none !important;
}


/*
.menu-area:before {
    position: absolute;
    background: #fff;
}
*/


.topbar {
    background: #fff;
    height: 30px;
}
.counter-cta a {
    width: 100%;
    max-width: 260px;
}
.home-blog-active .slick-arrow {
    background: #fff;
    top: 0;
}
main a {
    color: #ee7623;
}
.page-container {
    padding-top: 60px;
}

.tfh-header {position: -webkit-sticky;position: sticky;top: 0;z-index: 9999;}
.tfh-header.admin-bar-header {top:32px;}

.tfh-header.sticky-menu .main-menu ul li a{  color: #4f4f4f }
.tfh-header.sticky-menu .main-menu ul li a:hover {  color: #fff}
.tfh-header.sticky-menu .mean-container a.meanmenu-reveal {    border: 1px solid #000;}
.tfh-header.sticky-menu .mean-container a.meanmenu-reveal span {        border-top: 3px solid #000;}
.tfh-header.sticky-menu .mean-container a.meanmenu-reveal {    color: #000;}


.logo {
    max-width: 160px;
    background: #fff;
    margin-right: 15px;
}
.logo a.logo-link {
    display: block;
    padding: 10px;
}


.logo a.logo-link:hover {
    background: transparent;
}

.f-contact strong,
.logo a.logo-link:hover img.l-h {
    display: block;
}


.btn {
    font-size: 16px;
    touch-action:auto;
}
.btn.ss-btn {
    
    background: #ee7623;
    padding: 15px;
    border: 2px solid #e46911;
}
.btn.ss-btn:hover {
    border-color: transparent;
}
.btn.ss-btn.bg-lightgray {
    background: #d7d7d7;
}
.btn.ss-btn.bg-darkgray {
    background: #323232;
}
.btn.ss-btn.bg-orange {
    background: #ee7623;
}
.btn.ss-btn.bg-lightorange {
    background: #fdf4ec;
}
.btn.ss-btn.bg-orange:hover {
    background: #323232 !important;
    color: #fff !important;
}
.btn.ss-btn.bg-darkgray:hover {
    background: #ee7623;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}
.flip-card {
    height: 350px;
}
.slider-bg .text2 h2 {
    margin-top: 60px;
}

.services-box2 a.bg-darkgray:hover {
    background: #fff;
    color: #434343;
}
.services-box2 .button {
    margin-top: 30px;
}
footer h5 {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
    color: #fff;
}
main .textwidget a {
    color: #ee7623;
}
.footer-widget {
    color: #fff;
}
.acc-slider-overlay {
    position: absolute;
    background: #000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
}
.main-menu {
    margin-left: auto;
}
.main-menu ul li a {
    padding: 7px;
    font-size: 17px;
    font-weight: 700;
}
.main-menu ul li a:hover,
.main-menu ul li.has-sub:hover {
    transition: all 0.3s ease-out 0s;
    color: #fff;
    background: #181e23;
}
.main-menu .has-sub a:hover,
.main-menu .has-sub ul li a:hover {
    color: #fff;
}
.main-menu .has-sub ul li a {line-height: normal}
.section-bg-contain {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #333;
}
.section-bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-active .slick-arrow {
    left: 5%;
}
.breadcrumb-wrap nav {
    display: none;
}
.breadcrumb-area {
    background-size: cover;
    background-position: center center;
}
.breadcrumb-title h2 span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
}

.intro-image {display: flex; align-items:center;
    min-height: 480px;background-position: right center;}
.intro-image p {font-size:20px;line-height: normal; padding-right:0}

body .second-menu .main-menu ul li {
    margin-left: 0;
}
.toptel {
    color: #fff;
    margin-right: 15px;
    font-weight: 700;
    display: none;
}
.copyright-wrap a,
.copyright-wrap p {
    margin: 0;
    padding: 0;
}
.footer-widget .widget_categories a,
.footer-widget a {
    color: #ee7623;
}
.copyright-wrap a,
.footer-widget .widget_categories a:hover,
.footer-widget a:hover {
    color: #fff;
    text-decoration: underline;
}
.slider-bg {
    background-position: center center !important;
    min-height:560px!important
}
.main-menu ul li ul li a {
    font-size: 17px;
}
.slider-bg .text2 p {
    font-size: 21px;
    padding-right: 0;
    line-height: 140%;
}
footer {
    background: #434343;
}

footer .footer-logo {
    max-width: 80px;
}
footer .apchq-logo {
    max-width: 200px;
}
footer .footer-widget li,
footer .footer-widget p {
    font-size: 16px;
}
.caption-text p {
    padding: 0;
    margin: 0;
    font-size: 16px;
}
.portfolio-active .slick-arrow {
    top: -7.5%;
    background: #fff;
}
.portfolio-area2 .section-text {
    max-width: 900px;
}
.item-number {
    font-size: 55px;
    border-bottom: 1px solid #434343;
    font-weight: 700;
    padding-bottom: 5px;
    line-height: normal;
}
.services-box2:hover .item-number {
    border-bottom: 1px solid #fff;
}
.cta-area.dark-bg {
    box-shadow: inset 0 5px 15px 5px rgba(0, 0, 0, 0.16);
    background: #f12711;
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);
    background: linear-gradient(to right, #f5af19, #f12711);
}
.bloc-services {
    margin-bottom: 15px;
}

.services-accueil {
padding:0;margin:0;
    
    
}




.services-accueil h2 {
    margin: 0 0 30px !important;
    padding: 0;
}
.services-accueil h3 {
    color: #181e23;
    font-weight: 700;
    font-size: 22px;
}

.services-area2 .services-box2.hover-dark {box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.75);
.services-area2 .services-box2.hover-dark:hover h3 {
    color: #fff;
}
.services-content2 .svg-circle{    padding: 15px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #212121;
    border-radius: 50%;}


.services-content2 svg path {fill:#fff}

.services-content2 svg {display: block}


.realisations {background:#f7f7f7}
.realisations p {
    margin-bottom: 0;
}
.texte-generique-accueil {
    padding-bottom: 0;
}
.texte-generique-accueil .pricing-box {background: #212121;color:#fff;box-shadow: none;    padding: 30px 15px;display: flex;align-items: center;height: 100%}
.texte-generique-accueil .pricing-body {padding: 15px;}
.portfolio-area2 {
    overflow: hidden;
    position: relative;
}

.portfolio-area2:before {
display: none;
    background: #f7f7f7;
}
.portfolio-box {
    width: 100%;
    max-height: 300px;
    box-shadow: 2.5px 4.33px 15px 0 rgb(0 0 0 / 7%);
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    background: #fff;
    padding: 5px;
}
.portfolio-box .popup-image {
    display: block;
    height: 100%;
    max-height: 300px;
}
.portfolio-box .caption {
    padding: 15px;
}
.portfolio-box img {
    height: auto;
    max-width: none;
    width: auto;
    margin-left: 0;
    max-height: 100%;
}
.portfolio-active .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
}
.mean-container a.meanmenu-reveal {
        margin-top: -48px;
    color: #fff;
}
.cta-area h4 {
    font-size: 27px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.cta-area p {
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 140%;
}
.cta-area h4,
.cta-area p {
    color: #323232;
}
.counter-cta.fonce h4,
.cta-area.dark-bg h4,
.cta-area.dark-bg p {
    color: #fff;
}
.aw-line::before {
    border-bottom: 1px dashed;
    top: 15%;
}
.contenus-colonnes img {
    height: auto;
}
.contenus-colonnes ul {
    margin: 30px 45px;
}
.contenus-colonnes ul li {
    list-style: circle;
}
.single-counter {
    align-items: center;
    padding-top: 0;
    justify-content: space-between;
}

.single-counter i {
    width: auto;
    height: auto;
    border-radius: 0;
    background: 0 0;
    font-size: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-bottom: 0;
}
.counter-bg {
    box-shadow: none;
    padding: 30px;
    background: #212121;
}
.counter-bg::after {
    display: none
}
.counter-area {
    margin-top: 0;
}
.counter-area.homecta {
    margin-top: -110px;
}


.bsingle__content h2,
.services-area2 .services-box2 h5,
main section .bsingle__content h3,
main section .bsingle__content h4 {
    margin-top: 0;
}

.counter-cta.fonce p {
    color: #fff;
}
.counter-cta.fonce i {
    color: #fff;
}

.counter-cta.pale h4,
.counter-cta.pale i,
.counter-cta.pale p {
    color: #323232;
}
.counter-bg::before {
    display: none;
    border-radius: 5px;
    background-color: #989898;
    box-shadow: 2.5px 4.33px 15px 0 rgb(0 0 0 / 40%);
    padding: 30px;
    content: "";
    height: 150px;
    width: 100%;
    position: absolute;
    left: 10px;
    top: 10px;
}
.counter-bg::after {
    border-radius: 5px;
}

.box20,
.info-column .inner-column.bg-darkgray {
    background: #323232;
}
.box20:after,
.box20:before {
    display: none;
}
.box20:hover img {
    opacity: 0.6;
}
.cdc-icone i {
    font-size: 2em;
    margin-bottom: 15px;
}
.services-number {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}


.services-accueil .services-box2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 -2px 15px 0 rgba(0,0,0,.1);
    }


.services-accueil .services-box2 .service-icone h2 {
    display: inline-block;
    padding-top: 15px;
    color:black;
    font-size:24px;
    }

.services-area2 .services-box2:hover {background:#fff;color:inherit}
.services-area2 .services-box2 .services-icon {
    border-radius: 15px;
    background-color: #303030;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}

.services-area2 .services-box2 {
    margin-bottom: 30px;

}
.services-area2 .services-box2 > a {
    display: flex;
    padding: 0;
    margin: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    max-height: 50px;
    height: 100%;
    border-radius: 0
}

.erreur {
    display: flex;
    justify-content: center;
    padding-top: 90px;
    padding-bottom: 90px;
}
.erreur a {
    align-self: flex-start;
}
.contenu-add {
    flex: 0 0 auto;
    flex-direction: column;
    height: 100%;
    border-left: 1px solid #fff;
    display: flex;
}
.contenu-add a {
    font-weight: 900;
    color: #fff;
    font-size: 25px;
    margin: 5px 0;
    display: block;
}
.single-counter .icon {
    margin-right: 0;
}
.meta-info svg {max-height: 20px;height: 100%;width: auto;margin-right: 15px;}
.meta-info svg path {fill: #434343;}

.bsingle__content .meta-info ul {  margin:0;display: flex;justify-content: space-between;flex-wrap: wrap}
.bsingle__content .meta-info ul li {
    margin-right: 15px;
    padding-right: 0;
    border-right: 0;
    font-size:16px;
    display: flex;
    align-items: center;
}
.bsingle__content .meta-info ul li a {
color:#fff
}
.services-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.services-icon i {
    width: auto;
    height: auto;
    line-height: normal;
}
.cta-bdp {
    margin-bottom: 0;
}
.cta-bdp i {
    font-size: 55px;
    color: #fff;
    margin-right: 15px;
}

.texte-propos-accueil .about-content {flex-direction: column;
    justify-content: space-between;    display: flex;height: 97%;}


.texte-propos-accueil h3 {max-width: 400px;font-weight: 600;font-size:26px;padding-top:3px;padding-right: 30px;}
.texte-propos-accueil .svg-bottom svg {width: 100%;
    max-width: 500px;
    height: auto;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: -20px;
    position: relative;
    z-index: 0;}



.texte-propos-accueil ul {    
    width: 100%;
    height: auto;
    z-index: 2;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 45px;
}


.texte-propos-accueil ul.svg-list svg {    
max-width: 20px;margin-right: 15px;display: block
}


.texte-propos-accueil p {
margin-bottom: 0
}
.texte-propos-accueil ul li {
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
    display: flex;
    padding: 15px;
    border-radius: 5px;
    align-items: center;
    background: #f7f7f7;
    border:1px solid #d7d7d7;
    margin: 0 15px 15px 0;
}
.texte-generique-accueil li i {
    display: block;
    line-height: normal;
    font-size: 20px;
    margin-right: 5px;
}



.bsingle__post-thumb img{height:auto}
.info-column i {
    color: #e9e9e9;
}
.intro-column-icon i {
    color: #232323;
    font-size: 160px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    opacity: 0.2;
}
.pagination-wrap .wp-pagenavi {
    display: flex;
}
.pagination-wrap .wp-pagenavi span {
    display: inline-block;
    padding: 5px 15px;
    background: #ff8a01;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border: 0;
    font-weight: 700;
}
.pagination-wrap .wp-pagenavi a,
.pagination-wrap .wp-pagenavi span.current {
    border: none;
    height: auto;
    width: auto;
    line-height: normal;
    background: #ff8a01;
    border-radius: 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 5px 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.pagination-wrap .wp-pagenavi span.pages {
    font-weight: 400;
}
.pagination-wrap .wp-pagenavi a:hover,
.pagination-wrap .wp-pagenavi span.current {
    background: #323232;
}
.bloc-icones-texte-col {
    display: flex;
}
.posts_navigation .next-link span,
.posts_navigation .prev-link span {
    margin-bottom: 0;
}
.posts_navigation h5 {
    margin: 0;
    padding: 0;
}
.bsingle__content .admin {
    font-size: 16px;
}
.blog-content2 h4 {
    font-size: 24px;
}
.main-menu .has-sub > ul {
    min-width: 320px;
}
.mean-container .mean-nav ul li a {
    border-top: 0;
}
.gform_wrapper.gravity-theme .gform_footer input.gform_button {
    background: #ff8a01;
    border: 2px solid #ff8a01;
    box-shadow: 2.5px 4.33px 15px 0 rgb(0 0 0 / 15%);
    border-radius: 10px;
    color: #fff;
    padding: 20px 30px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    text-transform: unset;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    z-index: 999;
}
.gform_wrapper.gravity-theme .gform_footer input.gform_button:hover {
    background: #181e23;
    color: #fff;
    border-color: #181e23;
}
.bsingle__content {
    padding: 40px 30px 20px;
}
.comment-list blockquote,
.pages-content blockquote,
blockquote {
    background: #fff;
    border-radius: 5px;
    padding: 30px !important;
    position: relative;
    z-index: 5;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    color: #dcdcdc;
    font-weight: 300;
    font-size: 24px;
    border: 1px dashed #e7e7e7;
}
.bq-content {
    background: #323232;
    font-style: italic;
}
.article-cta {
    border-top: 1px solid #eaeaea;
    padding: 30px 0;
    margin-top: 60px;
}
.article-cta div.section-link {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
main section .article-cta h4 {
    margin: 0;
    font-size: 18px;
    padding: 0;
    line-height: 120%;
}
main section .article-cta p {
    color: #434343;
    line-height: 120%;
    font-size: 18px;
    padding: 0 30px 0 0;
}
.article-text {
    position: relative;
    z-index: 2;
}
img.article-image {
    background: #fff;
    position: relative;
    z-index: 1;
    border: 1px dashed #e7e7e7;
    padding: 15px;
    height: auto
}
.mt--45 {margin-top:-45px}
.mt--75 {margin-top:-75px}
blockquote.article-quote {
    margin: 0;
}
.bq-content {
    padding: 15px;
}
.article-text p {
    margin: 30px 0;
}
.article-text ul {
    margin: 30px 45px;
}
.article-text ul li {
    list-style-type: disc;
    padding: 5px 0;
}
.article-text h2 {
    margin: 30px 0;
}
.gform_drop_area {
    font-size: 16px;
    font-weight: 700;
}
label {
    color: #434343;
}
.poste_content ul {margin: 30px 45px;}
.poste_content ul li {font-size: 18px;}
.bt-0 {border-top:0}
.overlay-bloc {position: absolute;width: 100%;height:100%;left:0;top:0;background:black}
.f-widget-title img {width: 100%}
.project-detail {padding:0;margin:0}

.texte-generique-accueil .second-title h2 {text-align: center;padding:0 0 30px 0;margin: 0}
.second-title h2 span {font-size:17px;display: block}

.icon_cta {position: absolute;top:0;left:50%;transform:translateX(-50%);opacity: .25}
.grev {padding-top:60px;padding-bottom: 60px;}
.grev h3 {margin:0 0 30px 0;text-align: center}
.pricing-body p {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 180%;
}
a.text-btn {
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
    color: #ee7623;
    text-align: left
    }

.blog-col-link .single-post2 {background: #ee7623;width: 100%}
.blog-col-link .single-post2 .blog-content2 {background: transparent;align-items: end;    justify-content: end;}
.blog-col-link .single-post2 .blog-content2 * {color:#fff;font-size: 17px;line-height: 180%}
.blog-col-link .single-post2 .blog-content2 a span {max-width: 300px; text-align: right; font-size: 17px;line-height: 130%;padding-right:15px;display: block;text-decoration: underline}
.blog-col-link .single-post2 .blog-content2 i {margin-left:5px;font-size: 32px;}
.single-post2 {padding:30px;display: flex;
    flex-direction: column;}
.blog-content2 {
 height: 100%;
    display: flex;
    flex-direction: column;
}
.fa, .fas {line-height: normal}
.blog-content2 .b-meta {margin-bottom: 5px;}
.blog-content2 p {padding:15px 0}

.services-area2 .services-box2 p {
margin:0;padding:0;
} 
.blog-details-wrap .meta-info ul {
    padding-top: 15px;
    border-top: 0;
    padding-bottom: 15px;
}
#scrollUp {background:#d7d7d7}
@media (max-width: 1280px) {
    .semi-fluid {
        max-width: 1000px;
    }
   
}
@media (max-width: 991px) {
        .soumbout {margin-right: 45px;}
    .mean-nav li:first-of-type {
        display: block;
    }
    .mean-nav li:first-of-type a {
        background: #ee7623;
        color: #fff !important;
    }

    .semi-fluid {
        max-width: 800px;
    }
    .counter-area.homecta {
        background: #323232;
    }
    .newslater-area .section-title {
        margin-bottom: 0;
    }   
    .menu-area {
        padding: 0;
    }
}
@media (max-width: 767px) {
    
    .btn.ss-btn.soumbout {padding: 10px;font-size: 15px;}
    .logo {margin-right: 0}
    .breadcrumb-title h1, .slider-content h1 {padding:0;font-size: 36px;}
    .button-group button {
        font-size: 17px;
    }
    .cta-content {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .cta-content i {
        margin: 0;
    }
    .cta-content h4 {
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .cta-content a {
        margin: 15px auto 0 !important;
    }
    .about-title .text-left h2 {
        padding-left: 0;
    }
    .semi-fluid {
        max-width: 660px;
    }
    .single-counter {
        display: block;
        margin: 0;
    }
    .counter-cta h4,
    .counter-cta p {
        padding-left: 0;
        padding-right: 0;
    }
    .single-counter .icon {
        margin-bottom: 15px;
    }
    .portfolio-box {
        max-width: 400px;
        margin: 0 auto;
    }
    .portfolio-box img {
        max-width: none;
    }
    .portfolio-active {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .portfolio-active .slick-arrow {
        top: 0;
    }
    .portfolio-active .slick-arrow.slick-prev {
        left: 70%;
    }
    .slider-content h1 {
        font-size: 27px;
        line-height: 120%;
        margin-bottom: 20px;
    }
    .slider-content.s-slider-content.text2 {
        margin-top: 60px;
    }
    .garantie-content {
        flex-direction: column;
        text-align: center;
    }
    .garantie-content .btn {
        margin: 30px auto 0;
    }

    .slider-bg .text2 p {
        font-size: 17px;
        line-height: 130%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .portfolio .col2 .grid-item,
    .portfolio .col3 .grid-item {
        width: 50%;
        padding: 15px;
    }

}