@media screen and (max-width:1199px) {
    .container {
        padding: 0 15px;
    }

    .stickyHeader .header {
        padding: 0px;
    }

    .banner-text h1 {
        max-width: 40%;
    }

    .trackNeed h2 {
        max-width: 44%;
    }

    .navbar .menuhead {
        column-gap: 60px;
    }

    .excelsheet-image img {
        width: 100%;
    }

    .supercart {
        height: 620px;
    }

    .enterprice-text h2 {
        max-width: 86%;
    }

    .insights-text {
        height: 484px;
    }

    .managehub-text h2 {
        max-width: 73%;
    }

    .visualize-image {
        width: 50%;
    }

    .visualize-text {
        width: 50%;
    }

    .collaborate {
        padding: 30px 0px 84px 0px;
    }

    .footer-top {
        height: 415px;
    }

    .enterprice-text h3 {
        max-width: 64%;
    }

    .manage:nth-child(2) {
        top: 39px;
        left: 71%;
        transform: rotate(0deg);
        animation: none;
    }

    .manage:nth-child(3) {
        left: 64%;
        transform: rotate(0deg);
        animation: none;
    }

    .manage:nth-child(4) {
        top: 74px;
        left: 70%;
        transform: rotate(0deg);
        animation: none;
    }
}

@media screen and (max-width:1023px) {
    .stickyHeader {
        width: 687px;
    }

    .stickyHeader .logo img {
        width: 115px;
    }

    .navbar .menu li a {
        padding: 10px 10px 15px 10px;
    }

    .navbar .menuhead {
        column-gap: 15px;
    }

    .stickyHeader .navbar .menuhead {
        column-gap: 15px;
    }

    .stickyHeader .loginReg ul li:nth-child(1) a {
        padding: 0px 12px 0px 0px;
    }

    .stickyHeader .loginReg ul li:nth-child(2) a {
        padding: 0px 0px 0px 10px;
    }

    .stickyHeader .navbar ul li a {
        padding: 5px 5px 12px 5px;
    }

    .logo {
        padding: 10px 0px 5px 0px;
    }

    .navbar ul li a::after {
        left: 5px;
    }

    .navbar ul li a:hover::after {
        width: 85%;
    }

    .banner-text {
        background-image: url(../images/bg-tab.png);
    }

    .banner-text h1 {
        font-size: 40px;
        line-height: 50px;
        max-width: 45%;
    }

    .needtrackMain {
        padding: 32px 0px 0px 0px;
    }

    .trackNeed h2 {
        max-width: 50%;
        padding-bottom: 32px;
    }

    h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .supercart {
        background-image: url(../images/image-box\ \(1\).png);
        height: 510px;
    }

    .super-charge-text h2 {
        max-width: 46%;
    }

    .enterprice-text h2 {
        max-width: 100%;
    }

    .enterprice-text h3 {
        max-width: 81%;
    }

    .insightMain {
        padding: 0px 0px 0px 0px;
    }

    .insights-text {
        padding: 24px 0px;
    }

    .insights-text::after {
        bottom: 14%;
    }

    .insights-text h2 {
        max-width: 50%;
    }

    .insights-text {
        height: 364px;
    }

    .insights-text::after {
        bottom: 10%;
    }

    .asset-text {
        font-size: 40px;
    }

    .video-box::after {
        top: 40%;
        left: 43%;
        width: 120px;
        height: 120px;
    }

    .video-box {
        padding: 32px 0px 0px 0px;
    }

    .superchargeMain {
        padding: 32px 0px 0px 0px;
    }

    .excel-box {
        padding: 32px 0px 0px 0px;
        flex-wrap: wrap;
    }

    .excelsheet-text {
        width: 100%;
        text-align: center;
    }

    .excelsheet-text p {
        max-width: 100%;
        margin: 0 auto;
    }

    .excelsheet-image {
        width: 100%;
        text-align: center;
        padding-top: 32px;
    }

    .excelsheet-image img {
        width: 50%;
    }

    .contextMain {
        padding: 32px 0px;
    }

    .context-image img {
        width: 100%;
    }

    .managehubMain {
        padding: 32px 0px;
    }

    .manage-hub {
        flex-wrap: wrap;
    }

    .managehub-text {
        width: 100%;
        text-align: center;
    }

    .managehub-text h2 {
        max-width: 100%;
    }

    .managehub-image {
        width: 100%;
        text-align: center;
        margin-top: 32px;
    }

    .managehub-image img {
        width: 60%;
    }

    .visualizedataMain {
        padding: 32px 0px;
    }

    .visualize {
        flex-wrap: wrap;
    }

    .visualize-image {
        width: 100%;
        order: 2;
        text-align: center;
        margin-top: 32px;
    }

    .visualize-text {
        width: 100%;
        order: 1;
        text-align: center;
    }

    .visualize-text h2 {
        max-width: 100%;
    }

    .visualize-text p {
        max-width: 100%;
    }

    .footer-top {
        height: 320px;
    }

    .collaborate {
        padding: 0px 0px 0px 0px;
    }

    .collaborate h2 {
        max-width: 44%;
        padding-top: 8px;
    }

    .digital-hub {
        font-size: 16px;
        line-height: 20px;
        padding: 6px 0px 16px 0px;
    }

    .arrow:nth-child(2) {
        top: 40px;
        animation: none;
        left: 60%;
    }

    .arrow:nth-child(3) {
        bottom: -6px;
        right: 52%;
        animation: none;
    }

    .manage:nth-child(2) {
        left: 64%;
    }

    .manage:nth-child(3) {
        left: 61%;
    }

    .manage:nth-child(4) {
        left: 63%;
    }
}

