@media (max-width:768px) {

  .header .header-content h1 {
    font-size: 30px;
    line-height: 41px;
  }

  .header .header-content p {
    font-size: 14px;
    line-height: 26px;
  }
  
  .contact-box {
    width: 260px;
  }
  .contact-logo {
    background-color: #fff;
    display: block;
    padding: 10px;
  }
  .contact-logo img {
    height: auto;
  }
  .contact-info {
    background: #bb1a31;
    text-align: center;
    padding: 10px;
    display: block;
  }
}

@media (min-width:768px) and (max-width:990px) {

  .header .header-content h1 {
    font-size: 40px;
    line-height: 52px;
  }

  .header .header-content p {
    font-size: 18px;
    line-height: 30px;
  }
}


@media (max-width:991px) {
  .img-box {
    display: none;
  }

  .my-img {
    display: block;
  }

  .navbar-menu {
    width: 100vw;
    left: 0;
  }

  .theme-content {
    width: 100%;
    float: none;
  }

  .about .info h5 {
    font-size: 14px;
  }

  .about .info h1 {
    font-size: 26px;
    line-height: 38px;
  }

  .about .info p {
    padding: 0;
  }

  .skills {
    margin-bottom: 35px;
  }

  .clients .client-img-box img {
    width: 45%;
  }

  .testi-box h5 .colord {
    display: block;
  }

  .dots-container button img {
    height: 55px;
    width: 55px;
    margin-bottom: 20px;
  }

  .works ul li {
    margin-bottom: 20px;
  }
  
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
  .subtitle {
  font-size: 24px;
  }
  .header .header-content {
  top: 45%;
  }
  

}