@media (max-width: 1920px) {
.bannerBtn a {
    padding: 10px 25px;
    font-size: 20px;
}
.bannerImage {
    position: absolute;
    width: 91%;
    top: 0;
    right: 0%;
    z-index: 9;
}
.floatImageOne {
    width: 30%;
    position: absolute;
    top: 40px;
    right: -20px;
}
.menuItems {
    justify-content: space-between;
}
.menuItems ul li a.nav-link {
    font-size: 17px;
    font-weight: 600;
    text-align: right;
}
.navbar-nav {
    padding-left: 15%;
}











}

@media (max-width: 1366px) {
    .navbar-nav {
        padding-left: 10%;
    }
    .bannerImage {
        width: 100%;
        top: 44px;
    }
    .badges ul li {
        width: 33%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media (max-width: 1280px) {
.bannerSection {
    height: auto;
}
.bannerImage {
    position: absolute;
    width: 100%;
    top: 36px;
    right: 0%;
    z-index: 9;
}
.navbar-nav {
    padding-left: 8%;
}
.officialLogo .navbar-brand img {
    width: 140px;
    margin-right: 10px;
}
.menuItems ul li a.nav-link {
    font-size: 16px;
    font-weight: 600;
}
.badges ul li {
    font-size: 16px;
    width: 33%;
}
.sectionTitle {
    padding: 20px 0px 20px;
}
.formTitle {
    padding: 40px !important;
}
.footerLogo .navbar-brand img {
    width: 100% !important;
    margin-right: 20px;
}












}





/* Tablet (up to 1024px): 3 per row */
@media (max-width: 1024px) {



 .navbar-nav {
    padding-left: 50px;
}
.officialLogo .navbar-brand img {
    width: 140px;
    margin-right: 10px;
}
.menuItems ul li a.nav-link {
    font-size: 14px;
    font-weight: 600;
}
.floatImageOne {
    width: 30%;
    top: 111px;
    right: -20px;
}
  .eachStep {
        flex: 1 1 calc(25% - 1rem);
    }
    .bannerText {
    margin: 40px 0;
}
  .bannerText h1 {
    font-size: 28px;
}
.bannerText p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}
.badges ul {
    margin-bottom: 0;
}
.badges ul li {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

.bannerBtn a {
    padding: 12px 20px;
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
}
.bannerSection {
    padding: 5% 0 5% 0;
}
.odooPainPoints ul li {
    font-size: 13px;
    padding: 10px 0 0 32px;
    line-height: 24px;
}
.odooSolutions  ul li {
    font-size: 13px;
    padding: 10px 0 0 32px;
    line-height: 24px;
}
.card {
    margin-bottom: 15px;
}
#whyEnvertis .card-title {
    font-weight: 700;
    font-size: 22px;
}
#whyEnvertis p.card-text {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
}
.bannerText h1 {
    font-size: 39px;
    line-height: 50px;
}
.officialLogo .navbar-brand img {
    width: 140px;
    margin-right: 10px;
}
img.odoo-logo {
    width: 50px;
}
.menuItems ul li a {
    font-size: 13px;
}
.pageBtn a {
    line-height: 24px;
    font-size: 14px;
}
.footerLogo .odoo-logo {
    width: 50%;
    margin-left: 30px;
}
.footerLogo .navbar-brand img {
    width: 100%;
    margin-right: 20px;
}
.frontSide h4 {
    font-size: 22px;
}
.testimonialCard {
    display: block;
    margin-bottom: 20px;
}
.problemSolution {
    padding: 20px 60px;
}
section {
    padding: 3rem 0;
}
.cardBox {
    flex-wrap: wrap;
}
.cardBox .card {
    flex: 1 1 calc(50% - 1rem);
}
#whyEnvertis {
    border-radius: 100px;
}
.eachOdooSolution {
    width: 100%;
    text-align: center;
    padding: 3rem 2rem;
}
.stepContainer {
    flex-wrap: wrap;
}
.eachStep {
    flex: 1 1 calc(50% - 1rem);
}
.eachStep:nth-child(2)::before {
    display: none;
}


















}

@media (max-width: 992px) {
  .eachStep {
    flex: 1 1 calc(50% - 1rem);
}
  .stepContainer {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 50px 0 20px;
}
.footerLogo .odoo-logo {
    width: 100%;
    margin-left: 0px;
}
.title {
    font-size: 1rem;
}
.myCard {
    flex: 1 1 calc(50% - 1rem);
    height: auto;
}
  .backSide p {
    color: var(--white);
    font-size: 15px;
    line-height: normal;
    margin-bottom: 0;
}
.card {
    margin-bottom: 10px;
}
.pageBtn a {
    margin-left: 0;
    display: inline-block;
    text-align: center;
}
.EnvCards .pageBtn {
    margin: 20px auto 0;
    text-align: center;
}
.formContentBox {
    padding-right: 15px;
    border-radius: 50px;
}
.formfillBox {
    padding-left: 15px;
    margin-top: 20px;
}
.bannerText {
    padding: 20px;
}
.bannerText h1 {
    font-size: 34px;
    line-height: 44px;
}
.bannerSection {
    padding: 10% 0 10% 0;
    height: auto;
}
.bannerVideo {
    padding: 20px;
    width: 100%;
    height: 100%;
}
.form-container {
    margin: 0 auto;
    border-radius: 0;
}
/* .odooSolutions h4 {
    text-align: left;
}
.odooSolutions  ul li {
    font-size: 13px;
    padding: 10px 0px 0 25px;
    line-height: 24px;
    text-align: left;
}
.odooSolutions  ul li::after {
    left: 0;
} */

#whyEnvertis .card-title {
    min-height: auto;
}
.card-text {
    min-height: auto;
}
.floatImageOne {
    top: 50px;
    width: 23%;
    position: inherit;
}
.bannerImage {
    position: inherit;
    width: 50%;
    margin-bottom: -139px;
}
.eachOdooSolution {
    padding: 1rem 1rem;
}

