@media(max-width: 992px){

    ul.dropdown-menu {

    width: 100%;

        left: 0px;

}

     .dropdown-menu div#accordion {

        width: 100%;

        padding: 0;

        padding-bottom: 0px;

        padding-top: 7px;

    }

    .navbar-expand-lg .navbar-collapse ul li a

    {

        font-size: 14px;

    }

    .navbar-ul{

        display: none;

    }

    .navbar-menu{

        display: block;

    }

        .dropdown-menu li {

        padding-left: 10px;

        padding-right: 10px;

    }

    .navbar-menu i{

        color: var(--theme-primarycolor);

        font-size: 25px;

    }

}

@media (max-width: 576px){

    .how-work .step-item

    {

        flex: 0 0 auto;

        width: 100%;

    }

    h2.step-content

    {

       right: 0%;

    }

    .our-services.home-service .col-lg-10.pt30 {

    padding-top: 0;

}

    .navbar-nav {

    gap: 0px;

}

    .inner-heading .heading-title {

    font-size: 20px;





}

.our-team-card{

    padding: 20px;

}

.top-team {

    display: flex;

    align-items: start;

    gap: 5px;

    flex-direction: column;

}

    .navbar-toggler:focus

    {



        box-shadow: none;

    }

     header .container-fluid {

    width: 100%;

}

    .copyright {

    color: var(--theme-whitecolor);

    text-align: center;

    font-size: 11px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    padding: 10px 0;

    margin: 10px 0 0 0;

}

    .footer-para a, .footer-para p, .footer-quick-links ul li a {

    color: rgba(255, 255, 255, 0.5);

    font-size: 14px;

    display: block;

    padding: 5px 0;

    transition: var(--theme-transition);

}

    footer {

    background: var(--theme-blackcolor);

    padding: 50px 0 0 0;

}

    .academy-cta h3 {

    color: #fff;

    text-align: center;

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 18px;

}

    .academy-cta .row {

    background: linear-gradient(45deg, #b31b2bf7, #68000bde);

    border-radius: 20px;

    padding: 34px 0;

    position: relative;

    z-index: 2;

}

    p {

    font-size: 15px;

}

    .academy-cta {

    padding-left: 12px;

    padding-right: 12px;

}

    .timeline-step {

    flex: 1 1 100%;

    max-width: 100%;

}

    .timeline-step {

        margin-bottom: 0rem;  }

    .navbar-expand-lg .navbar-collapse ul li a:hover {

    color: #b31b2b !important;

}

    .breadcrumb-ul ul li a {

    font-size: 11px;

    color: var(--theme-primarycolor);

}

    .inner-heading .heading-title1 {

    font-size: 18px;

    color: var(--theme-blackcolor);

    text-align: center;

}



    .inner-heading .heading-sub-title {

    font-size: 14px;

}

    .navbar-expand-lg .navbar-collapse ul li a {

    border-bottom: 1px solid #fff6f6;

}

    .navbar-expand-lg .navbar-collapse ul li:last-child a {

    border-bottom: none;

}

    .navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute;

    border-top: 2px solid #ab1524;

    padding-bottom: 10px;

    box-shadow: none;

}

    .dropdown-menu li {

        padding-left: 10px;

        padding-right: 10px;

    }

    .hero-slider .text60 {

    font-size: 25px;

}

    .hero-content {

    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

    height: auto;

}

    .vertical-tabs .nav-pills .nav-link

    {

                justify-content: flex-start;

    }

    .hero-content p {

    font-size: 16px;

        margin-bottom: 0;

}

    ul.dropdown-menu {

    top: 53px;

}

    .erp-service-content h4 {

    margin-bottom: 10px;

}

    .vertical-tabs {

        flex-direction: column;

        padding: 0;

    }

    .erp-service-content {

    padding: 20px 20px;

}

    .erp-services2 .erp-service-image {

    padding-left: 0;

    height: 100%;

}

    .navbar-nav .nav-link::before

    {

     display: none;

    }

    .navbar-nav {

    height: 100vh;

}

    .hero-heading {

    text-align: center;

    margin-bottom: 40px;

}

    .hero-section .hero-slider {

    margin-bottom: 0;

}

    .hero-section.relative {

    padding-bottom: 0;

}

    .navbar-nav li a {

    color: #282828 ! IMPORTANT;

    padding-bottom: 12px;

    padding-top: 12px;

}

    .navbar-nav {

    height: 100vh;

}

    .navbar-collapse {

    border-top: 1px solid #ebebeb;

    margin-top: 10px;

}

    .card.card-img {

    display: none;

}

    .how-work .step-box.magenta::after {

    top: -38px;

    width: 15px;

    height: 15px;

}

    .how-work .step-item {

    text-align: center;

    position: relative;

    z-index: 1;

    margin-bottom: 20px;

}

    .how-work .step-line {

    display: none;

}

    .mobile-cta .d-flex {

    display: block !important;

}

    .mobile-cta .d-flex a.theme-btn {

    width: fit-content;



}

    .erp-contents .theme-btn {
        padding: 10px 40px;
        padding-left: 14px;

}

    .mobile-cta .d-flex h3 {

    margin-bottom: 20px !important;

}

    .career-btn {

    display: flex

;

    align-items: center;

    gap: 30px;

    justify-content: center;

}

    .vyntra-content {

    position: absolute;

    z-index: 5;

    bottom: -20%;

    left: 0;

    padding: 20px;

    transition: all 0.5s ease-in-out;

}

    .vyntra-title br {

    display: none;

}

    .flip-box-back .vyntra-card h4 {

    height: 20px;

}

    .academy-suite .card h5 {

    font-size: 16px;

}

    .service-content p {

    min-height: auto;

}

    .hero-section.relative {

    padding: 30px 10px;

}

    .hero-content a.theme-btn {

    margin-top: 20px;

    }





    .pb60 {

        padding-bottom: 30px;

    }

    .pt60 {

        padding-top: 30px;

    }

    .ptb60 {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .text60{

        font-size: 40px;

    }

    .heading-title{

        font-size: 24px;

    }

    .erp-contents p {

    font-size: 15px;

}

    .career-jobhead h4 {

    font-size: 16px;

}



  

    .academy-cta a.theme-btn {

    border-color: #fff;

    color: #fff;

    width: fit-content;

    font-size: 13px;

}

    .academy.ptb60.pb-5.inner-heading h3 {

    text-align: center;

    font-size: 18px;

}

    .academy-s .heading-sub-title {

    font-weight: 300;

    font-size: 14px;

}

    .slider button {

    display: none !important;

}

    .academy-s .enterprise-card p {

    min-height: auto;

}

    .academy-s .enterprise-card {

    min-height: auto;

}

    .career-job-published span {

    font-size: 14px;

    color: var(--theme-paracolor);

    margin-top: 10px;

    display: inline-block;

}

    .contact-details.pt60 .col-lg-4.col-md-4 {

    margin-bottom: 25px;

}

    .slider1 .card

    {

        margin-right: 0;



    }

    .breadcrumb-section {

    position: relative;

    padding: 17px 0;

    background: var(--theme-lightcolor);

    z-index: 5;

}

    .breadcrumb-head h1 {

    text-align: left;

    font-size: 18px;

    color: var(--theme-primarycolor);

    font-weight: var(--theme-bold);

        margin-bottom: 6px;

}

    .slider .card

    {

        margin-right: 0;



    }

    .scroll-b.ps-2.pe-2 {

    margin-bottom: 20px;

}

    .contact-form-design {

    background: var(--theme-whitecolor);

    padding: 20px;

    box-shadow: var(--theme-shadow);

    height: 100%;

    border-radius: var(--theme-mediumradius) 0 0 var(--theme-mediumradius);

}

    .contact-form-design h3 {

    color: var(--theme-primarycolor);

    font-weight: var(--theme-bold);

    font-size: 20px;

}

/*

    .theme-btn {

    background: transparent;

    color: var(--theme-primarycolor);

    text-align: left;

    padding: 10px 15px;

    border-radius: 60px;

    font-size: 16px;

    font-family: var(--theme-mainhead);

    display: inline-block;

    width: 125px;

    transition: var(--theme-transition);

    position: relative;

    border: 1px solid var(--theme-primarycolor);

}

*/

    .hero-section{

        height: 100%;

    }

    .vyntra-top {

    height: auto;

}

    .vyntra-points {

    min-height: auto;

}

    .service-card{

        margin: 0;

    }

    .vision-card .vision-head h4 {

    transition: var(--theme-transition);

    color: var(--theme-primarycolor);

    font-size: 18px;

}

    .blog-content p {

    margin: 10px 0;

    font-size: 14px;

}

    .vyntra-points p {

    font-size: 15px;

}

    .vyntracard3 {

   min-height: 340px;

}

    .back-g h4

    {

        font-size: 24px;

    }

    .home-service p {

   font-size: 15px;

}

    .logo-img {

    width: 40px;

}

    .vyntra-head {

    min-height: auto;

}

    .vyntracard4

    {

      min-height: 340px;

    }

    .vision-para .mt20 {

    margin-top: 10px;

    font-size: 14px;

}

    .vyntra-pro.pb60 {

    padding-top: 40px;

}

    .vyntra-pro.pb60 .row.pt30 {

    padding-top: 0;

}

    .service-slider .slick-prev{

        left: 0;

    }

    .service-slider .slick-next{

        right: 0;

    }

}
@media (max-width: 480px)
{
     .academy-cta .d-flex.justify-content-center.gap-3 {

    flex-direction: column;

}    
}





@media screen and (min-width: 992px) {

  .navbar {

    padding: 0;

    line-height: 3rem;

    .dropdown-menu {

      line-height: initial;

    }

  }



  .dropdown {

    .dropdown-menu {

      display: none;

    }

  }

/*

  .dropdown,

  .dropend {

    &:hover {

      & > .dropdown-menu {

        display: block;

      }

    }

  }

*/

  .dropdown {

    &:hover {

      & > .dropdown-menu {

        margin-top: -0.5rem;

      }

    }

  }

  .dropend {

    &:hover {

      & > .dropdown-menu {

        position: absolute;

/*        top: -0.5rem;*/

        left: 0%;

        margin-left: 0;

      }

    }

  }

}