/* ==========================================================================
Media Queries
========================================================================== */

@media only screen and (min-width: 992px) {
    /****Ipad Landscape 1024 Container 970 ****/
/* .contact-part{max-width: 500px;}*/
    .service-list{ margin-bottom:30px;}
    .c-logo-part ul li{ margin:0 15px;}
    .form{ margin:0 0 0 20px}
    .main-nav{ display:block !important; }
    .logoposition{display: block;}
    .logo-adapt {max-width: 200px; margin-left: 5px;}
    .list-1:hover .pic-list-1{background: url(../img/header_image.jpg) 50% 0% no-repeat;background-size: 100%;}
    .list-1:hover{height: 250px;}
    .pic-list-1{ background: url(../img/header_image.jpg) 40% 37% no-repeat;background-size: 100%;}
    .picture-in{width: 350px;display: block;padding: 0px;}

    /*    .flag{margin-right: 10px;}*/

    /*    .flag {top: 20px}*/
    /*    .drapeau {top: 20px}*/


}
/*.portfolioContainer{ width:800px; margin:0px auto !important; } */

@media only screen and (min-width: 769px) and (max-width: 991px) {
    /****Ipad Portrait 768 Container 750 ****/
     .contact-part{max-width: 500px;}
    .card{height: 300px;}
    body{ font-size:13px;}
    p{ line-height:20px ;}
    .header h1{ font-size:46px;}
    .main-nav ul li a{ padding:14px;}
    .small-logo{ padding:0 20px;}
    h2{ font-size:30px}
    h6{ font-size:16px;}
    h3{ font-size:15px;}
    .service-list{ margin-bottom:20px; font-size:15px;}
    .featured-work p.padding-b{ padding-bottom:15px;}
    .main-section{ padding:40px 0;}
    .c-logo-part ul li{ margin:0 1%; float:left; width:18%;}
    .c-logo-part ul li a{ display:block;}
    .c-logo-part ul li a img{ display:block;}
    .form{ margin:0;}
    .contact-info-box{ margin:0 ;}
    .social-link{ margin:0;}
    .mapouter{display: block; margin-left: -60px;margin-top: 20px;max-height: 220px;}
    .main-nav{ display:block !important;}
    .main-nav li a{ padding:8px 15px;}
    .logoposition{display: block}
    .logo-adapt {max-width: 120px; margin-left: 5px;}
/*
    .gmap_canvas{
        height: 350px;
        width: 350px;
    }    
*/
    .list-1:hover .pic-list-1{background: url(../img/testihm.png) 50% 50% no-repeat;
        background-size: 100%;}
    .list-1:hover{height: 300px;}
    .pic-list-1{ background: url(../img/testihm.png) 40% 37% no-repeat;background-size: 50%;}
    .picture-in{width: 150px;display: block;padding: 0px;}
    .contact{
        padding: 30px 0 0 90px;
    }
    .modal-text{
        width: 100%;
        text-align: center;
        padding-top: 0;
    }
    .modal-image{
        width: 60%;
        height: 50%;
        float: none;
    } 
    .modal-product-title{
        text-align: center;
    }
    .container {
        width: 800px;
    }

    .modal-content {
        max-height: 800px;
    }

    .
    /*.portfolioContainer{ width:750px; margin:0px auto !important; }
    .Portfolio-box{ height:250px;}*/



}

