@media only screen and (max-width: 1919px){
.navbar .navbar-brand img {
    width: 255px;
}
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}
.banner_sec .banner_pic {
    height: 790px;
}
.banner_sec .banner_pic .box h3 {
    font-size: 32px;
    line-height: 44px;
}
.satisfaction_sec {
    padding-top: 55px;
    padding-bottom: 65px;
}
.heading.title h2 {
    font-size: 42px;
    line-height: 56px;
}
.heading.title h2 span {
    font-size: 52px;
}
.expertise_sec .pic_sec {
    height: 560px;
}
.expertise_sec .right_sec {
    padding-top: 45px;
    padding-left: 40px;
    height: 560px;
}
.expertise_sec {
    min-height: 560px;
}
.actualites_sec {
    padding-top: 85px;
}
.actualites_sec .heading.title {
    margin-bottom: 18px;
}
.actualites_sec .box .product_heading a img.arrow {
    margin-left: 30px;
    width: 20px;
}
.actualites_sec .box .product_heading a {
    font-size: 19px;
    padding: 10px 22px;
}
.actualites_sec .box .offer h5 {
    font-size: 17px;
    padding: 10px 22px;
    letter-spacing: 0.5px;
}
.partners_sec {
    padding-top: 70px;
    padding-bottom: 40px;
}
.satisfaction_sec .right_sec {
    padding-left: 30px;
}
.actualites_sec .box .date {
    height: 43px;
}
.expertise_sec .right_sec .button {
    left: 40px;
}
.expertise_sec .pic_sec .pic_box {
    height: 280px;
}


/**savoi_faire css starts**/
.savoi_faire_sec.innerpage {
    padding-top: 70px;
    padding-bottom: 55px;
}
.savoi_faire_sec.innerpage .heading.title h4 {
    font-size: 25px;
    line-height: 35px;
}
.savoi_faire_sec .left_pic {
    height: 430px;
}
.savoi_faire_sec.innerpage .right_sec .box h3 {
    font-size: 30px;
}
.savoi_faire_sec.innerpage .right_sec .box p {
    font-size: 17px;
    line-height: 24px;
}
.savoi_faire_sec.innerpage .heading.title h2 {
    margin-bottom: 15px;
}
.savoi_faire_sec.innerpage .right_sec {
    padding-left: 40px;
}
.savoi_faire_sec.innerpage .right_sec .box .num {
    width: 65px;
    height: 65px;
    margin-top: 3px;
}
.savoi_faire_sec.innerpage .right_sec .box .num h2 {
    font-size: 42px;
}
.savoi_faire_sec.innerpage .right_sec::before {
    left: 72px;
}
.savoi_faire_sec.innerpage .right_sec .box .txt {
    margin-left: 85px;
}


/**actualites page css**/
.actualites_sec.innerpage::before {
    width: 105%;
}
.actualites_sec.innerpage .col-lg-6 {
    margin-bottom: 40px;
}


/**notre_histoire page css**/
.notre_histoire_sec {
    padding-top: 40px;
    padding-bottom: 30px;
}    
.notre_agence {
    padding-top: 55px;
    padding-bottom: 75px;
}  
.notre_agence .cont_sec h5 {
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 12px;
}    
.notre_agence .cont_sec p {
    font-size: 15px;
    line-height: 21px;
}
.notre_agence .right {
    padding-left: 20px;
}
.notre_agence .left {
    padding-right: 20px;
}

.notre_histoire_sec .right_sec p {
    font-size: 15px;
    line-height: 21px;
}    
.notre_histoire_sec .right_sec {
    padding-left: 30px;
}
.notre_agence .cont_sec h6 {
    font-size: 17px;
}


/**sur_meisure page css**/
.projectslist_sec a.box {
    height: 315px;
}
    
    
    
    
}


@media only screen and (max-width: 1599px){
/**savoi_faire css starts**/    
.savoi_faire_sec.innerpage {
    padding-top: 60px;
    padding-bottom: 50px;
}
.savoi_faire_sec.innerpage .right_sec .box h3 {
    font-size: 26px;
}
.expertise_sec .pic_sec .pic_box {
    height: 250px;
}
.expertise_sec .pic_sec {
    height: 500px;
}
.expertise_sec .right_sec {
    height: 500px;
}
.actualites_sec .box {
    height: 290px;
}

    
/**actualites page css**/
.actualites_sec.innerpage::before {
    width: 115%;
}

    
/**sur_meisure page css**/ 
.sur_mesure_sec ul.filter li a {
    padding: 8px 20px;
}
.navbar .nav-item a.nav-link {
    margin-left: 10px;
    margin-right: 10px;
}
.footer_sec .box ul li {
    padding: 3px 0px;
}
.footer_sec .footer_heading h6 {
    margin-bottom: 14px;
}
.footer_sec .col-lg-3:last-child .box .footer_heading h6 {
    margin-bottom: 20px;
}
.footer_logo {
    width: 180px;
    margin-bottom: 25px;
}
.footer_sec ul.social_media {
    margin-bottom: 10px;
}

.footer_sec {
    padding-bottom: 25px;
}

    
    
    
    
    
    
}


