@media screen and (max-width: 63.9375em) {
  .header {
    padding: 20px 0 0 0;
  }
  .header .logo img {
    width: auto;
    max-height: 36px;
    margin-bottom: 0;
  }
  .header .top-bar .top-bar-right {
    flex: auto;
    margin: 25px 0 0 0;
  }
  .header .title-bar {
    background: transparent;
    padding: 0;
    justify-content: space-between;
  }
  .header .title-bar-left, .header .title-bar-right {
    flex: auto;
  }
  .header .menu-icon::after {
    background: var(--color-white);
    -webkit-box-shadow: 0 7px 0 var(--color-white), 0 14px 0 var(--color-white);
    box-shadow: 0 7px 0 var(--color-white), 0 14px 0 var(--color-white);
  }
  .header .drilldown a {
    font-size: 1rem;
    font-weight: var(--global-weight-bold);
    color: var(--color-white);
    background: var(--color-black);
  }
  .header .is-drilldown li:not(:last-child) {
    border-bottom: 1px solid var(--color-mediumgreen);
  }
  .drilldown .is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent var(--color-green);
  }
  .drilldown .js-drilldown-back > a::before {
    border-color: transparent var(--color-green) transparent transparent;
  }
  .header .is-submenu-parent-item a {
    color: var(--color-green);
  }


  .banner.inner-page .header {
    padding: 20px 0;
  }
  .banner.inner-page .header .menu-icon::after {
    background: var(--color-black);
    -webkit-box-shadow: 0 7px 0 var(--color-black), 0 14px 0 var(--color-black);
    box-shadow: 0 7px 0 var(--color-black), 0 14px 0 var(--color-black);
  }
  .banner.inner-page .header .drilldown a {
    color: var(--color-black);
    background: var(--color-white);
  }
  .header .is-drilldown li:not(:last-child) {
    border-bottom: 1px solid var(--color-lightgray);
  }


  .header-social-icons li {
    margin-left: 0.75rem;
  }


  .service-img {
    padding-top: 30px;
  }

  /* about page */
  .about-intro .intro-img {
    padding-top: 2rem;
  }

  /* contact page */
  .contact-form {
    padding-top: 2.15rem;
  }
}



@media screen and (max-width: 47.9375em) {
  .hero-heading {
    font-size: 1.75rem;
    line-height: 1.2;
  }
  .hero-subheading {
    padding: 20px 0 0 0;
    font-size: 1.125rem;
  }
  .hero-btn {
    padding: 25px 0 0 0;
  }


  .content-inner-page-container {
    padding: 70px 0;
  }


  .section {
    padding: 60px 0;
  }


  .carousel-slider-container.carousel-slider-controls-inside {
    max-width: 100%;
  }
  .carousel-slider-container.carousel-slider-controls-inside .carousel-slider-controls span {
    margin: 0 15px;
    position: relative;
    top: auto;
    transform: none;
  }
  .carousel-slider-container.carousel-slider-controls-inside .carousel-slider-controls span.carousel-slider-controls-prev {
    left: auto;
  }
  .carousel-slider-container.carousel-slider-controls-inside .carousel-slider-controls span.carousel-slider-controls-next {
    right: auto;
  }


  .welcome h1 {
    margin-bottom: 1rem;
  }
  .welcome-btn {
    padding: 30px 0 0 0;
  }


  .gradient-box-loop .cell:nth-child(n+2) {
    padding: 40px 0 0 0;
  }
  .gradient-box-container {
    height: 350px;
    padding: 25px 15px;
    margin: 0 15px;
  }
  .gradient-box-title {
    font-size: 1.125rem;
  }
  .gradient-box-desc {
    font-size: 0.9375rem;
    line-height: 1.3;
  }


  .service-box-loop .cell:nth-child(n+2) {
    padding: 40px 0 0 0;
  }
  .service-box-container {
    margin: 0 15px;
  }
  .service-box-title {
    font-size: 1.125rem;
  }
  .service-box-desc {
    font-size: 0.9375rem;
  }


  .cta {
    padding-bottom: 0;
  }


  .parallax {
    padding: 100px 0;
  }
  .parallax h1 {
    margin-bottom: 1rem;
  }
  .parallax-text {
    width: 95%;
  }
  .parallax-btn {
    padding: 30px 0 0 0;
  }


  .footer {
    padding: 60px 0;
  }
  .footer .cell:nth-child(n+2) {
    padding: 40px 0 0 0;
  }
  .footer {
    font-size: 0.9375rem;
  }
  .footer-col-title {
    padding: 0 0 10px 0;
    font-size: 1.125rem;
  }
  .footer-links li:not(:last-child) {
    padding: 0;
  }
  .footer ul.footer-social {
    padding: 10px 0 0 0;
  }
  .footer-social li:not(:last-child) {
    padding: 0 0 10px 0;
  }


  .copyright {
    padding: 15px 0;
    font-size: 0.9375rem;
  }


  .page-title-banner {
    padding: 60px 0;
  }
  .page-title-banner .hero-heading {
    font-size: 1.875rem;
  }


  .news-sidebar {
    padding: 40px 0 0 0;
  }
  .news-loop .cell:nth-child(n+2) {
    padding-top: 40px;
  }


  /* about page */
  .section-values :not(:first-child) {
    padding-top: 2rem;
  }
  .value-box-icon img {
    width: 90px;
    height: 90px;
  }

  .team .cell:not(:first-child) {
    padding-top: 2rem;
  } 

  /* contact page */
  .details .cell:not(:first-child) {
    padding-top: 1rem;
  }

  .parallax-details {
    padding: 60px 0;  
  }

  .details-boxes {
    padding-top: 1rem;
  }
}



@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .hero-heading {
    font-size: 3.25rem;
  }


  .content-inner-page-container {
    padding: 70px 0;
  }


  .section {
    padding: 80px 0;
  }


  .gradient-box-container {
    padding: 25px 15px;
  }
  .gradient-box-title {
    font-size: 1.125rem;
  }
  .gradient-box-desc {
    font-size: 0.9375rem;
    line-height: 1.3;
  }


  .service-box-title {
    font-size: 1.125rem;
  }
  .service-box-desc {
    font-size: 0.9375rem;
  }


  .parallax {
    padding: 120px 0;
  }
  .parallax-text {
    width: 90%;
  }


  .footer .cell:nth-child(n+3) {
    padding: 40px 0 0 0;
  }


  .page-title-banner {
    padding: 90px 0;
  }


  .news-loop .cell:nth-child(n+2) {
    padding-top: 40px;
  }

  /*about page*/
  .section-values :nth-child(n+3) {
    padding-top: 2rem;
  }
  .team-container .cell:nth-child(n+3) {
    padding-top: 2rem;
  }
}