@media (min-width: 576px)
  {
  .container, .container-sm {
    max-width: 750px;
    }
  }

  @media (max-width: 768px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 750px;
    }
    #home .content{
      display: flex;
      flex-direction: column;
    }

    #home img{
      width: 160px;
    }

    #home .media{
      margin-top: 15px;
    }

    #services .services-content .card{
    height: 300px;
   } 

   footer .content{
    flex-direction: column;
  }

  #services .services-content{
        padding:20px;
    }

  }



@media (min-width: 992px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 970px;
    }
  }

  @media (min-width: 1200px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1170px;
    }
  }

@media (max-width: 1380px) {
  
    #about .about-left::before{
        bottom: -33px;
        left: 0px;
     }
    
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1300px;
  }
}


@media (max-width: 990px) {
  #about .about-left {
    margin-bottom: 50px;
 }
}

@media (max-width:975px){

  #navbar .nav-item{
    text-align: center;
  }

  #navbar .nav-item .nav-link{
    margin: 0px 5px 0;
    display: inline-block;
    font-size: .8125rem !important;

  }

  .navbar-toggler:focus {
    
    -webkit-box-shadow: 0 0 0 0px;
    
            box-shadow: 0 0 0 0px; 
 }

}