
@media (min-width:768px) {
    .featuresSection .tab-content .tab-pane.active.show .card {
        animation: .1s .1s both fadeInUp
    }

    .featuresSection .tab-content .tab-pane.active.show .ditailsBox {
        animation: .1s .1s both fadeInUp;
        min-height: 300px
    }

    .mainBanner h1 {
        font-size: 65px !important
    }

    .specialitySection ul {
        display: block !important;
        white-space: normal !important
    }

    .specialitySection ul li {
        display: block !important;
        max-width: 100% !important;
        margin: 0 0 20px !important
    }

    .industriesSection .card {
        padding: 0 !important;
        border: 0 !important;
        background: 0 0 !important
    }

    .industriesSection .card .img_box {
        margin: 0 !important;
        width: 100% !important;
        height: 350px !important;
        border-radius: 0 !important;
        overflow: hidden !important
    }

    .industriesSection .card .text_box {
        padding: 15px 25px 25px !important;
        background: #212121 !important;
        overflow: hidden !important;
        border-radius: 0 0 15px 15px !important;
        border: 1px solid #333 !important
    }

    .product_carousel .owl-item {
        display: flex;
        min-height: 600px;
        align-items: center
    }

    .product_carousel .owl-item .item {
        display: flex;
        flex-direction: row-reverse;
        max-width: 325px !important;
        margin: 0 !important
    }

    .product_carousel .owl-item .item .item_info {
        max-width: 0;
        transition: .1s;
        z-index: -9;
        max-height: 0
    }

    .product_carousel .owl-item.active.center .item {
        max-width: 600px !important;
        min-width: 600px !important
    }

    .product_carousel .owl-item.active.center .item .item_info {
        max-width: fit-content !important;
        max-height: fit-content !important;
        z-index: 99
    }

    .product_carousel .owl-item .item .item_info .sectionHeading {
        padding-right: 20px
    }

    .tradingProductSection .swiper .swiper-wrapper {
        height: 180px !important
    }

    .tradingProductSection .swiper h3 {
        font-size: 35px !important
    }

    .ai-chatbot-page .featuresSection ul.features-section-tab {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        width: fit-content;
        margin: 0 auto 25px
    }

    .ai-chatbot-page .featuresSection ul.features-section-tab li {
        display: inline-block;
        width: fit-content
    }

    .ai-chatbot-page .featuresSection ul.features-section-tab li a::after {
        display: none !important
    }
}

@media (min-width:992px) {
    .app-info .download-app-demo-new .item .qr_section {
        border: 0 !important
    }

    #home-page .section-2 .banner_img {
        width: 100% !important
    }

    .mainBanner .bannerSlider {
        position: absolute;
        top: 0;
        right: 0;
        width: 53%;
        height: fit-content;
        bottom: 0;
        margin: auto 0;
        padding-top: 30px
    }

    .we_engineerSection {
        overflow: hidden
    }

    .we_engineerSection .sectionImage {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%
    }

    .we_engineerSection .sectionImage img {
        height: 100% !important;
        max-width: fit-content !important
    }

    .courier-services .we_engineerSection .sectionImage {
        top: unset;
        bottom: 0;
        height: fit-content;
    }

    .courier-services .we_engineerSection .sectionImage img {
        max-width: 700px !important;
        height: fit-content !important;
    }
}

@media (min-width:1440px) {
    .product_carousel .owl-item .item {
        height: 542px
    }

    .product_carousel .owl-item .item .item_img img {
        min-width: 230px !important;
        width: 230px !important
    }

    .product_carousel .owl-item.active.center .item {
        min-height: fit-content !important;
        height: fit-content !important
    }
}