/*  19 - MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media all and (min-width: 769px) {
          .header-6.navbar-default .navbar-collapse,
          .header-6 .navbar-nav {
              width: 100%;
          }
          .header-6 .navbar-nav > li {
              float: none;
              display: inline-block;
          }
}

@media (min-width: 1200px) {
          .container {
              width: 100%;
          }
}
@media (max-width: 1199px) {
     .vertical-center {
               width: 100%;
     }
     .service-child{
         margin-bottom: 20px;
     }
     .img_service{
         margin-top: 80px;
     }
}
@media (max-width: 991px) {
    .service-child{
       width: 100%;
    }
    .service-child .service_item{
        width: 70%;
        margin: 10px auto;
    }
    .img_service{
        display: none;
    }
    .Realisations .card{
         width: 70%;
         margin: 10px auto;
    }
}

@media (min-width: 768px) {
          .nav.nav-justified > li > a > .quote {
              left: auto;
              top: auto;
              right: 20px;
              bottom: 0px;
          }
          #headerwrap.fullheight {
              min-height: 100vh;
          }
}


@media all and (min-width: 1600px) {
          .boxed-layout .master-wrapper {
              max-width: 1600px;
              margin: 0 auto;
          }
}
      
      @media all and (min-width: 1400px) {
          .boxed-layout .master-wrapper {
              max-width: 1600px;
              margin: 0 auto;
          }
          .boxed-layout .navbar-fixed-top {
              max-width: 1600px;
              margin: 0 auto;
          }
}
      
      @media all and (min-width: 991px) {
          .slide-caption {
              width: 440px;
              height: auto;
              margin: 0 auto;
          }
      }
      
      @media(min-width:767px) {
          header .intro-text {
              padding-top: 420px;
              padding-bottom: 100px
          }
          header .intro-text .intro-lead-in {
              margin-bottom: 20px;
              font-size: 40px;
              font-style: normal;
              line-height: 40px;
              letter-spacing: -1px
          }
          header .intro-text .intro-heading {
              margin-bottom: 20px;
              text-transform: uppercase;
              font-size: 70px;
              font-weight: 700;
              line-height: 38px
          }
          .intro-sub-heading {
              font-size: 34px;
              letter-spacing: 2px;
              font-weight: 300;
              color: white;
          }
          .navbar-fixed-top .container-fluid {
              padding-left: 30px;
              padding-right: 30px;
          }
          .navbar li.dropdown:hover > ul.dropdown-menu {
              opacity: 1;
          }
          .navbar li.dropdown:hover> ul.dropdown-menu {
              display: block;
              -webkit-animation: fadeIn 0.4s;
              animation: fadeIn 0.4s;
              -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
          }
      }
      
      @media(min-width:768px) {
          .pad-sides-120 {
              padding-left: 120px !important;
              padding-right: 120px !important;
          }
          .navbar-default {
              padding: 10px 0;
              border: 0;
              background-color: transparent;
              -webkit-transition: all .5s ease-in-out;
              -moz-transition: all .5s ease-in-out;
              -o-transition: all .5s ease-in-out;
              -ms-transition: all .5s ease-in-out;
              transition: all .5s ease-in-out
          }
          .navbar-default .navbar-brand {
              font-size: 2em;
              -webkit-transition: all .3s;
              -moz-transition: all .3s;
              transition: all .3s
          }
          .navbar-default.navbar-shrink {
              padding: 0;
              background-color: rgba(255, 255, 255, 0.95);
              -webkit-transition: all .5s ease-in-out;
              -moz-transition: all .5s ease-in-out;
              -o-transition: all .5s ease-in-out;
              -ms-transition: all .5s ease-in-out;
              transition: all .5s ease-in-out
          }
          .special-max-height {
              max-height: 660px !important;
              height: 660px !important;
          }
      }
      
      @media(max-width:768px) {
          .fullheight,
          .fullheight .article-slide,
          .fullheight .article-slide .carousel-inner,
          .fullheight .article-slide .item,
          .fullheight .article-slide .item img {
              height: auto!important;
              min-height: 600px
          }
          .icon-tabs .fa-4x {
              font-size: 46px;
          }
          .icon-tabs li .tabtitle {
              font-size: 12px;
              letter-spacing: 4px
          }
          .dark-wrapper .icon-tabs li {
              border-right: none;
          }
          .form-control.col-md-4,
          .dark-wrapper.form-control.col-md-4 {
              width: 100% !important;
          }
          .navbar-default .navbar-brand {
              margin-top: 0;
          }
          .navbar-fixed-top .navbar-collapse,
          .navbar-fixed-bottom .navbar-collapse {
              max-height: 900px;
          }
          .special-max-height {
              max-height: 560px !important;
              height: 560px !important;
          }
          .header-6 .navbar-brand {
              float: left;
          }
          .header-6.navbar-default .navbar-toggle .icon-bar {
              background-color: #333;
          }
          .portfolio-filter,
          .masonry-portfolio-filter {
              text-align: center;
          }
          .navbar-default .nav li.dropdown.open > a,
          .navbar-default .dropdown-menu a,
          .navbar-default.navbar-shrink .nav li > a,
          .navbar-default.navbar-shrink .navbar-brand {
              color: #fff !important;
          }
          .header-6.navbar-default .nav li.dropdown.open > a,
          .header-6.navbar-default .dropdown-menu a,
          .header-6.navbar-default.navbar-shrink .nav li > a,
          .header-6.navbar-default.navbar-shrink .navbar-brand {
              color: #333 !important;
          }
          section h2.section-heading,
          .section-heading {
              margin-top: 0;
              margin-bottom: 10px;
              font-size: 22px;
              letter-spacing: 8px;
              font-weight: 700;
              text-align: center;
          }
          section h3.section-subheading {
              text-align: center;
          }
          #contact-tabs .icon-tabs li a {
              text-align: center;
          }
      }
      
      @media(max-width:488px) {
          .fullheight,
          .fullheight .article-slide,
          .fullheight .article-slide .carousel-inner,
          .fullheight .article-slide .item,
          .fullheight .article-slide .item img {
              height: auto!important;
              min-height: 400px
          }
          .portfolio-item,
          .masonry-portfolio-item {
              width: 100%;
          }  
          .service-child .service_item{
            width: 80%;
            margin: 10px auto;
        }
          .Realisations .card{
            width: 100%;
            margin: 10px auto;
       }
   }
      
      @media(max-width:768px) {
          #side-wrapper {
              display: none;
              background-color: #fcfcfc;
          }
          .side-nav-active .master-wrapper {
              padding-left: 0;
          }
          #side-wrapper .navbar-default .nav li a {
              padding: 10px 20px;
          }
          .navbar-default .nav li a {
              padding: 10px 20px;
          }
}