@media(min-width:992px) {
    .description-box {
        padding-left: 18px;
    }

    #header.sticky {
        box-shadow: 0 4px 20px hsl(223deg 23% 12% / 40%);
    }

    #header+.banner2-wrapper {
        margin-top: 95px;
    }

    #header.sticky+.banner2-wrapper {
        margin-top: 64px;
    }

    #header.sticky .nav-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #header.sticky .navbar-logo {
        padding: 8px 28px;
        width: 230px;
    }

    #header.sticky .navbar-logo::after {
        width: 245px;
        height: 64px;
    }

    #header.sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 62px;
    }

    #contact-form-model .modal-dialog {
        max-width: 1080px;
        width: 100%;
        padding: 24px;
    }
}

@media(min-width:768px) {
    .service2-content {
        padding: 54px 30px 59px 0;
    }
}

@media(max-width:1399px) {
    .service2-tabs .nav-link {
        font-size: 16px;
    }

    /* .banner2-wrapper .carousel-inner {
        min-height: 348px;
    } */
}

@media(max-width:1199px) and (min-width:992px) {
    .milestones-wrapper .counter-content p {
        font-size: 14px;
    }

    .milestones-wrapper .counter-content {
        padding: 24px 20px;
    }

    .milestones-wrapper .description-text {
        padding: 30px 205px 30px 30px;
    }
}

@media(max-width:1199px) {
    #header .navbar-logo {
        padding: 22px 30px;
        width: 240px;
    }

    #header .navbar-logo::after {
        width: 254PX;
    }

    #header .navbar {
        height: auto;
    }

    #header .nav-link {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .clients2-wrapper {
        padding-top: 95px;
    }

    /* .banner2-wrapper .carousel-inner */
    .banner2-wrapper .carousel-inner .textcontent-box {
        min-height: 275px;
    }


    .banner2-wrapper {
        min-height: 520px;
        height: calc(100vh - 260px);
        padding: 65px 0 28px;
    }

    .service2-wrapper .textcontent-box {
        padding: 20px;
        margin-bottom: 24px;
    }



    .milestones-wrapper .year-badges {
        width: 200px;
        height: 200px;
    }

    /* .milestones-wrapper .year-badges img {
        width: 176px;
        height: 176px;
        top: 13px;
        left: 13px;
    } */

    .milestones-wrapper .year-badges>div {
        width: 130px;
        height: 130px;
    }

    .milestones-wrapper .counter-content .number {
        font-size: 40px;
    }


}

@media(max-width:991px) {


    .banner2-wrapper .carousel-inner .textcontent-box {
        min-height: 275px;
    }

    #header .nav-link {
        padding: 8px 0;
    }

    #header .navbar,
    #header .navbar-logo::after {
        height: 90px;
    }

    #header.sticky .navbar,
    #header.sticky .navbar-logo::after {
        height: 65px;
    }

    #header.sticky .navbar-logo::after {
        clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    }

    #header.sticky .navbar-logo::after {
        width: 236PX;
    }

    #header.sticky .navbar-logo {
        padding: 8px 28px;
        width: 225px;
    }

    #header+section {
        margin-top: 91px;
    }

    .banner2-wrapper .carousel-inner {
        min-height: 280px;
    }

    .banner2-wrapper {
        padding: 48px 0 28px;
    }

    .banner2-wrapper {
        min-height: auto;
        height: auto;
    }

    .service2-content .accordion-item .list-serGrid {
        grid-gap: 16px;
        grid-template-columns: auto auto;
    }

    .service2-content::before {
        display: none;
    }

    .service2-content {
        padding: 0;
    }

    .service2-wrapper .accordion-button,
    .service2-wrapper .accordion-button:not(.collapsed) {

        font-size: calc(1rem + .4vw);
        padding: 16px 24px;
    }

    .service2-content .accordion-item {
        margin-bottom: 12px;
    }

    #contact-form-model .modal-dialog {
        padding: 8px;
    }

    .description-text {
        padding: 12px;
    }

    .description-text ul li:not(:last-of-type) {
        margin-bottom: 16px;
    }

    .description-text ul li p {
        margin-top: 4px;
    }

    .modal .form-control {
        height: 44px;
    }
}

