@media only screen and (min-width: 320px) and (max-width: 767px) {
  ul.navbar-nav {
    background: #000;
    padding: 15px 10px 15px 10px;
  }
  ul.navbar-nav li a {
    padding: 10px 0 10px 0 !important;
  }
  ul.navbar-nav li.nav-item a.button {
    display: inline-block;
  }
  .hero-section .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .counter-sect {
    display: inherit;
  }
  .bold-ideas video,
  .case-study video {
    width: 80%;
    margin: 0 auto;
  }
  .tab-buttons::before {
    content: inherit;
  }
  .streamlined {
    padding: 50px 0 50px 0;
  }
  .progress-line {
    width: 0px;
  }
  .case-carousel .item p {
    padding: 0 20px 0 20px;
  }
  .tabs-section .col-md-4 {
    margin: 10px 0 20px 0;
  }
  .get-quote .container {
    padding: 15px 30px 15px 30px;
  }
  .get-quote h4 {
    margin-bottom: 15px;
    text-align: center;
  }
  .happy-customer {
    padding: 50px 0 50px 0;
  }
  .gallery-section {
    padding: 0 0 20px 0;
  }
  .footer-nine__subscribe,
  .footer-nine__contact {
    padding-top: 50px;
  }
  .footer-nine__links {
    padding: 20px 10px 10px 10px;
  }
  .footer-nine__links .col-md-6 {
    margin-bottom: 10px;
  }
 .hero-section{
    height:65vh;
 } 
}
/* Tablet Screen */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-section{
    height:70vh;
 }     
  .bold-ideas video,
  .case-study video {
    width: 80%;
    margin: 0 auto;
  }
  .counter-sect {
    gap: 30px;
  }
  ul.navbar-nav {
    background: #000;
    padding: 15px 10px 15px 10px;
  }
  ul.navbar-nav li a {
    padding: 10px 0 10px 0 !important;
  }
  ul.navbar-nav li.nav-item a.button {
    display: inline-block;
  }
  .streamlined {
    padding: 60px 0 50px 0;
  }
  .counter-sect .counter-box h3 {
    font-size: 30px;
  }
  .counter-sect .counter-box p {
    font-size: 18px;
  }
  .case-carousel .item p {
    padding: 0 10px 0 10px;
  }
  .happy-customer {
    padding: 60px 0 0px 0;
  }
  .gallery-section {
    padding: 50px 0 50px;
  }
  .footer-nine__links {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer-nine__subscribe,
  .footer-nine__contact {
    padding-top: 40px;
  }
}