/*** Mobile ***/
  @media screen and (max-width: 760px) {
    .navbar-nav {
        gap: 1rem;
    }
    nav {
        padding: 5.5vw 0 5.5vw 0 !important;
    }
    nav .navbar-brand img {
        width: 68vw;
    }
    .featured h1 {
        font-size: 2rem;
    }
    .featured p {
        width: 95%;
        font-size: 1.2rem;
    }
    .featured .content {
        height: 55vh;
    }
    .section-heading {
        font-size: 1.7rem;
    }
    .solutions .image {
        height: 86vw;
        margin-bottom:20px;
    }
    .solutions .image span.right {
        right: unset !important;
        left: 1rem !important;
    }
    .solutions .image img {
        top: 57%;
    }
    .solutions .image span {
        font-size: 0.85rem;
        padding: 0.2rem 0.5rem 0.1rem 0.5rem;
    }
    .more-services .custom-card {
        height: unset;
        padding: 14% 5% 7% 5%;
    }
    .more-services .custom-card img {
        top: -12%;
    }
    .cta .content {
        padding: 11% 2%;
    }
    .cta .content p {
        width: 100%;
    }
    footer img{
        width: 82vw;
    }
    .connect #contact-form .d-flex {
        flex-direction: column;
        row-gap: 20px;
    }
    .connect #contact-form {
        padding: 8% 5%;
        border-radius: 25px;
    }
    .testimonial-container .avatar {
        height: 13vw;
        width: 13vw;
    }
    .testimonial-container .swiper-slide {
        border-radius: 20px;
        min-height: 43vh !important;
    }
    .swiper-wrapper {
        margin-bottom: 16%;
    }
    .testimonial-container {
        padding: 8% 5% 1% 5%;
    }
  }
  
  /**** Ipad Potrait ****/
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    nav .navbar-brand img {
        width: 40vw;
    }
    .section-heading {
        font-size: 1.7rem;
    }
    .outline-btn {
        font-size: 0.8rem;
    }
    .featured .content {
        height: 45vh;
    }
    .featured p {
        font-size: 1.3rem;
        width: 85%;
    }
    .featured h1 {
        font-size: 2rem;
    }
    .solutions .image {
        height: 45vw;
    }
    .solutions .image span {
        font-size: 0.8rem;
    }
    .more-services .custom-card {
        height: unset;
        padding: 8% 3% 4% 3%;
    }
    .more-services .custom-card img {
        width: 8%;
    }
    .more-services .custom-card {
        margin-top: 7%;
    }
    .cta .content p {
        width: 90%;
    }
    .connect{
        padding-top:4%;
    }
    .connect #contact-form div textarea {
        height: 15vh;
    }
    .connect #contact-form {
        padding: 5% 7%;
    }
    .testimonial-container .swiper-slide {
        min-height: 38vh !important;
    }
    .testimonial-container .avatar {
        height: 6vw;
        width: 6vw;
    }
    .swiper-wrapper {
        margin-bottom: 8%;
    }
    .testimonial-container {
        padding: 5% 5% 1% 5%;
    }
  }
  
  /**** Ipad Landscape ****/
  @media only screen and (min-device-width: 1000px) and (max-device-width: 1300px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .featured .content {
        height: 65vh;
    }
    .solutions .image {
        height: 40vw;
    }
    .more-services .custom-card img {
        top: -7%;
    }
    nav .navbar-brand img {
        width: 27vw;
    }
    .testimonial-container .avatar {
        height: 4vw;
        width: 4vw;
    }
  }
  
  /**** Ipad Pro Potrait ****/
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .featured .content {
        height: 40vh;
    }
    .featured p {
        width: 70%;
    }
    .solutions .image {
        height: 40vw;
    }
    .more-services .custom-card {
        height: 26vh;
        margin-top: 20%;
        padding: 20% 5% 4% 5%;
    }
    .more-services .custom-card img {
        width: 20%;
        top: -7%;
    }
    .cta .content p {
        width: 86%;
    }
    nav .navbar-brand img {
        width: 32vw;
    }
    .connect #contact-form div textarea {
        height: 12vh;
    }
    .testimonial-container .swiper-slide {
        min-height: 27vh !important;
    }
  }
  
  /**** Ipad Pro Landscape ****/
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1400px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    html{
        font-size:16px;
    }
    nav .navbar-brand img {
        width: 26vw;
    }
    .featured .content {
        height: 50vh;
    }
    .more-services .custom-card {
        height: 27vh;
    }
    .connect #contact-form div textarea {
        height: 15vh;
    }
    .testimonial-container .swiper-slide {
        min-height: 30vh !important;
    }
  }