@media (max-width: 767px) {
    .loader-wrapper .spaculus-logo {
        display: block;
        position: relative;
    }

    .clients2-wrapper {
        padding-top: 65px;
    }

    #header .navbar-logo {
        padding: 12px 15px;
        width: 220px;
    }

    #header+section {
        margin-top: 81px;
    }

    #header .navbar,
    #header .navbar-logo::after {
        height: 80px;
    }

    .banner2-wrapper .carousel-inner {
        min-height: auto;
        padding-bottom: 50px;
    }

    .service2-content .accordion-item .list-serGrid {
        grid-gap: 10px 16px;
        grid-template-columns: auto;
    }

    .service2-wrapper .textcontent-box {
        padding: 18px;

    }

    .textcontent-box p {
        line-height: 1.6;
    }

    .service2-wrapper .accordion-button,
    .service2-wrapper .accordion-button:not(.collapsed) {
        padding: 12px 16px;
    }

    .banner2-wrapper .carousel-indicators {
        top: auto;
        bottom: 0px;
        margin: 0;
        left: 0;
        right: 0;
    }

    .service2-content .accordion-button::after {
        font-size: 16px;
    }

    .service2-content .accordion-item {
        margin-bottom: 8px;
    }

    .clientsLogo2-slider .slick-slide {
        background-color: transparent;
    }

    .milestones-wrapper .year-badges>div {
        width: 100px;
        height: 100px;
        padding: 24px 24px 16px;
    }

    .milestones-wrapper .year-badges>div p,
    .milestones-wrapper .year-badges>div p span {
        font-size: 34px;
    }

    .milestones-wrapper .year-badges {
        width: 156px;
        height: 156px;

    }

    /* .milestones-wrapper .year-badges img {
        width: 134px;
        height: 134px;
        top: 13px;
        left: 13px;
    } */

    .milestones-wrapper .description-text {
        padding: 16px 158px 16px 16px;

    }

    .milestones-wrapper .counter-content {
        padding: 12px;
    }

    .milestones-wrapper .counter-content p {
        font-size: 14px;
    }

    .milestones-wrapper .img-content::before {

        width: calc(100% - 12px);
        height: calc(100% - 12px);
    }

    .milestones-wrapper .year-badges .circle-box {
        padding: 8px;
    }

    .milestones-wrapper .iso-badges {
        padding: 8px 12px;
    }

    .milestones-wrapper .flotting-img {
        max-width: 51px;
    }

    .description-text p {
        line-height: 1.6;
    }

    #contact-form-model .modal-body {
        padding: 38px 12px 12px;
    }

    .modal h2 {
        font-size: calc(1.325rem + .9vw);
        margin-bottom: 24px;
    }
}

@media (max-width: 575px) {



    /* .banner2-wrapper {
        height: calc(100vh - 318px);
    } */
    .service2-content .accordion-body {
        padding: 12px;
    }

    .service2-content .accordion-body {
        padding: 18px;
    }

    .service2-wrapper .textcontent-box {
        padding: 12px;
    }

    .service2-wrapper .accordion-button,
    .service2-wrapper .accordion-button:not(.collapsed) {
        padding: 12px 8px 12px 12px;
    }

    .textcontent-box p {
        font-size: 14px;
    }

    .clientsLogo2-slider .slick-slide {
        padding: 8px;
    }



    .milestones-wrapper .year-badges {
        width: 140px;
        height: 140px;
        top: 12px;
        position: relative;
        order: 1;
        transform: none;
        margin: 0 auto 34px;
    }

    .milestones-wrapper .year-badges>div {
        width: 90px;
        height: 90px;
        padding: 22px 16px 12px;
    }

    .milestones-wrapper .year-badges>div p,
    .milestones-wrapper .year-badges>div p span {
        font-size: 30px;
    }

    .milestones-wrapper .year-badges>div small {
        font-size: 16px;
    }

    .milestones-wrapper .description-text::before {
        /* width: 90%; */
        display: none;
    }

    .milestones-wrapper .description-text>p {
        padding: 12px;
        background-color: #181C26;
        order: 2;
    }

    .milestones-wrapper .description-text {
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
    }


}