@media only screen and (max-width: 1439px){
.navbar .navbar-brand img {
    width: 220px;
}
.banner_sec .banner_pic {
    height: 680px;
}
.banner_sec .banner_pic .box h3 {
    font-size: 30px;
}
.heading.title h2 {
    font-size: 38px;
    line-height: 49px;
}
.heading.title h2 span {
    font-size: 47px;
}    
.satisfaction_sec .right_sec p {
    line-height: 24px;
}
.satisfaction_sec {
    padding-bottom: 60px;
}
.expertise_sec .pic_sec {
    height: 500px;
}
.expertise_sec .heading.title {
    margin-bottom: 25px;
}
.expertise_sec .right_sec h6 {
    font-size: 17px;
    margin-bottom: 20px;
}
.expertise_sec {
    min-height: 500px;
}
.expertise_sec .right_sec {
    height: 500px;
}
.actualites_sec {
    padding-top: 70px;
}
.actualites_sec .heading.title {
    margin-bottom: 15px;
}
.actualites_sec .box .product_heading a {
    font-size: 16px;
    padding: 12px 22px;
}
.actualites_sec .box {
    height: 250px;
}
.partners_sec .left_sec .partner_box {
    margin-bottom: 20px;
    height: 65px;
}
.partners_sec {
    padding-top: 60px;
    padding-bottom: 42px;
}
.project_sec {
    height: 290px;
    padding-top: 50px;
}
.footer_logo img{
    width: 100%;    
}

.satisfaction_sec .right_sec h6 {
    font-size: 17px;
    margin-bottom: 0px;
}

/**savoi_faire css starts**/ 
.savoi_faire_sec.innerpage .heading.title h4 {
    font-size: 23px;
    line-height: 33px;
}
.savoi_faire_sec.innerpage::before {
    width: 110%;
}


    
    
/**actualites page css**/
.actualites_sec.innerpage {
    padding-top: 60px;
}
.actualites_sec.innerpage .box {
    height: 250px;
}
.actualites_sec.innerpage .box .product_heading a img.arrow {
    margin-left: 15px;
    width: 17px;
}
.actualites_sec.innerpage ul.button li a {
    width: 205px;
    height: 43px;
    font-size: 15px;
}



/**notre_histoire page css**/
.notre_agence .picture_sec {
    height: 400px;
}    
.notre_agence .cont_sec p {
    font-size: 14px;
    line-height: 19px;
}    
.notre_agence .cont_sec h5 {
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 10px;
}    
 
    
    
/**sur_meisure page css**/ 
.sur_mesure_sec {
    padding-top: 45px;
}    
.sur_mesure_sec .right {
    padding-left: 20px;
    padding-top: 6px;
}
.projectslist_sec a.box {
    height: 280px;
}


    
    
    
    
    
}


