@media(min-width: 1750px){
    .container{
        max-width: 1720px;
        margin-inline: auto;
    }
}

@media(max-width: 1720px){
    .container{
        max-width: 1440px;
        padding-inline:20px;
    }
    .bi-hero{
        min-height:100vh;
    }
    img.ban-mn {
        width: 100%;
        margin-left: 0;
    }
    .bn-cont h1 {
        font-size: 50px;
        line-height: 1.1;
    }
    
    .bn-cont p {
        font-size: 20px;
        padding-right: 60px;
    }
    .bn-cont form input, .bn-cont form select {
        height: 55px;
    }
    .bn-cont p {
    }
    
    .experience-item p {
        font-size: 15px;
    }
    
    .experience .experience-item {
        flex: 0 0 fit-content;
    }
    
    img.ban-mn {
        margin-left: 0;
    }
    
    section.main-banner {
        padding: 180px 0px 118px;
    }
    .bn-cont form button {
        font-size: 15px;
    }
    
    .bn-cont form input, .bn-cont form select {
        font-size: 16px;
    }
    
    .experience-item p {
        text-transform: uppercase;
        font-size: 16px;
    }
    
    .experience .experience-item {
        flex: 1;
    }
    
    .experience {
        gap: 20px;
    }
    
    /*.building-item-wrapper .counter-num {*/
    /*    font-size: 75px;*/
    /*}*/
    
    .building-item-wrapper h5 {
        font-size: 20px;
    }
    
    .building-item-wrapper img {
        max-width: 100px;
    }
    
    .building-item-wrapper {
        padding: 30px;
        height: 400px;
    }
    
    .bi-faq .faq {
        margin-left: -100px;
    }
    section.market-sec .container:before {
        height: 71%;
    }
    
    .mk-sec-cont h2 {
        margin-bottom: 21px;
    }
}

@media(max-width: 1500px){
    .width-70{
        max-width: 100%;
    }
    .container{
        max-width: 1199px;
    }
    .stack-section .container{
        max-width: 100%;
    }
    .main-banner img.ban-mn {
        max-width: 39vw;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        right: -2vw;
    }
    
    .bn-cont h1 {
        font-size: 45px;
        line-height: 1.1em;
    }
    
    .bn-cont p {
        max-width: 625px;
        font-size: 19px;
    }
    
    .experience-item p {
        font-size: 16px;
    }
    
    .bn-cont form input, .bn-cont form select {
        padding-left: 20px;
        height: 50px;
    }
    
    .main-banner .bi-btn {
        width: 25%;
        font-size: 13px;
    }
    
    .card {
        width: 320px;
        height: 396px;
    }
    
    .stack-area {
        width: 100%;
        
    }
    
    .stack-content p {
        font-size: 17px;
    }
    
    .stack-wrapper .tab {
        font-size: 19px;
    }
    
    .card-inner img {
        max-width: 80%;
    }
    
    .tabs-area {
        padding-left: 0;
    }
    
    .stack-content {
        position: absolute;
        left: 1vw;
        padding-right: 30px;
    }
    
    .tabs-area {
        position: absolute;
        right: 1vw;
        text-align:right;
    }
    .tabs-area .highlight {
        margin-left: auto;
    }
    .market-sec {
        padding-top: 60px;
    }
    
    .mk-sec-cont span {
        font-size: 18px;
    }
    
    .mk-sec-cont h2 {
        font-size: 30px;
        margin-bottom: 22px;
    }
    
    .mk-tag-item {
        padding: 8px 25px;
        font-size: 17px;
        flex: 1 0 fit-content;
        text-align: center;
    }
    
    .mk-tags {
        gap: 18px;
    }
    
    section.market-sec .container:before {
        height: 68%;
    }
    
    section.automation-sec h2 {
        font-size: 36px;
        line-height: 1.1em;
    }
    
    section.automation-sec p {
        font-size: 18px;
    }
    
    .at-box {
        height: 330px;
        padding: 25px;
    }
    
    .sbnlogo {
        width: 105px;
        bottom: 35px;
    }
    
    .at-box h3 {
        font-size: 23px;
    }
    
    .bi-optimize {
        padding: 70px 0 120px;
    }
    
    .theme-heading {
        font-size: 38px;
    }
    
    .heading4 {
        font-size: 27px;
    }
    
    .heading5 {
        font-size: 20px;
    }
    
    .optimize-content-wrapper h5 {
        margin-top: 30px;
    }
    
    /*.building-item-wrapper .counter-num {*/
    /*    font-size: 55px;*/
    /*}*/
    
    .building-item-wrapper img {
        max-width: 80px;
    }
    
    .building-item-wrapper h5 {
        font-size: 17px;
    }
    
    .building-item-wrapper {
        height: 350px;
    }
    .building-item-wrapper .counter-num {
        font-size: 26px;
    }
    .faq-card {
        height: 480px;
    }
    .faq-wrapper .theme-para {
        font-size: 16px;
    }
    .faq-wrapper {
        width: 500px;
        height: 270px;
    }
    
    .footer-content-wrapper {
        padding-right: 0px;
    }
    .tabs-area .tab .stack-paragraph {
        left: -65vw;
        font-size: 19px;
        text-align:left;
    }
    .experience {
        flex-wrap: wrap;
    }
    
    .experience .experience-item {
        flex: 1;
    }
    
    .experience-item p {
        padding-right: 0;
        width: fit-content;
    }
    section.automation-sec p {
        font-size: 16px;
    }
    
    .at-box span img {
        max-width: 40px;
    }
    
    .at-box span {
        bottom: 22px;
        right: 21px;
        width: 65px;
        height: 37px;
    }
    .stack-area {
        margin-left: 100px;
    }
}