@media only screen and (max-width: 768px) {
    /****Mobile Landscape 480 Container 100% ****/
    body{ font-size:12px;}
    h2{ font-size:26px;}
    h3{ font-size:14px;}
    h6{ font-size:16px; margin-bottom:40px;}
    p{ line-height:18px;}
    .row{max-width: 700px;}
    .card{height: 300px;}
    .full-system .col-sm-4{margin-bottom: 30px;}
    .trinity{ font-size:14px;margin-bottom: 50px;line-height:20px;}
    .trinity b{font-size: 18px;}
    .service-list{ font-size:12px; margin-bottom:20px;}
    .we-create li{ font-size:13px; padding:0 0 0 8px}
    .header h1{ font-size:28px;}
    .header{ padding:0 0;height: 250px;}
    .main-section{ padding:60px 0 70px;}
    .flag-container{transform: translate3d(38%,-20px,0);}
    .main-nav{ display:none; position:absolute; left:0; width:100%; top:68px; margin:0 auto; float: none; background:#fff; z-index: 99; border-top: 1px solid #eee;}
    .main-nav li{ display:block;}
    .main-nav li.small-logo{ display:none;}
    .main-nav li a{ display:block; padding:12px 32px; margin: 4px 0; border-bottom: 1px solid #f3f3f3;;}
    .main-nav li a:hover{color:#7cc576}
    .team-leader-box{ max-width:307px; width:auto; float:none; margin:0 auto;	}
    .team-leader-box:nth-of-type(3n){ margin:0 auto}
    .res-nav_click{ display:block;padding:50px 0 0 0;}
    .featured-work{ font-size:12px; margin-top:30px;}
    .featured-box{ font-size:12px;}
    .featured-box p{ line-height:18px; }
    .c-logo-part ul a{ margin-bottom:5px;}
    .main-section.team{ padding:60px 0 50px;}
    .business-talking h2{ font-size:36px;}
    .contact-info-box{ margin:0 0 12px 30px; font-size:12px;}
    .contact-info-box span{ line-height:18px;}
    .contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
    .social-link{ margin-left:30px;}
    .form{ margin:0 30px;}
    .copyright{ font-size:12px;}
    .business-talking a{ padding:10px 25px; font-size:14px;}
    .main-section.contact{ padding:60px 0 70px}
    .client-part-haead{ font-size:30px; line-height:30px;}
    .link{ font-size:14px; padding:10px 25px;}
    .logo{ width:250px;margin:20px auto 10px;/*35px;*/}
    .main-section.contact{ background-size:contain;}
    .Portfolio-nav li a{ padding:5px 16px;}
    .Portfolio-nav li{ display:block;}
    .logoposition-outer{display: block;}
    .mapouter{display: block; margin-left: -37px;padding-bottom: 20px;max-height: 280px; max-width: 100%;}
    .logoposition{display: block}
    .logo-adapt {max-width: 100px; margin-left: 5px;}
    .Portfolio-box img { max-width:100%;}
    .showcase-box img {max-width:100%;}
    .portfolioContainer{ width:350px !important; margin:0 auto !important }
    .gmap_canvas{width: 290px;display: block;}
    /*
    .list-1:hover .pic-list-1{background: url(../img/testihm.png) 50% 50% no-repeat;
    background-size: 150%;}
    .list-1:hover{height: 30px;}
    .pic-list-1{ background: url(../img/testihm.png) 40% 37% no-repeat;background-size: 50%;}
    */
    .picture-in{width: 150px;display: block;padding: 0px;}

    .contact{
        padding: 30px 0 0 90px;
    }
    .header{background-size: 160%;}

    .slider{
        /*        width: 75%;*/
        height: 100;
    }
    .modal-text{
        width: 100%;
        text-align: center;
    }
    .modal-image{
        width: 60%;
        float: none;
    } 
    .modal-product-title{
        text-align: center;
    }

    .modal-content .slider {
        top: 0;
        max-width: 250px;
    }

    .modal-content .slider img{
        max-height: 300px;
    }

    .modal-content{
        max-width: 300px;
        width: 300px;
    }


    /*
    .drapeau{top:0px;left: 225px;}
    .flag{top:0px;left: 225px;}
    */
    opx}
/*.isotope-item img{ width:300px; left:50%; margin-left:-100px;}
.isotope-item{ width:300px; margin:0px auto;}
.isotope{ width:400px; margin:0px auto;}
.Portfolio-box{}
.portfolioContainer{ width:350px; margin:0px auto !important; } */


@media only screen and (max-width: 479px) {
    /****Mobile Portrait 320 ****/
    /*    .full-system img{max-width: 30%;transform: translate3d(70% 70% 0);}*/
    .fullintegration {text-align: center;float: none;margin: 40px 0 0 0;}
    .trinity {min-height: 420px;margin: 10px;};
    .trinity b{font-size: 22px;}
    .electronic p{height: 100px;line-height: 100px;font-size:16px;text-align: center;}
    .electronic{margin: 0px;}
    .details img{width:50%;
/*        transform: translate3d(50%, 30%, 0)*/
    }
    .realization{padding: 0 60px 0 20px;}
    .text-details{text-align: center;margin: 5px;} 
    .contact-info-box{ margin:20px;}
    .contact .row {margin:0px;}
    .header{ padding:30px;}
    .header{background-size:220%;height: 240px}
    .social-link{ margin-left:0px;}
    .form{ margin:0}
    .form{ margin:0}
    .c-logo-part ul li{ display:block;}
    .Portfolio-box{  max-width:300px !important; width:96.4% !important; margin:0 !important}
    /*
    .Portfolio-box p{
    font-size: 15px !important;
}
        */
    .list-0:hover{height: 300px;}
    

    /*    .header{background-size: 140%;}*/
    .showcase-box{  max-width:300px !important; width:96.4% !important; margin:0 !important;transform: translate3d(15px, 200px, 0px);}
    .Portfolio-box img { max-width:100%;max-height: 200px;}
    .showcase-box img {max-width: 100%;}
    .portfolioContainer{ width:280px !important; margin:0 auto !important }
    .logoposition-outer {width:auto; height: 550px;}
    /*    .mapouter{display: block;margin-top: -10px;margin-left: 15px ; margin-bottom: 15px; max-width: 100%; !important;align-content: center;}*/
/*    .mapouter{margin: 0px;}*/
    .logoposition{display:;}
    .logo-adapt {max-width: 100px;margin-left: 5px;}
    /*    .mapouter{display: block;margin-top: -20px !important;}*/
    .list-1:hover .pic-list-1{background: url(../img/testihm.png) 50% 50% no-repeat;
        background-size: 100%;}
    .list-1:hover{height: 260px;z-index: 10;}
    .pic-list-1{ background: url(../img/testihm.png) 40% 37% no-repeat;background-size: 50%;}
    .picture-in{width: 200px;display: none;padding: 0px;}
    .main-section{ padding: 50px 0 20px;}
    .main-section.contact{ padding:0px 0 0px;}
    .business-talking h2{ margin:10 0 0 0;}
    .input-btn{margin-top: 20px; margin-bottom: 20px;}
    .img-projet {margin: 0 20 0 20;}
    .modal-content{max-width: 300px;}
    .prod1 .slick-prev{margin-left: 10px;}
    .prod1 .slick-next{margin-right: 10px;}
    .flag-container{margin:10px auto;}
    .res-nav_click{padding:15px 0 0 0;}

}
}