@media only screen and (max-width: 1359px){
.satisfaction_sec::before {
    width: 107%;
}
.expertise_sec .pic_sec {
    height: 450px;
}
.expertise_sec .right_sec {
    padding-top: 30px;
    height: 450px;
}
.expertise_sec .right_sec p {
    font-size: 16px;
    line-height: 22px;
}
.expertise_sec .right_sec .button a {
    width: 330px;
}
.expertise_sec {
    min-height: 450px;
}
.actualites_sec .box .offer h5 {
    font-size: 15px;
    padding: 11px 22px;
}
.actualites_sec .box .date {
    height: 42px;
}
.actualites_sec .box .date h6 {
    font-size: 17px;
}
.project_sec {
    height: 270px;
    padding-top: 45px;
}
.satisfaction_sec .right_sec p {
    line-height: 22px;
    font-size: 15px;
}
.actualites_sec .row.main {
    margin-top: 20px;
}
ul.lang_tab li a {
    font-size: 15px;
    width: 45px;
    height: 45px;
}
ul.lang_tab {
    margin-left: 25px;
}
.banner_sec .banner_pic .box {
    width: 305px;
    height: 130px;
}
.owl-theme.actualites_slider .owl-nav button.owl-prev {
    right: 383px;
    top: -62px;
    width: 38px;
    height: 36px;
}
.owl-theme.actualites_slider .owl-nav button.owl-next {
    right: 345px;
    top: -62px;
    width: 38px;
    height: 36px;
}
.expertise_sec .pic_sec .pic_box {
    height: 200px;
}
.expertise_sec .pic_sec {
    height: 400px;
}
.expertise_sec .right_sec {
    height: 400px;
}

/**savoi_faire css starts**/ 
.savoi_faire_sec.innerpage .right_sec .box h3 {
    font-size: 24px;
}
.savoi_faire_sec.innerpage .right_sec .box p {
    font-size: 16px;
    line-height: 21px;
}
.savoi_faire_sec.innerpage .right_sec {
    padding-left: 20px;
}
.savoi_faire_sec .left_pic {
    height: 400px;
}
.savoi_faire_sec.innerpage .heading.title h2 {
    margin-bottom: 12px;
}
.savoi_faire_sec.innerpage .heading.title h4 {
    font-size: 21px;
    line-height: 30px;
}
.savoi_faire_sec.innerpage .heading.title {
    margin-bottom: 45px;
}
.savoi_faire_sec.innerpage .right_sec::before {
    left: 52px;
}



/**notre_histoire page css**/
.notre_agence {
    padding-top: 45px;
    padding-bottom: 60px;
}
.notre_agence .heading.title h2 span{
    display: inline;
}
.notre_histoire_sec .right_sec {
    padding-left: 25px;
}
.notre_histoire_sec .right_sec p {
    font-size: 14px;
    line-height: 19px;
}
.navbar a.nav-link {
    font-size: 13px;
}




/**sur_meisure page css**/ 
.projectslist_sec a.box {
    height: 250px;
}
.projectslist_sec a.box h5 {
    font-size: 19px;
}
.sur_mesure_sec ul.filter li a {
    padding: 8px 15px;
    font-size: 12px;
    min-width: 130px;
}
    
    
    
}


@media only screen and (max-width: 1199px){
.heading.title h2 {
    font-size: 30px;
    line-height: 42px;
}    
.heading.title h2 span {
    font-size: 36px;
}
.satisfaction_sec::before {
    width: 126%;
}
.expertise_sec .right_sec {
    padding-left: 30px;
}
.satisfaction_sec .right_sec {
    padding-left: 20px;
    font-size: 14px;
}


.actualites_sec {
    padding-top: 60px;
}
.satisfaction_sec {
    padding-bottom: 50px;
    padding-top: 45px;
}
.expertise_sec .right_sec .button {
    left: 30px;
}
.actualites_sec .box .offer h5 {
    font-size: 14px;
    padding: 11px 22px;
}
.actualites_sec .box {
    height: 230px;
}
.actualites_sec .box .product_heading a {
    font-size: 14px;
    padding: 12px 20px;
}
.actualites_sec .box .product_heading a img.arrow {
    margin-left: 15px;
    width: 17px;
}
.actualites_sec .box .offer h5 {
    left: 18px;
}
.actualites_sec .box .product_heading {
    left: 18px;
}
.banner_sec .banner_pic .box {
    width: 280px;
    height: 120px;
}
.banner_sec .banner_pic .box .button a {
    font-size: 14px;
}
.banner_sec .banner_pic .box h3 {
    font-size: 26px;
    line-height: 32px;
}
.banner_sec .banner_pic {
    height: 550px;
}
ul.lang_tab li a {
    font-size: 14px;
    width: 38px;
    height: 38px;
}
.navbar a.nav-link {
    font-size: 13px;
}
.navbar .navbar-brand img {
    width: 160px;
}
ul.lang_tab {
    margin-left: 18px;
}
.project_sec {
    height: 240px;
    padding-top: 40px;
}
.project_sec p {
    font-size: 17px;
    line-height: 24px;
}
.footer_logo {
    margin-bottom: 22px;
    width: 160px;
}

.footer_sec ul.social_media li a {
    margin-left: 9px;
    margin-right: 9px;
}
.footer_sec ul.social_media li a img.icon {
    width: 26px;
}
.footer_sec input[type="text"] {
    padding-left: 10px;
}
.partners_sec .left_sec .partner_box {
    margin-bottom: 15px;
    height: 60px;
}
.partners_sec .partner_box.cau img {
    width: 125px;
    max-width: 125px;
    height: auto;
}
.partners_sec .partner_box.nutella img {
    width: 125px;
    max-width: 125px;
    height: auto;
}
.partners_sec .partner_box.renault img {
    width: 160px;
    max-width: 160px;
    height: auto;
}
.partners_sec .partner_box.rtl img {
    width: 70px;
    max-width: 70px;
    height: auto;
}
.partners_sec .partner_box.airfrance img {
    width: 170px;
    max-width: 170px;
    height: auto;
}
.partners_sec .partner_box.sanofi img {
    width: 135px;
    max-width: 135px;
    height: auto;
}
.partners_sec .partner_box.bash img {
    width: 100px;
    max-width: 100px;
    height: auto;
}
.partners_sec .partner_box.pepsi img {
    width: 140px;
    max-width: 140px;
    height: auto;
}
.partners_sec .partner_box.chanel img {
    width: 140px;
    max-width: 140px;
    height: auto;
}
.partners_sec .partner_box.cocacola img {
    width: 100px;
    max-width: 100px;
    height: auto;
}
.expertise_sec .right_sec {
    padding-top: 20px;
}
.expertise_sec .pic_sec .pic_box {
    height: 170px;
}    
.expertise_sec .right_sec {
    min-height: 370px;
    height: auto;
}
.expertise_sec {
    min-height: 380px;
}


    
    
    
/**contact page css**/
.contact_sec.innerpage .contactform {
    margin-top: 20px;
    padding-top: 25px;
    padding-bottom: 45px;
    padding-left: 35px;
    padding-right: 35px;
}
.contact_sec.innerpage .contactform .formbold textarea#message {
    width: 100%;
    height: 125px;
    padding-top: 12px;
}
.contact_sec.innerpage .contactform .formbold-form-input {
    height: 50px;
    padding-left: 14px;
}
.contact_sec.innerpage .contactform button.formbold-btn {
    margin-top: 25px;
}
.contact_sec.innerpage .contactform .formbold.pdf_upload {
    margin-top: 8px;
    margin-bottom: 25px !important;
}
.contact_sec.innerpage .contactform .formbold img.pdf_icon {
    width: 34px;
}