@media (max-width: 424px) {

    .service2-wrapper .accordion-button,
    .service2-wrapper .accordion-button:not(.collapsed) {
        font-size: calc(1rem + .08vw);
    }
}

@media (max-width: 374px) {
    .clients2-wrapper {
        padding-top: 38px;
    }
}


@media(max-width:1599px) {
    .keyIndSolInLaptop-tab .laptop {
        width: 688px;
        margin-left: -60px;
        padding: 25px 60px 51px;
    }

    .keyIndSol-laptopSlider {
        width: 567px;
        height: 358px;
    }

    .keyIndSolInLaptop-slider .content {
        padding: 15px 66px 44px 22px;
    }
}

@media(max-width:1399px) {
    .keyIndSolInLaptop-tab .laptop {
        width: 678px;
        margin-left: -50px;
        padding: 26px 58px 51px;
    }

    .keyIndSol-laptopSlider {
        width: 560px;
        height: 353px;
    }

    .keyIndSolInLaptop-slider .content {
        padding-right: 30px;
    }
}

@media(max-width:1365px) {
    .keyIndSolInLaptop-tab .laptop {
        width: 593px;
        margin-left: -5px;
        margin-bottom: -32px;
        padding: 22px 50px 44px;
    }

    .keyIndSol-laptopSlider {
        width: 490px;
        height: 309px;
    }

    .keyIndSolInLaptop-slider .content {
        padding-top: 0;
    }
}