@media(max-width: 1250px){
    section.main-banner {
        padding: 170px 0px 80px;
    }
    .stack-area {
        margin-left: 0px;
    }
    .tabs-area .tab .stack-paragraph {
        max-width: 260px;
        font-size: 16px;
    }
    .container{
        max-width:950px;
    }
    a.header-phone {
        font-size: 16px;
    }
    
    a.header-phone img {
        max-width: 43px;
    }
    
    
    .header-btn {
        gap: 15px;
    }
    
    .header-wrapper .logo {
        max-width: 235px;
    }
    
    .bn-cont h1 {
        font-size: 35px;
    }
    
    .bn-cont p {
        font-size: 16px;
        max-width: 100%;
        padding-right: 0;
        max-width: 650px;
        margin-inline: auto;
    }
    
    .main-banner .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .main-banner .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    
    .main-banner img.ban-mn {
        display: none;
    }
    
    .bn-cont {
        text-align: center;
    }
    
    .main-banner .desktop-flex {
        flex-direction: column;
    }
    
    .bn-cont h1 {
        max-width: 650px;
        margin-inline: auto;
    }
    
    .experience-item span {
        font-size: 30px;
    }
    
    .experience-item p {
        margin-top: 10px;
        max-width: 100%;
        margin-inline: auto;
    }
    
    .card {
        width: 290px;
    }
    
    a.mk-btn {
        font-size: 17px;
    }
    
    .mk-tag-item {
        font-size: 15px;
        padding: 7px 20px;
    }
    
    .theme-para {
        font-size: 16px;
    }
    
    .mk-sec-cont h2 {
        font-size: 26px;
    }
    
    .mk-sec-cont span {
        font-size: 16px;
    }
    
    section.automation-sec h2 {
        font-size: 30px;
    }
    
    .optimize-wrapper .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .optimize-img-wrapper {
        height: 320px;
        padding: 30px 30px 0;
    }
    
    .optimize-img-wrapper img {
        height: 100%;
        width: 536px;
        margin: auto;
    }
    
    .optimize-content-wrapper {
        padding: 30px;
    }
    
    .optimize-wrapper .row {
        justify-content: center;
        text-align: center;
    }
    
    .optimize-content-wrapper li {
        margin: auto;
        list-style: none;
    }
    
    .optimize-content-wrapper .theme-para {
        max-width: 500px;
        margin-inline: auto;
    }
    
    .heading4 {
        font-size: 24px;
    }
    
    .btn-wrapper a.mk-btn {
        font-size: 15px;
        padding: 12px 24px;
    }
    
    .btn-wrapper {
        gap: 10px;
    }
    
    .theme-heading {
        font-size: 30px;
    }
    
    .building-item-wrapper {
        padding: 18px;
        gap: 20px;
        height: 320px;
    }
    
    .building-item-wrapper h5 {
        font-size: 15px;
    }
    
    .logos-wrapper {
        padding-left: 0;
    }
    
    .logos-wrapper .logo-item {
        height: 70px;
        padding: 6px 20px;
    }
    
    .newsletter {
        display: none;
    }
    
    .before-footer .top-footer {
        justify-content: center;
    }
    
    .bottom-footer .row .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .bottom-footer .row .col-2 {
        flex: 1 0 fit-content;
        max-width: fit-content;
        margin: 20px 0px;
        padding-right:40px;
    }
    
    .bottom-footer .row .col-3:nth-child(5) {
        margin: 20px 0px;
        flex: 0 0 32%;
        max-width: 32%;
    }
    
    .contact-wrapper-top .bi-form textarea {
        width: 98%;
    }
    .stack-section{
        display:none;
    }
    .bi-mobile-tabs{
        display:block;
    }
}