/**savoi_faire css starts**/ 
.savoi_faire_sec.innerpage::before {
    width: 138%;
}
.savoi_faire_sec.innerpage .heading.title h4 {
    font-size: 19px;
    line-height: 29px;
}
.savoi_faire_sec.innerpage {
    padding-top: 50px;
    padding-bottom: 40px;
}
.savoi_faire_sec.innerpage .right_sec {
    padding-left: 12px;
}
.savoi_faire_sec.innerpage .right_sec::before {
    left: 42.5px;
}
.savoi_faire_sec.innerpage .right_sec .box .num {
    width: 60px;
    height: 60px;
    margin-top: 1px;
}
.savoi_faire_sec.innerpage .right_sec .box .txt {
    margin-left: 80px;
}
.savoi_faire_sec .left_pic {
    height: 330px;
}




/**actualites page css**/
.actualites_sec.innerpage::before {
    width: 135%;
}
.actualites_sec.innerpage .box {
    height: 215px;
}
.actualites_sec.innerpage {
    padding-top: 50px;
}



/**sur_meisure page css**/ 
.sur_mesure_sec .right {
    padding-top: 2px;
}    
.sur_mesure_sec .right h6 {
    font-size: 19px;
    margin-bottom: 10px;
}
.sur_mesure_sec .right p {
    font-size: 15px;
    max-width: 100%;
    line-height: 21px;
}
.sur_mesure_sec ul.filter li a {
    padding: 8px 10px;
    font-size: 11px;
    min-width: 125px;
}
.projectslist_sec a.box {
    height: 210px;
}
.projectslist_sec a.box h5::before {
    height: 3px;
    bottom: -10px;
}


.notre_agence .picture_sec {
    height: 340px;
}
.innerpage_banner .innerbanner_pic {
    height: 120px;
}



    
    
    
    
    
    
}


