@import "./variables";
@import "./typography";


@media (min-width: 576px){
    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
        width: 87%;
    }
    .navbar-expand-sm .navbar-nav{
      padding: 0;
    }
    .start-up-carousel-caption{
      top: 10% !important;
    }
  }
    @media (max-width: 768px) {
      // header media starts here
      .home-logo {
        width: 72px !important;
      }
      .header-container .nav-item .nav-link, .header-container ul li{
        font-size: 8px !important;
      }
      .subHeading, .sliderHeading,  .H1heading{
        font-size: 28px !important;
      }
      .sliderDescription, p, .txtDescription, h6{
        font-size: 14px !important;
      }
      .mainHeading, h3, h4, h5{
        font-size: 22px !important;
      }
      .navbar-brand {
        width: 13%;
      }
      // .carousel-control-next,
      // .carousel-control-prev {
      //   height: 20% !important;
      //   top: 50% !important;
      // }
      .sliderDescription {
        font-size: 22px;
        margin: 0px 0 0 0;
      }
      #home .carousel-caption-slide1,
      .carousel-caption-slide2,
      .carousel-caption-slide3,
      .carousel-caption-slide4,
      .carousel-caption-slide5,
      .carousel-caption-slide6 {
        min-height: 560px !important;
        max-height: 560px !important;
      }
      .header-container .nav-item .nav-link {
        font-size: 9px;
      }
      .contact-btn {
        font-size: 9px;
      }
      .fixed-top .home-logo {
        display: none;
      }
      .home-logo-black {
        position: absolute;
        left: 4px;
        top: 15px;
        width: 50px;
      }
      // header media ends here

      // about assessment media starts here
      .about-asset-sec img {
        width: 100%;
      }
      .home-service-asset-sec img {
        width: 100%;
      }
      // about assessment media ends here

      .testimonial {
        padding: 0 !important;
      }
      .list::before {
        width: 90% !important;
      }
      .technology .technology-list-img{
          padding: 5px !important;
      }
      .technology .technology-list-img img{
        min-height: 50px !important;
        max-height: 50px !important;
      }
      .carousel-control-next-icon, .carousel-control-prev-icon{
        width: 1.5rem !important;
        height: 1.5rem !important;
      }
      .start-up-carousel-item1, .start-up-carousel-item2, .start-up-carousel-item3, .start-up-carousel-item4, .start-up-carousel-item5, .start-up-carousel-item6{
        height: 560px !important;
      }
      .home-section .home-carousel-control-next, .home-section .home-carousel-control-prev{
        width: 3% !important;
      }
    }
    @media (max-width: 667px){
      .carousel-control-next, .carousel-control-prev{
        width: 5% !important;
    }
      .home-mobile-slider-right-chevron{
        right: 5px !important;
      }
      .home-mobile-slider-left-chevron{
        left: 5px !important;
      }
      .subHeading{
        font-size: 25px !important;
      }
    }
    @media (max-width: 576px) {
      #mynavbar {
        background: $primaryColor;
        z-index: 999;
      }
      .home-section .carousel-caption button {
        margin: 0rem 0 !important;
        border-radius: 32px !important;
        padding: 4px 12px 4px 25px;
        font-size: 8px !important;
      }
      .home-section .carousel-caption-slide1 button img {
        background: #ffffff;
        border-radius: 50%;
        padding: 5px 5px;
        margin-left: 10px;
      }
      .home-section .carousel-caption .next-arrow-slide {
        padding: 4px 4px !important;
        width: 0.9rem !important;
      }
      .header-container .nav-item .nav-link {
        font-size: 8px;
        padding: 4px 5px;
      }
      .navbar-toggler {
        background: $primaryColor !important;
        border-radius: 50% !important;
        padding: 10px 11px !important;
      }
      .navbar-toggler-icon {
        width: 0.9em !important;
        height: 0.9em !important;
        border-radius: 4px;
        padding: 5px 5px;
      }
      // .fixed-top .home-logo{
      //   display: none;
      // }
      .navbar-nav {
        padding: 5px 5px !important;
      }
      .contact-btn {
        font-size: 10px !important;
      }
      .navbar-collapse {
        z-index: 1;
      }
      #navbar-collapse {
        overflow: hidden !important;
      }
      .navbar-toggler:focus {
        box-shadow: 0 0 0 0.1rem !important;
      }
      .home-logo-black {
        position: absolute;
        left: 4px;
        top: 0px;
        width: 110px;
      }
      .home-logo{
        width: 110px;
      }
      .fixed-top #mynavbar {
        background: #fff;
      }
      .header-container ul a {
        font-size: 9px !important;
      }
      .mega-dropdown-menu {
        padding: 0 !important;
      }
      .technology__verticals {
        grid-template-columns: repeat(1, minmax(240px, 2fr)) !important;
      }
      .industries ul li{
        width: 100% !important;
        flex: none !important;
        margin: 0 0 12px 0 !important;
      }
      .start-up-carousel-item{
        min-height: 380px !important;
        max-height: 380px !important;
        height: 380px !important;
        background-color: $primaryColor !important;
      }
      .salescloud-tabs .blog-tab-section .active::after{
          right: 0px !important;
      }
      .homemobile-carousel-control-prev{
          left: 5px !important;
      }
      .homemobile-carousel-control-next{
        right: 5px !important;
      }
      .carousel-control-next,
      .carousel-control-prev {
        width: auto !important;
      }
      .home-slider-mobile-heading, .startup-slider-mobile-heading{
        font-size: 22px !important;
      }
      .home-slider-mobile-description, .startup-slider-mobile-description{
        font-size: 14px !important;
      }
      .startup-slider-mobile-description{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
      .startup-slider-mobile-btn{
        font-size: 14px !important;
        margin: 0 !important;
      }
      .about-banner-section, .case-studies-banner-section, .contact-banner-section, .blog-banner-section, .whitepaper-banner-section, .ror-banner-section, .reactjs-banner-section, .full-stack-banner-section, .banner-section-online-scholarship, .real-estate-banner-section, .charge-point-banner-section, .digital-payment-banner-section, .reliable-scholarship-banner-section, .banner-section-full-fledged, .biodiversity-banner-section, .football-banner-section, .banner-section-hotel-booking, .banner-section-unv, .blog-salesforce-marketing-cloud-banner-section, .blog-salesforce-npo-banner-section, .blog-why-choose-salesforce-npo-banner-section, .blog-what-is-ror-and-best-project-section, .banner-section, .salesforce-startup-banner-section, .aws-development-banner-section, .nodejs-banner-section, .banner-section-ladyboss, .blog-react-native-game-changer-banner-section{
        height: 380px !important;
      }
      .salesforce-partner-logo img{
        width: 50px !important;
      }
      .startup-slider-left-chevron, .startup-slider-right-chevron{
        padding: 5px 7px !important;
      }
      .subHeading, .sliderHeading,  .H1heading{
        font-size: 25px !important;
      }
      .sliderDescription, p, .txtDescription{
        font-size: 12px !important;
      }
      .mainHeading, h3, h4, h5{
        font-size: 20px !important;
      }
      p{
        font-size: 12px !important;
      }
      button{
        font-size: 10px !important;
      }
      .home-slide-btn{
        font-size: 10px !important;
      }
    }

    @media screen and (max-width: 1366px) and (max-height: 768px) {
      .carousel-caption-slide1,
      .carousel-caption-slide2,
      .carousel-caption-slide3,
      .carousel-caption-slide4,
      .carousel-caption-slide5,
      .carousel-caption-slide6 {
        min-height: 560px !important;
      }
      .sliderHeading{
        font-size: 20px !important;
      }
      .sliderDescription{
        font-size: 14px !important;
      }
      .mainHeading{
        font-size: 22px !important;
      }
      .H1heading{
        font-size: 22px !important;
      }
      .subHeading{
        font-size: 20px !important;
      }
    //   .start-up-carousel-item{
    //     min-height: 700px !important;
    //     max-height: 700px !important;
    //     height: 700px !important;
    //   }
    //   .start-up-carousel-item{
    //     min-height: 560px !important;
    //     height: 700px !important;
    //   }
    }
    @media screen and (max-width: 1024px) and (max-height: 1366px) {
      .header-container .nav-item .nav-link, .header-container ul li{
        font-size: 9px !important;
      }
      .subHeading, .sliderHeading,  .H1heading{
        font-size: 30px !important;
      }
      .mainHeading, h3, h4, h5{
        font-size: 25px !important;
      }
      .header-container ul li{
        padding: 11px 3px 9px 3px !important;
      }
      .home-slide-btn{
        font-size: 12px !important;
        padding: 5px 16px 4px 16px !important;
        border-radius: 3px !important;
      }
      .carousel-caption-slide1, .carousel-caption-slide2, .carousel-caption-slide3, .carousel-caption-slide4, .carousel-caption-slide5, .carousel-caption-slide6 {
        min-height: 600px !important;
    }
    }
    @media only screen and (min-device-width: 700px) and (max-device-width: 850px) {
      #home .carousel-caption-slide1, .carousel-caption-slide2, .carousel-caption-slide3, .carousel-caption-slide4, .carousel-caption-slide5, .carousel-caption-slide6 {
        min-height: 500px !important;
        max-height: 510px !important;
    }
    .start-up-carousel-item{
      height: 500px !important;
    }
    .home-logo, .home-logo-black{
      width: 70px !important;
    }
    .subHeading, .sliderHeading,  .H1heading{
      font-size: 22px !important;
    }
    .sliderDescription, p, .txtDescription{
      font-size: 14px !important;
    }
    .mainHeading, h3, h4, h5{
      font-size: 22px !important;
    }
    .home-section .home-carousel-control-next, .home-section .home-carousel-control-prev{
      width: 4% !important;
    }
    .home-section .home-slider-right-chevron, .home-section .home-slider-left-chevron{
      padding: 4px 6px !important;
    }
  }
  @media only screen and (min-device-width: 300px) and (max-device-width: 414px){
    .home-slider-mobile-heading, .startup-slider-mobile-heading {
      font-size: 16px !important;
  }
  .subHeading, .sliderHeading,  .H1heading{
    font-size: 20px !important;
  }
  .sliderDescription, p, .txtDescription{
    font-size: 12px !important;
  }
  .mainHeading, h3, h4, h5{
    font-size: 16px !important;
  }
  .home-slide-btn{
    font-size: 10px !important;
  }
  }