/*********************
LARGE START
*********************/
@media only screen and (min-width: 64.0625em) {
  .hero .slider-item .caption-wrap {
    max-width: 90rem;
    margin: 0 auto;
    height: 40.8125rem;
  }
  .hero .slider-item .caption-wrap .inner {
/*     width: 70%; */
  }
  .hero .show-for-medium-down.our-cources {
    display: block !important;
  }
  .hero .menu-wrap {
    max-width: 90rem;
    margin: 0 auto;
    position: relative;
  }
  .hero .menu-wrap .menu-feature {
    position: absolute;
    bottom: 3.125rem;
    right: 0px;
    width: 30%;
  }
  .hero .menu-wrap .menu-feature h2 {
    color: #FFF;
  }
  .hero .menu-wrap .menu-feature li {
    height: auto;
    width: 100%;
  }
  .hero .menu-wrap .menu-feature li a {
    display: block;
    text-align: left;
    height: auto;
    background-color: rgba(0, 0, 0, 0.45);
  }
  .hero .menu-wrap .menu-feature li a:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }

  /*********************
  HEADER STYLES
  *********************/
  .header .contain-to-grid .top-bar {
    max-width: 90rem;
    margin: 0 auto;
  }
  .header .brand a {
    font-size: 2.5rem;
    padding-right: 0.625rem;
  }
  .header .brand a .tag-line {
    font-size: 1rem;
    left: 35%;
  }

  /*********************
  SERVICES STYLES
  *********************/
  .menu-feature.our-services {
    margin-bottom: 3.625rem;
  }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .home .content-inner {
    float: left;
    width: 65%;
  }
  .home .content-inner .entry-content h2 {
    font-size: 2.125rem;
  }
  .home .content-inner .entry-content p {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 1.5;
    text-align: justify;
  }

  /*********************
  Latest News  STYLES
  *********************/
  .fronts-sidebar {
    width: 33%;
    float: right;
  }

  /*********************
  services & cources menu style {}
  *********************/
  .services-nav-wrap {
    margin: 0px;
  }
  .services-nav {
    padding: 2px;
  }
  .menu-feature.our-services ul li a {
       display: table-cell;
    vertical-align: middle;
    padding: 0 13px;
  }
  .menu-feature li {
    display: block;
    float: left;
    width: 20%;
    height: 150px;
  }
  .menu-feature li a {
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 16, 60, 0.65);
    text-align: center;
  }
  .menu-feature li a:hover {
    background-color: rgba(0, 189, 242, 0.65);
  }

  .menu-feature .traffic-management {
    background-image: url("../images/traffic-management-img.png");
  }
  .menu-feature .plans-permits {
    background-image: url("../images/plans-permits-img.png");
  }
  .menu-feature .training {
    background-image: url("../images/training-img.png");
  }
  .menu-feature .equipment-hire {
    background-image: url("../images/equipment-hire-img.png");
  }
  .menu-feature .security {
    background-image: url("../images/security-img.png");
  }

  .our-services.menu-feature ul li a:after {
    display: none;
  }

  #inner-content .our-cources {
    display: none;
  }

.services-nav div {
 height: 150px;
display: table;
text-align: center;
width:100%
}

  .hero .our-cources {
    display: block;
  }

  .header .top-bar-section {
        margin-right: -14px;
  }
}
/*********************
LARGE END
*********************/