@media only screen and (max-width: 1023px){
span.copyrightsecodentline {
    display: block;
}
.satisfaction_sec::before{
    display: none;
}    
.smenu{
    display: block;
    top: 24px;
} 
.navbar.sticky{
    padding-top: 10px;
    padding-bottom: 10px;
}    
.navbar.sticky .smenu {
    top: 19px;
}
.satisfaction_sec .left_sec.heading.title{
    margin-bottom: 22px;    
}
.satisfaction_sec .right_sec {
    padding-left: 0px;
}     
.pe-0 {
    padding-right: 12px !important;
}
.heading.title h2 {
    font-size: 29px;
    line-height: 40px;
    text-align: left;
    margin-right: auto;
    margin-left: 0px;
}
.heading.title h2 span {
    font-size: 35px;
}
.satisfaction_sec {
    padding-bottom: 40px;
    padding-top: 40px;
}
.expertise_sec .pic_sec {
    height: 410px;
    position: relative;
    width: 100%;
}
.expertise_sec .right_sec {
    padding-left: 12px;
    height: auto;
    padding-top: 35px;
}
.expertise_sec .heading.title {
    margin-bottom: 16px;
}
.expertise_sec .right_sec .button {
    left: 0px;
    position: relative;
    margin-top: 40px;
}
.expertise_sec .right_sec .button a {
    width: 290px;
    font-size: 13px;
}
.actualites_sec .button a {
    font-size: 13px;
    width: 280px;
}
.owl-theme.actualites_slider .owl-nav button.owl-next {
    right: 310px;
}
.owl-theme.actualites_slider .owl-nav button.owl-prev {
    right: 348px;
}
.actualites_sec .box {
    height: 250px;
}
.partners_sec .row.main {
    flex-wrap: wrap;
}
.partners_sec .left_sec {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    order: 2;
}
.partners_sec .right_sec {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 12px;
    order: 1;
}
.partners_sec .heading.title{
    margin-bottom: 25px;  
}
.partners_sec {
    padding-top: 40px;
    padding-bottom: 22px;
}
.footer_sec .col-lg-3:nth-child(3) .box {
    padding-top: 30px;
}    
.footer_sec .col-lg-3:last-child .box {
    padding-top: 30px;
}     
.footer_sec {
    padding-bottom: 25px;
}
span.copyrightfirstline {
    display: block;
}
span.f-devider {
    display: none;
}    
.partners_sec .left_sec .partner_box {
    padding-left: 15px;
    padding-right: 15px;
}
.banner_sec .banner_pic {
    height: 490px;
}
.banner_sec .banner_pic .box h3 {
    font-size: 24px;
    line-height: 28px;
}
.banner_sec .banner_pic .box {
    width: 255px;
    height: 110px;
}
.project_sec .button a {
    font-size: 13px;
    width: 205px;
    right: 18px;
    bottom: 5px;
}
.project_sec p {
    font-size: 16px;
    line-height: 24px;
    max-width: 450px;
}
.project_sec {
    padding-top: 30px;
    padding-bottom: 20px;
    height: 265px;
}
.project_sec .button a {
    font-size: 13px;
    width: 205px;
    right: 0;
    bottom: 0px;
    position: relative;
    margin-top: 25px;
}
.expertise_sec .pic_sec {
    height: auto;
}
.expertise_sec .right_sec {
    min-height: auto;
    height: auto;
}    
.expertise_sec .pic_sec .pic_box {
    height: 190px;
}

    
    
    
    

/**savoi_faire css starts**/     
 .savoi_faire_sec.innerpage::before {
    display: none;
}   
.savoi_faire_sec.innerpage .heading.title h2 {
    text-align: right;
}    
.savoi_faire_sec.innerpage .heading.title h4 {
    font-size: 18px;
    line-height: 24px;
}
.savoi_faire_sec.innerpage {
    padding-top: 45px;
    padding-bottom: 30px;
}
.savoi_faire_sec.innerpage .heading.title {
    margin-bottom: 35px;
}
.savoi_faire_sec .left_pic {
    height: 280px;
}
.savoi_faire_sec.innerpage .right_sec {
    padding-left: 5px;
}
.savoi_faire_sec.innerpage .right_sec .box .num {
    width: 55px;
    height: 55px;
}
.savoi_faire_sec.innerpage .right_sec .box .num h2 {
    font-size: 35px;
}
.savoi_faire_sec.innerpage .right_sec .box .txt {
    margin-left: 75px;
}
.savoi_faire_sec.innerpage .right_sec::before {
    left: 32.5px;
    height: 88%;
    top: 47%;
}
.savoi_faire_sec.innerpage .right_sec .box h3 {
    font-size: 22px;
    margin-bottom: 5px;
}
.savoi_faire_sec.innerpage .right_sec .box p {
    font-size: 14px;
    line-height: 19px;
}


/**actualites page css**/
.actualites_sec.innerpage::before {
    display: none;
}
.actualites_sec.innerpage .col-lg-6 {
    margin-bottom: 30px;
}
.pagination {
    padding-top: 0px;
}  
.actualites_sec.innerpage ul.button li a {
    width: 170px;
    height: 42px;
    font-size: 13px;
}

    
/**notre_histoire page css**/
.notre_agence::before{
    display: none;
}    
.notre_histoire_sec .right_sec {
    padding-left: 0px;
    padding-top: 15px;
}
.notre_agence .left {
    padding-right: 12px;
    padding-top: 0px;
    margin-bottom: 35px;
}
.notre_agence .right {
    padding-left: 12px;
}
.notre_agence .picture_sec {
    height: 370px;
}


/**sur_meisure page css**/     
.sur_mesure_sec .left .heading.title {
    margin-bottom: 20px;
}
.sur_mesure_sec .right {
    padding-left: 12px;
}
.projectslist_sec a.box {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
}
.projectslist_sec a.box {
    height: 240px;
}
.sur_mesure_sec ul.filter li a {
    margin-bottom: 9px;
    
}
.projectslist_sec a.box .overlay{
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.projectslist_sec a.box h5{
    opacity: 1;  
    margin-bottom: 0px;
}    
.projectslist_sec a.box h5::before {
    display: none;
}    
    
    
    
}


@media only screen and (max-width: 767px){
.partners_sec .partner_box.cau img {
    width: 110px;
    max-width: 105px;
    height: auto;
}
    
    
/**savoi_faire css starts**/       
.savoi_faire_sec.innerpage .row.main{
   flex-wrap: wrap;
}    
.savoi_faire_sec.innerpage .col-lg-5 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 40px;
}    
.savoi_faire_sec.innerpage .col-lg-7 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}    
.savoi_faire_sec.innerpage .heading.title {
    text-align: left;
} 
.savoi_faire_sec.innerpage .heading.title h2 {
    text-align: left;
}    
.savoi_faire_sec.innerpage .right_sec {
    padding-left: 0px;
}
.savoi_faire_sec.innerpage .right_sec::before {
    left: 26.5px;
}


