@media only screen and (min-width: 1801px) and (max-width: 2560px) {
    .agence_section {
        width: 36.5%;
    }

    .intervent_list ul li.last {
        /*width:16.49%;*/
    }

    /*---------------------Contactez Page start------------------------*/
    .agncecon_left {
        width: 18%;
    }

    .agncecon_right {
        width: 79%;
    }

    /*---------------------Contactez Page End------------------------*/
}

@media only screen and (min-width: 1701px) and (max-width: 1800px) {
    .agence_section {
        width: 35.5%;
    }
}

@media only screen and (min-width: 1621px) and (max-width: 1700px) {
    .agence_section {
        width: 34.5%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1499px) {

    /*.footer_col {*/
        /*width: 20%;*/
    /*}*/

    .container {
        width: 98%;
    }

    .header .container {
        width: 100%;
    }

    .nav_main ul li {
        padding: 0 9px;
    }

    .logo {
        width: 120px;
    }

    /*.phone_sec {*/
        /*padding: 0 20px;*/
    /*}*/

    .banner_conin h1 {
        width: 71%;
        padding: 5px 4% 8px 25%;
    }

    .banner_conin {
        width: 58%;
    }

    .banner_conin p {
        width: 75%;
        padding: 15px 0 0 25%;
    }

    .agence_right_main {
        width: 46%;
        padding: 0 0 0 4%;
    }

    .add_info {
        padding-top: 20px;
    }

    .comment_step ul li p {
        font-size: 18px;
    }

    .engabg_raw .engagements_raw {
        width: 73%;
        padding-top: 40px;
    }

    .realisations_section.dernis_sec .realisations_section_main {
        width: 84%;
        padding: 0 8%;
    }

    .derniers_raw.conseils_sec .derniers_con {
        width: 1170px;
    }

    .telach_bg {
        width: 21%;
        padding: 60px 1% 50px 0;
    }

    .lmtd_left {
        width: 48%;
    }

    .telach_right {
        width: 69%;
    }

    .bottom_navigation ul li {
        width: 16.5%;
    }

    .bottom_navigation ul li a {
        font-size: 16px;
    }

    .comment_con {
        width: 67%;
    }

    .first_step_errow {
        width: 180px;
        left: -50px;
    }

    .last_step_errow {
        width: 174px;
        right: -46px;
    }

    .agence_main {
        width: 33%;
    }

    .search_main {
        width: 51%;
    }

    .agence_detail h4 {
        font-size: 21px;
    }

    .video iframe {
        height: 270px !important;
    }

    .clientslider_txt p {
        font-size: 19px;
    }

    .title_sec h4 {
        font-size: 20px;
    }

    .mois_conin {
        width: 95%;
    }

    .our_partner {
        width: 86%;
        padding: 40px 7% 0;
    }

    .footer_bot_main {
        width: 86%;
        padding: 0 7%;
    }

    input.subscribe_txt[type="text"] {
        width: 54%;
    }

    .newsletter_section {
        width: 44%;
    }

    .client_logolist ul li {
        width: 30%;
        padding: 25px 1% 0;
    }

    .bnr_hp .banner_conin {
        width: 47%;
        padding: 0 0 0 13%;
    }

    .comment_hp .comment_step {
        padding-top: 90px;
    }

    .banner_conin {
        width: 59%;
    }

    .banner_conin h1 {
        width: 86%;
        padding: 5px 4% 8px 10%;
    }

    .banner_conin p {
        width: 70%;
        padding: 15px 0 0 10%;
    }

    .agence_left_img {
        width: 48%;
    }

    .agence_right_main {
        width: 49%;
        padding: 10px 0 0 2%;
    }

    .agence_right_con h2 {
        font-size: 34px;
    }

    .agence_right_con h4 {
        font-size: 18px;
    }

    .add_info h5 {
        font-size: 20px;
    }

    .add_info p {
        font-size: 18px;
    }

    .equip_right h6 {
        font-size: 16px;
    }

    .equip_right p {
        font-size: 16px;
    }

    .equip_right a {
        font-size: 16px;
        padding-left: 22px;
    }

    .address_raw {
        padding: 0;
    }

    .add_info {
        padding-top: 15px;
    }

    .add_info a.btn {
        font-size: 16px;
    }

    .comment_step ul li h5 {
        font-size: 20px;
    }

    .comment_step ul li p {
        font-size: 18px;
    }

    .engabg_raw .engagements_raw {
        width: 72%;
    }

    .telach_right {
        width: 68%;
    }

    .lmtd_left {
        width: 50%;
    }

    .lmtdl_txt span.first {
        font-size: 12px;
    }

    .lmtdl_txt span.sec {
        font-size: 32px;
    }

    .telach_right .main_btn {
        font-size: 16px;
    }

    .telach_right h4 {
        font-size: 18px;
    }

    .realisations_section.dernis_sec .realisations_section_main {
        width: 90%;
        padding: 0 5%;
    }

    .derniers_raw.conseils_sec .derniers_con {
        width: 100%;
    }

    .notre_raw .container {
        width: inherit;
    }

    .notrecon_l {
        width: 46%;
        padding: 0 2%;
    }

    .chart_logobg2 {
        width: 33%;
        margin: 10px 3% 0 0;
    }

    .chartcon_right {
        width: 62%;
    }

    .notrecon_l.right {
        padding: 0 0 0 2%;
    }

    input.subscribe_txt[type="text"] {
        width: 48%;
    }

    /*---------------------Inner Page start-------------------------------*/
    /*---------------------Peinture Page start-------------------------------*/
    .breadcrumb_con {
        width: 100%;
    }

    .marche_bg .title h2 {
        font-size: 28px;
    }

    .conseils_left {
        min-height: 206px;
    }

    .engagements_con .travaux_list {
        width: 90%;
        padding: 40px 5% 0;
    }

    /*---------------------Peinture Page End-------------------------------*/
    /*---------------------nos_prestations Page start-------------------------------*/
    /*---------------------nos_prestations Page start-------------------------------*/
    /*---------------------Univers Page start-------------------------------*/
    .toutes_btmtxt h4 {
        height: 98px;
        font-size: 20px;
    }

    .restaurantinr_raw .telach_bg {
        width: 305px;
    }

    /*---------------------Univers Page end-------------------------------*/
    /*---------------------Contactez Page start------------------------*/
    .mapleft_con {
        width: 56%;
    }

    .agences_right {
        width: 43%;
    }

    /*---------------------Contactez Page End------------------------*/
    /*---------------------partenaires Page start------------------------*/
    .partenaires_con ul li {
        width: 25%;
        margin: 0 3%;
    }

    /*---------------------partenaires Page End------------------------*/
    /*---------------------Quisommes Page start------------------------*/
    .travaux_con {
        width: 82%;
        padding: 0 9%;
    }

    .travauxbtm_raw {
        width: 96%;
        padding: 45px 2% 0;
    }

    .proche_con {
        width: 86%;
        padding: 0 7%;
    }

    .proche_right p {
        padding-top: 30px;
    }

    .votre_con {
        width: 82%;
        padding: 0 9%;
    }

    .votre_left {
        width: 63%;
    }

    .votre_left .title h2 {
        font-size: 26px;
    }

    .ncharte_right {
        width: 29%;
    }

    .ncharte_box .title h2 {
        font-size: 26px;
    }

    /*---------------------Quisommes Page End------------------------*/
    /*---------------------Realisation Page start-------------------------------*/
    .renovation_left {
        width: 60%;
        padding: 0 5% 0 0;
    }

    .marche_right.marcrel_right {
        width: 33%;
    }

    /*---------------------Realisation Page End-------------------------------*/
    /*---------------------contact Page start------------------------*/
    /*---------------------contact Page End------------------------*/
    /*---------------------actualites Page start-------------------------------*/
    /*---------------------actualites Page End-------------------------------*/
    /*---------------------actualites_detail Page Start-------------------------------*/
    /*---------------------actualites_detail Page End-------------------------------*/
    /*---------------------Inner Page start-------------------------------*/
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {

    .footer_col {
        width: 30%;
    }

    .footer_top_main .footer_col:nth-child(3n+1) {
        clear: left;
    }

    .container {
        width: 98%;
    }

    h1 {
        font-size: 54px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 17px;
    }

    p {
        font-size: 15px;
    }

    .header .container {
        width: 100%;
    }

    .header_btm {
        bottom: -40px;
    }

    .nav_main ul li {
        padding: 0;
    }

    .nav_main ul li a {
        font-size: 12px;
        padding: 0 6px;
    }

    ul.sub_nav {
        width: 530px;
    }

    .nav_main ul li .sub_nav li a {
        font-size: 10px;
    }

    /*.phone_sec {*/
        /*height: 42px;*/
        /*padding: 0 15px;*/
        /*margin-right: 10px;*/
    /*}*/

    /*.phone_sec a {*/
        /*font-size: 16px;*/
        /*padding-bottom: 5px;*/
        /*padding-left: 22px;*/
    /*}*/

    /*.top_socail {*/
        /*position: unset;*/
        /*width: 30px;*/
        /*padding: 6px 4px 4px 4px;*/
    /*}*/

    .banner_conin h1 {
        font-size: 36px;
    }

    .banner_conin p {
        font-size: 20px;
    }

    .btn {
        font-size: 16px;
    }

    .bottom_navigation ul {
        width: 100%;
        padding: 0;
    }

    .bottom_navigation ul li {
        width: 16.5%;
    }

    .bottom_navigation ul li a {
        font-size: 13px;
    }

    .comment_con {
        width: 66%;
    }

    .comment_step ul li h5 {
        font-size: 18px;
    }

    .comment_step ul li p {
        font-size: 16px;
    }

    .first_step_errow {
        width: 180px;
        left: -50px;
    }

    .last_step_errow {
        width: 174px;
        right: -63px;
    }

    .agence_section_bg {
        min-height: 250px;
    }

    .agence_main {
        width: 33%;
    }

    .search_main {
        width: 100%;
    }

    .agence_img {
        width: 30%;
    }

    .une_agence {
        padding: 24px 0 10px 6%;
    }

    .agence_detail {
        width: 67%;
    }

    .agence_detail h4 {
        font-size: 20px;
    }

    .agence_detail p {
        font-size: 13px;
    }

    .video iframe {
        height: 270px !important;
    }

    .realisations_title {
        width: 80%;
        height: 54px;
        font-size: 15px;
        padding: 15px 10%;
    }

    .clientttxt_con {
        width: 86%;
        padding: 70px 7% 71px;
    }

    .client_logolist ul li img {
        width: 74px;
    }

    .clientslider_txt p {
        font-size: 17px;
    }

    .title_sec h4 {
        font-size: 16px;
    }

    .intervent_hoverbox .btn {
        font-size: 13px;
        padding: 0 13px;
    }

    .intervent_hoverbox p {
        font-size: 14px;
    }

    .mois_conin {
        width: 95%;
        min-height: 648px;
    }

    .mois_right h3 {
        font-size: 24px;
    }

    .mois_right h4 {
        font-size: 18px;
    }

    .our_partner {
        width: 86%;
        padding: 40px 7% 0;
    }

    .newsletter_section {
        width: 58%;
    }

    .client_logolist ul li {
        width: 30%;
        padding: 25px 1% 0;
    }

    .notre_site_btn {
        padding-top: 15px;
    }

    .logo {
        width: 120px;
    }

    .top_socail ul li a {
        /*width: 20px;*/
        /*height: 20px;*/
        line-height: 20px;
    }

    .banner_conin {
        width: 59%;
    }

    .banner_conin h1 {
        width: 86%;
        padding: 5px 4% 8px 10%;
    }

    .banner_conin p {
        width: 70%;
        padding: 15px 0 0 10%;
    }

    .agence_left_img {
        width: 48%;
    }

    .agence_right_main {
        width: 49%;
        padding: 10px 0 0 2%;
    }

    .agence_right_con h2 {
        font-size: 34px;
    }

    .agence_right_con h4 {
        font-size: 18px;
    }

    .add_info h5 {
        font-size: 20px;
    }

    .add_info a {
        font-size: 18px;
    }

    .add_info p {
        font-size: 18px;
    }

    .equip_main {
        width: 50%;
    }

    .equip_left {
        width: 70px;
        height: 70px;
    }

    .equip_right {
        padding: 2px 0 0 10px;
    }

    .equip_right h6 {
        font-size: 16px;
    }

    .equip_right p {
        font-size: 16px;
    }

    .equip_right a {
        font-size: 16px;
        padding-left: 22px;
    }

    .address_raw {
        padding: 0;
    }

    .add_info {
        padding-top: 15px;
    }

    .add_info a.btn {
        font-size: 16px;
    }

    .comment_step ul li h5 {
        font-size: 18px;
    }

    .comment_step ul li p {
        font-size: 17px;
    }

    .engabg_raw .engagements_raw {
        width: 70%;
    }

    .travaux_right h6 {
        font-size: 16px;
    }

    .telach_bg {
        width: 21%;
    }

    .telach_right {
        width: 70%;
    }

    .lmtd_left {
        width: 50%;
    }

    .lmtdl_txt span.first {
        font-size: 12px;
    }

    .lmtdl_txt span.sec {
        font-size: 32px;
    }

    .telach_right .main_btn {
        font-size: 14px;
    }

    .telach_right h4 {
        font-size: 17px;
    }

    .realisations_section.dernis_sec .realisations_section_main {
        width: 90%;
        padding: 0 5%;
    }

    .derniers_raw.conseils_sec .conseils_list {
        padding: 55px 0 90px;
    }

    .derniers_raw.conseils_sec .conseils_box {
        width: 45.7%;
    }

    .derniers_raw.conseils_sec .derniers_con {
        width: 100%;
    }

    .notre_raw .container {
        width: inherit;
    }

    .notrecon_l {
        width: 47%;
        padding: 0 1%;
    }

    .chart_logobg2 {
        width: 30%;
        height: 135px;
        margin: 10px 3% 0 0;
    }

    .chartcon_right {
        width: 62%;
    }

    .notrecon_l .title h2 {
        font-size: 24px;
    }

    .pour_txt2 {
        font-size: 16px;
    }

    .notrecon_l.right {
        padding: 0 0 0 2%;
    }

    input.subscribe_txt[type="text"] {
        width: 48%;
    }

    /*---------hp Start--------*/
    .bnr_hp .banner_conin {
        width: 50%;
        padding: 0 0 0 5%;
    }

    .bnr_hp .banner_conin h1 {
        font-size: 42px;
    }

    .comment_hp .agence_section_bg {
        height: 250px;
    }

    /*---------hp end--------*/
    /*---------------------Inner Page start-------------------------------*/
    /*---------------------Peinture Page start-------------------------------*/
    .breadcrumb_con {
        width: 100%;
    }

    .fiche_left {
        width: 68%;
    }

    .fichetop_left img {
        width: 59%;
    }

    .fiche_left p {
        font-size: 16px;
    }

    .proin_left h4 {
        font-size: 22px;
    }

    .marche_right {
        width: 30%;
    }

    .marche_bg .title h2 {
        font-size: 26px;
    }

    .cmnt_right {
        padding: 4px 0 0 5%;
    }

    .cmnt_right p {
        font-size: 18px;
    }

    .demandez_bg {
        width: 86%;
        padding: 25px 7%;
    }

    .demandez_bg p {
        font-size: 22px;
    }

    .conseils_list {
        width: 97%;
        padding: 0 1%;
    }

    .conseils_box {
        width: 46.6%;
    }

    .conseils_left {
        min-height: 207px;
    }

    .conseils_right span {
        font-size: 15px;
    }

    .conseils_right h6 {
        font-size: 15px;
    }

    .conseils_right p {
        font-size: 15px;
    }

    .conseils_right a {
        font-size: 15px;
    }

    .engagements_con .travaux_list {
        width: 94%;
        padding: 40px 3% 0;
    }

    /*---------------------Peinture Page End-------------------------------*/
    /*---------------------nos_prestations Page start-------------------------------*/
    .nos_prestations_main {
        width: 96%;
    }

    .nos_pre_title {
        font-size: 18px;
    }

    /*---------------------nos_prestations Page End-------------------------------*/
    /*---------------------Univers Page start-------------------------------*/
    .toutes_btmtxt h4 {
        height: 98px;
        font-size: 17px;
    }

    .dossiers_box {
        width: 90%;
        margin: 45px 5%;
    }

    .restaurantinr_raw .telach_bg {
        width: 285px;
    }

    .restaurantinr_raw .lmtd_left {
        left: 18px;
    }

    /*---------------------Univers Page end-------------------------------*/
    /*---------------------Contactez Page start------------------------*/
    .trouvez_bg .submit_btn {
        font-size: 17px;
    }

    .mapleft_con {
        width: 56%;
    }

    .agences_right {
        width: 43%;
    }

    .agences_right h4 {
        font-size: 22px;
    }

    .travaux_section_main .title h4 {
        font-size: 22px;
    }

    .travaux_section_main {
        width: 82%;
    }

    .travaux_section_main p {
        font-size: 17px;
    }

    /*---------------------Contactez Page End------------------------*/
    /*---------------------partenaires Page start------------------------*/
    .partenaires_con ul li {
        width: 29%;
        margin: 0 2%;
    }

    .part_title_sec h4 {
        font-size: 22px;
    }

    .part_title_sec p {
        font-size: 17px;
    }

    /*---------------------partenaires Page End------------------------*/
    /*---------------------Quisommes Page start------------------------*/
    .travaux_con {
        width: 86%;
        padding: 0 7%;
    }

    .travauxbtm_raw {
        width: 100%;
        padding: 45px 0 0;
    }

    .proche_con {
        width: 86%;
        padding: 0 7%;
    }

    .proche_right p {
        font-size: 16px;
        padding-top: 24px;
    }

    .agence_search_tilte {
        font-size: 18px;
    }

    .votre_con {
        width: 90%;
        padding: 0 5%;
    }

    .votre_left ul li {
        width: 82%;
        padding: 0 0 15px 18%;
    }

    .step_right p {
        font-size: 16px;
        line-height: 130%;
        padding-top: 3px;
    }

    .votre_left {
        width: 63%;
    }

    .votre_left .title h2 {
        font-size: 24px;
    }

    .ncharte_right {
        width: 29%;
    }

    .ncharte_box .title h2 {
        font-size: 24px;
    }

    .proche_right .search_main {
        width: 40%;
    }

    .pour_txt {
        font-size: 16px;
    }

    /*---------------------Quisommes Page End------------------------*/
    /*---------------------Realisation Page start-------------------------------*/
    .renovation_left {
        width: 61%;
        padding: 0 2%;
    }

    .marche_right.marcrel_right {
        width: 33%;
    }

    .marche_right.marcrel_right .marche_bg .title h2 {
        font-size: 28px;
    }

    .derniers_raw.conseils_sec {
        padding: 50px 0;
    }

    .marche_right.marcrel_right .telach_right h4 {
        font-size: 16px;
    }

    .marche_right.marcrel_right .lmtd_left {
        width: 34%;
    }

    .realisation_page .marche_right {
        width: 30%;
    }

    .renovation_left .title h2 {
        font-size: 26px;
    }

    .basoin_con {
        width: 97%;
    }

    .basoin_box .title h4 {
        font-size: 22px;
    }

    /*---------------------Realisation Page End-------------------------------*/
    /*---------------------contact Page start------------------------*/
    .sub_con {
        font-size: 16px;
    }

    .contact_form {
        width: 72%;
    }

    .contact_txt.first {
        width: 50%;
    }

    .contact_txt.mr {
        margin-right: 3.5%;
    }

    .contact_txt.last {
        width: 37%;
    }

    .contact_txt {
        width: 95.2%;
        font-size: 16px;
        padding: 0 2.2%;
    }

    .area_txt {
        width: 95.2%;
        font-size: 16px;
        padding: 10px 2.2%;
    }

    /*---------------------contact Page End------------------------*/
    /*---------------------actualites Page start-------------------------------*/
    .iner_title h1 {
        font-size: 46px;
    }

    .breadcrumb_con ul li a {
        font-size: 15px;
    }

    .actualites_section_main {
        width: 88%;
    }

    .actualites_con h4 {
        font-size: 22px;
    }

    .actualites_con p {
        width: 70%;
    }

    /*---------------------actualites Page End-------------------------------*/
    /*---------------------actualites_detail Page Start-------------------------------*/
    .actualites_detail_main {
        width: 60%;
    }

    .actualites_detail_title h4 {
        font-size: 22px;
    }

    /*---------------------actualites_detail Page End-------------------------------*/
    /*---------------------Inner Page start-------------------------------*/
}

@media only screen and (min-width: 1120px) and (max-width: 1279px) {
    .agence_detail {
        width: 64%;
    }
}

@media only screen and (max-width: 1120px) {
    .top_socail {
        display: none;
    }
    .nav {
        margin-right: 0;
    }
    .nav_main ul li a {
        font-size: 11px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 98%;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    p {
        font-size: 15px;
    }

    .header .container {
        width: 100%;
    }

    .logo {
        width: 110px;
        height: auto;
    }

    .nav_main {
        padding-right: 0px;
    }

    .nav_main ul li {
        padding: 0
    }

    .nav_main ul li a {
        font-size: 11px;
        padding: 0 6px;
    }

    ul.sub_nav {
        width: 457px;
        left: -122px;
        top: 75px;
    }

    .nav_main ul li .sub_nav li a {
        width: 85.2%;
        font-size: 10px;
        padding: 15px 7%;
    }

    /*.phone_sec {*/
        /*height: 40px;*/
        /*padding: 0 8px;*/
        /*margin-right: 0;*/
    /*}*/

    /*.phone_sec a {*/
        /*background-size: 14px;*/
        /*font-size: 14px;*/
        /*padding-bottom: 8px;*/
        /*padding-left: 20px;*/
    /*}*/

    .banner_conin p {
        font-size: 18px;
    }

    .banner1_img {
        height: 550px;
    }

    .banner2_img {
        height: 550px;
    }

    .banner_con {
        top: 220px;
    }

    .btn {
        font-size: 14px;
    }

    .banner_conin .btn {
        padding: 0 50px;
    }

    .bottom_navigation ul {
        width: 100%;
        padding: 0;
    }

    .bottom_navigation ul li {
        width: 16.5%;
        height: 78px;
    }

    .bottom_navigation ul li a {
        font-size: 12px;
    }

    .comment_section {
        padding-top: 40px;
    }

    .comment_section_main .container {
        width: 100%;
    }

    .comment_con {
        width: 98%;
        padding: 50px 1%;
    }

    .comment_step ul li.step2 {
        width: 32%;
    }

    .first_step_errow {
        width: 180px;
        left: -50px;
    }

    .last_step_errow {
        width: 174px;
        right: -48px;
    }

    .agence_conin {
        background: #553514;
        width: 74%;
        padding: 0 13%;
    }

    .video_section {
        width: 64%;
        padding: 45px 18%;
    }

    .agence_section {
        display: none;
    }

    .agence_section_bg {
        min-height: 250px;
    }

    .agence_main {
        width: 100%;
    }

    .search_main {
        width: 58%;
    }

    input.search_txt[type="text"] {
        width: 76%;
    }

    .search_main .search {
        width: 14%;
    }

    .agence_img {
        width: 120px;
    }

    .une_agence {
        width: 88%;
        padding: 30px 6%;
    }

    .agence_detail {
        width: 67%;
    }

    .agence_detail h4 {
        font-size: 20px;
    }

    .agence_detail p {
        font-size: 13px;
    }

    .video iframe {
        height: 270px !important;
    }

    .realisations_section {
        padding-top: 50px;
    }

    .realisations_title {
        width: 80%;
        height: 54px;
        font-size: 14px;
        padding: 15px 10%;
    }

    .engagement_con .title h2 {
        font-size: 28px;
    }

    .clientttxt_con {
        width: 86%;
        padding: 70px 7% 71px;
    }

    .client_logolist ul li img {
        width: 74px;
    }

    #clientscon_slider .owl-item {
        height: 358px;
    }

    .clientslider_txt p {
        font-size: 16px;
    }

    .intervent_list ul li {
        width: 33%;
        margin-top: 3px;
        margin-right: 0.5%;
    }

    .intervent_list ul li.intervent_3 {
        margin-right: 0px;
    }

    .intervent_list ul li.last {
        width: 33%;
    }

    .title_sec h4 {
        font-size: 16px;
    }

    .intervent_hoverbox .btn {
        font-size: 13px;
        padding: 0 20px;
    }

    .intervent_hoverbox p {
        font-size: 14px;
    }

    .mois_conin {
        width: 95%;
        min-height: 648px;
    }

    .mois_right {
        width: 42%;
        padding: 40px 4% 0;
    }

    .mois_right h3 {
        font-size: 22px;
    }

    .mois_right h4 {
        font-size: 16px;
    }

    .our_partner {
        width: 86%;
        padding: 40px 7% 0;
    }

    .newsletter_section {
        width: 58%;
    }

    input.subscribe_txt[type="text"] {
        width: 59.8%;
    }

    .client_logolist ul li {
        width: 48%;
        padding: 16px 1% 0;
    }

    .notre_site_btn {
        padding-top: 15px;
    }

    .header_btm {
        bottom: -35px;
    }

    .top_socail {
        display: none;
    }

    .top_socail ul li a {
        /*width: 20px;*/
        /*height: 20px;*/
        line-height: 20px;
    }

    .banner_conin {
        width: 59%;
    }

    .banner_conin h1 {
        width: 92%;
        padding: 5px 1% 8px 7%;
        font-size: 32px;
    }

    .banner_conin p {
        width: 92%;
        padding: 15px 0 0 8%;
    }

    .banner_form {
        margin-top: -450px;
    }

    .bnrform_in {
        width: 280px;
    }

    .bnrform_tit {
        font-size: 20px;
    }

    .main_txtbox {
        font-size: 16px;
    }

    .main_txtarea {
        font-size: 16px;
    }

    .main_btn {
        font-size: 16px;
    }

    .agence_left_img {
        width: 48%;
    }

    .agence_right_main {
        width: 49%;
        padding: 10px 0 0 2%;
    }

    .agence_right_con h2 {
        font-size: 31px;
    }

    .agence_right_con h4 {
        font-size: 16px;
    }

    .add_info h5 {
        font-size: 18px;
    }

    .add_info a {
        font-size: 16px;
    }

    .add_info p {
        font-size: 16px;
    }

    .equip_main {
        width: 50%;
    }

    .equip_left {
        width: 65px;
        height: 65px;
    }

    .equip_right {
        padding: 2px 0 0 10px;
    }

    .equip_right h6 {
        font-size: 15px;
    }

    .equip_right p {
        font-size: 15px;
    }

    .equip_right a {
        font-size: 14px;
        padding-left: 22px;
    }

    .address_raw {
        padding: 0;
    }

    .equip_sec {
        padding: 10px 0 0 0;
    }

    .add_info {
        padding-top: 10px;
    }

    .add_info a.btn {
        font-size: 14px;
    }

    .comment_step ul li h5 {
        font-size: 18px;
    }

    .comment_step ul li p {
        font-size: 17px;
    }

    .engabg_raw .engagements_raw {
        width: 100%;
    }

    .engabg_raw {
        padding: 0;
    }

    .travaux_right h6 {
        font-size: 16px;
    }

    .telach_bg {
        width: 60%;
        position: relative;
    }

    .telach_right {
        width: 70%;
    }

    .lmtd_left {
        width: 50%;
    }

    .lmtdl_txt span.first {
        font-size: 12px;
    }

    .lmtdl_txt span.sec {
        font-size: 32px;
    }

    .telach_right .main_btn {
        font-size: 14px;
    }

    .telach_right h4 {
        font-size: 17px;
    }

    .realisations_section.dernis_sec .realisations_section_main {
        width: 96%;
        padding: 0 2%;
    }

    .derniers_raw.conseils_sec .conseils_list {
        padding: 55px 0 90px;
    }

    .derniers_raw.conseils_sec .conseils_box {
        width: 45.7%;
    }

    .derniers_raw.conseils_sec .derniers_con {
        width: 100%;
    }

    .notre_raw .container {
        width: inherit;
    }

    .notrecon_l {
        width: 48%;
        padding: 0 1%;
    }

    .chart_logobg2 {
        width: 30%;
        height: 135px;
        margin: 10px 3% 0 0;
    }

    .chartcon_right {
        width: 62%;
    }

    .notrecon_l .title h2 {
        font-size: 20px;
    }

    .pour_txt2 {
        font-size: 15px;
    }

    .notrecon_l.right {
        padding: 0 0 0 1%;
    }

    .footer_link ul li a {
        font-size: 15px;
    }

    input.subscribe_txt[type="text"] {
        width: 44%;
    }

    .footer_bot_main {
        width: 90%;
        padding: 0 5%;
    }

    /*---------hp Start--------*/
    .bnr_hp .banner_conin {
        width: 55%;
        padding: 0 0 0 3%;
    }

    .bnr_hp .banner_conin h1 {
        font-size: 36px;
    }

    .comment_hp .agence_section_bg {
        background: #553514;
        height: 250px;
    }

    .comment_hp .comment_step {
        padding-top: 50px;
    }

    .comment_hp .video_section {
        background: #f5f5f5;
        width: 80%;
        padding: 30px 10%;
    }

    .comment_hp .step_btn {
        padding-top: 60px;
    }

    .engabg_raw.enga_hp .telach_bg {
        top: inherit;
    }

    .engabg_raw.enga_hp .engagements_raw {
        padding-top: 50px;
    }

    /*---------hp end--------*/
    /*---------------------Inner Page start-------------------------------*/
    /*---------------------Peinture Page start-------------------------------*/
    .breadcrumb_con {
        width: 100%;
    }

    .peinture_page .realisations_section {
        padding-top: 0px;
    }

    .fiche_raw {
        padding: 20px 0 100px;
    }

    .fiche_left {
        width: 62%;
    }

    .fichetop_left img {
        width: 100%;
    }

    .fiche_left p {
        font-size: 15px;
    }

    .proin_left {
        width: 63%;
    }

    .proin_left h4 {
        font-size: 20px;
    }

    .proin_right {
        width: 34%;
    }

    .marche_right {
        width: 36%;
    }

    .marche_bg .title h2 {
        font-size: 24px;
    }

    .cmnt_leftico {
        width: 22%;
    }

    .cmnt_right {
        width: 73%;
        padding: 4px 0 0 5%;
    }

    .cmnt_right h4 {
        font-size: 18px;
    }

    .cmnt_right p {
        font-size: 16px;
    }

    .demandez_bg {
        width: 86%;
        padding: 25px 7%;
    }

    .demandez_bg p {
        font-size: 20px;
    }

    .conseils_list {
        width: 100%;
        padding: 0;
    }

    .conseils_box {
        width: 46.6%;
    }

    .conseils_left {
        width: 100%;
        min-height: inherit;
    }

    .conseils_right {
        width: 92%;
        padding: 15px 4%;
    }

    .conseils_right span {
        font-size: 15px;
    }

    .conseils_right h6 {
        font-size: 15px;
    }

    .conseils_right p {
        font-size: 15px;
    }

    .conseils_right a {
        font-size: 15px;
    }

    .more_conseils a {
        font-size: 16px;
    }

    .engagements_con .travaux_list {
        width: 94%;
        padding: 40px 3% 0;
    }

    /*---------------------Peinture Page End-------------------------------*/
    /*---------------------nos_prestations Page start-------------------------------*/
    .nos_prestations_main {
        width: 98%;
    }

    .nos_pre_title {
        font-size: 15px;
    }

    /*---------------------nos_prestations Page End-------------------------------*/
    /*---------------------Univers Page start-------------------------------*/
    .toutes_btmtxt h4 {
        height: 98px;
        font-size: 15px;
    }

    .dossiers_box {
        width: 90%;
        margin: 45px 5%;
    }

    .restaurantinr_raw .telach_bg {
        width: 274px;
    }

    .restaurantinr_raw .lmtd_left {
        left: 18px;
    }

    .restaurantinr_raw .telach_right {
        width: 55%;
        margin: 0;
    }

    .dossiers_box {
        width: 96%;
        margin: 45px 2% 0;
    }

    .dossiers_box_left {
        width: 44%;
        padding: 50px 2% 30px;
    }

    .dossiers_box_right {
        width: 52%;
    }

    .dossiers_box_left p.first {
        padding-top: 20px;
    }

    .pageination ul li.dossire a {
        margin-left: 15px;
    }

    .hover_box {
        padding: 10px 5%;
    }

    #dossiers_img_slider .owl-prev {
        background-size: 40px;
        width: 40px;
    }

    #dossiers_img_slider .owl-next {
        background-size: 40px;
        width: 40px;
    }

    /*---------------------Univers Page end-------------------------------*/
    /*---------------------Contactez Page start------------------------*/
    .trouvez_bg {
        width: 520px;
    }

    input.trouvez_txtbox[type="text"] {
        width: 316px;
    }

    .trouvez_bg .submit_btn {
        font-size: 16px;
    }

    .mapleft_con {
        width: 50%;
    }

    .agences_right {
        width: 49%;
    }

    .agences_right h4 {
        font-size: 20px;
    }

    .travaux_section_main .title h4 {
        font-size: 20px;
    }

    .agnce_btmright .btn {
        font-size: 13px;
    }

    .travaux_section_main {
        width: 88%;
    }

    .travaux_section_main p {
        font-size: 16px;
    }

    /*---------------------Contactez Page End------------------------*/
    /*---------------------partenaires Page start------------------------*/
    .partenaires_con ul li {
        width: 30%;
        margin: 0 1%;
    }

    .part_title_sec h4 {
        font-size: 20px;
    }

    .part_title_sec p {
        font-size: 16px;
    }

    .partenaire_logo {
        width: 70%;
        padding: 0 15%;
    }

    /*---------------------partenaires Page End------------------------*/
    /*---------------------Quisommes Page start------------------------*/
    .travaux_con {
        width: 94%;
        padding: 0 3%;
    }

    .travauxbtm_raw {
        width: 100%;
        padding: 45px 0 0;
    }

    .proche_con {
        width: 94%;
        padding: 0 3%;
    }

    .proche_right p {
        font-size: 15px;
        padding-top: 24px;
    }

    .agence_search_tilte {
        font-size: 18px;
    }

    .votre_con {
        width: 94%;
        padding: 0 3%;
    }

    .votre_left ul li {
        width: 78%;
        padding: 0 0 15px 22%;
    }

    .step_right h5 {
        font-size: 16px;
    }

    .step_right p {
        font-size: 15px;
        line-height: 130%;
        padding-top: 5px;
    }

    .votre_left {
        width: 63%;
    }

    .votre_left .title h2 {
        font-size: 22px;
    }

    .ncharte_right {
        width: 29%;
    }

    .ncharte_box .title h2 {
        font-size: 22px;
    }

    .proche_right .search_main {
        width: 44%;
    }

    .pour_txt {
        font-size: 15px;
    }

    /*---------------------Quisommes Page End------------------------*/
    /*---------------------Realisation Page start-------------------------------*/
    .renovation_left {
        width: 56%;
        padding: 0 2%;
    }

    .marche_right.marcrel_right {
        width: 38%;
    }

    .marche_right.marcrel_right .marche_bg .title h2 {
        font-size: 26px;
    }

    .derniers_raw.conseils_sec {
        padding: 50px 0;
    }

    .marche_right.marcrel_right .telach_right h4 {
        font-size: 16px;
    }

    .marche_right.marcrel_right .lmtd_left {
        width: 34%;
        height: 95%;
        left: 18px;
    }

    .basoin_txtcon p {
        font-size: 16px;
    }

    .realisation_page .marche_right {
        width: 36%;
    }

    .renovation_left .title h2 {
        font-size: 24px;
    }

    .basoin_con {
        width: 100%;
        padding-top: 40px;
    }

    .basoin_box .title h4 {
        font-size: 20px;
    }

    .slider.rnvn_slider ul#thumb-slider .owl-controls .owl-buttons .owl-next {
        right: -7%;
        top: 13px;
    }

    .slider.rnvn_slider ul#thumb-slider .owl-controls .owl-buttons .owl-prev {
        left: -7%;
        top: 13px;
    }

    .topsocail_tit {
        font-size: 15px;
    }

    /*---------------------Realisation Page End-------------------------------*/
    /*---------------------contact Page start------------------------*/
    .sub_con {
        font-size: 15px;
    }

    .contact_form {
        width: 74%;
    }

    .contact_txt.first {
        width: 49.9%;
    }

    .contact_txt.mr {
        margin-right: 3.5%;
    }

    .contact_txt.last {
        width: 37%;
    }

    .contact_txt {
        width: 95.2%;
        font-size: 15px;
        padding: 0 2.2%;
    }

    .area_txt {
        width: 95.2%;
        font-size: 15px;
        padding: 10px 2.2%;
    }

    /*---------------------contact Page End------------------------*/
    /*---------------------actualites Page start-------------------------------*/
    .iner_title h1 {
        font-size: 44px;
    }

    .breadcrumb_con ul li a {
        font-size: 15px;
    }

    .iner_title p {
        font-size: 22px;
    }

    .actualites_section_main {
        width: 88%;
    }

    .actualites_con h4 {
        font-size: 20px;
    }

    .date {
        font-size: 16px;
    }

    .actualites_con p {
        width: 70%;
    }

    .actualites_con .more a {
        font-size: 14px;
    }

    /*---------------------actualites Page End-------------------------------*/
    /*---------------------actualites_detail Page Start-------------------------------*/
    .actualites_detail_main {
        width: 65%;
    }

    .actualites_detail_title h4 {
        font-size: 20px;
    }

    /*---------------------actualites_detail Page End-------------------------------*/
    /*---------------------Inner Page start-------------------------------*/
}

