@media (min-width: 992px) {
        .nav-item.dropdown .dropdown-menu {
            display: block;
            visibility: hidden;
            opacity: 0;
            transition: all 0.2s;
        }
        .nav-item.dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
        }
    }
    @media (max-width: 1399px) {
        .heading-4 {
            left: 164px;
        }
        .social-icon span {
            margin-left: 2px;
        }
        .offcanvas.offcanvas-end {
            height: 80%;
        }
        .progressbar {
            top: 330px;
        }
        .headingline9.it-services1 .heading-4 { 
            left: -94px;
        }
    }
    @media (max-width: 1199px) {
        .nav-item .nav-link {
            font-size: 14px;
            margin-right: 5px;
            padding: 8px 20px;
    }
    .dropdown-menu li {
        line-height: 1rem;
    }
    header .dropdown-menu .dropdown-item {
        padding: 7px 24px;
        font-size: 14px;
    }
    nav.navbar {
        padding: 10px 0;
    }
    header .navbar-nav .dropdown-menu {
        position: static;
        padding: 10px 0;
    }
    .btns {
        font-size: 14px;
        padding: 12px 18px;
    }
    .col-content {
        transform: rotate(270deg) translate(109px, -9px);
    }
    .number-row {
        transform: translate(-16px, -37px);
    }

    .outsourcing:first-child:before,.outsourcing:nth-child(2):before {
        top: 85px;
    }

    }
    @media (max-width: 991px) {
        .custom-row{
            display: grid;
            grid-template-columns: 2fr auto ;
        }
        .custom-col {
            width: 100%;
        }
        .side-right .progressbar {
            top: 300px;
            left: -25px;
        }
        .side-right .block:nth-child(3n-1) {
            transform: translateX(0px);
        }
        .side-right .block:nth-child(3n-0) {
            transform: translateX(0px);
        }
        .outsourcing-img img {
            border-radius: 10px;
            z-index: -1;
            margin-top: 45px;
        }   
        .number-row {
            transform: translate(0px, 0px);
        }
        video.heading-1, .heading-2{
            display: none;
        }
        .side-right {
            padding: 35px 0 0;
        }
        .line2, video, .headingline-1 {
            display: none;
        }
        ul.navbar-nav {
            /* align-items: start !important; */
            margin-top: 11px;
        }
        .slick-prev img {
            left: 0;
            top: 60%;
            width: 30px;
            z-index: 999;
            box-shadow: 5px 0px 14px 0px #bfbfbf;
            border-radius: 50px;
        }
        .slick-next  img {
            position: absolute;
            cursor: pointer;
            right: 0;
            top: 60%;
            width: 30px;
            z-index: 9;
            box-shadow: 5px 0px 14px 0px #bfbfbf;
            border-radius: 50px;
        }
        .project-complete .number-row {
            left: 0;   
        }
    }

    @media (max-width: 767px) {
        h1 ,h2{
            font-size: 25px;
        }
       
        .project-complete .number-row {
            width: 47%;
            top:35px;

        }
        .custom-row{
            display: grid;
            grid-template-columns: 1fr  ;
        }
        .custom-col {
            width: 100%;
        }
        .smarter .side-right {
            padding: 40px 0 0;
        }
        #about .side-right {
            padding: 0px 0 0;
        }
        .side-right .block:nth-child(3n-1) {
            transform: translateX(0px);
        }

        .side-right .block:nth-child(3n-0) {
            transform: translateX(0px);
        }
        .email-sub {
            width: 100%;
        }
        .number-row {
            width: 100%;
            display: grid !important;
            position: relative;
            padding: 20px;
        }
        
        .number-row .d-flex.align-items-center.text-start:first-child {
            margin-bottom: 20px;
        }
        .number {

            font-size: 32px;
        }
        .student-tra {
            width: auto;
        }
        .year-ex {
            width: auto;
        }
        .divi {
            display: none;
    }
    .home-grow .side-img img {
        height: auto;
    }
    .perfect-img div {
        width: 100%;
    }
    .perfect-img {
        display: grid !important;
    }
    .perfect-img img {
        width: auto;
    }
    /* .slick-arrow {
        display: none !important;
    } */
    .client h2:after{
        content: none;
    }
    .footer-btm ul {
        display: grid;
    }

    .about-us {
        padding-top: 0;
    }
    .solution {
        padding-top: 20px;
    }
    .hover-show-text {
        display: grid !important;
    }
    .w-50.text-end {
        text-align: start !important;
    }
    body .perfect-img div:nth-child(even) {
        top: 0;
    }
    .headingline-2.detail-page-heading{
        position: unset;
        display: none;
    }
    .headingline-2 svg{
        width: 0;
    }
    .offcanvas.offcanvas-end {
        top: 0;
        height: 100%;
        z-index: 9999;
    }
    .smarter {
        padding-top: 0;
    }
    }

    @media (max-width: 480px) {
        .side-right .progressbar {
         display: none;
        }
        .image-box{
           height: 250px;
        }
        .image-box:first-child{
           height: 250px;
        }
        .writing{
            font-size: 20px;
        }
        .col-content {
            transform: rotate(270deg) translate(166px, -3px);
        }
        .navbar-brand img {
            height: 60px;
        }
        .banner-home {
            padding: 5px 0 !important;
        }
        h2.cheading {
            font-size: 18px;
        }
        p{
            font-size: 14px;
        }
        .section-title{
            margin-bottom: 5px !important;
        }
        .section{
            padding-top: 20px;
            padding-bottom: 20px;
        }
    }