/**actualites page css**/    
.actualites_sec.innerpage {
    padding-top: 42px;
}    
.actualites_sec.innerpage .heading.title {
    margin-bottom: 20px;
}
    
/**notre_histoire page css**/    
.notre_agence {
    padding-top: 40px;
    padding-bottom: 50px;
}    
.notre_agence .heading.title {
    margin-bottom: 10px;
}
.notre_agence .left {
    margin-bottom: 30px;
}
.notre_agence .picture_sec {
    height: 270px;
}    
    
    
    
    
    
}


@media only screen and (max-width: 575px){
.container{
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
}    
.smenu {
    right: 14px;
}  
.banner_sec .banner_pic {
    height: 420px;
}    
.banner_sec .banner_pic .box .button a {
    font-size: 13px;
}
.banner_sec .banner_pic .box h3 {
    font-size: 22px;
    line-height: 25px;
}
.banner_sec .banner_pic .box {
    width: 235px;
    height: 96px;
}    
.owl-theme.bannersection .owl-nav button.owl-next {
    right: 30px;
}    
.owl-theme.bannersection .owl-nav button.owl-prev {
    left: 30px;
}    
.navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar.sticky .smenu {
    top: 19px;
}
.smenu {
    top: 19px;
}
.heading.title h2 {
    font-size: 25px;
    line-height: 34px;
}
.heading.title h2 span {
    font-size: 29px;
}
.satisfaction_sec .left_sec.heading.title {
    margin-bottom: 18px;
}

    
/**savoi_faire css starts**/   
.savoi_faire_sec.innerpage {
    padding-top: 40px;
}

    
    
/**notre_histoire page css**/     
.notre_histoire_sec .right_sec {
    padding-top: 10px;
}

    
/**sur_meisure page css**/     
.projectslist_sec a.box {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
}    
.sur_mesure_sec ul.filter li a {
    padding: 8px 8px;
    font-size: 10px;
    min-width: 115px;
}
    
    
    
    
    
}


