/* Large screens */
@media only screen and (max-width: 1824px) {}

@media only screen and (max-width: 1380px) {}

@media only screen and (max-width: 1530px) {

     .nav-item .nav-link {
        font-size: 16px;
    }

    .main-navigation {
        flex-wrap: nowrap;

    }

    .site-logo .logo-img {
        height: 69px;
        margin-left: 0px !important;
    }

    .site-logo {
        width: 238px;
    }

    .main-navigation .nav-list {

        gap: 0px;

    }

    .btn-contact {
        padding: 10px 0px;
        width: 150px;
        font-size: 19px;
        margin-left: 26px;
    }
    .nav-icon {
        width: 25px;
        height: 25px;
        margin-bottom: 0px;
    }

    .slide-text-container {


        width: 535px;

    }

    .slide-content-wrapper {
        width: 632px;
        padding: 9px 0px 0px 43px;

    }

    .caree {

        top: -100px;

    }

    .slide-subtitle {

        font-size: 39px;

    }


    .slide-title {

        font-size: 53px;

    }

    .slide-text-container::before {

        left: 11px;

    }

    .cadre {


        top: 163px;
        right: 292px;

    }

    .back {
        /* background: repeating-linear-gradient(45deg, #fff 253px, #fff 800px, #f0f0f0 800px, #f0f0f0 1341px); */

    }

    .en_titre {
        font-size: 15px;

    }

    .card-entreprise {
        flex: 0 0 calc(19% - -32px);

    }

    .travaux-text-box p {

        font-size: 16px;

    }


    .top_menu {

        height: 52px;
    }

    .top_menu a {

        padding: 8px 11px;


        font-size: 15px;
    }

    .dropdown-menu .dropdown-item {

        font-size: 15px;
    }

    .description {

        font-size: 15px;

    }

    .hover-content p {
        text-align: justify;
        font-size: 14px;
    }

    .prestation-card {

        height: 286px;
    }

    .bottom-title {
        font-size: 15px;
    }

    .footer-top {
        position: relative;
        height: 340px;
    }



    .img_footer {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .footer a {

        font-size: 14px;

    }


    .footer-top::before {

        top: 211px;
        right: 158px;
        width: 52%;
        height: 77%;

    }

    .navbar-brand {

        margin-right: 0px;

    }

    .overlay-title {

        font-size: 16px;

    }

    .des_rea {
        font-size: 26px;
    }

    .service-text h2 {
        font-size: 22px;

    }

    .prestation-front h5 {

        font-size: 15px;
    }














}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
        .nav-item .nav-link {
        font-size: 14px;
    }
    .slider_area.owl-carousel .slide-item {

        height: 575px;
    }

    .slide-text-container {
        width: 410px;
        height: 575px;
    }

    .site-logo .logo-img {
        height: 43px;
        margin-left: 0px !important;
    }

    .separator {
        margin: 0 0px;
    }

    .site-logo {
        width: 154px;
    }

    .btn-contact {
        padding: 10px 0px;
        width: 91px;
        font-size: 19px;
        margin-left: 0px;
    }

    .bandeau_section {

        height: auto;

    }

    .top_menu {
        height: 50px;
        padding: 7px 0px;
    }

    .top_menu a {
        padding: 5px 6px;
        font-size: 14px;
    }

    .dropdown-menu .dropdown-item {
        font-size: 14px;
    }

    .slide-content-wrapper {
        width: 517px;
        padding: 30px 0px 0px 27px;
    }

    .slide-title {
        font-size: 43px;
    }

    .slide-subtitle {
        font-size: 31px;
    }

    .cadre {
        top: 123px;
        right: 201px;
        width: 207px;
        height: 317px;
    }


    .rea_overlay {

        width: 230px;
        padding: 15px;

    }

    .rea_bottom {

        padding: 7px 7px;

    }

    .section-presentation::before {

        right: -20px;

    }

    .img_about::after {

        height: 120px;
        width: 120px;
        left: -37px;

    }


    .img_entreprise::before {

        left: -26px;

    }

    .img_entreprise::after {

        left: -30px;

    }

    .prestation-card {
        height: 302px;
    }

    .service-img-One img {
        width: 99%;
        height: 76%;
        object-fit: cover;
        object-position: 61%;
    }

    .service-box {

        padding: 15px;
    }

    .service-text {

        padding-right: 10px;
        padding-left: 0px;
    }



    .cartes-container {

        gap: 1px;

    }


    .img-cert-right {
        height: 400px;

    }

    .img_RGE_certif {
        width: 50%;
        margin-top: 279px;
        margin-left: 0px;
    }

    .img-bottom-right {
        bottom: 47px;
        right: 16%;
        width: 300px;
    }

    .img-top-right {
        top: 97px;
        right: 5%;
        width: 376px;
    }

    .titre-normal {

        font-size: 22px;
    }

    .list-aides li {

        font-size: 15px;

    }

    .img_prestation:after {

        height: 120px;
        width: 120px;

        right: -30px;

    }








}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .main-navigation {
        flex-wrap: wrap;
    }

    .main-navigation .nav-list {
        list-style: none;
        gap: 10px;
        display: flex;
        align-items: flex-start;
    }

    .separator {

        display: none;
    }

    .section-presentation .row .col-lg-6:last-child {
        order: 1;
    }



    .section-presentation .row .col-lg-6:first-child {
        order: 2;
    }

    .img_about {

        margin-top: 14px;
    }

    .section-presentation::before {
        top: 37px;

        width: 31%;
        height: 47%;

        z-index: 0;

    }

    .prestation-card {
        height: 235px;
    }


    .des_prestation {
        font-size: 20px;
    }

    .des_rea {
        font-size: 20px;
    }

    .img_about::after {

        left: -27px;
        bottom: -43px;
    }



    .service-img {

        width: 100%;

    }

    .service-img-One {
        width: 100%;

    }


    .service-img-One::after {

        top: -1px;
        left: -10px;
        right: 0;
        bottom: 0px;
        border: 1px solid #ccc;
        pointer-events: none;
        width: 106%;
        border-left: none;
        border-right: none;
    }

    .service-img-One img {
        width: 100%;
        height: 100%;

    }

    .service-img-One::before {

        top: -10px;

        height: 109%;

    }

    .top_menu {

        display: none;
    }


    .service-text {

        justify-content: flex-start;

    }

    .section_mep_two {

        padding: 20px 20px;
    }

    .pd-left {
        padding-left: 0px;
    }


    .page-header {

        padding: 6rem 0rem 0rem 0rem;
    }

    .section-presentation {
        padding: 22px 0px 60px 0px;

    }

    .img_entreprise::before {
        left: -26px;
        width: 18%;
    }




    .img-pre {

        height: 100%;

    }


    .section_mep_two .col-lg-6:first-child {
        order: 1 !important;
    }

    .section_mep_two .col-lg-6:last-child {
        order: 2 !important;
    }

    .section_contact .col-lg-6:first-child {
        order: 2 !important;
    }

    .section_contact .col-lg-6:last-child {
        order: 1 !important;
    }

    #amenagement-exterieur .col-lg-6:first-child,
    #charpente .col-lg-6:first-child,
    #isolation .col-lg-6:first-child,
    #amenagement-de-combles .col-lg-6:first-child {
        order: 2 !important;
    }

    #amenagement-exterieur .col-lg-6:last-child,
    #charpente .col-lg-6:last-child,
    #isolation .col-lg-6:last-child,
    #amenagement-de-combles .col-lg-6:last-child {
        order: 1 !important;
    }

    .footer-top {
        position: relative;
        height: 571px;
        padding-top: 1rem;
    }



    .ul-contrat li {

        font-size: 14px;
        text-align: left;

    }

    .devis-text .title {
        font-size: 17px;

    }

    .devis-content {
        display: flex;
        justify-content: space-around;
        align-items: center;

        flex-direction: row;
        text-align: center;
    }


    .card_realisation {
        flex: 0 0 calc(25% - 15px);

    }

    .footer-top::before {
        top: 415px;
        right: -4px;
        width: 49%;
        height: 22%;
    }


    .travaux-grid {

        display: flex;
        justify-content: center;
    }

    .cartes-container {
        gap: 1px;
        justify-content: center;
        margin-bottom: 29px;
    }

    .pd-right {
        padding-right: 0px;
    }

    .img-top-right {
        top: 11px;
        right: 23%;
        width: 376px;
    }



    .img-center-left {

        left: 32%;

    }

    .img-bottom-right {
        bottom: -27px;
        right: 28%;

    }

    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        border: none;
        padding: 10px 0;
        min-width: 287px;
        z-index: 1000;
    }

    .btn-contact {
        font-family: "Roboto Regular";
        color: #202020 !important;
        font-weight: 400;
                font-size: 17px;
        justify-content: flex-start;
        text-align: left;
        padding: 10px 7px;
        border-bottom: 2px solid transparent;
        background: none;
    }


    .btn-contact:hover {
        border-bottom: 2px solid #d72027;
        border-top: none;
        border-left: none;
        border-right: none;
        transform: translateX(0px);

    }
    .dropdown-menu .dropdown-item {
        font-size: 15px;
    }































}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .footer-top::before {
        top: 572px;
        right: 4px;
        width: 79%;
        height: 22%;
    }
    .prestation-front p {
    font-size: 17px;
    color: #666;
    text-align: justify;
}
    .hover-content p {
        font-size: 17px;
    }

}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {

    .slide-text-container {
        width: 205px;
        height: 575px;
    }

    .slide-text-container::before {
        left: 11px;
        width: 95%;
        height: 49%;
    }

    .slide-title {
        font-size: 33px;
    }

    .slide-subtitle {
        font-size: 14px;
    }

    .slide-content-wrapper {
        width: 204px;
        padding: 29px 0px 0px 11px;
    }

    .btn-ensavoir {
        padding: 6px 14px;
        font-size: 15px;
    }


     .caree {
        top: -66px;
        width: 85px;
        height: 85px;
        right: 12px;
    }
    .cadre {
        top: 123px;
        right: 47px;
        width: 156px;
        height: 300px;
    }

    .rea_overlay {
        width: 176px;
        padding: 6px;
    }

    .overlay-title {
        font-size: 15px;
    }

    .slide-image-container {
        flex: 1;
        height: 100%;
        margin-top: 59px;
    }


    .footer-top {

        height: 730px;

    }

    .card_realisation {
        flex: 0 0 calc(33% - 15px);
    }

    .direction {
        display: flex;
        flex-direction: column;
    }

    .service-img-One {
        width: 100%;
        margin-top: 22px;
    }

    .des_prestation1 {
        text-align: justify;

        font-size: 16px;
    }

    .section_mep_two {
        padding: 20px 30px;
    }

    .page-header {
        padding: 5rem 0rem 0rem 0rem;
    }

    .footer .footer-top {
        padding-bottom: 3rem;
        padding-top: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .lead {
        font-size: 16px;

    }

    .ul-contrat ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0;
        margin: 0;

    }

    .ul-contrat {
        text-align: center;
        margin: 15px 0 37px;
    }

    .section_mep_two h2 {

        font-size: 22px !important;
    }

    .quote_autres {

        font-size: 17px;

        margin: 17px 0;

    }

    .section-title-center {
        font-size: 19px;

        text-align: center;
    }

    .section_page3 {
        padding: 2rem 0.5rem;

    }

    .section-devis {

        padding: 15px 0px;
    }

    .description-wrapper .image-attention {
        position: absolute;
        top: -41px;
        left: -20px;
        width: 40px;
        height: 40px;
    }

    .section-devis .devis-button {
        margin: 12px auto 0 auto;
    }

    .card_realisation {
        flex: 0 0 calc(100% - 0px);
    }

    .hover-content p {
        font-size: 17px;
    }
    .main-navigation .nav-list {
      
        gap: 0px;
        
    }
    .nav-item .nav-link {
        font-size: 17px;
    }
    .card-entreprise {
        flex: 0 0 calc(40% - -32px);
    }

    .img-top-right {
        top: 11px;
        right: 0%;
        width: 376px;
    }
        .img-center-left {
        left: 16%;
    }

    .img-bottom-right {
        bottom: -27px;
        right: 13%;
    }
    .filter-btn-card {

    margin: 8px 0px;
    text-align: center;
}

}

@media (max-width: 568px) {
    .page-header {
        padding: 5rem 0rem 0rem 0rem;
    }

    .rea_overlay {
        width: 316px;
        padding: 6px;
    }

    .footer-top::before {
        top: 572px;
        right: 4px;
        width: 100%;
        height: 22%;
    }
    .vertical_nav-container{
        display: none;
    }
}

@media only screen and (max-width : 479px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .caree {
        top: -71px;
        width: 90px;
        height: 90px;
        right: -1px;
    }
        .nav-item .nav-link {
        font-size: 15px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {}