@media (max-width: 667px) {

  .carousel-inner .item > img{ height: 100vh; width: auto; max-width: fit-content;}
  .logo{ max-width: 100px; left: 0; }
  .overlay ul li a{ font-size: 28px; }
  .inner-title h3{ font-size: 20px; background: #000; padding: 10px 20px; margin: -20px auto 20px auto; }
  .inner-title-2{ font-size: 24px; }
  footer{ padding: 20px 15px; }
  .container{ padding: 0 30px; }
  .scroll-down{ left: 5px; }
  .team-wrap h3{ font-size: 30px; }
  .team-wrap h4{ font-size: 18px; }
  .team-wrap h5{ font-size: 15px; }
  
  .team-wrap-2{ margin: 25px 0; }
  .team-wrap-2 h2{ font-size: 3rem; }
  .ehover5{ margin-bottom: 35px; }
  .inner-title-3{ font-size: 18px; }
  .contact-from h4{ font-size: 20px; }
  .protfolio-bt{ font-size: 14px; }
  .contact-from .btn-coustom{ font-size: 15px; }
  .mob-dis{ display: block !important; }
  .desk-dis{ display: none !important; }
  .project-bt{ font-size: 17px; text-align: center; }

   .carousel-inner .item > img {
  -webkit-animation: zoom 10s;
  animation: zoom 10s; /*height: 100vh;*/
}




}

@media (max-width: 479px) {
	.big { grid-column: inherit; grid-row: inherit; }
	.horizontal { grid-column: inherit; }
}