@media only screen and (max-width: 1800px) { }
@media only screen and (max-width: 1680px) { 

}
@media only screen and (max-width: 1570px) { 
    .wrap-inner { max-width: 1280px;}
}
@media only screen and (max-width: 1440px) { 

}
@media only screen and (max-width: 1439px) { 

}
@media only screen and (max-width: 1366px) { 
    
}
@media only screen and (max-width: 1365px) { 
    .serviceCapabilities { background-image: none;}
}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1279px) { 
    .header .menu-toggle { display: block;}
    .header .logo { z-index: 1111;}

    .nav.active { scroll-behavior: auto; overscroll-behavior: none; scrollbar-width: none; -ms-overflow-style: none;}
    .nav.active::-webkit-scrollbar { display: none; }

    :not(.nav.active) .logo { background-color: transparent; transition: all .2s ease;} 
    :has(.nav.active) .logo { background-color: #fff; width: 330px; padding: 10px 0 0 20px; margin: -10px 0 0 -25px; transition: all .2s ease; }
    :has(.nav.active) .header { position: fixed; z-index: 9999; height: 74px;}
    /* :not(.mainManu.open) > .submenu { display: none;}
    :has(.mainManu.open) > .submenu { display: block;} */
    @supports (-webkit-touch-callout: none) {
        :not(.mainManu.open) > .submenu { display: none;}
        :has(.mainManu.open) > .submenu { display: block;}
    }

    .nav { position: fixed; top: 0; left: -360px; width: 340px; height: 100vh; background: #fff; box-shadow: 3px 0 10px rgba(0, 0, 0, 0.15); flex-direction: column; justify-content: flex-start; padding-top: 70px; overflow-y: auto; transition: all 0.4s ease; z-index: 1000;}
    .nav.active { left: 0;}
    .nav-links {flex-direction: column;gap: 0;padding: 0;}
    .nav-links li {width: 100%;}
    .nav-links a {display: block;padding: 12px 20px;border-bottom: 1px solid #eee;}
    .submenu {display: none;position: static;box-shadow: none;padding-left: 0;background: #fafafa;}
    .submenu.active {display: block;}
    .mainManu::after {content: "+";float: right;font-size: 18px;transition: transform 0.3s ease; position: absolute; right: 20px;}
    .mainManu.open::after {content: "−";}
    .nav-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 999;}
    .nav-overlay.active {opacity: 1;visibility: visible;}

    .header .submenu label { width: auto; margin-left: 20px; margin-top: 20px;}
    .header .submenu { width: 100%; padding-top: 0 !important;}
    .header .submenu .menuBox { width: 100% !important; padding: 0 !important; background-color: transparent !important; float: left; display: block;}
    .header .submenu .imagesBox { display: none;}
    .submenu ul li { border: 0 none;}
    .header .servicesMenu .submenu .servicesBox ul { width: 100%;}
    .header .servicesMenu .submenu .servicesBox ul li { width: 100%;}
    .header .servicesMenu .submenu .zohoBox ul li a span { display: none;}
    .header .servicesMenu .submenu .zohoBox label,
    .header .servicesMenu .submenu .zohoBox ul li a { color: var(--primary-color);}
    .header .industriesMenu .submenu .menuBox ul li { width: 100%;}
    .header .productsMenu .submenu .menuBox { display: none;}
    .header .productsMenu .submenu .menuBox.productsLink { display: block;}
    .header .productsMenu .submenu .menuBox a { font-size: var(--Font-size-16); font-family: var(--font-family); font-weight: 500; display: block; margin-bottom: 10px;}
    .header .companyMenu .submenu .menuBox.certifiedBox,
    .header .companyMenu .submenu .succeedBox { display: none;}
    .nav-links li.menu-item-btn { padding: 20px;}

    /* .menu-item:hover > .submenu { display: none !important;} */
    .header .nav .nav-links .menu-item { flex-wrap: wrap;}
    .header .nav .nav-links .menu-item .topMenuItem,
    .header .nav .nav-links .menu-item .mainManu { font-size: var(--Font-size-16); padding: 15px 20px; width: 100%;}
    .header .submenu .menuBox ul li { padding: 0 !important; margin: 0 !important;}
    .header .submenu .menuBox ul li a { font-size: var(--Font-size-16); color: var(--primary-color) !important;}
    .header .submenu .menuBox ul li a:hover { color: var(--secondary-color) !important;}
    .header .nav .nav-links { gap: 0;}

    .homeCounter .titleBox { width: 100%; margin-bottom: 40px;}
    .homeCounter ul { width: 100%;}

    .homeTestimonials ul li { width: calc(50% - 15px);}
    /* .homeTestimonials ul li:last-child { display: none;} */
    .header { opacity: 1;}
    .header .menu-toggle { color: var(--secondary-color);}
    .header .nav .nav-links .menu-item-icon { justify-content: center; padding: 15px 0;}
    .header .nav .nav-links .menu-item .topMenuItem {color: var(--primary-color);}


    .wrap-inner { max-width: 960px;}
    .homeApproach { background-size: 40%;}
    .footerTop { background-size: 50%;}
}
@media only screen and (max-width: 1170px) { 
}
@media only screen and (max-width: 1024px) { 

    h2 { font-size: var(--Font-size-36);}
}
@media only screen and (max-width: 1023px) { 

}
@media only screen and (max-width: 999px)  { }
@media only screen and (max-width: 960px)  { 
    .wrap-inner { max-width: 800px;}

    .homeBanner .cntBox h1 { font-size: var(--Font-size-42);}
    .homeBanner .cntBox { max-width: 768px;}
}
@media only screen and (max-width: 959px)  {
    .twoColBoxA { flex-direction: column-reverse;}
    .homeWhoWeAre .twoBox { width: 100%; border-right: 0 none;}
    .homeWhoWeAre .titleblock { display: none;}
    .homeWhoWeAre .cntblock { padding: 0em 3em 3em 3em;}
    .homeWhoWeAre .imgblock {border-top: 1px solid #BEBEBE; border-bottom: 0 none;}
    .homeWhoWeAre .imgblock img { width: 100%;}
    .homeWhoWeAre .txtblock {padding: 0 3em 2em 3em; text-align: center; justify-content: center; }

    .smallService li { width: 100%;}
    .smallService li:nth-child(2n+1) { border-right: 0 none;}
    .smallService li:nth-last-child(-n+2) {border-bottom: 1px solid #BEBEBE;}
    .smallService li:last-child { border-bottom: 0 none;}

    .homeApproach { background-image: none; padding-bottom: 0;}

    .twoColBox .colTwo { width: 100%; position: relative; top: 0;}
    .twoColBox .imgBox img.fixed { height: auto;}


    .getInTouchBox .contactUs, .getInTouchBox .formBox { width: 100%;}
    .footerTop { background-size: 100%;}

    .servicesWhy .twoBox { width: 100%; border-right: 0 none;}
    .servicesWhy .titleblock { border-bottom: 0 none;}
    .servicesWhy .cntblock { padding: 0em 3em 3em 3em;}
    .servicesWhy .imgblock {border-top: 0 none; border-bottom: 0 none; padding:  0em 3em 3em 3em;}
    .servicesWhy .imgblock img { width: 100%;}
    .servicesWhy .txtblock {padding: 0 3em 2em 3em; text-align: center; justify-content: center; }

    .popupContent.letsTalkPopup { background: #fff; padding: 25px; width: 400px; max-height: 90%; border-radius: 10px; overflow-y: scroll; position: relative;}
    .letsTalkPopup .letsTalkImg { display: none;}
    .letsTalkPopup .letsTalkForm { width:auto; background-color:#fff; padding: 0;}

}
@media only screen and (max-width: 839px)  { 
    
}
@media only screen and (max-width: 768px)  {
    .wrap-inner { max-width: 640px;}
 }
@media only screen and (max-width: 767px)  { 
    
}
@media only screen and (max-width: 640px)  {  
}
@media only screen and (max-width: 639px)  { 

    h1 { font-size: var(--Font-size-34);}
    h2 {font-size: var(--Font-size-32); font-weight: 700;}

    .homeBanner .cntBox h1 { font-size: var(--Font-size-32);}
    .homeWhoWeAre .cntblock { padding: 0em 2em 2em 2em;}
    .homeWhoWeAre .txtblock { padding: 0 1em 2em 1em;}

    .smallService li { padding: 1em 2em;}

    .approachList li div.counBox { width: 90px; padding: 0 30px 0 0;}
    .approachList li div.cntBox { width: calc(100% - 90px); padding: 0 0 0 30px;}
    .approachList li::after { left: 75px;}
    .approachList li::before { left: 85px;}

    .cForm li.col2 { width: 100%;}

    .getInTouchBox .formBox { padding: 30px;}

    .servicesWhy .titleblock { padding: 3em 1em 2em 1em;}
    .servicesWhy .cntblock { padding: 0em 1em 1em 1em;}
    .servicesWhy .txtblock { padding: 0 1em 2em 1em; font-size: var(--Font-size-24);}
    .servicesWhy .imgblock { padding: 0 1em 2em 1em;}

}
@media only screen and (max-width: 599px)  { }
@media only screen and (max-width: 480px)  { 
  

}
@media only screen and (max-width: 479px)  {
   
 }
@media only screen and (max-width: 440px)  { 

    h2 {font-size: var(--Font-size-30);}
    .footerTop {padding-top: 00px !important;}
    .getInTouchBox { gap: 40px;}
    .getInTouchBox .formBox { padding: 40px 10px 20px 10px;}
    .getInTouchBox .contactUs { padding: 40px 10px 0px 10px;}
    .getInTouchBox .formBox h3 { text-align: center;}

    .boxSpace { padding: 60px 0;}
    .boxSpaceT { padding: 60px 0 0 0;}
    .boxSpaceB { padding:0 0 60px 0;}

    .homeWhoWeAre .cntblock { padding: 0em 1.1em 2em 1.1em;}
    .smallService li { padding:1.1em;}
}
@media only screen and (max-width: 428px)  { }
@media only screen and (max-width: 414px)  { }
@media only screen and (max-width: 410px)  { 
    h2 {font-size: var(--Font-size-26);}
}
@media only screen and (max-width: 380px)  {
    .header .logo,
    :has(.nav.active) .logo { width: 272px;}
    .nav { width: 310px;}
}
@media only screen and (max-width: 360px)  { }
@media only screen and (max-width: 320px)  { }