@media only screen and (min-width: 480px) and (max-width: 1000px) {
    .footer_col {
        width: 47%;
    }

    .footer_top_main .footer_col:nth-child(2n+1) {
        clear: left;
    }

    .img-helper {
        display: none !important;
    }
    .container {
        width: 98%;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    p {
        font-size: 15px;
    }

    .header {
        height: 63px;
    }

    .header .container {
        width: 100%;
    }

    .logo {
        width: 130px;
        height: auto;
    }

    .phone_sec {
        margin: 10px 70px 0 0;
    }

    .nav_main {
        background: #F47F1F;
        width: 60%;
        height: 100%;
        position: fixed;
        left: -60%;
        top: 0;
        padding-right: 0;
        overflow: auto;
        z-index: 9
    }

    .nav_main.open {
        left: 0;
    }

    .nav_open {
        overflow: hidden;
    }

    .nav_main ul.second {
        background: #175159;
        display: block;
    }

    .nav_main ul {
        padding: 30px 0;
    }

    .nav_main ul li {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .nav_main ul li a {
        float: none;
        height: auto;
        line-height: 110%;
        display: block;
        font-size: 13px;
        color: #fff;
        padding: 11px 60px 11px 20px;
        transition: inherit;
        -webkit-transition: inherit;
        -moz-transition: inherit;
    }

    .nav_main ul li:hover a, .nav_main ul li.active a {
        background: none;
        color: #3F1E03;
    }

    .nav_main ul li span {
        background: url(../images/nav_close.svg) no-repeat center center;
        position: absolute;
        width: 60px;
        height: 40px;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .nav_main ul li.has-sub.open a {
        background: #d7660b;
        color: #fff;
    }

    .nav_main ul li.has-sub.open .sub_nav li a {
        background: #d7660b;
        width: 74%;
        font-size: 12px;
        color: #FFFFFF;
        padding: 10px 13%;
        border-right: 0;
        border-bottom: 1px solid #F79748;
    }

    .nav_main ul li.has-sub.open .sub_nav li a:hover, .nav_main ul li.has-sub.open .sub_nav li.active a:hover {
        color: #3F1E03;
    }

    .nav_main ul li.has-sub.open span {
        background: url(../images/nav_open.svg) no-repeat center center;
    }

    ul.sub_nav {
        background: #d7660b;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        position: relative;
        opacity: 1;
        visibility: visible;
        padding: 10px 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .nav_main ul li .sub_nav li {
        width: 100%;
    }

    /*.phone_sec {*/
        /*height: 40px;*/
        /*padding: 0 25px;*/
        /*margin-right: 100px;*/
    /*}*/

    /*.phone_sec a {*/
        /*background-size: 14px;*/
        /*font-size: 16px;*/
        /*padding-bottom: 8px;*/
        /*padding-left: 23px;*/
        /*margin-top: 10px;*/
    /*}*/

    .res_navigation {
        display: block;
    }

    .banner_conin p {
        font-size: 18px;
    }

    .banner1_img {
        background-position: -160px center;
        height: 500px;
    }

    .banner2_img {
        height: 500px;
    }

    .banner_con {
        top: 220px;
    }

    .btn {
        font-size: 14px;
    }

    .banner_conin .btn {
        padding: 0 50px;
    }

    .bottom_navigation {
        display: none;
    }

    .comment_section {
        padding-top: 40px;
    }

    .comment_section_main .container {
        width: 100%;
    }

    .comment_con {
        width: 98%;
        padding: 40px 1%;
    }

    .comment_step ul li {
        width: 90%;
        padding: 0 5%;
        text-align: left;
    }

    .comment_step ul li.step2 {
        width: 90%;
        padding: 30px 5% 0;
    }

    .comment_step ul li.step3 {
        width: 90%;
        padding: 30px 5% 0;
    }

    .comment_step ul li .step_ico {
        float: left;
        display: inline-block;
    }

    .comment_step ul li h5 {
        padding-top: 5px;
        text-align: left;
    }

    .first_step_errow {
        display: none;
    }

    .last_step_errow {
        display: none;
    }

    .comment_bot {
        width: 69%;
        padding-left: 5%;
    }

    .agence_conin {
        background: #553514;
        width: 90%;
        padding: 0 5%;
    }

    .video_section {
        width: 80%;
        padding: 45px 10%;
    }

    .agence_section {
        display: none;
    }

    .agence_section_bg {
        min-height: 250px;
    }

    .agence_main {
        width: 100%;
        padding-top: 20px;
    }

    .agence_search {
        width: 96%;
        padding: 16px 0 0 4%;
    }

    .search_main {
        width: 55%;
    }

    input.search_txt[type="text"] {
        width: 73%;
    }

    .search_main .search {
        width: 17%;
    }

    .agence_img {
        width: 120px;
    }

    .une_agence {
        width: 96%;
        padding: 30px 0 30px 4%;
    }

    .agence_detail {
        width: 67%;
    }

    .agence_detail h4 {
        font-size: 20px;
    }

    .agence_detail p {
        font-size: 13px;
    }

    .video_section .title {
        text-align: center;
    }

    .video_section .title h2 span {
        margin: 0 auto;
    }

    .video_section p {
        text-align: center;
    }

    .video iframe {
        height: 270px !important;
    }

    .realisations_con {
        padding-top: 30px;
        text-align: center;
    }

    .realisations_section {
        padding-top: 50px;
    }

    .realisations_title {
        width: 80%;
        height: 54px;
        font-size: 14px;
        padding: 15px 10%;
    }

    .realisations_con ul {
        float: none;
        width: auto;
        margin: 0 auto;
    }

    .realisations_con ul li {
        float: none;
        display: inline-block;
        width: 47.6%;
        padding: 20px 1% 0;
    }

    .engagement_con .title h2 {
        font-size: 28px;
    }

    .clients_section .container {
        width: 100%;
    }

    .our_client {
        width: 100%;
    }

    .nos_client {
        width: 100%;
    }

    .client_contain {
        width: 100%;
    }

    .clientttxt_con {
        width: 86%;
        padding: 70px 7% 71px;
    }

    .client_logolist ul li img {
        width: 74px;
    }

    #clientscon_slider .owl-item {
        height: 200px;
    }

    .clientslider_txt p {
        font-size: 16px;
        text-align: center;
    }

    .engagement_con {
        width: 90%;
        margin: 60px 0 0;
        padding: 0 5%;
    }

    .intervent_list ul li {
        width: 49.5%;
        margin-top: 3px;
        margin-right: 1%;
    }

    .intervent_list ul li.intervent_2 {
        margin-right: 0px;
    }

    .intervent_list ul li.intervent_4 {
        margin-right: 0px;
    }

    .intervent_list ul li.last {
        width: 49.5%;
    }

    .title_sec h4 {
        font-size: 16px;
    }

    .intervent_hoverbox .btn {
        font-size: 13px;
        padding: 0 20px;
    }

    .intervent_hoverbox p {
        font-size: 14px;
    }

    .mois_conin {
        width: 95%;
        min-height: 648px;
    }

    .mois_left {
        width: 100%;
        min-height: 568px;
    }

    .mois_right {
        width: 92%;
        min-height: 640px;
        padding: 40px 4% 0;
    }

    .mois_btn {
        bottom: 30px;
    }

    .mois_right h3 {
        font-size: 22px;
    }

    .mois_right h4 {
        font-size: 16px;
    }

    .partner_section {
        padding: 5px 0 100px;
    }

    .our_partner {
        width: 92%;
        padding: 40px 4% 0;
    }

    #partner_logoslider .owl-buttons .owl-prev {
        left: -18px;
    }

    #partner_logoslider .owl-buttons .owl-next {
        right: -18px;
    }

    .footer_nav ul li a {
        font-size: 12px;
    }

    .newsletter_section {
        width: 93%;
    }

    input.subscribe_txt[type="text"] {
        width: 59.8%;
    }

    .client_logolist ul li {
        width: 31.3%;
        padding: 16px 1% 0;
    }

    .notre_site_btn {
        float: none;
        display: inline-block;
        margin: 0 auto;
        padding-top: 15px;
    }

    .header_btm {
        bottom: -37px;
    }

    .top_socail {
        display: none;
    }

    .top_socail ul li a {
        /*width: 20px;*/
        /*height: 20px;*/
        line-height: 20px;
    }

    .banner_conin {
        width: 88%;
    }

    .banner_conin h1 {
        width: 95%;
        padding: 5px 1% 8px 4%;
        font-size: 30px;
    }

    .banner_conin p {
        width: 95%;
        padding: 15px 0 0 5%;
        font-size: 16px;
    }

    .banner_form .container {
        width: 100%;
    }

    .banner_form {
        margin-top: 0;
    }

    .banner_formbg {
        background: #26818E;
    }

    .mainbrn_form {
        background: none;
    }

    .bnrform_in {
        width: 90%;
        padding: 30px 5%;
    }

    .bnrform_tit {
        font-size: 20px;
    }

    .main_txtbox {
        font-size: 16px;
    }

    .main_txtarea {
        font-size: 16px;
    }

    .main_btn {
        font-size: 16px;
    }

    .agence_left_img {
        width: 96%;
        padding: 0 2%;
    }

    .agence_right_main {
        width: 96%;
        padding: 50px 0 0 2%;
    }

    .agence_right_con h2 {
        font-size: 30px;
    }

    .agence_right_con h4 {
        font-size: 16px;
    }

    .add_info h5 {
        font-size: 18px;
    }

    .add_info a {
        font-size: 16px;
    }

    .add_info p {
        font-size: 16px;
    }

    .equip_sec {
        padding: 10px 0 0 0;
    }

    .equip_main {
        width: 50%;
    }

    .equip_left {
        width: 65px;
        height: 65px;
    }

    .equip_right {
        padding: 2px 0 0 10px;
    }

    .equip_right h6 {
        font-size: 15px;
    }

    .equip_right p {
        font-size: 15px;
    }

    .equip_right a {
        font-size: 14px;
        padding-left: 22px;
    }

    .address_raw {
        padding: 0;
    }

    .add_info {
        padding-top: 10px;
    }

    .add_info a.btn {
        font-size: 14px;
    }

    .comment_step ul li h5 {
        font-size: 18px;
    }

    .comment_step ul li p {
        font-size: 17px;
    }

    .engabg_raw .engagements_raw {
        width: 100%;
    }

    .engabg_raw {
        padding: 0;
    }

    .travaux_right h6 {
        font-size: 16px;
    }

    .telach_bg {
        width: 70%;
        position: relative;
    }

    .telach_right {
        width: 70%;
    }

    .lmtd_left {
        width: 50%;
    }

    .lmtdl_txt span.first {
        font-size: 12px;
    }

    .lmtdl_txt span.sec {
        font-size: 32px;
    }

    .telach_right .main_btn {
        font-size: 14px;
    }

    .telach_right h4 {
        font-size: 17px;
    }

    .realisations_section.dernis_sec .realisations_section_main {
        width: 96%;
        padding: 0 2%;
    }

    .realisations_section.dernis_sec .realisations_con ul li {
        width: 47.6%;
        padding: 20px 1%;
    }

    .derniers_raw.conseils_sec {
        padding: 40px 0;
    }

    .derniers_raw.conseils_sec .conseils_list {
        padding: 0 0 40px 0;
    }

    .derniers_raw.conseils_sec .conseils_box {
        width: 45.5%;
    }

    .derniers_raw.conseils_sec .derniers_con {
        width: 100%;
    }

    .notre_l {
        display: none;
    }

    .notre_r {
        display: none;
    }

    .notre_raw .container {
        width: inherit;
    }

    .notre_con {
        background: #fff;
        padding: 30px 0;
    }

    .notrecon_l {
        background: #26818E;
        width: 96%;
        padding: 30px 2%;
    }

    .notrecon_l.right {
        background: #E4E1DE;
        padding: 30px 2%;
    }

    .chart_logobg2 {
        width: 30%;
        height: 135px;
        margin: 10px 3% 0 0;
    }

    .chartcon_right {
        width: 62%;
    }

    .notrecon_l .title h2 {
        font-size: 20px;
    }

    .pour_txt2 {
        font-size: 15px;
    }

    .partner_section.sec_slider {
        padding: 40px 0;
    }

    .footer_top {
        padding: 20px 0 30px;
    }

    .footer_link {
        padding: 10px 0 0;
    }

    .footer_link ul li a {
        font-size: 15px;
    }

    .footer_col h5 {
        font-size: 16px;
    }

    .newsletter_btm {
        padding: 20px 0 0;
    }

    input.subscribe_txt[type="text"] {
        width: 44%;
    }

    .footer_bot_main {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .footerbtm_l {
        float: none;
        display: inline-block;
    }

    .social_section {
        width: 100%;
    }

    .social_section ul {
        margin: 10px auto 0;
    }

    /*---------hp Start--------*/
    .bnr_hp .banner_conin {
        width: 100%;
        padding: 0;
    }

    .bnr_hp .banner_conin h1 {
        font-size: 30px;
    }

    .comment_hp .agence_section_bg {
        background: #553514;
        height: 250px;
    }

    .comment_hp .comment_step {
        padding-top: 50px;
    }

    .comment_hp .video_section {
        background: #f5f5f5;
        width: 80%;
        padding: 30px 10%;
    }

    .comment_hp .step_btn {
        padding-top: 60px;
    }

    .engabg_raw.enga_hp .telach_bg {
        top: inherit;
    }

    .engabg_raw.enga_hp .engagements_raw {
        padding-top: 50px;
    }

    .mois_section.mois_hp .mois_right {
        width: 94%;
        padding: 40px 4% 0;
    }

    .mois_section.mois_hp .mois_btn {
        text-align: center;
    }

    .main_banner.bnr_hp .banner_conin {
        text-align: center;
    }

    /*---------hp end--------*/
    /*---------------------Inner Page start-------------------------------*/
    /*---------------------Peinture Page start-------------------------------*/
    .inner_contain {
        padding: 40px 0;
    }

    .peinture_page .realisations_section {
        padding-top: 0px;
    }

    .fiche_raw {
        padding: 20px 0 100px;
    }

    .fiche_left {
        width: 100%;
        padding-top: 30px;
    }

    .fichetop_left img {
        width: 100%;
        padding: 30px 0% 0 0;
    }

    .fiche_left p {
        float: left;
        font-size: 15px;
    }

    .proin_left {
        width: 100%;
    }

    .proin_left h4 {
        font-size: 20px;
    }

    .proin_right {
        width: 45%;
        margin: 25px 0 0 0;
    }

    .marche_right {
        width: 96%;
        padding: 60px 2% 0;
    }

    .marche_bg .title h2 {
        font-size: 24px;
    }

    .cmnt_leftico {
        width: 18%;
    }

    .cmnt_right {
        width: 77%;
        padding: 4px 0 0 5%;
    }

    .cmnt_right h4 {
        font-size: 18px;
    }

    .cmnt_right p {
        font-size: 15px;
    }

    .demandez_bg {
        width: 86%;
        padding: 25px 7%;
    }

    .demandez_bg p {
        font-size: 18px;
    }

    .conseils_list {
        width: 100%;
        padding: 0;
    }

    .conseils_box {
        width: 96.5%;
    }

    .conseils_left {
        width: 100%;
        min-height: 200px;
    }

    .conseils_right {
        width: 92%;
        padding: 15px 4%;
    }

    .conseils_right span {
        font-size: 15px;
    }

    .conseils_right h6 {
        font-size: 15px;
    }

    .conseils_right p {
        font-size: 15px;
    }

    .conseils_right a {
        font-size: 15px;
    }

    .more_conseils a {
        font-size: 16px;
    }

    .engagements_con .travaux_list {
        width: 94%;
        padding: 10px 3% 0;
    }

    .engagements_con .travaux_list ul li {
        width: 100%;
    }

    .engagements_con .travaux_list ul li .travaux_ico {
        width: 14%;
    }

    .engagements_con .travaux_list ul li .travaux_right {
        background: none;
        width: 80%;
        padding: 0 0 0 6%;
        margin-top: 0px;
        text-align: left;
    }

    .engagements_con .travaux_list ul li .travaux_right p {
        width: 100%;
        padding: 5px 0 0 0;
    }

    /*---------------------Peinture Page End-------------------------------*/
    /*---------------------nos_prestations Page start-------------------------------*/
    .nos_prestations_main {
        width: 98%;
    }

    .nos_prestations_con ul li {
        width: 42%;
        padding: 60px 4% 0;
    }

    .prestations_title {
        width: 87%;
    }

    .nos_pre_title {
        font-size: 15px;
    }

    /*---------------------nos_prestations Page End-------------------------------*/
    /*---------------------Univers Page start-------------------------------*/
    .restaurantinr_raw .fiche_conin .fiche_left {
        padding-top: 0px;
    }

    .toutes_btmtxt h4 {
        height: 70px;
        font-size: 15px;
    }

    .toutes_list ul li {
        width: 48.5%;
    }

    .toutes_list ul li.last {
        margin: 35px 3% 0 0;
    }

    .toutes_list ul li.sec {
        margin-right: 0px;
    }

    .toutes_list ul li.last.sec {
        margin-right: 0px;
    }

    .restaurantinr_raw .telach_bg {
        width: 95%;
    }

    .dossiers_box {
        width: 96%;
        margin: 45px 2% 0;
    }

    .dossiers_box_left {
        width: 96%;
        padding: 30px 2%;
    }

    .dossiers_box_right {
        width: 100%;
    }

    .dossiers_box_left p.first {
        padding-top: 20px;
    }

    .pageination ul li.dossire a {
        margin-left: 15px;
    }

    .derniers_raw.conseils_sec.univers .conseils_box {
        width: 96%;
    }

    .les_dossiers_section {
        padding: 50px 0;
    }

    .dossiers_box_left h3 {
        font-size: 22px;
    }

    .dossiers_box_left p.first {
        font-size: 16px;
    }

    #dossiers_img_slider .owl-prev {
        background-size: 35px;
        width: 30px;
    }

    #dossiers_img_slider .owl-next {
        background-size: 35px;
        width: 30px;
    }

    .hover_box {
        padding: 5px 5%;
    }

    .hover_box p {
        font-size: 11px;
    }

    /*---------------------Univers Page end-------------------------------*/
    /*---------------------Contactez Page start------------------------*/
    .trouvez_form {
        padding-top: 50px;
    }

    .trouvez_form h6 {
        padding: 15px 15px 15px 0;
    }

    .trouvez_bg {
        width: 100%;
    }

    input.trouvez_txtbox[type="text"] {
        width: 57%;
        font-size: 16px;
        padding: 0 3%;
        margin: 6px 0 0 1%;
    }

    .trouvez_bg .submit_btn {
        width: 36%;
        background-position: 21px 22px;
        font-size: 14px;
        padding: 0 0 0 5%;
    }

    .mapleft_con {
        width: 88%;
        padding: 0 6%;
    }

    .mapleft_con iframe {
        height: 430px;
    }

    .agences_right {
        width: 99%;
        padding: 50px 0 10px 0;
    }

    .agences_right h4 {
        font-size: 18px;
    }

    .travaux_section_main .title h4 {
        font-size: 18px;
    }

    .agnce_btmright .btn {
        font-size: 13px;
    }

    .travaux_section_main {
        width: 92%;
    }

    .travaux_section_main p {
        font-size: 14px;
    }

    /*---------------------Contactez Page End------------------------*/
    /*---------------------partenaires Page start------------------------*/
    .partenaires_con ul li {
        width: 47%;
        margin: 0 1%;
    }

    .part_title_sec h4 {
        font-size: 18px;
    }

    .part_title_sec p {
        font-size: 14px;
        padding-top: 12px;
    }

    .partenaire_logo {
        width: 60%;
        padding: 0 20%;
    }

    /*---------------------partenaires Page End------------------------*/
    /*---------------------Quisommes Page start------------------------*/
    .travaux_con {
        width: 94%;
        padding: 0 3%;
    }

    .travauxbtm_raw {
        width: 100%;
        padding: 15px 0 0;
    }

    .travaux_box {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .travaux_box .title h6 {
        text-align: left;
    }

    .votr_txt {
        text-align: left;
    }

    .travaux_txtlist p {
        text-align: left;
    }

    .proche_con {
        width: 94%;
        padding: 0 3%;
    }

    .proche_right p {
        font-size: 14px;
        padding-top: 24px;
    }

    .agence_search_tilte {
        font-size: 16px;
    }

    .votre_con {
        width: 96%;
        padding: 0 2%;
    }

    .votre_left ul li {
        width: 78%;
        padding: 0 0 15px 22%;
    }

    .step_right h5 {
        font-size: 16px;
    }

    .step_right p {
        font-size: 14px;
        line-height: 130%;
        padding-top: 5px;
    }

    .votre_raw {
        padding: 40px 0;
    }

    .votre_left {
        width: 100%;
    }

    .votre_left .title h2 {
        font-size: 20px;
    }

    .ncharte_right {
        width: 94%;
        margin: 50px 0 0 0;
    }

    .ncharte_box .title h2 {
        font-size: 20px;
    }

    .proche_right .search_main {
        width: 76%;
    }

    .pour_txt {
        font-size: 14px;
    }

    /*---------------------Quisommes Page End------------------------*/
    /*---------------------Realisation Page start-------------------------------*/
    .renovation_left {
        width: 95%;
        padding: 0 2%;
    }

    .marche_right.marcrel_right {
        width: 96%;
        padding: 40px 2% 0;
    }

    .rnovationslider_raw.rnvtion_raw {
        padding-bottom: 50px;
    }

    .marche_right.marcrel_right .marche_bg .title h2 {
        font-size: 26px;
    }

    .marche_right.marcrel_right .telach_bg {
        margin: 40px 0 0 0;
    }

    .derniers_raw.conseils_sec {
        padding: 20px 0 50px;
    }

    .marche_right.marcrel_right .telach_right h4 {
        font-size: 16px;
    }

    .marche_right.marcrel_right .lmtd_left {
        width: 34%;
        height: 95%;
        left: 18px;
    }

    .basoin_txtcon p {
        font-size: 15px;
    }

    .realisations_section.dernis_sec.realisations_hp .more_realisations {
        padding-top: 30px;
    }

    .derniers_raw.conseils_sec.conseils_hp.rel_deter .conseils_list {
        width: 100%;
        padding: 0;
    }

    .derniers_raw.conseils_sec .conseils_box {
        width: 96%;
    }

    .slider.rnvn_slider ul#single-slider li p {
        font-size: 14px;
    }

    .realisation_page .marche_right {
        width: 100%;
    }

    .renovation_left .title h2 {
        font-size: 22px;
    }

    .basoin_con {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .basoin_box .title h4 {
        font-size: 20px;
    }

    .slider.rnvn_slider ul#thumb-slider .owl-controls .owl-buttons .owl-next {
        right: -7%;
        top: 13px;
    }

    .slider.rnvn_slider ul#thumb-slider .owl-controls .owl-buttons .owl-prev {
        left: -7%;
        top: 13px;
    }

    .topsocail_tit {
        font-size: 15px;
    }

    /*---------------------Realisation Page End-------------------------------*/
    /*---------------------contact Page start------------------------*/
    .sub_con {
        font-size: 14px;
    }

    .contact_form {
        width: 84%;
    }

    .contact_txt.first {
        width: 49.6%;
    }

    .contact_txt.mr {
        margin-right: 3.5%;
    }

    .contact_txt.last {
        width: 37%;
    }

    .contact_txt {
        width: 95%;
        font-size: 14px;
        padding: 0 2.2%;
    }

    .area_txt {
        width: 95.2%;
        font-size: 14px;
        padding: 10px 2.2%;
    }

    /*---------------------contact Page End------------------------*/
    /*---------------------actualites Page start-------------------------------*/
    .iner_title h1 {
        font-size: 40px;
    }

    .iner_title p {
        font-size: 20px;
    }

    .breadcrumb_bg {
        display: none;
    }

    .actualites_section_main {
        width: 96%;
    }

    .actualites_con h4 {
        font-size: 20px;
    }

    .date {
        font-size: 16px;
    }

    .actualites_con p {
        width: 90%;
    }

    .actualites_con .more a {
        font-size: 14px;
    }

    .pagination ul li a {
        font-size: 14px;
    }

    /*---------------------actualites Page End-------------------------------*/
    /*---------------------actualites_detail Page Start-------------------------------*/
    .actualites_detail_main {
        width: 76%;
    }

    .actualites_detail_title h4 {
        font-size: 20px;
    }

    /*---------------------actualites_detail Page End-------------------------------*/
    /*---------------------Inner Page End-------------------------------*/
}

