@media (max-width: 1199px) {
    .page_processus .subtitle:after,.page_processus .subtitle:before {
        display: none;
    }
    .text_button .item .title {
        width: 100%;
    }
    .bannier2 video {
        min-height: 40vh;
    }
    .slider .item{
        height: 45vh;
    }
    .bannier2 .title {
        top: 38%;
        width: 70%;
    }
    .header .menu .navbar ul li a {
        margin-right: 15px !important;
    }
    .bannier2 .title h1 {
        font-size: 18px;
        padding-bottom: 0px;
    }
    .page_solutions .bloc_solution .subtitle:before,.page_solutions .bloc_solution .subtitle:after {
        display: none;
    }
    .page_fonctionne_doc .fonctionne .item:before {
        left: 90%;
        width: 25%;
    }
}
/*tablette portrait*/
@media (max-width: 991px) {
    
    .page_annonce_recrutement .spontane {
        width: 33%;
    }
    .dropdown:hover > .dropdown-menu {
        display: block;
        width: 100%;
    }
    .slider .item{
        height: 100vh;
    }
    .header .menu .navbar ul .menu-item-has-children {
        display: table;  
    }
    .menu-item-has-children ul li a span:hover {
        color: #000;
    }
    .dropdown-menu > .dropdown a::after {
        left: 100%;
    }
    .menu-item-has-children ul {
        background-color: transparent;
        border-top: 0px solid #f8b532;
    }
    .menu-item-has-children ul li a span {
        color: #000;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0px;

    }
    .serach-header .searchbox form input {
        width: 75%;
    }
    .serach-header .searchbox form button {
        left: 83%;
        top: 49%;
    }
    .slider .item .info {
        width: 100%;
    }
    .header .menu .navbar {
        justify-content: flex-end;
    }
    .header .menu .navbar i{
        color: #fff;
    }
    .slider .item .info p {
        font-size: 20px;
    }
    .slider .item .info h2 {
        font-size: 30px;
    }
    .header .menu .navbar ul li {
        height: 40px;
    }
    .menu .navbar-collapse {
        position: absolute;
        top: 132px;
        width: 100%;
        background: #ffffff;
        left: 0px;
        right: 0px;
        border-top: 1px solid #F8F8F8;
    }
    .menu .navbar {
        position: initial;
    }
    .header .menu .navbar ul li a {
        color: #000;
    }
    .header .menu .navbar ul li{
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .header .menu .navbar ul{
        padding: 0px 15px;
    }
    .header .menu .navbar i{
        color: #fff;
    }
    .navbar-toggler {
        line-height: inherit;
    }
    header.sticky .navbar i {
        color: #444444!important;
    }
    .propos2 .item {
        width: 100%;
    }
    .propos2 .item {
        width: 100%;
    }
    .service .item p {
        padding: 20px 0px 0px 0px;
    }
    .service .item h3 {
        font-size: 15px;
    }
    .experience .item .title {
        width: 100%;
    }
    header.color_menu .navbar i {
        color: #444444!important;
    }
    .reference .filters li {
        padding: 0px 10px 0px 10px;
        margin-right: 0px;
        font-size: 11px;
    }
    .page_processus .processus .item {
        width: 30%;
    }
    .page_processus .processus .item h3 {
        font-size: 18px;
    }
    .bannier2 video {
        min-height: 100%;
        width: 100%;
    }
    .bannier2 .title img {
        width: 70%;
    }
    .page_solutions .bloc_solution .solutions .item {
        width: 48%;
    }
    .page_produits .produits .item .content {
        flex-flow: wrap;
    }
    .page_produits .produits .item .content .description,.page_produits .produits .item .content .image {
        width: 100%;
    }
    .text_image .content {
        flex-flow: wrap;
    }
    .text_image .content .image,.text_image .content .description {
        width: 100%;
    }
    .page_repondre .repondre .item .description,.page_repondre .repondre .item .image {
        width: 100%;
    }
    .page_fonctionne_doc .fonctionne {
        flex-flow: wrap;
    }
    .page_fonctionne_doc .fonctionne .item{
        width: 49%;
    }
    .page_fonctionne_doc .fonctionne .item:before {
        display: none;
    }
    .page_produit .produit .item {
        width: 30%;
    }
    .detail_produit .content_detail_produit {
        flex-direction: column-reverse;
    }
    .detail_produit .content_detail_produit .gallery_produit {
        width: 100%;
    }
    .detail_produit .content_detail_produit .excerpt {
        width: 100%;
    }
    .detail_produit .content table{
        width: 100%!important;
    }
    .recent_produit .dernier_produit .item {
        width: 30%;
    }
    /* Footer Location */
        .footer .localisation {
            width: 45%;
        }
/* Footer Location */
/* Serice type 3 */
    .service_type3 .item .wrapper_content_service_hover h3 {
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        width: 100%;
    }
    .service_type3 .item .content_service_hover p.description {
        font-size: 13px;
        line-height: 18px;
    }
    .service_type3 .item .wrapper_content_service_hover img {
        width: 40%;
        padding-right: 0px;
    }
    .service_type3 .item:hover .content_service_hover {
        padding: 20px 10px;
    }
    .service_type3 .item {
        height: 400px;
    }
    /* End Serice type 3 */
    /* stagiaire pfe */
        .page_pfe .form_contact {
            width: 90%;
        }
    /* end stagiaire pfe */
	header .header_top_bar .content_header_top_bar {
        height: 100%;
        padding: 10px;
    }
}
/*Mobile*/
@media (max-width: 767px) {
    .title_text .title,.title_text .content {
        width: 100%;
    }
    .slider .item .info {
        width: 100%;
    }
    .serach-header .searchbox form input {
        width: 80%;
    }
    .serach-header .searchbox form input {
        font-size: 15px;
    }
    .serach-header .searchbox form button {
        left: 89%;
    }
    .propos1 .item {
        width: 95%;
    }
    .propos2 .item a {
        width: 60%;
    }
    .experience .item {
        padding-left: 10px;
    }
    .service {
        display: flex;
        flex-flow: wrap;
    }
    .service .item p {
        padding: 20px 15px 0px 15px;
        font-size: 17px;
    }
    .bloc4 {
        flex-flow: wrap;
    }
    .bloc4 .item {
        margin-right: 0px;
    }
    .text_button .item {
        padding-left: 10px;
    }
    .partenaire .slick-slide img {
        margin: auto;
    }
    .footer .logo_footer, .footer .info, .footer .last_blog, .footer .localisation {
        width: 100%;
        padding-bottom: 30px;
    }
    .footer {
        flex-flow: wrap;
    }
    .top_footer {
        flex-flow: wrap;
    }
    .title_text .item {
        flex-flow: wrap;
        padding-left: 10px;
    }
    .bloc_qualite .qualite .item .content .description p {
        font-size: 13px;
    }
    .bloc_qualite h2 {
        padding-left: 10px;
    }
    .bloc_qualite .divider-inner {
        margin-left: 10px;
    }
    .bloc_partenaire_type2 .content {
        flex-flow: wrap;
    }
    .bloc_partenaire_type2 .content .title {
        width: 100%;
        margin-right: 0;
        padding-left: 10px;
    }
    .bloc_partenaire_type2 .content .partenaire_type2 .item {
        width: 33%;
    }
    .bloc_partenaire_type2 .content .partenaire_type2 {
        width: 100%;
        flex-flow: wrap;
    }
    .reference .filters ul {
        flex-flow: wrap;
    }
    .reference .filters li {
        margin-bottom: 20px;
    }
    .expertise .content {
        flex-flow: wrap;
    }
    .expertise .content .description {
        font-size: 30px;
        width: 100%;
    }
    .bloc_objectif .objectifs .item .image,.bloc_objectif .objectifs .item .description {
        width: 100%;
    }
    .bloc_objectif .objectifs .item {
        flex-flow: wrap;
    }
    .bloc_objectif .objectifs .item .description p {
        width: 95%;
    }
    .text_button_type2 .item {
        flex-flow: wrap;
        padding-top: 30px;
        padding-left: 10px;
    }
    .text_button_type2 .item .title{
        margin-bottom: 20px;
    }
    .blog_section .blog {
        flex-flow: wrap;
    }
    .blog_section .blog .image, .blog_section .blog .content {
        width: 100%;
    }
	.blog_section .blog .content {
		padding-left: 10px;
	}
    .recent_post .dernier_blog {
        flex-flow: wrap;
    }
    .recent_post .dernier_blog .item {
        width: 100%;
        border: 1px solid rgb(239, 239, 239);
    }
    .detail_blog .blog_meta .share .content_share:before {
        display: none;
    }
    .detail_blog .blog_meta .share .content_share {
        left: 32px;
        bottom: -10px;
       
    }
    .detail_blog .blog_meta .share .content_share:after {
        left: -5px;
        top: 50%;
        margin-top: -5px;
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        transform: rotate(45deg);
        background-color: rgb(37, 37, 37);
        content: "";
    }
    .breadcrumb_blog .title h1 {
        font-size: 12px;
    }
    .bannier h1 {
        font-size: 35px;
        width: 90%;
    }
    .page_processus .processus .item {
        width: 100%;
    }
    .page_biblio .biblio .item {
        width: 100%;
    }
    .bannier2 .title {
        top: 37%;
        width: 45%;
    }
    .bannier2 .title h1 {
        font-size: 11px;
    }
    .text_sigb .title {
        width: 100%;
    }
    .page_3bloc .trois_bloc {
        flex-flow: wrap;
    }
    .text_deux_bloc {
        width: 100%;
    }
    .page-id-154 .image_seule {
        height: 230px;
    }
    .page_solutions .bloc_solution .solutions .item {
        width: 100%;
        padding-left: 10px;
    }
    .page_produits .produits .item .content .description {
        margin-right: 0px;
        padding-left: 10px;
    }
    .page_repondre {
        padding-left: 10px;
    }
    .page_plagiat .plagiat {
        flex-flow: wrap;
    }
    .page_plagiat .plagiat .item {
        width: 100%;
    }
    .page_fonctionne_doc .fonctionne .item {
        width: 99%;
    }
    .page_produit .produit .item {
        width: 100%;
        margin-left: 10px;
    }
    .page_nav_left,.page_nav_right {
        display: none;
    }
    .recent_produit .dernier_produit .item {
        width: 100%;
    }
    .bloc_qualite .qualite .item .content {
        flex-flow: wrap;
        padding-left: 10px;
    }
    .bloc_qualite .qualite .item .content .image, .bloc_qualite .qualite .item .content .description {
        width: 100%;
    }
    .bloc_qualite .slide-qualite-dots {
        left: 0;
    }
    
    .page_annonce_recrutement .spontane {
        width: 100%;
        margin-bottom: 25px;
    }
    .page_annonce_recrutement .annonce .content {
        width: 100%;
    }
    .page_annonce_recrutement .annonce .item {
        margin-right: 10px;
    }
    
    .contact_form_rejoignez_nous .btn {
        width: 30%;
    }
	.blog_section .blog .image img {
	   height: 100%!important;
	}
    /* Footer Location */
        .footer .localisation {
            width: 100%;
            padding-bottom: 0px;
        }
        .footer_content_location .item {
            width: 100%;
            margin-bottom: 20px;
        }
        .footer_content_location .item .title h3 i,
        .footer_content_location .item .title h3 img {
            margin-right: 8px;
            width: 4%;
        }
        .footer .localisation h2 {
            margin-bottom: 25px;
        }
        /*end  Footer Location */
        /* Service type 3 */
            .service_type3 {
                flex-flow: wrap;
            }
            .service_type3 .item {
                width: 100%;
            }
            .service_type3 .item:hover {
                width: 100%;
				height: 100%;
            }
            .service_type3 .item .content_service_hover p.description {
                font-size: 15px;
                line-height: 26px;
            }
            .service_type3 .item .wrapper_content_service_hover img {
                width: 20%;
                padding-right: 0px;
            }
            .service_type3 .item:hover .content_service_hover {
                height: 100%;
            }
        /* End Service type 3 */
        /* stagiaire pfe */
            .page_pfe .form_contact .form {
                width: 95%;
            }
        /* end stagiaire pfe */
		header .header_top_bar .notification {
            width: 17px;
        }
	    .menu .navbar-collapse {
			top: 157px;
		}
}