/*responsive*/
@media (max-width: 1100px) {
   body:before{
      background-position: 50%; 
   }
	footer:before{
      display: none;
   }
}
@media (max-width: 768px){
   .service-list{
      text-align: center;
      margin-top: 2rem;
   }
   .service-icon{
      float: none;
      margin-bottom: 1rem;
   }
   .service-content{
      padding-left: 0;
   }
   .subscribe-text, .involve-client{
      text-align: center;
   }
   .involve-client{
      padding-top: 1rem;
   }
   .team-wrap{
      padding-bottom: 3rem;
   }
   .contact-form{
      padding: 1rem;
      text-align: center;
      margin: 0;
   }
   .contact-details {
       padding-top: 3rem;
   }
   .circle1, .desktop-logo{
      display: none;
   }
   .mobile-logo{
      display: block;
      width: 40px !important;
   }
   header.smaller .mobile-logo{
      width: 20px !important;
   }
   .navigation{
      margin-top: 0.6rem;
   }
   .grid-item {
       width: calc(100% /2);
    }
}
@media (max-width: 500px){
   .grid-item {
       width: calc(100% /1);
    }
}