@media(max-width: 850px){
    .header-wrapper {
        flex-direction: column;
        gap: 10px;
        
    }

    .header-btn {
        padding: 12px;
    }
    
    section.main-banner {
        padding: 205px 0px 60px;
    }
    
    .container {
        max-width: 650px;
    }
    
    a.bi-btn.icon {
        padding: 20px 10px;
    }
    
    .bn-cont h1 {
        font-size: 28px;
    }
    
    .bn-cont p {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .bn-cont form button.bi-btn {
        width: 100%;
        margin: 0;
        border-radius: 10px;
        background-color: var(--themeColor2);
    }
    
    .bn-cont form {
        flex-wrap: wrap;
        border-radius: 10px;
    }
    
    .bn-cont form input, .bn-cont form select {
        width: 31%;
    }
    
    .experience-item p {
        font-size: 14px;
    }
    
    .tabs-content img {
        height: 300px;
    }
    
    .mk-tags {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-top: 0;
        padding-top: 0;
    }
    
    section.market-sec .container:before {
        height: 58%;
        opacity: 0;
    }
    
    .market-sec .row {
        flex-direction: column;
    }
    
    .market-sec .row .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    section.market-sec img {
        position: relative;
        max-width: 300px;
        margin-top: -55px;
    }
    
    .market-sec {
        padding-top: 0;
    }
    
    .market-sec .row .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
        
    }
    
    .mk-sec-cont {
        padding-top: 25px;
    }
    
    .mk-tag-item {
        background-color: var(--themeColor2);
    }
    
    .market-sec .theme-para {
        max-width: 100%;
        color: #fff;
    }
    
    a.mk-btn {
        font-size: 15px;
    }
    
    .automation-sec .row {
        flex-direction: column;
        align-items: start;
    }
    .automation-sec .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .automation-sec .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .automation-sec .col-5 p{
        margin-top:10px
    }
    
    .discuss-wrapper {
        flex-direction: column;
        gap: 10px;
    }
    
    .bi-building-today {
        padding: 120px 0 80px;
    }
    
    .bi-building-today .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .bi-logos .row {
        flex-direction:column;
        gap:20px;
    }
    .bi-logos .row .col-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bi-logos .row .col-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bi-faq .row {
        flex-direction:column;
        gap:20px;
    }
    .bi-faq .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bi-faq .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .bi-faq {
        padding: 70px 0;
    }
    
    .contact-wrapper-top {
        padding: 30px;
    }
    
    .contact-wrapper-top .bi-form input {
        width: 30%;
        font-size: 14px;
    }
    
    .contact-wrapper-top .bi-form textarea {
        font-size: 14px;
    }
    
    .contact-wrapper .top-content {
        margin-bottom: 30px;
    }
    
    .bi-copyright .row {
        flex-direction:column;
        align-items:center;
        gap:20px;
        text-align:center;
    }
    .bi-copyright .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bi-copyright .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    section.automation-sec {
        padding: 60px 0px 70px 0px;
    }
    .market-sec {
        background-size: cover;
    }
    .sbnlogo {
        width: 70px;
        bottom: 20px;
    }
    .bi-discuss-bar {
        margin: -68px 0;
    }
}