@media(max-width:1199px) {
    .keyIndSolInLaptop-slider .content h3 {
        font-size: calc(1.3rem + .6vw);
        margin-bottom: 16px;
    }

    .keyIndSolInLaptop-slider .content p {
        margin-bottom: 16px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-link {
        font-size: 14px;
        padding: 13px 5px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-link.active {
        padding-top: 25px;
        padding-bottom: 0;
    }

    .keyIndSolInLaptop-tab .laptop {
        width: 488px;
        margin-left: -20px;
        margin-bottom: -26px;
        padding: 18px 41px 36px;
    }

    .keyIndSol-laptopSlider {
        width: 403px;
        height: 254px;
    }
}

@media(max-width:991px) {
    .keyIndSolInLaptop-tab .nav-tabs {
        margin: -5px -5px 14px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-item {
        flex-grow: inherit;
        margin: 5px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-link,
    .keyIndSolInLaptop-tab .nav-tabs .nav-link.active {
        padding: 13px 14px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-link:before,
    .keyIndSolInLaptop-tab .nav-tabs .nav-link::after {
        display: none;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-link.active {
        background: #2B8BE9;
    }

    .keyIndSolInLaptop-tab .tab-pane {
        padding-top: 24px;
    }

    .keyIndSolInLaptop-tab .laptop {
        margin: 0 auto;
    }

    .keyIndSolInLaptop-slider .content {
        padding: 20px 30px 44px;
    }

    .keyIndSolInLaptop-slider .slick-arrow {
        left: 30px;
    }

    .keyIndSolInLaptop-slider .slick-next {
        left: 78px;
    }

}

@media(max-width:767px) {

    .keyIndSolInLaptop-tab .nav-tabs .nav-link,
    .keyIndSolInLaptop-tab .nav-tabs .nav-link.active {
        padding: 10px 14px;
    }

    .keyIndSolInLaptop-tab .tab-pane {
        padding-top: 20px;
    }

    .keyIndSolInLaptop-slider .content {
        padding: 20px 12px 30px;
    }

    .keyIndSolInLaptop-slider .slick-slide {
        margin: 0;
    }

    .keyIndSolInLaptop-slider .slick-arrow {
        width: 36px;
        height: 36px;
        left: 12px;
    }

    .keyIndSolInLaptop-slider .slick-next {
        left: 52px;
    }

    .keyIndSolInLaptop-slider .content h3 {
        margin-bottom: 12px;
    }

    .keyIndSolInLaptop-slider .content p {
        line-height: 1.5;
        margin-bottom: 16px;
    }

}

@media(max-width:565px) {

    /* .keyIndSolInLaptop-slider .content {
        padding: 20px 12px 30px;
    } */
    .keyIndSolInLaptop-tab .laptop {
        width: 400px;
        padding: 15px 34px 29px;
    }

    .keyIndSol-laptopSlider {
        width: 330px;
        height: 208px;
    }
}

@media (max-width: 424px) {

    .keyIndSolInLaptop-tab .nav-tabs .nav-link,
    .keyIndSolInLaptop-tab .nav-tabs .nav-link.active {
        padding: 10px 10px;
    }

    .keyIndSolInLaptop-tab .laptop {
        width: 336px;
        padding: 12px 29px 25px;
    }

    .keyIndSol-laptopSlider {
        width: 277px;
        height: 175px;
    }
}

@media (max-width: 359px) {
    .keyIndSolInLaptop-tab .nav-tabs {
        flex-wrap: wrap;
        margin: -3px -3px 14px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-item {
        margin: 3px;
    }

    .keyIndSolInLaptop-tab .nav-tabs .nav-link,
    .keyIndSolInLaptop-tab .nav-tabs .nav-link.active {
        font-size: 12px;
        padding: 10px 7px;
    }

    .keyIndSolInLaptop-tab .laptop {
        width: 288px;
        padding: 11px 25px 21px;
    }

    .keyIndSol-laptopSlider {
        width: 238px;
        height: 150px;
    }
}



/* blog page media */

@media (max-width: 1365px) {
    .bannerInner-wrapper.bannerInnerblog-wrapper {
        height: 225px;
    }
}

@media (max-width: 1199px) {
    .blogSide-tab .nav-tabs .nav-item {
        padding-right: 12px;
        margin-right: 12px;
    }

    .blogInner-wrapper .blogSideN-block .blogInner-block .ratio {
        margin-right: 16px;
    }

    .blogInner-wrapper .blogSideN-block h4 {
        font-size: 16px;
    }

    .blog-description h3,
    .blog-block h3 {
        font-size: calc(1.275rem + .3vw);
    }

    .expert-Nwork-box h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    .blog-description .breadcrumb li {
        font-size: 12px;
    }

    .blog-description .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 12px;
        font-size: 14px;
    }

    .blog-description .breadcrumb li i {
        margin-right: 8px;
        font-size: 14px;
    }

    .blog-description .breadcrumb {
        margin-bottom: 12px;
    }

    .expert-Nwork-slider .slide .expert-Nwork-box .img-box,
    .expert-Nwork-slider .slide:nth-child(even) .expert-Nwork-box:nth-of-type(1) .img-box {
        max-width: 180px;
    }

    .expert-Nwork-slider .slide .expert-Nwork-box:nth-of-type(1) .img-box,
    .expert-Nwork-slider .slide:nth-child(even) .expert-Nwork-box:nth-of-type(2) .img-box {
        max-width: 150px;
    }
}

@media (max-width: 991px) {
    .category-list li:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .expert-Nwork-slider .slide .expert-Nwork-box .img-box,
    .expert-Nwork-slider .slide:nth-child(even) .expert-Nwork-box:nth-of-type(1) .img-box {
        max-width: 150px;
    }

    .expert-Nwork-slider .slide .expert-Nwork-box:nth-of-type(1) .img-box,
    .expert-Nwork-slider .slide:nth-child(even) .expert-Nwork-box:nth-of-type(2) .img-box {
        max-width: 120px;
    }

    .expert-Nwork-box h3 {
        font-size: calc(1rem + .28vw);
        margin-bottom: 8px;

    }

    .expert-Nwork-slider .slide .expert-Nwork-box .img-box {
        margin-right: 12px;
    }

    .expert-Nwork-slider .slide.slick-slide {
        margin-right: 16px;
    }
}

@media (max-width: 767px) {


    .bannerInner-wrapper.bannerInnerblog-wrapper .bannerInner-content h1 {
        margin-bottom: 24px;
    }

    .blog-nav {
        padding-top: 16px;
    }

    .blogLeft-wrapper .caseStudy-tab .nav-link {
        font-size: 16px;
        padding: 8px 12px;
    }

    .main-box .blog-description .breadcrumb {
        margin-top: 12px;
    }

    .blog-description .breadcrumb li {
        font-size: 12px;
    }

    .blog-description .breadcrumb-item+.breadcrumb-item {
        padding-left: 12px;
    }

    .blog-description .breadcrumb li i {
        margin-right: 8px;
        font-size: 14px;
    }

    .blog-description .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 12px;
        font-size: 14px;
    }

    .main-box .blog-description .breadcrumb {
        margin-top: 12px;
    }

    .category-title {
        font-size: 18px;
        line-height: 1.4;
    }

    .arrow-icon {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .category-header {
        padding-bottom: 8px;
        margin-bottom: 12px;
    }

    .listing-blog .img-box {
        max-width: 100%;
        margin-left: 0px;
        margin-bottom: 12px;
    }

    .blog-description h3,
    .blog-description p {
        margin-bottom: 8px;
    }

    .btn-alink {
        font-size: 14px;
    }

    .expert-Nwork-wrapper .btn-default {
        padding: 6px 12px;
    }

    .ai-blog-wrapper .blog-block .cover {
        margin-bottom: 12px;
    }

    .blog-block p {
        margin-bottom: 12px;
    }

    .blog-description .breadcrumb {
        margin-bottom: 8px;
    }

    .blogInner-wrapper .blogSideN-block h4 {
        font-size: 14px;
    }

    .blogInner-wrapper .blogSideN-block .blogInner-block .ratio {
        margin-right: 12px;
    }

    .ai-blog-wrapper .section-title,
    .expert-Nwork-wrapper .section-title {
        font-size: 30px
    }
}

@media (max-width: 575px) {
    .blog-nav {
        display: grid;

    }

    .blog-nav li:not(:last-of-type) {
        margin-bottom: 18px;
    }

    .blog-nav li>div {
        justify-content: center;
    }

    .blog-nav li.breadcrumb-item+.breadcrumb-item::before {
        display: none;
    }

    .bannerInner-wrapper.bannerInnerblog-wrapper .bannerInner-content p {
        margin: 0;
    }

    .blog-nav li.breadcrumb-item+.breadcrumb-item {
        padding-left: 0;
    }

    .category-list li:not(:last-of-type) {
        margin-bottom: 12px;
    }

    .category-list {
        display: inline-block;
        grid-template-rows: none;
    }
}

@media (max-width:374px) {
    .blog-description .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 8px;
    }

    .blog-description .breadcrumb-item+.breadcrumb-item {
        padding-left: 8px;
    }

    .expert-Nwork-slider .slide .expert-Nwork-box .img-box,
    .expert-Nwork-slider .slide:nth-child(even) .expert-Nwork-box:nth-of-type(1) .img-box {
        max-width: 120px;
    }

    .expert-Nwork-slider .slide .expert-Nwork-box:nth-of-type(1) .img-box,
    .expert-Nwork-slider .slide:nth-child(even) .expert-Nwork-box:nth-of-type(2) .img-box {
        max-width: 100px;
    }

    .ai-blog-wrapper .section-title,
    .expert-Nwork-wrapper .section-title {
        font-size: 24px
    }
}


@media (max-width:1599px) {
    .testimonial2-slider {
        max-width: 92%;
    }

    .testimonial2-slider .slick-prev {
        left: -24px;
    }

    .testimonial2-slider .slick-next {
        right: -24px;
    }
}

@media (max-width:767px) {
    .testimonial2-slider {
        max-width: 90%;
    }

    .testimonial2-slider .slick-prev {
        left: -16px;
    }

    .testimonial2-slider .slick-next {
        right: -16px;
    }

    .testimonial2-slider .single-testimonial {
        padding: 16px;
    }

    .testimonial2-slider .slick-arrow {
        width: 26px;
        height: 26px;
    }

    .testimonial2-slider .slick-arrow::before {
        font-size: 14px;
    }
}