/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/



    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .home-line h4, .home-line p{width: 85%;}

        .service-block-desc{
              padding-left: 50px;
              padding-right: 50px;
            }

        #home-services .heading h1{
          font-size: 48px;
        }
        .about-line, .gallery-line{
          background-color: #386cba;
          padding: 60px 10px;
          display: block;
        }

        .about-line p, .gallery-line p{
          width: 75%;
          margin: 0 auto;
          font-size: 18px;
          color: #fff;
        }
        .brief img{
         
        }
        footer ul li{
          text-align: left;
        }

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .block-home{
          position: absolute;
          bottom: 0px;    
          color: #fff;
          max-width: 100%;
        }

       
        .home-line h4{
          font-size: 20px;
          font-weight: bold ;
        }
        .navbar-toggle{display: block;}
        .home-line p{font-size: 14px;}
        .lead {
          font-size: 21px;
          }
          
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .home-line h4, .home-line p{width: 70%;}
        .block-home{
            margin-top: -200px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        header .block-home{
          display: none;
        }
        header{
            min-height: 30%;
            max-height: 40%;
        }
        .publ_txt{
          display: none;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .one-page-header h4{
            display: none;
        }
        .logo-centered {
          justify-content: flex-start;
        }
        .navbar-brand {;
          align-items: left;
        }
        .one-page-header {
          background: rgba(18, 19, 19, 0.1);
        }
    footer img{
          
          margin-left: 15%;

        }
        
    }
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        footer img{
          
          margin-left: 11%;

        }
    }


@media screen and (max-width: 50em) {
    
    .home-services figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}