/* Mobile */
@media (max-width:660px){

  /*.mobile-tabs .tabs-nav{*/
  /*  flex-direction:column;*/
  /*}*/

  /*.mobile-tabs .tab-btn{*/
  /*  text-align:left;*/
  /*  border-bottom:1px solid #ddd;*/
  /*}*/
  
      .mobile-tabs .tabs {
        flex-direction: column;
    }
    
    .mobile-tabs .tabs-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    
    .mobile-tabs .tab-btn {
        min-width: 41%;
        text-align: center;
    }
    
    .mobile-tabs .tabs-content {
        padding-left: 0;
    }
    
    
    .experience .experience-item {
        flex: 0 0 48%;
    }
    
    .experience {
        justify-content: center;
    }
    
    .bn-cont form input, .bn-cont form select {
        width: 100%;
    }
    
    .bn-cont form span {
        display: none;
    }
    
    .experience-item p {
        margin-top: 5px;
        margin-bottom: 0;
    }
    
    .optimize-content-wrapper {
        text-align: left;
    }
    
    
    .discuss-wrapper .heading4 {text-align: center;}
    
    .bi-discuss-bar {
        margin: -80px 0;
    }
    
    .theme-heading {
        font-size: 25px;
    }
    
    section.automation-sec h2 {
        font-size: 25px;
    }
    
    .mk-sec-cont h2 {
        font-size: 22px;
    }
    
    .building-item-wrapper .counter-num {
        font-size: 23px;
        letter-spacing: 0px;
    }
    
    .bi-faq .faq {
        margin-left: -30px;
    }
    
    .faq-wrapper .highlight {
        font-size: 16px;
    }
    
    .heading4 {
        font-size: 20px;
    }
    
    .faq-wrapper .theme-para {
        font-size: 14px;
    }
    .header-btn .bi-btn.white {
        display: none;
    }
    
    .header-wrapper {
        flex-direction: row;
    }
    
    .header-wrapper .logo {
        max-width: 180px;
    }
    
    a.header-phone {
        margin-right: 0px;
        font-size: 14px;
    }
    
    a.header-phone img {
        max-width: 34px;
    }
    
    section.main-banner {
        padding: 145px 0px 60px;
    }
    
    .bn-cont h1 {
        font-size: 25px;
    }
    
    .experience .experience-item {
        flex: 0 0 43%;
    }
    
    .mobile-tabs .tab-btn {
        font-size: 14px;
    }
    
    .optimize-content-wrapper {
        padding: 20px 10px;
    }
    
    .optimize-img-wrapper {
        padding: 20px 10px 0;
    }
    
    .theme-para {
        font-size: 14px;
    }
    
    .heading5 {
        font-size: 17px;
    }
    
    .at-box h3 {
        font-size: 21px;
    }
    
    .bi-building-today .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        height: fit-content;
    }
    
    .building-item-wrapper.top-margin {
        margin-top: 0px;
        height: fit-content;
    }
    
    .bld-arow {
        display: none;
    }
    
    .building-item-wrapper {
        margin-bottom: 20px;
    }
    
    .logos-wrapper {
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .logos-wrapper .logo-item {
        flex: 1 0 32%;
        justify-content: center;
        
    }
    
    .logos-wrapper .logo-item img {
        max-width: 120px;
    }
    
    .bi-logos {
        padding: 65px 0;
    }
    
    .bi-logos .theme-heading {
        text-align: center;
    }
    
    .faq-card {
        padding: 20px;
    }
    
    .faq-wrapper {
        width: 350px;
        margin-left: 32px;
    }
    
    .highlight {
        font-size: 15px;
    }
    .bottom-footer .row .col-3:nth-child(5) {
        margin: 20px 0px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog-card-modern {
        flex: 0 0 100%;
    }
    .blog-filter {
        flex-wrap: wrap;
        gap: 10px;
    }
    ul.category-tabs {
        overflow-x: auto;
    }
    
    ul.category-tabs li {
        flex: 1 0 fit-content;
        display: block !important;
    }
     input#blog-search {
        width: 100%;
    }
    

}