@media (max-width: 479px) {
    .footer_col {
        width: 70%;
        margin-bottom: 10%;
    }
    .img-helper {
        display: none !important;
    }
    .container {
        width: 97%;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 16px;
    }

    p {
        font-size: 14px;
    }

    .header {
        height: 63px;
    }

    .header .container {
        width: 100%;
    }

    .logo {
        width: 110px;
        height: auto;
    }

    .phone_sec {
        margin: 10px 70px 0 0;
    }

    .nav_main {
        background: #F47F1F;
        width: 81%;
        height: 100%;
        position: fixed;
        left: -81%;
        top: 0;
        padding-right: 0;
        overflow: auto;
        z-index: 9;
    }

    .nav_main.open {
        left: 0;
    }

    .nav_open {
        overflow: hidden;
    }

    .nav_main ul.second {
        background: #175159;
        display: block;
    }

    .nav_main ul {
        padding: 30px 0;
    }

    .nav_main ul li {
        width: 100%;
        height: auto;
        padding: 0
    }

    .nav_main ul li a {
        float: none;
        height: auto;
        line-height: 110%;
        display: block;
        font-size: 13px;
        color: #fff;
        padding: 11px 60px 11px 20px;
        transition: inherit;
        -webkit-transition: inherit;
        -moz-transition: inherit;
    }

    .nav_main ul li:hover a, .nav_main ul li.active a {
        background: none;
        color: #3f1e03;
    }

    .nav_main ul li span {
        background: url(../images/nav_close.svg) no-repeat center center;
        position: absolute;
        width: 60px;
        height: 40px;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .nav_main ul li.has-sub.open a {
        background: #D7660B;
        color: #fff;
    }

    .nav_main ul li.has-sub.open .sub_nav li a {
        background: #D7660B;
        width: 74%;
        font-size: 12px;
        color: #FFFFFF;
        padding: 10px 13%;
        border-right: none;
        border-bottom: 1px solid #F79748;
    }

    .nav_main ul li.has-sub.open .sub_nav li a:hover, .nav_main ul li.has-sub.open .sub_nav li.active a:hover {
        color: #3f1e03;
    }

    .nav_main ul li.has-sub.open span {
        background: url(../images/nav_open.svg) no-repeat center center;
    }

    ul.sub_nav {
        background: #D7660B;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        position: relative;
        opacity: 1;
        visibility: visible;
        padding: 10px 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .nav_main ul li .sub_nav li {
        width: 100%;
    }

    /*.phone_sec {*/
        /*height: 40px;*/
        /*padding: 0 8px;*/
        /*margin-right: 65px;*/
    /*}*/

    /*.phone_sec a {*/
        /*background-size: 16px;*/
        /*font-size: 16px;*/
        /*padding-bottom: 8px;*/
        /*padding-left: 20px;*/
    /*}*/

    .nav-toggle {
        right: 17px;
    }

    .res_navigation {
        width: 62px;
        display: block;
    }

    .banner_conin p {
        font-size: 16px;
    }

    .banner1_img {
        background-position: -160px center;
        height: 500px;
    }

    .banner2_img {
        height: 500px;
    }

    .banner_con {
        top: 220px;
    }

    .btn {
        font-size: 12px;
    }

    .banner_conin .btn {
        padding: 0 40px;
    }

    .bottom_navigation {
        display: none;
    }

    .comment_section {
        padding-top: 40px;
    }

    .comment_section_main .container {
        width: 100%;
    }

    .comment_con {
        width: 98%;
        padding: 30px 1%;
    }

    .comment_step ul li {
        width: 90%;
        padding: 0 5%;
        text-align: left;
    }

    .comment_step ul li.step2 {
        width: 90%;
        padding: 30px 5% 0;
    }

    .comment_step ul li.step3 {
        width: 90%;
        padding: 30px 5% 0;
    }

    .comment_step ul li .step_ico {
        float: left;
        width: 38%;
        display: inline-block;
    }

    .comment_step ul li h5 {
        padding-top: 5px;
        text-align: left;
    }

    .first_step_errow {
        display: none;
    }

    .last_step_errow {
        display: none;
    }

    .comment_bot {
        width: 57%;
        padding-left: 5%;
    }

    .agence_conin {
        background: #553514;
        width: 90%;
        padding: 0 5%;
    }

    .video_section {
        width: 96%;
        padding: 20px 2%;
    }

    .agence_section {
        display: none;
    }

    .agence_section_bg {
        min-height: 250px;
    }

    .agence_main {
        width: 100%;
        padding-top: 30px;
    }

    .agence_search {
        width: 100%;
        padding: 16px 0 0 0;
    }

    .agence_search_tilte {
        width: 100%;
        padding-right: 0px;
    }

    .search_main {
        width: 100%;
    }

    input.search_txt[type="text"] {
        width: 73%;
    }

    .search_main .search {
        width: 17%;
    }

    .agence_img {
        width: 120px;
    }

    .une_agence {
        width: 100%;
        padding: 30px 0 30px 0;
    }

    .agence_detail {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .agence_detail h4 {
        font-size: 20px;
    }

    .agence_detail p {
        font-size: 13px;
    }

    .video_section .title {
        text-align: center;
    }

    .video_section .title h2 span {
        margin: 0 auto;
    }

    .video_section p {
        text-align: center;
    }

    .video iframe {
        height: 270px !important;
    }

    .realisations_con {
        padding-top: 30px;
        text-align: center;
    }

    .realisations_section {
        padding-top: 50px;
    }

    .realisations_title {
        width: 80%;
        height: 66px;
        font-size: 14px;
        padding: 15px 10%;
    }

    .realisations_con ul {
        float: none;
        width: auto;
        margin: 0 auto;
    }

    .realisations_con ul li {
        float: none;
        display: inline-block;
        width: 47.4%;
        padding: 20px 1% 0;
    }

    .engagement_con .title h2 {
        font-size: 28px;
    }

    .clients_section {
        padding: 60px 0;
    }

    .clients_section .container {
        width: 100%;
    }

    .our_client {
        width: 100%;
    }

    .nosclient_in {
        padding: 60px 5%;
    }

    .nos_client {
        width: 100%;
    }

    .client_contain {
        width: 100%;
    }

    .clientttxt_con {
        width: 86%;
        padding: 50px 7% 71px;
    }

    .client_logolist ul li img {
        width: 74px;
    }

    #clientscon_slider .owl-item {
        height: 280px;
    }

    .clientslider_txt p {
        font-size: 16px;
        text-align: center;
    }

    .engagement_con {
        width: 90%;
        margin: 60px 0 0;
        padding: 0 5%;
    }

    .intervent_list ul li {
        width: 100%;
        margin-top: 3px;
        margin-right: 0;
    }

    .intervent_list ul li.intervent_2 {
        margin-right: 0px;
    }

    .intervent_list ul li.intervent_4 {
        margin-right: 0px;
    }

    .intervent_list ul li.last {
        width: 100%;
    }

    .title_sec h4 {
        font-size: 16px;
    }

    .intervention_btn .btn {
        padding: 0 10px;
    }

    .intervent_hoverbox .btn {
        font-size: 12px;
        padding: 0 11px;
    }

    .intervent_hoverbox p {
        font-size: 14px;
    }

    .mois_conin {
        width: 95%;
        min-height: 648px;
    }

    .mois_left {
        width: 100%;
        min-height: 568px;
    }

    .mois_right {
        width: 92%;
        min-height: 810px;
        padding: 40px 4% 0;
    }

    .mois_btn {
        bottom: 30px;
    }

    .mois_right h3 {
        font-size: 22px;
    }

    .mois_right h4 {
        font-size: 16px;
    }

    .partner_section {
        padding: 5px 0 100px;
    }

    .our_partner {
        width: 92%;
        padding: 40px 4% 0;
    }

    .partner_logoimg a img {
        width: 65px;
    }

    #partner_logoslider .owl-buttons .owl-prev {
        left: -13px;
    }

    #partner_logoslider .owl-buttons .owl-next {
        right: -13px;
    }

    .footer_nav ul li {
        padding-bottom: 10px;
    }

    .footer_nav ul li a {
        font-size: 12px;
    }

    .newsletter_section {
        width: 93%;
    }

    .subscribe {
        font-size: 12px;
    }

    input.subscribe_txt[type="text"] {
        width: 51.8%;
    }

    .subscribe_submit {
        width: 13.5%;
    }

    .client_logolist ul li {
        width: 48%;
        padding: 16px 1% 0;
    }

    .client_btn {
        padding-top: 50px;
    }

    .notre_site_btn {
        float: none;
        display: inline-block;
        margin: 0 auto;
        padding-top: 15px;
    }

    .header_btm {
        bottom: -37px;
    }

    .top_socail {
        display: none;
    }

    .top_socail ul li a {
        /*width: 20px;*/
        /*height: 20px;*/
        line-height: 20px;
    }

    .banner_conin {
        width: 88%;
    }

    .banner_conin h1 {
        width: 95%;
        padding: 5px 1% 8px 4%;
        font-size: 30px;
    }

    .banner_conin p {
        width: 95%;
        padding: 15px 0 0 5%;
        font-size: 16px;
    }

    .banner_formbg {
        background: #26818E;
    }

    .mainbrn_form {
        background: none;
    }

    .banner_form .container {
        width: 100%;
    }

    .banner_form {
        margin-top: 0;
    }

    .bnrform_in {
        width: 90%;
        padding: 30px 5%;
    }

    .bnrform_tit {
        font-size: 18px;
    }

    .main_txtbox {
        font-size: 14px;
    }

    .main_txtarea {
        font-size: 14px;
    }

    .main_btn {
        font-size: 14px;
    }

    .agence_left_img {
        width: 96%;
        padding: 0 2%;
    }

    .agence_right_main {
        width: 96%;
        padding: 40px 2% 0;
    }

    .agence_right_con h2 {
        font-size: 28px;
    }

    .agence_right_con h4 {
        font-size: 15px;
    }

    .add_info h5 {
        font-size: 16px;
    }

    .add_info a {
        font-size: 14px;
    }

    .add_info p {
        font-size: 14px;
    }

    .equip_sec {
        padding: 10px 0 0 0;
    }

    .equip_main {
        width: 50%;
    }

    .equip_left {
        width: 65px;
        height: 65px;
    }

    .equip_right {
        padding: 2px 0 0 10px;
    }

    .equip_right h6 {
        font-size: 14px;
    }

    .equip_right p {
        font-size: 14px;
    }

    .equip_right a {
        font-size: 14px;
        padding-left: 22px;
    }

    .address_raw {
        padding: 0;
    }

    .add_info {
        padding-top: 10px;
    }

    .add_info a.btn {
        font-size: 14px;
    }

    .comment_step ul li h5 {
        font-size: 18px;
    }

    .comment_step ul li p {
        font-size: 17px;
    }

    .engabg_raw .engagements_raw {
        width: 100%;
    }

    .engabg_raw {
        padding: 0;
    }

    .travaux_right h6 {
        font-size: 16px;
    }

    .telach_bg {
        width: 75%;
        position: relative;
    }

    .telach_right {
        width: 70%;
    }

    .lmtd_left {
        width: 50%;
    }

    .lmtdl_txt span.first {
        font-size: 10px;
    }

    .lmtdl_txt span.sec {
        font-size: 28px;
    }

    .telach_right .main_btn {
        font-size: 14px;
    }

    .telach_right h4 {
        font-size: 17px;
    }

    .realisations_section.dernis_sec .realisations_section_main {
        width: 96%;
        padding: 0 2%;
    }

    .realisations_section.dernis_sec .realisations_con ul li {
        width: 47.4%;
        padding: 20px 1%;
    }

    .derniers_raw.conseils_sec {
        padding: 40px 0;
    }

    .derniers_raw.conseils_sec .conseils_list {
        padding: 0 0 40px 0;
    }

    .derniers_raw.conseils_sec .conseils_box {
        width: 94%;
    }

    .derniers_raw.conseils_sec .derniers_con {
        width: 100%;
    }

    .notre_l {
        display: none;
    }

    .notre_r {
        display: none;
    }

    .notre_raw .container {
        width: inherit;
    }

    .notre_con {
        background: #fff;
        padding: 30px 0;
    }

    .notrecon_l {
        background: #26818E;
        width: 96%;
        padding: 30px 2%;
    }

    .notrecon_l.right {
        background: #E4E1DE;
        padding: 30px 2%;
    }

    .chart_logobg2 {
        float: none;
        width: 60%;
        height: 135px;
        margin: 0 auto;
    }

    .chartcon_right {
        width: 100%;
        padding-top: 15px;
        text-align: center;
    }

    .notrecon_l .title {
        text-align: center;
    }

    .notrecon_l .title h2 {
        font-size: 18px;
    }

    .notrecon_l .more_realisations {
        text-align: center;
    }

    .pour_txt2 {
        font-size: 15px;
    }

    .partner_section.sec_slider {
        padding: 40px 0;
    }

    .footer_top {
        padding: 30px 0;
    }

    .footer_link {
        padding: 10px 0 0;
    }

    .footer_link ul li a {
        font-size: 14px;
    }

    .footer_col h5 {
        font-size: 16px;
    }

    .newsletter_btm {
        padding: 20px 0 0;
    }

    input.subscribe_txt[type="text"] {
        width: 52%;
    }

    .footer_bot_main {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .footerbtm_l {
        float: none;
        display: inline-block;
    }

    .social_section {
        width: 100%;
    }

    .social_section ul {
        margin: 10px auto 0;
    }

    /*---------hp Start--------*/
    .bnr_hp .banner_conin {
        width: 100%;
        padding: 0;
    }

    .bnr_hp .banner_conin h1 {
        font-size: 28px;
    }

    .comment_hp .agence_section_bg {
        background: #553514;
        height: 250px;
    }

    .comment_hp .comment_step {
        padding-top: 50px;
    }

    .comment_hp .video_section {
        background: #f5f5f5;
        width: 96%;
        padding: 30px 2%;
    }

    .comment_hp .step_btn {
        padding-top: 60px;
    }

    .engabg_raw.enga_hp .telach_bg {
        top: inherit;
    }

    .engabg_raw.enga_hp .engagements_raw {
        padding-top: 50px;
    }

    .mois_section.mois_hp .mois_right {
        width: 94%;
        padding: 40px 4% 0;
        min-height: 620px;
    }

    .main_banner.bnr_hp .banner_conin {
        text-align: center;
    }

    .mois_section.mois_hp .mois_right h3 {
        font-size: 20px;
    }

    .mois_list ul li {
        padding-top: 20px;
    }

    .mois_list ul li p {
        font-size: 14px;
    }

    .mois_btn {
        text-align: center;
    }

    /*---------hp end--------*/
    /*---------------------Inner Page start-------------------------------*/
    /*---------------------Peinture Page start-------------------------------*/
    .inner_bannercon {
        padding-top: 134px;
    }

    .peinture_page .realisations_section {
        padding-top: 0px;
    }

    .fiche_raw {
        padding: 20px 0 100px;
    }

    .fiche_left {
        width: 100%;
        padding-top: 30px;
    }

    .fichetop_left img {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .fiche_left p {
        float: left;
        font-size: 14px;
    }

    .proin_left {
        width: 100%;
    }

    .proin_left h4 {
        font-size: 18px;
    }

    .proin_right {
        width: 60%;
        margin: 25px 0 0 0;
    }

    .marche_right {
        width: 96%;
        padding: 50px 2%;
    }

    .marche_bg .title h2 {
        font-size: 24px;
    }

    .cmnt_leftico {
        width: 26%;
    }

    .cmnt_right {
        width: 69%;
        padding: 4px 0 0 5%;
    }

    .cmnt_right h4 {
        font-size: 18px;
    }

    .cmnt_right p {
        font-size: 14px;
    }

    .demandez_bg {
        width: 86%;
        padding: 25px 7%;
    }

    .demandez_bg p {
        font-size: 18px;
    }

    .derniers_raw {
        padding: 70px 0;
    }

    .conseils_list {
        width: 100%;
        padding: 0;
    }

    .conseils_box {
        width: 96.5%;
    }

    .conseils_left {
        width: 100%;
    }

    .conseils_right {
        width: 92%;
        padding: 15px 4%;
    }

    .conseils_right span {
        font-size: 14px;
    }

    .conseils_right h6 {
        font-size: 14px;
    }

    .conseils_right p {
        font-size: 14px;
    }

    .conseils_right a {
        font-size: 14px;
    }

    .more_conseils a {
        background-size: 46px;
        font-size: 16px;
        padding: 56px 0 0;
    }

    .engagements_con .travaux_list {
        width: 94%;
        padding: 10px 3% 0;
    }

    .engagements_con .travaux_list ul li {
        width: 100%;
    }

    .engagements_con .travaux_list ul li .travaux_ico {
        width: 14%;
    }

    .engagements_con .travaux_list ul li .travaux_right {
        background: none;
        width: 80%;
        padding: 0 0 0 6%;
        margin-top: 0px;
        text-align: left;
    }

    .engagements_con .travaux_list ul li .travaux_right p {
        width: 100%;
        padding: 5px 0 0 0;
    }

    /*---------------------Peinture Page End-------------------------------*/
    /*---------------------nos_prestations Page start-------------------------------*/
    .nos_prestations_main {
        width: 100%;
        display: inline-block;
    }

    .nos_prestations_con ul li {
        width: 83%;
        padding: 40px 8% 0;
    }

    .prestations_title {
        width: 87%;
    }

    .nos_pre_title {
        font-size: 15px;
    }

    /*---------------------nos_prestations Page End-------------------------------*/
    /*---------------------Univers Page start-------------------------------*/
    .restaurantinr_raw .fiche_conin .fiche_left {
        padding-top: 0px;
    }

    .toutes_btmtxt h4 {
        height: 70px;
        font-size: 15px;
    }

    .toutes_list ul li {
        width: 99%;
        margin-right: 0px;
    }

    .toutes_list ul li.last {
        margin: 35px 0 0 0;
    }

    .toutes_list ul li.sec {
        margin-right: 0px;
    }

    .toutes_list ul li.last.sec {
        margin-right: 0px;
    }

    .derniers_raw.univers {
        margin: 0;
    }

    .restaurantinr_raw .telach_bg {
        width: 95%;
    }

    .restaurantinr_raw .telach_right h4 {
        font-size: 17px;
    }

    .restaurantinr_raw .telach_right {
        width: 57%;
        margin: 0;
    }

    .dossiers_box {
        width: 96%;
        margin: 45px 2% 0;
    }

    .dossiers_box_left {
        width: 96%;
        padding: 30px 2%;
    }

    .dossiers_box_right {
        width: 100%;
    }

    .dossiers_box_left p.first {
        padding-top: 20px;
    }

    .pageination ul li.dossire a {
        margin-left: 10px;
    }

    .derniers_raw.conseils_sec.univers .conseils_box {
        width: 96%;
    }

    .les_dossiers_section {
        padding: 50px 0;
    }

    .dossiers_box_left h3 {
        font-size: 20px;
    }

    .dossiers_box_left p.first {
        font-size: 15px;
    }

    #dossiers_img_slider .owl-prev {
        background-size: 35px;
        width: 30px;
    }

    #dossiers_img_slider .owl-next {
        background-size: 35px;
        width: 30px;
    }

    .hover_box {
        padding: 5px 5%;
    }

    .hover_box p {
        font-size: 11px;
    }

    /*---------------------Univers Page end-------------------------------*/
    /*---------------------Contactez Page start------------------------*/
    .trouvez_form {
        padding-top: 50px;
    }

    .trouvez_form h6 {
        padding: 15px 15px 15px 0;
    }

    .trouvez_bg {
        width: 100%;
    }

    input.trouvez_txtbox[type="text"] {
        width: 50%;
        font-size: 14px;
        padding: 0 3%;
        margin: 6px 0 0 2%;
    }

    .trouvez_bg .submit_btn {
        width: 42%;
        background-position: 15px 22px;
        font-size: 14px;
        padding: 0 0 0 9%;
    }

    .mapleft_con {
        width: 88%;
        padding: 0 6%;
    }

    .mapleft_con iframe {
        height: 430px;
    }

    .agences_right {
        width: 99%;
        padding: 50px 0 10px 0;
    }

    .agnce_btmleft {
        width: 100%;
    }

    .agnce_btmright {
        width: 100%;
        margin: 15px 0 0 0;
    }

    .agences_right h4 {
        font-size: 18px;
    }

    .travaux_section_main .title h4 {
        font-size: 18px;
    }

    .agnce_btmright .btn {
        font-size: 13px;
    }

    .travaux_section_main {
        width: 92%;
    }

    .travaux_section_main p {
        font-size: 14px;
    }

    /*---------------------Contactez Page End------------------------*/
    /*---------------------partenaires Page start------------------------*/
    .partenaires_con ul li {
        width: 96%;
        margin: 0 1%;
    }

    .partenaire_detail .title h4 {
        font-size: 18px;
    }

    .part_title_sec h4 {
        font-size: 18px;
    }

    .part_title_sec p {
        font-size: 14px;
        padding-top: 12px;
    }

    .partenaire_logo {
        width: 60%;
        padding: 0 20%;
    }

    /*---------------------partenaires Page End------------------------*/
    /*---------------------Quisommes Page start------------------------*/
    .travaux_con {
        width: 94%;
        padding: 0 3%;
    }

    .travauxbtm_raw {
        width: 100%;
        padding: 15px 0 0;
    }

    .travaux_box {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .travaux_box .title h6 {
        text-align: left;
    }

    .votr_txt {
        text-align: left;
    }

    .travaux_txtlist p {
        text-align: left;
    }

    .proche_con {
        width: 94%;
        padding: 0 3%;
    }

    .proche_left {
        width: 100%;
    }

    .proche_right {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .proche_right p {
        font-size: 14px;
        padding-top: 24px;
    }

    .agence_search_tilte {
        font-size: 16px;
    }

    .votre_con {
        width: 96%;
        padding: 0 2%;
    }

    .votre_left ul li {
        width: 66%;
        padding: 0 0 15px 34%;
    }

    .step_right h5 {
        font-size: 16px;
    }

    .step_right p {
        font-size: 14px;
        line-height: 130%;
        padding-top: 5px;
    }

    .votre_raw {
        padding: 40px 0;
    }

    .votre_left {
        width: 100%;
    }

    .votre_left .title h2 {
        font-size: 18px;
    }

    .ncharte_right {
        width: 94%;
        margin: 50px 0 0 0;
    }

    .ncharte_box .title h2 {
        font-size: 20px;
    }

    .proche_right .search_main {
        width: 100%;
    }

    .pour_txt {
        font-size: 14px;
    }

    /*---------------------Quisommes Page End------------------------*/
    /*---------------------Realisation Page start-------------------------------*/
    .inner_contain {
        padding: 40px 0;
    }

    .renovation_left {
        width: 95%;
        padding: 0 2%;
    }

    .marche_right.marcrel_right {
        width: 96%;
        padding: 40px 2% 0;
    }

    .rnovationslider_raw.rnvtion_raw {
        padding-bottom: 50px;
    }

    .marche_right.marcrel_right .marche_bg .title h2 {
        font-size: 24px;
    }

    .marche_right.marcrel_right .telach_bg {
        margin: 40px 0 0 0;
    }

    .derniers_raw.conseils_sec {
        padding: 20px 0 50px;
    }

    .marche_right.marcrel_right .telach_right h4 {
        font-size: 16px;
    }

    .marche_right.marcrel_right .lmtd_left {
        width: 34%;
        height: 95%;
        left: 18px;
    }

    .basoin_txtcon p {
        font-size: 14px;
    }

    .realisations_section.dernis_sec.realisations_hp .more_realisations {
        padding-top: 30px;
    }

    .derniers_raw.conseils_sec.conseils_hp.rel_deter .conseils_list {
        width: 100%;
        padding: 0;
    }

    .derniers_raw.conseils_sec .conseils_box {
        width: 96%;
    }

    .basoin_raw {
        padding: 10px 0 100px;
    }

    .slider.rnvn_slider ul#single-slider li p {
        font-size: 14px;
    }

    .realisation_page .marche_right {
        width: 100%;
    }

    .renovation_left .title h2 {
        font-size: 20px;
    }

    .basoin_con {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .basoin_box .title h4 {
        font-size: 18px;
    }

    #thumb-slider {
        display: none !important;
    }

    .topsocail_tit {
        font-size: 14px;
    }

    /*---------------------Realisation Page End-------------------------------*/
    /*---------------------contact Page start------------------------*/
    .sub_con {
        font-size: 14px;
    }

    .contact_form {
        width: 90%;
    }

    .contact_raw {
        padding-top: 0px;
    }

    .contact_txt.first {
        width: 94.8%;
    }

    .contact_txt {
        margin-top: 20px;
    }

    .contact_txt.mr {
        margin-right: 0;
    }

    .contact_txt.last {
        width: 94.8%;
    }

    .contact_txt {
        width: 94.8%;
        font-size: 14px;
        padding: 0 2.2%;
    }

    .area_txt {
        width: 94.8%;
        font-size: 14px;
        padding: 10px 2.2%;
        margin-top: 20px;
    }

    .contact_btn {
        margin-top: 20px;
    }

    .contact_check {
        float: left;
    }

    .la_newsletter p {
        width: 89%;
        text-align: left;
        display: inline-table;
    }

    /*---------------------contact Page End------------------------*/
    /*---------------------actualites Page start-------------------------------*/
    .iner_title h1 {
        font-size: 38px;
    }

    .iner_title p {
        font-size: 18px;
    }

    .breadcrumb_bg {
        display: none;
    }

    .actualites_section_main {
        width: 96%;
    }

    .actualites_raw_img {
        width: 100%;
    }

    .actualites_con {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .actualites_con h4 {
        font-size: 18px;
    }

    .date {
        font-size: 14px;
        padding: 10px 0 13px;
    }

    .actualites_con p {
        width: 90%;
    }

    .actualites_con .more a {
        font-size: 14px;
    }

    .pagination ul li {
        float: none;
        padding: 5px 0;
    }

    .pagination ul li.prv {
        width: 100%;
    }

    .pagination ul li.prv a {
        margin-right: 0px;
    }

    .pagination ul li.next {
        width: 100%;
    }

    .pagination ul li.next a {
        margin-left: 0px;
    }

    .pagination ul li a {
        font-size: 14px;
    }

    /*---------------------actualites Page End-------------------------------*/
    /*---------------------actualites_detail Page Start-------------------------------*/
    .actualites_detail_main {
        width: 80%;
    }

    .actualites_detail_title h4 {
        font-size: 18px;
    }

    /*---------------------actualites_detail Page End-------------------------------*/
    /*---------------------Inner Page End-------------------------------*/
}