/* ================================================ MAX WIDTH ===================================================== */  
@media (min-width:1400px){
    .common-banner .main-htxt {font-size: 55px;}
    .common-banner .fs-18 {font-size: 19px;}
}
@media (max-width:1199px) {
    .header-logo {width: 200px;}
}
@media (min-width:992px){
    .main-header .nav-subitem {
        position: absolute;
        background: var(--white);
        z-index: 1024;
        padding: 8px 0px;
        min-width: 200px;
        box-shadow: 0 0 15px #cccccc57;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px); 
        transition: opacity 0.3s ease, transform 0.5s ease; 
        border-radius: 6px;
        top:58px;
    }
    .main-header .nav-item.submenu:hover .nav-subitem {opacity: 1;visibility: visible;transform: translateY(0); }
    .main-header .nav-subitem li {display: block;border-bottom: 1px dashed #f1f1f1;padding: 5px 15px;}
    .main-header .nav-subitem li a {color: var(--blue);font-size: 15px;text-decoration: none;}
    .main-header .nav-subitem li:last-child {border-bottom: none;}
    .main-header .nav-subitem li a:hover {text-decoration: underline;}
    .fs-18 {font-size: 18px;}
    .testimonial-slider .owl-carousel .owl-nav { margin-top: 0; position: absolute; bottom: 26%; right: 4%;}
    .main-header .nav-link {font-size: 15px;text-align: center;}
    .main-header .offcanvas .toggle-dropdown {color: var(--white);}
    .solutions-wrapper .row:nth-child(even) { flex-direction: row-reverse;}
    .solutions-wrapper .row:nth-child(even) .pd-cus { padding-right: 1.5rem;}
    .solutions-wrapper .row:nth-child(odd) .pd-cus { padding-left: 1.5rem;}
    .main-header .nav-btn {background: var(--blue);border-radius: 8px;}
    .industry-img-content .w-l-75{width: 75%;}
}
@media (max-width:991px){
    .main-header .offcanvas-header .close, .main-header .res-sidebar-btn { font-size: 28px; border: none; background: none; color: var(--white); }
    .main-header .offcanvas .nav-link, .main-header .offcanvas .toggle-dropdown { padding: 13px 14px; color: #fff; justify-content: space-between;}
    .main-header .offcanvas { background: var(--blue); overflow-y: auto; }
    .main-header .navbar .nav-item {border-bottom: 1px solid #ffffff2b;}
    .main-header .navbar .submenu .nav-link {width: 100%;}
    .main-header .nav-subitem, .main-header .offcanvas .nav-link:hover, .main-header .nav-link.active, .main-header .offcanvas .toggle-dropdown:hover {background: #F6FAFF; color: var(--blue)!important;text-decoration: none;}
    .main-header .nav-subitem li {border: none;padding: 4px 24px;}
    .main-header .nav-subitem li a {font-size: 15px;color: var(--blue);text-decoration: none;}    
    .main-header .nav-subitem li a:hover {text-decoration: underline;}
    .main-header .nav-subitem {
        position: relative; 
        z-index: 1024;
        padding: 0; 
        min-width: 250px;
        box-shadow: 0 0 4px #cccccc57;
        opacity: 0;
        visibility: hidden;
        max-height: 0; 
        overflow: hidden; 
        transition: opacity 0.6s ease, max-height 0.6s ease, padding 0.6s ease;
    }     
    .main-header .nav-subitem.visible {opacity: 1;visibility: visible;max-height: 500px; padding: 6px 0;}
    .tech-floating-badge {left: 5px;}   
    .industry-img-content .w-l-75{width: 100%;}
    .homepage .banner-img {min-height: 790px;}
    .marquee-track {height: 54px;}
}       
@media (max-width: 768px){
    .homepage .banner-img {min-height: 720px;}
    .marquee-track {height: 55px;}
}
@media(max-width:679px){
    .homepage .banner-img {min-height: 790px;}  
}
@media(max-width:575px){
    .btn-white, .btn-white-outline, .btn-grey-outline {font-size: 14px;}
}
@media(max-width:450px){
    .homepage .banner-img {min-height: 910px;}
    .marquee-track {height: 55px;}
    .homepage .home-banner-content {
        top: 47%;
    }
}