@media only screen and (max-width: 480px){
.navbar .navbar-brand img {
    width: 145px;
}    
.smenu {
    top: 15px;
}
.navbar.sticky .smenu {
    top: 15px;
}
.banner_sec .banner_pic .box {
    width: 280px;
    height: 110px;
}
.actualites_sec .box {
    height: 215px;
}
.actualites_sec .box .date h6 {
    font-size: 15px;
}    
.actualites_sec .box .date {
    height: 40px;
    width: 105px;
}
.actualites_sec .box .offer h5 {
    font-size: 13px;
}
.footer_logo {
    width: 145px;
}
.footer_sec .col-lg-3 .box {
    padding-top: 70px;
}
.partners_sec .left_sec .partner_box {
    height: 55px;
}
.partners_sec .partner_box.cocacola img {
    width: 95px;
    max-width: 95px;
}    
.partners_sec .partner_box.chanel img {
    width: 130px;
    max-width: 130px;
}    
.partners_sec .partner_box.pepsi img {
    width: 130px;
    max-width: 130px;
}    
.partners_sec .partner_box.bash img {
    width: 90px;
    max-width: 90px;
}    
.partners_sec .partner_box.sanofi img {
    width: 130px;
    max-width: 130px;
}    
.partners_sec .partner_box.airfrance img {
    width: 165px;
    max-width: 165px;
} 
.partners_sec .partner_box.renault img {
    width: 135px;
    max-width: 135px;
}    
.partners_sec .partner_box.nutella img {
    width: 115px;
    max-width: 115px;
}    
.partners_sec .partner_box.cau img {
    width: 115px;
    max-width: 115px;
}    
.expertise_sec .pic_sec .pic_box {
    height: 165px;
}
.partners_sec .partner_box.cau img {
    width: 85px;
    max-width: 90px;
}
    
 
/**contact page css**/    
.contact_sec.innerpage .contactform {
    padding-top: 15px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.contact_sec.innerpage .contactform .formbold label.form-check-label {
    font-size: 14px;
}
.contact_sec.innerpage .contactform .formbold span.file_type {
    font-size: 14px;
}
.contact_sec.innerpage {
    padding-top: 40px;
}



/**savoi_faire css starts**/ 
.savoi_faire_sec.innerpage .right_sec .box h3 {
    font-size: 19px;
}

    
/**notre_histoire page css**/    
.innerpage_banner .innerbanner_pic {
    height: 230px;
}    
.notre_histoire_sec {
    padding-top: 35px;
    padding-bottom: 25px;
}
.notre_agence .picture_sec {
    height: 230px;
}
.notre_agence {
    padding-bottom: 40px;
}

    
    
    
    
}


@media only screen and (max-width: 440px){
.actualites_sec .button a {
    font-size: 12px;
    width: 250px;
}
.actualites_sec .box .product_heading a {
    font-size: 13px;
    padding: 12px 15px;
}
.actualites_sec .box .offer h5 {
    font-size: 12px;
    left: 10px;
}    
.actualites_sec .box .date {
    height: 39px;
    width: 100px;
}
.actualites_sec .box .product_heading {
    left: 10px;
}
.heading.title h2 {
    font-size: 21px;
    line-height: 31px;
}
.heading.title h2 span {
    font-size: 25px;
}    
.satisfaction_sec {
    padding-bottom: 35px;
    padding-top: 35px;
}    

.expertise_sec .right_sec p {
    font-size: 15px;
    line-height: 21px;
}
.expertise_sec .right_sec h6 {
    font-size: 16px;
}
.expertise_sec .right_sec {
    padding-top: 25px;
}
.expertise_sec .right_sec .button {
    margin-top: 30px;
}
.owl-theme.actualites_slider .owl-nav button.owl-next {
    right: 270px;
}
.owl-theme.actualites_slider .owl-nav button.owl-prev {
    right: 307px;
}
.footer_sec .col-lg-3.col-6{
    width: 100%;
    max-width: 100%;
}
.footer_sec .col-lg-3:last-child .box {
    padding-top: 20px;
}
.footer_sec .col-lg-3:nth-child(3) .box {
    padding-top: 20px;
}
.footer_sec .col-lg-3 .box {
    padding-top: 20px;
}
.footer_sec{
    text-align: center;
}
.footer_logo {
    width: 145px;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
}
.footer_sec .box ul li {
    padding: 4px 0px;
}
.footer_sec ul.social_media {
    justify-content: center;
}
.partners_sec .left_sec .partner_box {
    padding-left: 12px;
    padding-right: 12px;
}    
.partners_sec .partner_box.cau img {
    width: 118px;
    max-width: 118px;
}

.partners_sec .partner_box.nutella img {
    width: 105px;
    max-width: 105px;
}    
.partners_sec .partner_box.renault img {
    width: 120px;
    max-width: 120px;
}    
.partners_sec .partner_box.rtl img {
    width: 70px;
    max-width: 70px;
}    
.partners_sec .partner_box.airfrance img {
    width: 150px;
    max-width: 150px;
}
.partners_sec .partner_box.sanofi img {
    width: 115px;
    max-width: 115px;
}    
.partners_sec .partner_box.bash img {
    width: 85px;
    max-width: 85px;
}    
.partners_sec .partner_box.pepsi img {
    width: 125px;
    max-width: 125px;
}    
.partners_sec .partner_box.chanel img {
    width: 120px;
    max-width: 120px;
}    
.partners_sec .partner_box.cocacola img {
    width: 90px;
    max-width: 90px;
}
.partners_sec {
    padding-top: 35px;
    padding-bottom: 15px;
}
.partners_sec .heading.title {
    margin-bottom: 18px;
}
.banner_sec .banner_pic {
    height: 370px;
}
.owl-theme.bannersection .owl-nav button.owl-next {
    bottom: 20px;
}
.owl-theme.bannersection .owl-nav button.owl-prev {
    bottom: 20px;
}
.satisfaction_sec .left_sec.heading.title {
    margin-bottom: 15px;
}




/**contact page css**/ 
.contact_sec.innerpage .contactform {
    padding-left: 16px;
    padding-right: 16px;
}
.contact_sec.innerpage .contactform .formbold {
    margin-bottom: 0px;
}


    
/**savoi_faire css starts**/ 
.savoi_faire_sec .left_pic {
    height: 240px;
}
.savoi_faire_sec.innerpage .right_sec .box .num {
    width: 50px;
    height: 50px;
    margin-right: 17px;
}
.savoi_faire_sec.innerpage .right_sec .box .num h2 {
    font-size: 32px;
}
.savoi_faire_sec.innerpage .right_sec .box .txt {
    margin-left: 67px;
}
.savoi_faire_sec.innerpage .right_sec::before {
    left: 25px;
}


/**actualites page css**/ 
.actualites_sec.innerpage .box {
    height: 185px;
}
.actualites_sec.innerpage ul.button li a {
    width: 150px;
    height: 40px;
    font-size: 12px;
}


    
/**notre_histoire page css**/       
.notre_agence .picture_sec {
    height: 205px;
}
.notre_histoire_sec .right_sec h6 {
    font-size: 19px;
}
.notre_histoire_sec .right_sec {
    padding-top: 6px;
}
.notre_agence .cont_sec h5 {
    font-size: 17px;
    padding-top: 2px;
    padding-bottom: 8px;
}
.notre_agence .cont_sec h6 {
    font-size: 16px;
}



/**sur_meisure page css**/ 
.projectslist_sec a.box {
    height: 220px;
}
.sur_mesure_sec {
    padding-top: 36px;
}
.sur_mesure_sec .left .heading.title {
    margin-bottom: 15px;
}
.sur_mesure_sec ul.filter li a {
    padding: 7px 8px;
    font-size: 10px;
    min-width: 105px;
}
.projectslist_sec a.box h5 {
    font-size: 17px;
}
.satisfaction_sec .right_sec h6 {
    font-size: 16px;
}





    
    
    
    
    
}


@media only screen and (max-width: 390px){
.expertise_sec .pic_sec .pic_box {
    height: 140px;
}

   
.actualites_sec .box {
    height: 190px;
}
.actualites_sec .box .product_heading a {
    font-size: 12px;
    padding: 12px 10px;
}
.savoi_faire_sec .left_pic {
    height: 225px;
}
.savoi_faire_sec.innerpage .heading.title {
    margin-bottom: 28px;
}
.partners_sec .left_sec .partner_box {
    height: 46px;
}
.partners_sec .partner_box.cau img {
    width: 98px;
    max-width: 98px;
}
.partners_sec .partner_box.nutella img {
    width: 95px;
    max-width: 95px;
}
.partners_sec .partner_box.renault img {
    width: 105px;
    max-width: 105px;
}
.partners_sec .partner_box.rtl img {
    width: 62px;
    max-width: 62px;
}
.partners_sec .partner_box.airfrance img {
    width: 135px;
    max-width: 135px;
}
.partners_sec .partner_box.sanofi img {
    width: 105px;
    max-width: 105px;
}    
.partners_sec .partner_box.bash img {
    width: 80px;
    max-width: 80px;
}    
.partners_sec .partner_box.pepsi img {
    width: 115px;
    max-width: 115px;
}    
.partners_sec .partner_box.chanel img {
    width: 110px;
    max-width: 110px;
}    
    
    
    
    

    
    
    
    
}