/* ============ desktop view ============ */
@media all and (min-width: 1540px) {
    .industries-container {
        max-width: 90%;
    }
}
@media all and (min-width: 1200px) {

    header .navbar .has-megamenu {
        position: static;
        display: flex;
        align-items: center;
        position: relative;
    } 
    header .navbar .has-megamenu:hover .megamenu{
        display: block;
        top: 100%;

    }
    header .navbar .has-megamenu .megamenu.sub_menu {
        width: 270px;
        padding: 20px 10px;
        border-radius: 10px;
    }

    header .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%; 
        border-radius: 0; 
    }   
    header .navbar-collapse {
        margin-top: 0;
    }
    header .navbar .has-megamenu:hover:after {
        content: "";
        width: 105px;
        height: 47px;
        background: transparent;
        position: absolute;
        top: 50px;
        margin-left: 21px;
    }
    .mobile-drop-icon {
        pointer-events: none;
    }
    .hero-banner-summary {
        min-height: Calc(100vh - 260px);
    }
    .product-benefits .custom-container { 
        padding: 70px 100px; 
    }
    .in-bn-rotate img {
        width: 1000px;
        rotate: -16deg;
        margin: -57px 0 0px 30px;
    }
    
} 
/* ============ desktop view .end// ============ */
@media (max-width: 1540px) {
    .mobile-drop-icon {
        margin: 8px 9px 0 -13px; 
    }
    .services .container {
        max-width: 1200px;
    }
    .hero-banner h1 {
        font-size: 70px;
        font-weight: 600;
        margin: 90px 0 40px;
    }
    .hero-banner p {
        font-size: 16px; 
        margin-bottom: 0px;
        line-height: 1.8;
    }
    .hero-banner h1 {
        font-size: 40px;
    }
    .detailing-product-tabs .nav-tabs .nav-item button,
    .detailing-product-tabs p  {
        font-size: 14px;
    } 
    .vision-mission,
    .about-us-prodcut {
        padding: 80px 0;
    }
    .ai-case-studies {
        padding: 30px 0 0;
    }
    .ai-services {
        padding: 50px 0; 
    }
    .ai-services h2 {
        margin-bottom: 50px;
    }
    .in-bn-rotate img {
        width: 740px;
    }
    header .navbar .nav-item .nav-link { 
        padding: 10px 14px;
        font-size: 15px; 
    }
}
 
 
@media (max-width: 1199.99px) {
    .in-bn-rotate img {
        width: 100%;
    }
    .service_item.mt_50 {
        margin-top: 0;
    }
    .mobile-drop-icon {
        margin: 6px 10px 0 6px; 
    }
}
@media (max-width: 1024px) {
    .primary-heading {
        font-size: 30px;
    }
    .secondary-heading {
        font-size: 28px;
    }
    header .navbar-collapse { 
        overflow: auto;
        max-height: Calc(100vh - 120px);
    }
    header .navbar .megamenu {
        padding: 25px 15px;;
    }
    header .img-megamenu ul li {
        padding: 0 10px;
    }
    header .services .container {
        max-width: 980px;
    }
    header .services p {
        font-size: 14px;
    }
    header .service-icon {
        width: 50px;
        height: 44px;
        margin-bottom: 15px;
    }
    header .service-title h3 { 
        font-size: 18px;
        font-weight: 500;
        min-height: 70px;
        line-height: 30px;
    }
    .hero-banner video {
        height: 100%;
        object-fit: cover;
    }
    .hero-banner:before {
        background-image: linear-gradient(180deg, #07172eb3 0%, #07172e8f 100%);
    }
    .hero-banner {
        background-position: left 60px;
        background-size: 100%;
    }
    .big-para { 
        font-size: 18px;
    }
    .inner-banner-white { 
        padding-top: 50px;
    }
    .industries-slider .owl-nav .owl-next {
        right: -20px;
    }
    .industries-slider .owl-nav .owl-prev {
        left: -20px;
    }
    .industries-slider .owl-carousel .owl-nav .owl-next, .industries-slider .owl-carousel .owl-nav .owl-prev { 
        background: #fff;
    }
    .entered-right,
    .entered-left {
        display: none;
    }
    .video-bg-content { 
        max-width: 650px; 
    }
    .video-bg-content h1 { 
        font-size: 70px;
        padding: 0 30px;
    }
    .ai-case-studies {
        padding: 50px 0 0;
    }
    .ai-services h2 {
        font-size: 40px;
        margin-bottom: 50px;
    }
    .ai-services {
        padding: 80px 0; 
    }
    .pv-card {
        padding: 3rem 1.5rem 0;
    }

}

@media (min-width:767.99px) and (max-width: 991.99px) {
    .swipe-product-area .container {
        max-width: 800px;
    }
}
@media (max-width: 991.99px) {
    .services { 
        padding: 50px 0;
    }
    .services .container {
        max-width: 720px;
    }
    .services-card {
        padding: 15px;
        margin-bottom: 15px;
    }
    .services-card a {
        display: none;
    }
    .service-title h3 {
        font-size: 16px; 
        min-height: auto;
        line-height: 26px;
    }
    .detailing-product-tabs .nav-tabs .nav-item button {
        padding: 12px 15px; 
        margin-bottom: 10px;
    }
    .detailing-product-tabs .nav-tabs {
        padding: 12px 12px 0; 
        margin-bottom: 20px;
    }
    .vision-mission .h-100 {
        height: auto !important;
    }
    .prodcut-solutions .card {
        padding: 1.5rem;
    }
    .prodcut-solutions .card img {
        max-width: 180px;
    }
    
    
} 
@media (max-width: 767.99px) {
    .secondary-heading {
        font-size: 26px;
    }
    .img-megamenu > ul {
        margin: 0 -15px;
    }
    .product-category img {
        aspect-ratio: 3 / 2;
    }
    .hero-banner:before {
        background-image: linear-gradient(180deg, #07172e47 0%, #07172e 100%);
    }
    .hero-banner video {
        height: 540px; 
        object-position: center;
    }
    .hero-banner h1 {
        font-size: 40px; 
    }
    .hero-banner p {
        font-size: 15px;
    }
    .hero-banner p br {
        display: none;
    }
    .carousel-container {
        padding-left: 15px;
    }
    .services .nav.nav-tabs .nav-link {
        width: 48.33%;
    }
    .service-icon {
        display: none;
    }

    .industries {
        padding: 50px 0;
    }
    .industries .nav-link { 
        padding: 11px 10px;
        margin-bottom: 5px;
    }

    .footer-bottom {
        margin-top: 30px;
    }


    .contact-us { 
        padding: 60px 0;
    }
    .contact--info-area {
        margin-right: 0;
    }
    .contact-form {
        padding: 30px;
    }

    .inner-banner {
        padding: 70px 0 30px;
    }
    .product-introduction {
        padding: 50px 0;
    }
    .product-benefits .custom-container {
        padding: 50px 30px;
    margin-bottom: 60px;
    }
    .product-industries {
        margin: 50px 0 0;
    }
    .product-resources {
        padding: 60px 0;
    }
    .vision-mission, .about-us-prodcut {
        padding: 50px 0;
    }
    .detailing-product-tabs .content-box h3 {
        font-size: 18px;
    }
    .welcome-platform .bg_info {
        padding: 2rem;
    }
    .welcome-badge h4 {
        font-size: 28px;
    }
    .welcome-badge {
        right: -27px;
        top: -50px;
        height: 180px;
        width: 200px;
    }
    .video-bg-content h1 {
        font-size: 40px; 
    } 
    .ai-case-studies {
        padding: 10px 0 0;
    }
    .ai-services h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .ai-services h2 br {
        display: none;
    }
    .ai-services {
        padding: 50px 0;
    }
    .product-v1 .welcome-platform .bg_info {
        padding: 3rem 1.5rem;
    }
    .product-v1 .welcome-platform h2 {
        font-size: 24px;
    }
    .product-v1 .welcome-platform p {
        font-size: 15px;
    }
    .faq .accordion-button {
        padding: 20px;
        font-size: 15px;
    }
    .pro-row-padd {
        padding-bottom: 50px;
    }
}
@media (max-width: 480px) {
    .welcome-badge h4 {
        font-size: 22px;
        margin-top: 43px;
    }
    .welcome-badge span {
        font-size: 16px;
    }
    .welcome-badge {
        right: -27px;
        top: -50px;
        height: 140px;
        width: 161px;
    }
    .welcome-platform { 
        padding: 60px 0;
    }
    .detailing-product-tabs-icon .nav-tabs .nav-item button svg {
        display: none;
    }
    .industries-slider  {
        padding: 50px 0 30px;
    }
    .about-us-prodcut .nav-tabs .nav-item  {
        width: 50%;
    }
}