@media (max-width: 768px) {
  h2{
    text-align: center;
  }
  .top-number{
    text-align: center;
  }
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: black;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
  background-color: #939393;
}

.blog_category li a {
  background: #dfdfdf;
}
@media (max-width: 768px) {
    .blog h4 {
        text-align: center;
    }
}
/* prettyPhoto styling for small screens */
@media (max-width: 768px)
{
    .pp_pic_holder.pp_default
    {
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
    }
    div.pp_default .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
    }
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }
}
/* additional prettyPhoto styling for small screens  - custom*/
@media (max-width: 768px){
    .recent-work-wrap img{
        height: auto!important;
    }
    .recent-work-wrap .recent-work-inner{
        text-align: center;
    }
}
@media (max-width: 768px){
    .navbar-inverse .navbar-nav > li > a{
        font-size: 18px;
        font-weight: 600;
    }
}