@media(max-width: 470px){
    a.header-phone {
        display: none;
    }
    
    .header-wrapper .logo {
        max-width: 200px;
    }
    .mobile-tabs .tab-panel {
        text-align: center;
    }
    
    .mobile-tabs .tab-btn {
        min-width: 57%;
    }
    .bi-mobile-tabs {
        padding: 60px 0;
        text-align: center;
    }
    
    .bi-mobile-tabs .theme-heading {
        margin-bottom: 30px;
    }
    .optimize-wrapper {
        margin-inline: 0;
    }
    
    .bi-discuss-bar .btn-wrapper {
        flex-direction: column;
        width: 100%;
    }
    
    .bi-discuss-bar .btn-wrapper a {
        width: 100%;
    }
    
    .bi-discuss-bar {
        margin: -104px 0;
    }
    
    .bi-optimize {
        padding: 70px 0 140px;
    }
    
    .bi-building-today {
        padding: 140px 0 80px;
    }
    .optimize-wrapper {
        margin-inline: 0;
    }
    
    .bi-discuss-bar .btn-wrapper {
        flex-direction: column;
        width: 100%;
    }
    
    .bi-discuss-bar .btn-wrapper a {
        width: 100%;
    }
    
    .bi-discuss-bar {
        margin: -104px 0;
    }
    
    .bi-optimize {
        padding: 70px 0 140px;
    }
    
    .bi-building-today {
        padding: 140px 0 80px;
    }
    
    .faq-wrapper {
        width: 306px;
        margin-left: 25px;
    }
    
    .faq-wrapper .theme-para {
        font-size: 13px;
    }
    
    .faq-card {
        height: 454px;
    }
    
    .faq-nav {
        margin-top: 210px;
    }
    
    .faq-nav button {
        font-size: 17px;
        padding: 6px 14px 10px;
    }
    
    .contact-wrapper-top {
        padding: 30px 15px;
    }
    
    .bi-copyright ul {
        flex-wrap: wrap;
        justify-content: start;
    }
    
    .bottom-footer .row .col-3:nth-child(5) {
        margin: 20px 0px 75px;
    }
    .inner-page .main-banner .bn-cont p {
        font-size: 15px;
    }
    
    .btn-link {
        font-size: 15px;
        height: 46px;
        line-height: 46px;
    }
    
    section.aboutpage-sec h2 {
        font-size: 25px;
        line-height: 1.2em;
    }
    
    section.aboutpage-sec p {
        font-size: 14px;
    }
    
    .acc-panel-inner {
        font-size: 15px;
        line-height: 1.3;
    }
    
    .acc-title {
        font-size: 18px;
    }
    
    .col-4.center-img {
        margin: 20px 0;
    }
    
    .ab-hd2 h2 {
        font-size: 24px !important;
        padding-inline: 20px;
    }
    
    section.aboutpage-sec {
        padding: 60px 0px;
    }
    
    .bi-testimonial.about-page {
        padding: 60px 0 80px;
    }
    
    .testimonial-item {
        padding: 26px;
    }
    
    .testimonial-item .theme-para {
        font-size: 17px;
    }
    .btn-link.margin-top-50 {
        margin-top: 20px;
    }
    
    .inner-page .bi-logos .theme-heading {
        font-size: 26px;
    }
    
    .faq-page section.automation-sec {
        padding: 0px 0px 10px;
    }
    
    .faq-page .faq-wrapper {
        width: 100%;
    }
    
    .faq-question {
        font-size: 17px !important;
    }
    
    .faq-item.active .faq-answer p {
        font-size: 14px !important;
        line-height: 1.3em;
    }
    .testi-box .quote {
        margin: 10px 10px 0px auto;
    }
    
    .testi-box p {
        font-size: 15px;
    }
    
    .testi-page .row {
        flex-direction: column-reverse;
    }
    
    .testi-page {
        padding: 40px 0;
    }
    
    .testi-page p {
        font-size: 17px;
    }
    
    .testi-page a.bi-btn.transparent {
        font-size: 15px;
        width: 100%;
        justify-content: center;
    }
    
    .image-content-sec .btn-wrapper {
        flex-direction: column;
    }
    form.inner-page-form input {
        margin-bottom: 10px;
    }
    
    form.inner-page-form button.bi-btn {
        font-size: 15px;
    }
    
    .inner-page .mk-tag-item {
        color: #fff;
        border: 1px solid var(--themeColor2);
    }
    
    .inner-page .market-sec {
        padding-top: 20px;
    }
    
    .mk-sec-cont .d-flex {
        flex-direction: column;
    }
    
    .inner-page .market-sec a.mk-btn {
        width: 100%;
        margin-top: 0;
    }
    
    .package-item {
        padding: 20px;
    }
    
    .package-content h4 {
        font-size: 18px;
        text-align: center;
    }
    
    .inner-page .automation-sec .col-3 {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .margin-top {
        margin-top: 0px !important;
    }
    
    .inner-page .automation-sec .btn-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 30px;
    }
    
    .inner-page .automation-sec .btn-wrapper .bi-btn.transparent {
        justify-content: center;
    }
    
    .bi-building-today {
        padding: 60px 0 65px;
    }
    
    .amazon-business-sec {
        padding: 60px 0;
    }
    
    .business-item {
        background-color: var(--themeColor);
        
    }
    
    .business-item .heading4 {
        color: #fff;
    }
    
    .business-item {
        padding: 30px;
        height: 260px;
    }
    
    .inner-page .faq-card {
        height: 315px;
    }
    
    .inner-page .faq-nav {
        margin-top: 80px;
    }
    
    .testimonial-content-wrapper {
        padding-right: 30px;
    }
    
    .bi-testimonial {
        padding: 80px 0 275px;
    }
    .business-item .theme-para {
        color: #fff;
    }
    
    .business-footer small {
        color: #fff;
    }
    
    .business-item img {
        filter: invert(1);
    }
    .image-content-sec {
        padding: 70px 0;
    }
    
    .inner-page .btn-wrapper .bi-btn.transparent {
        display: none;
    }
    
    .image-content-sec .row {
        flex-direction: column-reverse;
    }
    
    .image-content-sec .content-wrapper {
        padding-right: 0;
        padding-top: 20px;
    }
    
    .image-content-sec.alt .content-wrapper {
        padding-left: 0;
    }
    
    section.image-content-sec.alt {
        padding-bottom: 0;
    }
    
    .author-info h5 {
        font-size: 18px;
    }
    
    .author-info .theme-para {
        font-size: 14px;
    }
    .bi-building-today {
        padding: 135px 0 65px;
    }
    .bi-header.sticky-active .header-wrapper {
        margin-top: 0;
    }
}