@media only screen and (max-device-width: 580px)
and (-webkit-min-device-pixel-ratio: 2) {
    .card{
        width: 580px;
        height: 740px;
    }

    .slide-inner{
      width: 100%;
      height: 750px;

    }
    
    .swiper-container {
        width: 100%;
        margin-top: 150px;
        height: 750px;
        
      }
      
      .slide-inner h1{
        font-weight: bold;
      }

      .slide-inner h3{
        font-size: 2rem;

      }

      .slide-inner img{
          display: none;
      }
      .slide-inner h2{
        font-size: 3rem;

      }
      .slide-inner p{
        padding-top: 1rem;
        max-width: 45rem;
        font-size: 2.5rem;
      }

      .card-wrap {
          margin:20px
      }

      .card-wrap{
        transform:none;
        transform-style: flat;
        cursor:none;    

      }

      .card-info p{
          display: none;
      }

      .navbar, .navbar-brand, .dropdown-menu, .offcanvas-title{
        height: 130px;
        font-size: 3rem;
      }

    /* flexbox */

    .card-info h1{

      margin-bottom: 50px;
    }

    /* Removing images of founders */
      .heroGirish{
          display: none;
      }

      .heroKunal{
        display: none;
      }

      .heroTarun{
          display: none;
      }

      .heroRitesh{
        display: none;
      }

      .heroDeep{
        display: none;
      }

      .heroLS{
        display: none;
      }

      
      .heroBill{
        display: none;
      }

      
      .heroElon{
        display: none;
      }

      
      .heroSteve{
        display: none;
      }

      
      .heroChristian{
        display: none;
      }

      .navbar-toggler-icon{
        font-size: 3rem;

      }

      .offcanvas{
        width: 100%;
      }

      /* Readmore Card Button Adjust */

      a.btn{
        margin-left: 50%;
        margin-top: 60%;
        padding: 14px 70px 12px;
        font-size: 2.4rem;
      }

      .swiper-container h1,h2,h3{
        padding:10px 0;
      }

   
}