/*==================================================
=            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) {




    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* 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 : 1450px) {
      .logo-shape {
          width: 215px;
      }

      .menu-shape {
          font-size: 1.15em;

      }

      .navbar-nav>li>a {
          padding-top: 0px;

      }

      .menu_fixed #menu
      {

        padding: 50px 0px 00px 15px;

      }


    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
      .logo-shape {
          width: 205px;
      }

      .office-shape .description-shape {

          padding: 0px 20px;
          font-size:2.35em;
      }

    }

    @media only screen and (max-width : 1030px) {


    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

      .logo-shape {
          width: 185px;
      }

      .menu_fixed #menu {
          position: fixed;
          width: 100%;
          top: 0px;
          left: 0px;
          z-index: 100;
          padding: 50px 0px 20px 0px;
          margin-bottom: 80px;
      }


              body {


                  padding: 50px 0px 60px 0px;
              }

              .menu_fixed #menu-trigger {
                  height: 50px;
                  margin-bottom: 10px;
              }

      .projectDescription-shape {

            max-width: 720px;

        }

      .projectSlideshow-shape {

          margin-bottom: 0px;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {



      .projectTitle-front-shape {

          padding:5px;

          }

      .projectDescriptionHeader-shape
      {
        font-size: 0.75em;
      }

      .singleColumn-front-shape
      {
        position: relative;

        min-height: 60px;
      }


      #project-view-shape
      {
        padding:0px;
      }

      ._row{
        margin-left: -15px;
        margin-right: -15px;
      }

      .project-title-shape
      {
        padding:0px 0px;
      }

      .logo-shape {
          width: 180px;
      }

      .menu-shape
      {
        padding:0px 20px;
      }
      .description-shape {

          padding: 0px 50px;
      }

      .projectDescription-transform {
    margin-top: 0px;

}

      .navbar-nav {
          float: none;
          margin: 0;
      }

      .projectDescription-shape {
          width:calc(100vw*0.85);
            max-width: 600px;

        }

        .menu_fixed #menu {

            padding: 30px 0px 00px 0px;
            margin-bottom: 60px;
        }

    }

    @media only screen and (max-width : 650px) {
      .office-shape .description-shape {


          font-size:2em;
      }

    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {

      #message .projectDescriptionHeader-shape {
    color: #fff;
    padding: 30px;
}

      .logo-shape {
          width: 165px;
      }

      .logo-transform
      {
        top:0px;
      }

      .staff-office
      {
        margin-top:60px;
      }

      .office-shape
      {
        font-size:0.65em;
      }



      .office-staff-details-shape
      {
        font-size: 2em;
      }

      .office-staff-details-shape h2 {
        font-weight: 600;
      }

      .description-shape {

          padding: 0px 10px;
      }

      .menu-shape
      {
        padding:0px 0px ;/*10px;*/
      }

      .contact-shape
      {
        font-size:0.75em;
      }

      .contact-description-shape {

          padding: 20px 10px 20px 10px;;
      }

      .description-transform
      {
        text-align: left;
      }

      .description-shape
      {
        font-size:2.8em;
        text-align: left;
        display:inline-block;
        padding: 24px;
            font-weight: 300;
      }

      .officeColumn
      {
        margin-bottom:40px;
      }


      .menu_fixed #menu {

          padding: 30px 0px 20px 0px;
          margin-bottom: 30px;
        }

        body {


            padding: 30px 0px 60px 0px;
        }

        .menu_fixed #menu-trigger {
            height: 50px;
            margin-bottom: 10px;
        }


        #project-front-view-shape
        {
          padding:0px 7px ;
        }

        .slick-dots {
            position: absolute;
            bottom: 10px;
          }

        .slick-dots li {

          width: 7px;
          height: 7px;
        }

      .singleColumn {
        margin-bottom: 7px;
        margin-top:7px;
      }

      .front-parent  {
        margin-bottom: 7px;
        margin-top:8px;
        padding-left:15px;
        padding-right: 15px;
      }

      .projectSlideshow-shape.front-parent {
          margin-bottom: 7px;
          margin-top: 8px;
          padding-left: 0px;
          padding-right: 0px;
      }

      #project-front-view-shape .singleColumn-front
      {
        padding-left:8px;
        padding-right:8px;
        margin-bottom: 7px;
        margin-top:8px;
      }

    /*  .front-parent  {
        margin-bottom: 0px;
        margin-top:0px;

      }*/

     .front-parent   .singleColumn {
          margin-bottom: 0px;
          margin-top: 0px;
      }

      #project-front-view-shape .row {
          margin-right: -7px;
          margin-left: -7px;
      }

      .projectDescription-transform {
          margin-top: 25px;
          margin-bottom:25px;
      }

      .project-title-shape strong {
          font-size: 2em;
          color: #353535;
      }

      .project-title-shape {
          text-align: left;

      }

      .projectDescription-shape {
        padding: 10px 10px;
        font-size: 1.863em;
        width:100%;

    }

      .projectDescription-shape .text-left{
        text-align: center;
      }

      #projectContainer .projectDescription-shape .text-left{
        text-align: center;
      }

    .projectDescriptionHeader-shape {
        padding: 20px;
        letter-spacing: 0.25px;
        line-height: 1.35em;
    }

    .projectDescriptionMore-shape {
        padding: 10px;
        letter-spacing: 0.25px;
        font-size: 0.95em;
        line-height: 1.35em;
    }

    .projectTitle-front-shape {
    font-size: 1.35em;
    padding:0px 0px 0px 5px;

    }
.projectTitle-front-transform
{
  padding:10px;
}


    @media only screen and (max-width : 380px) {

      .projectDescription-shape {
        padding: 10px 0px;
        font-size: 2.1em;
        width:100%;

      }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {


    }
