/* Min Width Media Queries */
@media (min-width: 1900px) {
    .section.solution-sec {padding-top: 160px; } 
}
@media only screen and (min-width: 1680px) {
    .home-hero-section:after{height: 18vw;
    bottom: -10vw;
    background-size: cover;
    background-position: bottom;}
    .home-hero-section .homebanner-right img{    min-width: 30vw;
    margin-bottom: -14vw;}
}
@media only screen and (min-width: 1199px) {
    /* .dropdown:hover .dropdown-menu {display: flex;} */
    .dropdown-menu.show {display: flex;}
}

/* Max Width Media Queries */
@media only screen and (max-width: 1480px) {
    .meetfounder-right .meet-after{    left: auto;/*right: -17rem;*/}


     .section.solution-sec {padding-top: 100px; } 

     .section.solution-sec .section-heading { margin-top: 0;}
}
@media only screen and (max-width: 1440px) {
    .home-hero-section .homebanner-right img{min-width: 560px;}
}
@media only screen and (max-width: 1300px) {
    .topbar ul li{font-size: 14px;}

    .home-hero-section {    padding: 30px 0;}
    .home-hero-section .homebanner-right{height: 100%;display: flex;align-items: center;}
    .service-row .imgbx img{width: 100%;}
    .meetfounder-right{width: 100%;}

    .conboxtxt { padding-right: 0;}
    .conboxmain-right{padding-left: 0;}
    .section-heading{max-width: 75%;}

    .home-hero-section .homebanner-right img{min-width: 460px;}
    
}
@media only screen and (max-width: 1199px) {
    header .navbar {padding-top: 10px;padding-bottom: 10px;}
    .container {padding-left: 30px;padding-right: 30px;}
    .navbar-toggler {float: right;padding: 0;width: 48px;height: 48px; display: flex;align-items: center;justify-content: center;border-radius: 600px;border: 1px solid #E2E2E2;background: #FFF;}
    .navbar-toggler.collapsed{}
    .navbar-toggler:focus {box-shadow: none;}
    .navbar-toggler-icon {width: 20px;height: 16px;background-image: none !important;position: relative;border-bottom: 2px solid #0A3F7C;transition: all 300ms linear;margin-top: 0;}
    .navbar-toggler-icon:after, .navbar-toggler-icon:before{width: 20px;position: absolute;height: 2px;background-color: #0A3F7C;top: 0;left: 0;content: '';z-index: 2;transition: all 300ms linear;}
    .navbar-toggler-icon:after{top: 7px;}
    .menu-open .navbar-toggler .navbar-toggler-icon:after {transform: rotate(45deg);}
    .menu-open .navbar-toggler .navbar-toggler-icon:before {transform: translateY(7px) rotate(-45deg);}
    .menu-open .navbar-toggler .navbar-toggler-icon {border-color: transparent;}
    header .navbar li.nav-item .nav-link {padding: 8px 0; color: #222;}
    .dropdown-toggle::before {filter: none;}
    header .navbar li.nav-item .nav-link:after {bottom: 4px;}
    .navbar-nav {align-items: start !important;}
    .offcanvas.offcanvas-end {position: fixed;top: 0;right: 0;flex-direction: column;width: 50%;height: 100%;transform: translateX(100%);transition: 0.3s all; background: #fff; border-left: none;height: 100vh;}
    #brgr-menu-overlay-container {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: rgb(28 27 33 / 15%);content: "";transition: 0.5s all;opacity: 0;pointer-events: none;}
    body.menu-open #brgr-menu-overlay-container {opacity: 1; pointer-events: inherit;}
    /* body.menu-open header {z-index: inherit;} */
    body.menu-open header .offcanvas.offcanvas-end {z-index: 99999;}
    body.menu-open .navbar-toggler {z-index: 999999;}
    header .navbar .collapse:not(.show) {display: flex;}
    body.menu-open {overflow: hidden;}
    body.is-sticky.menu-open .navbar {z-index: 9999;}
    header .navbar.is-sticky {padding-top: 12px;padding-bottom: 12px;}
    ul.navbar-nav {width: 100%;padding: 130px 30px 40px;overflow: auto;}
    ul.navbar-nav li.nav-item:last-child {margin-top: 20px;display: block;width: 95%;}
    ul.navbar-nav li.nav-item:last-child a {display: block;width: 100%;}
    body.menu-open header .navbar-brand {position: relative;/*z-index: 999999;*/}
    .navbar-nav .dropdown-menu {width: 100%;min-width: 100%;box-shadow: none;border: 1px solid #f7f7f7;margin: 10px 0 10px;}
    header .navbar li.nav-item {display: block;width: 100%;margin: 0 0 12px;}
    .contact-form-wrap {max-width: 100%;margin-top: 50px;}
    .footer-logo {margin-bottom: 40px;}
    body.menu-open img.normal-logo {display: none;}
    body.menu-open img.sticky-logo {display: block;}

    
    .footer-links-wrap {margin-top: 105px;}
    
    header .navbar.is-sticky li.nav-item .nav-link {padding: 8px 0;    font-size: 16px;}
    header .navbar.is-sticky li.nav-item .nav-link::after {display: none;}
    header .navbar .collapse:not(.show) {display: flex;}
    h1 {font-size: 40px;line-height: 56px;}
    h2 {font-size: 34px; line-height: 48px;}
    h3 {font-size: 30px; line-height: 36px;}
    .section {padding: 70px 0; }

    .home-hero-section .homebanner-right img{min-width: 100%;    margin-bottom: 0;}
    .topbar{padding: 10px 0;}
    .topbar ul li{   margin: 0 2px;}
    .topbar ul li span {margin: 0 2px;}
    .topbar ul.justify-content-xl-end{justify-content: end;}
     header .navbar li.nav-item .nav-link.btn{border-color: #0A3F7C;}    


    .navbar .dropdown-menu{padding: 15px 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; width: calc(100% - 20px); min-width: inherit; margin-top: 0; background: transparent; border: none; padding: 0; height: 0px; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transform: translateY(-20px); transform: translateY(-20px);} 
    .navbar .navbar-nav .nav-item .dropdown-menu {position: static;margin:0; } 
    .navbar .navbar-nav .nav-item ul.dropdown-menu.show {opacity: 1; visibility: visible; height: auto; -webkit-transform: translateY(0px); transform: translateY(0px); margin-top: 15px; } 
     .navbar .navbar-nav .nav-item .nav-link:before{    top: 10px;}
    .navbar .navbar-nav .nav-item .nav-link.show:before {transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; } 
    header .navbar li.nav-item .nav-link:after{content: none;}

    .section.home-hero-section {  padding: 40px 0 80px 0;}


    .navbar-brand{    width: 225px;}
    .solutioncard-row .pro-col { padding: 0 calc(var(--bs-gutter-x) * .5);}
    .solution-box .txtbx p {max-width: 100%;}
    .home-hero-section .homebanner-right img{min-width: 400px;}

    .section.solution-sec {padding-top: 70px; } 
    .testimonialwrap .info:after{ opacity: 0.3;}
    .testimonialwrap .info:before{ opacity: 0.3;}

}

@media only screen and (max-width: 999px) {
    .section {padding: 40px 0; }
    
    h1 {font-size: 48px;line-height: 60px;}
    h2 {font-size: 34px; line-height: 46px;}
    .container {padding-left: 15px;padding-right: 15px;}
    .topbar{ display:none; }
    .topbar ul{flex-wrap: wrap;}
    .topbar ul li{font-size: 0;}
    ul.navbar-nav{padding: 80px 30px 40px;}
    .bottom-footer .f-logo{text-align: center;}
    .bottom-footer ul li {padding: 0;text-align: center;}
    .bottom-footer ul li p {text-align: center;display: block;width: 100%;font-size: 12px;}
    .bottom-footer ul, .bottom-footer .text-xl-end ul {width: 100%;justify-content: center;}
    .bottom-footer ul.social-icons{margin: 15px 0;}
    .bottom-footer ul.social-icons {margin-bottom: 15px; } 
    .navbar-brand {width: 70px;}
    header .navbar {padding-top: 12px; padding-bottom: 12px; } 

    .home-hero-section .homebanner-right img{min-width: 60%; margin-bottom: 0; 
        width: 100% !important; margin: 0 auto; margin-top: 45px; position: relative;
    bottom: 0px;}
    .home-hero-section:after{bottom: 20px; height: 210px;}
   /* .section.solution-sec {padding-top: 40px; } */
    .headingright {width: 100%;}
    .pro-col{margin: 10px 0;}
    ul.checkbox li{margin: 10px;}
    .section-heading {max-width: 100%;}
    .testimonialwrap .testimonialsec-box{    max-width: 80%;}
    .full.concol .conbox{max-width: 100%;}
    .meetfounder-right {width: 500px; max-width: 100%; margin: 0 auto; margin-top: 20px;} 
    .meetfounder-right .meet-after{    bottom: 0;}
    .testimonialslider .swiper-button-next, .testimonialslider .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 15px);}
    .meetfounder-left p {font-size: 18px;}
    .conboxtxt{margin-bottom: 50px;}
    .svgcls img, .svgcls svg{width: 100%;height: auto;display: none;margin: 0;}
     .service-row.flex-row-reverse .txt{padding-left: 0;}
    .service-row .txt {padding-right: 0; margin: 15px 0;} 
    .section.solution-sec {padding-top: 40px;margin-top: -40px; } 
     .solution-sec .section-heading { margin-bottom: 30px !important;}
}

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

    h1 {font-size: 34px;line-height: 44px;}
    h2 {font-size: 26px;line-height: 36px;}
    h3 {font-size: 22px;}
    h4 {font-size: 20px;}
    h5 {font-size: 18px;}
    p { font-size: 16px;}
    .btn{font-size: 16px;}
    .section {padding: 55px 0;}
    .section-heading.mb-5 {  margin-bottom: 1rem !important;}
    .offcanvas.offcanvas-end{ width: 100%;}

    .meetfounder-left p {font-size: 16px;}
    
    .testimonialslider .swiper-btn img {width: 30px; } 
    .contactussec p.quote{font-size: 16px;    margin-top: 25px;}
    .testimonialwrap .testimonialsec-box .client {margin-top: 25px;} 
    .svgcls svg {height: auto; } 
    .testimonialwrap .testimonialsec-box{max-width:75%;}
    .conboxmain-right{    margin-top: 25px;}

    .testimonialwrap .info:after{right: 0; }
    .testimonialwrap .info:before{left: 0; }

    .section.solution-sec{    margin-top: -60px;}
    .section.solution-sec .section-heading {margin-top: 20px;margin-bottom: 20px !important;} 
    .service-row { margin: 15px 0;}
    .testimonialwrap .info{max-width: 100%;}
}


@media only screen and (max-width: 580px) {
    .section { padding: 35px 0;} 
    .testimonialwrap .info:before{left: -15px;    width: 40px; height: 40px;}
    .testimonialwrap .info:after{ width: 40px; height: 40px;right: 40px;bottom: -20px;}
    .concol .conbox{    padding: 15px;}

    header .navbar, header .navbar.is-sticky{    padding-top: 5px; padding-bottom: 5px;}
}

@media only screen and (max-width: 480px) {
    .meetfounder-right{ width: 280px;}
    .meetfounder-right img{ width: 100%;}
    .meetfounder-right .meet-after{right: -1rem; } 

    

    .home-hero-section .homebanner-right img{min-width: 100%;width: 100% !important;}
    .home-hero-section .homebanner-left .btnwrap{align-items: center;}
    .home-hero-section .homebanner-left .btnwrap a.btn {padding: 12px 16px; font-size: 14px; }
    .home-hero-section .homebanner-left .btnwrap .img{margin-top: 0; margin-left: 5px; 
        width: 160px;} 
    .home-hero-section .homebanner-left .btnwrap .img img{width: 100%;}

    .conboxmain{    flex-wrap: wrap;border-radius: 15px;    margin-bottom: 15px;}
    .conboxmain span{    height: 110px;min-width: 100px;border-radius: 15px 0 0 15px;width: 100px;    font-size: 40px;}
    .conboxmain p{      padding: 10px 18px; font-size: 14px; width: calc(100% - 105px);}
    .calendly-inline-widget{width: 100%; min-width: 100% !important; } 

    h1 {font-size: 30px;line-height: 39px;}
    .homebanner-left span.tagline {font-size: 16px;}
    .home-hero-section .homebanner-left > p{max-width: 100%;}
    .home-hero-section:after{height: 120px;}
    .testimonialslider .swiper-button-next{right: 0;}
    .testimonialslider .swiper-button-prev{left: 0;}
    .testimonialslider .swiper-btn img {width: 25px; } 
    .testimonialwrap .info{font-size: 14px;}
    .testimonialwrap .testimonialsec-box{max-width: 85%;} 

}
@media only screen and (max-width: 360px) {
    .meetfounder-right .meet-after{ /*right: -9.8rem;*/}

    .home-hero-section .homebanner-left .btnwrap .img{ width: 100px;} 
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
   
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .normal-logo,.sticky-logo {
        width: 70px !important; /* Adjust as needed */
    }
}
@media only screen and (min-width: 840px) and (max-width: 998px) {
    .normal-logo,.sticky-logo {
        width: 70px !important; /* Adjust as needed */
    }
}