@media screen and (max-width:767px) {
    .navbar {
        justify-content: flex-end;
        column-gap: 0px;
    }

    .stickyHeader {
        width: 310px;
    }

    .logo img {
        width: 115px;
    }

    .stickyHeader .navbar ul li a {
        padding:10px;
    }

    .navbar .menu li a {
        padding:10px;
        display: inline-block;
        width: 100%;
    }
    .navbar ul li a::after {
        display:none;
    }

    .navbar ul {
        display: block;
    }
    .navbar ul li a:hover {
        background-color: #EC4B4B;
        color: #605A57;
        border-radius:6px;
    }

    .loginReg li:nth-child(1) a {
        padding:10px;
    }

    .loginReg li:nth-child(2) a {
        padding:10px;
    }

    .loginReg li a {
        color: #605A57;
        font-weight: 400;
        width: 100%;
        display: inline-block;
    }

    .loginReg li a::after {
        display: block;
    }

    .loginReg li:nth-child(1) {
        border-right: none;
    }

    .stickyHeader .navbar {
        column-gap: 0px;
        display: block;
    }

    .navbar .menuhead {
        width: 250px;
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: #ffffff;
        text-align: left;
        height: 100%;
        display: none;
        box-shadow: 0px 0px 5px #ddd;
        z-index: 11111;
    }

    .navbar.open .menuhead {
        display: block;
    }

    .nav-btn {
        width: 20px;
        position: relative;
        display: block;
        background-color: transparent;
        transition: all 0.5s;
        top: 2px;
        right: 0px;
        cursor: pointer;
        z-index: 11111;
    }

    .nav-btn span {
        width: 20px;
        height: 2px;
        position: relative;
        background-color: #4A4340;
        display: inline-block;
        transition: all 0.5s;
    }

    .nav-btn::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0px;
        width: 20px;
        height: 2px;
        background-color: #4A4340;
    }

    .nav-btn::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0px;
        width: 20px;
        height: 2px;
        background-color: #4A4340;
        transition: all 0.5s;
    }

    .navbar.open .nav-btn::before {
        display: none;
    }

    .navbar.open .nav-btn::after {
        transform: rotate(-45deg);
        top: 5px;
        transition: all 0.5s;
    }

    .navbar.open .nav-btn span {
        transform: rotate(45deg);
        top: 5px;
        transition: all 0.5s;
    }

    .banner-text h1 {
        font-size: 24px;
        line-height: 30px;
        max-width: 60%;
        padding-bottom: 5px;
    }

    .banner-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-text {
        background-image: url(../images/bg-mobile-2.png);
        padding: 10px 0px;
        height: 263px;
    }

    .input-box {
        display: block;
        padding: 10px 0px 0px 0px;
    }

    .mailbox {
        width: 250px;
        height: 30px;
        font-size: 12px;
    }

    .mailbutton {
        height: 30px;
        font-size: 12px;
        margin-top: 10px;
    }

    .check-text {
        display: block;
        padding-top: 5px;
    }

    .check-box:nth-child(1) {
        margin-left: -48px;
    }

    .check-box p {
        font-size: 14px;
        line-height: 18px;
    }

    h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .trackNeed h2 {
        max-width: 75%;
        padding-bottom: 24px;
    }

    .supercart {
        background-image: url(../images/image-box\ \(3\).png);
        height: 220px;
    }

    .needtrackMain {
        padding: 24px 0px 24px 0px;
    }

    .slid-image img {
        width: 120px;
        height: 40px;
    }

    .needtrackMain {
        padding: 24px 0px 0px 0px;
    }

    .enterpriceMain {
        padding: 24px 0px;
    }

    .slider-a {
        padding: 24px 0px 0px 0px;
    }

    .insights-text h2 {
        max-width: 66%;
    }

    .insights-text {
        background-image: url(../images/mb-bg.png);
        height: 214px;
    }

    .insights-text::after {
        display: none;
    }

    .insights-text p {
        max-width: 95%;
    }

    .insights-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .asset-text {
        font-size: 30px;
        line-height: 38px;
    }

    .superchargeMain {
        padding: 24px 0px 0px 0px;
    }

    .super-charge-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .super-charge-text h2 {
        max-width: 70%;
    }

    .video-box::after {
        top: 40%;
        left: 43%;
        width: 65px;
        height: 65px;
    }

    .video-box {
        padding: 24px 0px;
    }

    .excel-box {
        padding: 24px 0px;
    }

    .excelsheet-text p {
        max-width: 100%;
    }

    .digital-hub {
        font-size: 14px;
    }

    .btn-action {
        width: 130px;
        height: 30px;
        font-size: 14px;
        line-height: 20px;
        padding: 5px 23px 5px 24px;
    }

    .excelsheet-image img {
        width: 70%;
    }

    .contextMain {
        padding: 24px 0px;
    }

    .context-image {
        margin-top: 24px;
    }

    .managehubMain {
        padding: 24px 0px;
    }

    .managehub-image img {
        width: 100%;
    }

    .visualizedataMain {
        padding: 24px 0px;
    }

    .visualize-image img {
        width: 100%;
    }

    .footerMain {
        padding: 24px 0px;
    }

    .collaborate h2 {
        max-width: 65%;
    }

    .footer-bottom {
        padding: 0px 0px 0px 0px;
    }

    .analytics {
        flex-wrap: wrap;
    }

    .analytic-data {
        width: 100%;
        text-align: center;
    }

    .credits {
        justify-content: center;
    }

    .analytic-links h3 {
        padding-top: 16px;
    }

    .analytic-data p {
        font-size: 16px;
        padding: 10px 0px;
    }

    h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .enterprice-text h3 {
        max-width: 100%;
    }

    @keyframes first {
        100% {
            top: 5%;
            left: 69%;
        }
    }

    @keyframes second {
        60% {
            top: 40%;
            right: 80%;
        }
    }

    @keyframes third {
        60% {
            top: 70%;
            right: 70%;
        }
    }

    @keyframes fourth {
        60% {
            top: 78%;
            left: 64%;
        }
    }

    .frame img {
        width: 100%;
    }

    .arrow:nth-child(2) {
        top: 33px;
    }

    .manage:nth-child(2) {
        left: 76%;
    }

    .manage:nth-child(3) {
        left: 66%;
    }

    .manage:nth-child(4) {
        left: 80%;
    }
}