.navbar-nav .nav-link {
    text-align: center;
    background: #0a253f;
    padding: 7px 0;
    margin-bottom: 5px;
    color: #fff !important;
}
.navbar-nav {
    padding-left: 0;
    margin-top: 20px;
}
.menuItems ul li a.nav-link {
    text-align: center;
}







}

/* Mobile (up to 768px) */
@media (max-width: 768px) {
  .eachStep {
    flex: 1 1 calc(50% - 1rem);
    margin-bottom: 10px;
    background: linear-gradient(to right, #00c6ff26, #0072ff21);
}
.stepContainer {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0px 0 20px;
}
.footerLogo .odoo-logo {
    width: 100%;
    margin-left: 0px;
}
.title {
    font-size: 1rem;
}
.myCard {
    flex: 1 1 calc(50% - 1rem);
    height: auto;
}
  .backSide p {
    color: var(--white);
    font-size: 15px;
    line-height: normal;
    margin-bottom: 0;
}
.card {
    margin-bottom: 10px;
}

.pageBtn a {
    margin-left: 0;
    display: block;
    text-align: center;
}
.EnvCards .pageBtn {
    margin: 20px auto 0;
    text-align: center;
}
.formContentBox {
    padding-right: 15px;
    border-radius: 50px;
}
.formfillBox {
    padding-left: 15px;
    margin-top: 20px;
}
.bannerText {
    padding: 20px;
}
.bannerText h1 {
    font-size: 29px;
    line-height: 42px;
    margin-bottom: 20px;
}
.bannerSection {
    padding: 10% 0 10% 0;
    height: auto;
}
.bannerVideo {
    padding: 20px;
    width: 100%;
    height: 100%;
}
.form-container {
    margin: 0 auto;
    padding: 32px 24px;
    border-radius: 0;
}
.odooSolutions h4 {
    text-align: left;
}
.odooSolutions  ul li {
    font-size: 13px;
    padding: 10px 0px 0 30px;
    line-height: 24px;
    text-align: left;
}
.odooPainPoints ul li {
    font-size: 13px;
    padding: 10px 0 0 30px;
    line-height: 24px;
}
.odooSolutions  ul li::after {
    left: 0;
}



/* 10/10/2025 */


.problemSolution {
    display: block;
    padding: 0px 10px;
}
.odooPainPoints {
    padding: 3rem 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.odooSolutions {
    padding: 3rem 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.cardBox {
    display: flex;
}
.badges ul {
    display: block;
}
.bannerImage {
    position: inherit;
    width: 50%;
    bottom: 0;
    right: 0%;
    z-index: 9;
    margin-bottom: -50px;
}
.navbar-nav {
    padding-left: 0;
}
#navbarNav {
    justify-content: space-between;
    margin: 20px 0 0 0;
}
.badges ul li {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    width: 100%;
}

#whyEnvertis {
    border-radius: 0;
}

.ourSolution::after {
display: none;
}
.floatImageOne {
    width: 30%;
    position: absolute;
    top: 0;
    right: 10px;
}
.bannerBtn a {
    padding: 12px 32px;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.pageBtn a {
    line-height: 24px;
    font-size: 16px;
    padding: 10px 31px;
}
section {
    padding: 3rem 0;
}
.headeing {
    font-size: 28px;
}
.submit-btn {
    padding: 18px 26px;
}
.footerLogo .navbar-brand img {
    width: 70%;
    margin-right: 20px;
}
.footerLogo .odoo-logo {
    width: 60%;
    margin-left: 0px;
}
.formTitle {
    padding: 40px !important;
    display: block;
}
.fullWidthTitle {
    width: 100%;
    margin: 0 auto;
}
.testiSliderBox .owl-prev, .testiSliderBox .owl-next {
    position: inherit;
}
.testiImages {
    width: 40%;
}

















}

/* Small mobile (up to 480px): 1 per row */
@media (max-width: 480px) {
  .eachStep {
    flex: 1 1 100%;
}
.bannerSection {
    padding: 12% 0 5% 0;
    height: auto;
}
.testiImages img {
    width: 100px;
    height: auto;
}
.bannerBtn {
    display: block;
}

/* 10/10/2025 */

.cardBox .card {
        flex: 0 1 calc(100%);
    }
.bannerImage {
        position: inherit;
        width: 100%;
        bottom: 0;
        right: 0%;
        z-index: 9;
        margin-bottom: 0px;
    }







}