.home-mobile-banner {display: none;}

@media screen and (max-width: 767px){
    .dropend .upr-link {
        display: block;
        font-size: 13px;
        padding: 13px 10px;
        line-height: 17px;
        left: 7px;
        color: #d5d5d5; 
        top: -4px;
        opacity: 0;
    } 
    header .navbar {
        background: #fff;
        padding: 7px 0px;
    }

    .dropend .dropdown-toggle::after {
        vertical-align: 0;
        transform: rotate(90deg);
        top: 5px;
        right: 4px;
    }
    .highlight .text-end {
        text-align: left !important;
    }
    .highlight .list-link {
        padding-left: 0;
    }
    .mega-content .py-4 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    footer h2, .footer-head, .footer-head a {
        margin-bottom: 10px;
    }
    section {
        padding: 50px 0;
    }
    .home-case-studyar .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .home-case-studyar .owl-carousel .owl-nav button.owl-prev{
        left: 0;
    }
    .home-banner h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .home-banner ul li {
        margin-bottom: 12px;
    }
    .opt-innrar p {
        min-height: auto !important;
    }
    .opt-innrar h5 br{display: none;}
    .home-case-studyar h4 {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 8px !important;
}
    .home-case-studyar h4 br{display: none;}
    .insight-blck h5 {
        padding: 25px 15px 0;
    }
    .insight-blck p {
        padding: 0 15px 25px;
    }
    .insight-blck {
        min-height: 560px;
    }
    .owl-carousel.voice-slider .owl-stage-outer {
    padding-top: 10px;
    padding-bottom: 14px;
}
.our-solution-banner h1 {
    font-size: 32px;
    line-height: 42px;
}
.footer-upper-sec h2 {
    font-size: 32px;
}
.accordion .accordion-item .accordion-header button {
    font-size: 16px;
}
.our-solution-banner ul li {
    margin-bottom: 15px;
}

.home-case-studyar .owl-carousel .owl-nav button.owl-prev, 
.home-case-studyar .owl-carousel .owl-nav button.owl-next {

    font-size: 17px;
    padding: 8px 11px !important;
}
.home-cs-slider .item img.h-100 {
    height: 320px !important;
    object-fit: cover;
}
.home-case-studyar .owl-nav {
    top: 50%;
}
.res-blog-right .col-4, .res-blog-right .col-8{
    width: 100%;
}
.res-blog-right .col-8.pe-0, .resource-box-sec .col-md-6.col-md-6.ps-lg-4.pe-0 {
    padding-right: 15px !important;
}
.rsce-tag{
    margin-top: 15px;
}
.res-blog-right .col-8.pe-0{
    padding-bottom: 15px;
}
.resource-box-sec .card.resource-box-cta, .blog-box-sec .card.blog-cta {
    padding: 25px 25px 35px;
}
.resource-box-sec .card.resource-box-cta p.mb-5{
    margin-bottom: 1rem !important;
}
.case-study-inner-banner h1 {
    font-size: 26px;
}
.case-study-banner h1 {
    font-size: 40px;
    font-weight: 200;
}
.blog-banner-feature-sec .blog-feature-slider .item .col-md-5 .h-100.p-5{
    padding: 30px 15px 20px !important;
}
.blog-banner-feature-sec h1 {
    font-size: 25px;
}
.blog-cta h5 {
    font-size: 24px;
}

a.green-cta {
    padding: 13px 13px;
    font-size: 14px;
}
.home-case-studyar .home-cs-slider .item .h-100.p-5{
    padding: 1.5rem !important;
}
.pricingform span.wpcf7-list-item {
    display: block;
}
.blog-post .wp-block-table td, .blog-post .wp-block-table th {
    font-size: 11px;
}


}
/* 767px end*/  

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

    .desk-mega,.mob-hide{display: none;}
    .mob-mega,.mobile-nav-fixed-btn{display: block;}
    header .navbar {
        position: relative;
        padding: 7px 0px;
    }
    .hedr-last-btn {
        margin-top: 20px;
    }
    .navbar-toggler.collapsed .hamburger-toggle .hamburger span:first-child{
        transform: rotate(0deg);
        top: 10% !important;
    }
    .navbar-toggler .hamburger-toggle .hamburger span:first-child {
        top: 11.5px !important;
        transform: rotate(50deg);
    }
    .navbar-toggler.collapsed .hamburger-toggle .hamburger span:nth-child(2){display: block;}
    .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2){display: none;}
    .navbar-toggler.collapsed .hamburger-toggle .hamburger span:last-child{
        bottom: 3px;
        transform: rotate(0deg);
    }
    .navbar-toggler .hamburger-toggle .hamburger span:last-child{
        top: auto !important;
        bottom: 10px;
        transform: rotate(-50deg);
    }
    .dropdown-menu .dropdown-menu .dropdown-item {
        padding: 12px 10px;
        font-size: 15px;
        font-weight: 500;
    }
    header .dropdown-menu::after {display: none;}
    #navbar-content {
        position: absolute;
        top: 100%;
        background: #fff;
        width: 100%;
        left: 0;
        height: 60vh;
        overflow-y: scroll;
        transition: .2s ease-in-out;
        padding-bottom: 40px;
        border-bottom: 5px solid var(--main-blue);
    }
    .dropdown-toggle::after {
        float: right;
        top: 10px;
        position: relative;
    }
    .mega-content .highlight,.mega-content .col-12.col-lg-6.col-sm-12.col-md-12,header .megamenu button{display: none;}
    .nav-item.dropdown.dropdown-mega .dropdown-menu {
        width: 100%;
        border-radius: 0.25rem;
        padding-bottom: 6px !important;
        background-color: #222;
        color: #fff;
    }
    header .megamenu .caret-list a{color: #fff !important;}
    header .nav-link {
        padding: 13px 0px;
        font-size: 15px;
        font-weight: 500;
        color: #2176cb;
        /* border-bottom: 1px solid #efeef3; */
    }
    .schdule_demo_btn a.nav-link{color: #fff;}
    header .nav-item {
        margin-right: 20px;
        margin-left: 20px;
    }
    .mobile-nav-fixed-btn {
        background: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 25px 0 20px;
    }
    .mobile-nav-fixed-btn .full {
        margin-bottom: 15px;
    }
    .mobile-nav-fixed-btn .full li a {
        width: 100%;
        text-align: center;
    }
    .mobile-nav-fixed-btn .two {
        flex-direction: inherit;
        gap: 10px;
    }
    .mobile-nav-fixed-btn .two .nav-item {
        margin-left: 0px;
        display: inline-flex;
        width: 50%;
        justify-content: center;
        text-align: center;
        margin-right: 0;
    }
    .mobile-nav-fixed-btn .two .nav-item .nav-link {
        width: 100%;
        text-align: center;
        border: none;
        padding: 10px 0;
    }
    /*.mobile-nav-fixed-btn .two .nav-item:last-child {
        border-left: 1px solid #555;
    }*/
    .hedr-last-btn .navbar-nav {
        align-items: baseline !important;
    }
    header a.dropdown-item {
         font-size: 15px;
        padding: 12px 0px;
        background: #fff;
        box-shadow: none;
        /*! font-weight: 600; */
    }

    header .dropdown-menu {
        border: none;
        box-shadow: none !important;
        padding: 0 !important;
    }
    header a.dropdown-item:hover,header a.dropdown-item:focus{background-color: transparent !important;}
    .mobile-nav-fixed-btn .two .nav-item .nav-link {
        background: #2176cb;
        color: #fff;
        font-weight: 400;
        border-radius: 5px;
    }
    .mobile-nav-fixed-btn .two .nav-item:last-child .nav-link{
        background: #f79707;
    }
    .opt-innrar p {
        min-height: 180px;
    }
    .top-bar:before {
        width: 38%;
    }
    .home-case-studyar .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    .home-case-studyar .owl-carousel .owl-nav button.owl-prev{
        left: 0px;
    }
    .testimonail-slider.owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .testimonail-slider.owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .testimonail-slider.owl-carousel .owl-nav {
        top: -8px;
    }
    .purpose-sec h3 {
    font-size: 39px;
}
    .about-banner h1 {
        font-size: 32px;
    }
    .home-cs-slider .item img.h-100 {
        height: 440px !important;
        object-fit: cover;
    }
    .solution-pge .home-cs-slider .item img.h-100{
        height: auto !important;
    }
    .lost-lftrgt img {
    margin: auto;
    display: block;
}
.lost-leads .container .lost-lftrgt.my-5:last-child {
    margin-bottom: 0 !important;
}
#resource-filter{
    margin-bottom: 15px;
}
.blog-banner-feature-sec .blog-feature-slider .item .col-md-5, .blog-banner-feature-sec .blog-feature-slider .item .col-md-7{
    width: 100%;
}
.resource-box-sec .card.resource-box-cta, .blog-box-sec .card.blog-cta {
    padding: 25px 25px 35px;
}
.resource-video-sec .heading{
    margin-bottom: 35px;
}
header .links li::before {
    top: 22px;
}
.blog-inner-sec{
    overflow: hidden;
}

}



@media (max-width: 767px){ 

    p {
        font-weight: 400;
    }
    .main-banner p br,h2 br,h3 br{display: none;}
    p br{display: none;}
    .heading h2, .heading h3 {
        font-size: 28px;
    }
    .nav-item.dropdown {
        position: relative !important;
    }
    header .megamenu .caret-list a i {
        display: none;
    }
    .position-static .upr-link {
        top: 0;
    }

    .navbar-brand img {
        width: 240px;
    }

    
    /* Homepage */
    .main-banner h1 {
        font-size: 30px;
        line-height: 1.4;
        margin-top: 7px;
    }
    .main-banner span {
        font-size: 16px;
    }
    .main-banner p {
        font-size: 18px;
    }
    .yellow-btn {
        padding: 10px 15px;
    }
    .main-banner img {
        transform: scale(1);
        margin-top: 20px;
    }
    .home-counter .counter::after {
        display: none;
    }
    .home-counter .counter h5 {
        font-size: 45px;
    }
    .home-counter .counter h6 {
        font-size: 16px;
    }
    .home-counter .counter p {
        padding-right: 0px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .open-api-sec img {
        display: none;
    }
    .open-api-sec{text-align: center;}
    .start-up-sec h2,.home-whowe-arear h2,.open-api-sec h2{
        font-size: 28px;
    }
    .start-up-sec .abt_txt p {
        font-size: 20px;
        margin-right: 0px;
    }
    .start-up-sec .abt_txt a {
        margin-bottom: 30px;
    }
    .start-up-innr h6, .start-up-innr h6 a {
        font-size: 22px;
        margin-bottom: 4px;
    }
    .start-up-sec,.home-whowe-arear{
        padding: 60px 0;
    }
    .home-whowe-arear .ps-5 {
        padding-left: 15px !important;
        margin-top: 40px;
    }
    .home-whowe-arear h2 {
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .home-whowe-arear h5 {
        margin-bottom: 10px;
    }
    .dropdown-menu .dropdown-menu .dropdown-item i {
        margin-right: 0 !important;
        font-size: 12px;
    }
    .rsn-outr {
        margin-bottom: 15px;
    }
    .new-home .rsn-outr .rsn-innr h3 br{
        display: none;
    }
    .open-api-sec p {
        margin-right: 0px;
    }

    .home-tab-sec .nav button {
        font-size: 20px;
        gap: 2px;
    }
    .home-tab-inner .hmtab-img p {
        display: none;
    }
    .home-tab-inner .hmtab-img h4, .home-tab-inner .hmtab-img h4 a {
        text-transform: capitalize;
        font-size: 17px;
        margin-bottom: 0;
    }
    .home-tab-inner .hmtab-imgtxt .row {
        align-items: center;
    }
    .home-tab-inner .hmtab-imgtxt .hmtab-img.text-center {
        padding-right: 0;
    }
    .home-tab-inner .hmtab-imgtxt .hmtab-img.text-center img {
        width: 60%;
    }
    .home-tab-inner .hmtab-imgtxt {
        margin-bottom: 15px;
    }
    .home-tab-sec .nav button img {
        width: 65%;
    }
    .rqdemo-blu h2 {
        font-size: 28px;
    }
    .column-count-2 {
        column-count: 1;
    }
    .franchise-tab-head .nav-item button {
        font-size: 14px;
        padding: 10px 15px;
    }
    .inner-banner h1 {
        font-size: 30px;
    }
    .familyportal-btn a {
        font-size: 15px;
        padding: 5px 10px 5px;
        margin-bottom: 20px;
    }
    .franchise-tab-head.sticky-top {
        top: 66px;
    }
    .tab-pane .all_links.sticky-top {
        top: 105px;
    }
    h3.frnchor-blu {
        font-size: 27px;
    }
    .case-stdy-sec h5 {
        margin-top: 20px;
    }
    .standalone-testimonial-box {
        margin-top: 130px;
    }
    .left-sec h3 {
        margin-top: 30px;
    }
    .one-role-inner h3 {
        margin-top: 10px;
    }
    .price-sec .card.center {
        transform: scale(1); 
    }
    .user-price-test-user {
        flex-direction: column;
    }
    .price-testimonial-inner {
        padding: 45px 20px;
    }
    .user-price-test-user h6 {
        text-align: center;
    }
    .footer-form .input-group {
        margin-bottom: 0px !important;
    }
    li.secured-logo.scdk-logo{display: none;}
    li.secured-logo.scmob-logo{
        display: block;
        background: none !important;
        padding-left: 0 !important;
    }
    .tab-ph-none{display: none;}
    .agency-btn {
        flex-direction: column;
        gap: 10px;
        width: fit-content;
    }
    .webinars-main-sec .webinars p {
        min-height: auto;
    }
    .home-banner:after{
        display: none;
    }
    .mega-menu h6 img {
        display: none;
    }
    .contact-banner h1{
        font-size: 30px;
    }
    .contact-banner ul.list-unstyled.d-flex{
            flex-direction: column;
    }
    .contact-banner ul.list-unstyled.d-flex li{
        margin-bottom: 15px;
    }
    .tool-tips-outr a.btn br{
        display: none;
    }
    .tool-tips-outr button, .tool-tips-outr button:hover, .tool-tips-outr a.btn, .tool-tips-outr a.btn:hover{
        font-size: 15px;
    }
    .tool-tips-outr a img {
        top: 13px;
    }
    .lost-leads .lost-lftrgt h4 {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
    }
    .email-campbnnr {
        padding: 50px 0;
    }


}/*max-width: 767px end*/


@media (min-width: 768px) {
      .dropdown-tab {
        display: none;
      }
    }
    @media (max-width: 767.98px) {
      .nav-tabs {
        display: none;
      }
    }


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .nav-item.dropdown {
        position: relative !important;
    }
    header .nav-item {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .position-static .upr-link {
        top: 0;
    }
    .top-bar p {display: none;}
    header .nav-link {
        padding: 10px 10px;
    }
    .tab-ph-none{display: none;}
    .home-counter h4 {
        font-size: 13px;
        line-height: 1.5;
    }
    .dropend .dropdown-toggle::after {
        vertical-align: 0;
        transform: rotate(90deg);
        top: 5px;
    }


    /* Homepage */
    .main-banner h1 {
        font-size: 29px;
        margin-top: 8px;
        margin-bottom: 5px;
    }
        .main-banner span {
        font-size: 16px;
    }
    .main-banner p {
        font-size: 16px;
    }
    .main-banner p br{display: none;}
    .main-banner {
        padding: 40px 0;
    }
    .yellow-btn {
        padding: 12px 16px;
    }
    .main-banner::before {
        height: 100%;
    }
    .home-counter .counter p {
        padding-right: 20px;
        line-height: 1.6;
    }
    .main-banner img {
        position: relative;
        bottom: -20px;
    }
    .home-counter .counter h5 {
        font-size: 35px;
    }
    .home-counter {
        padding-top: 50px;
    }
    .integrations-box {
        padding: 15px 15px;
    }
    .integ-img {
        min-height: 70px;
    }
    .left-sec img {
        margin-bottom: 40px;
    }
    .lost-leads .lost-lftrgt h4{
        margin-top: 25px;
    }

}/*min-width: 768px and max-width: 991px end */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {  
    header .navbar {
        padding: 7px 0px;
    }
    .nav-item.dropdown {
        position: relative !important;
    }
    .position-static .upr-link {
        top: 0px;
        opacity: 0;
    }
    header .megamenu .col-12.col-sm-12.col-md-4 img {
        width: 100%;
    }
    header .megamenu .col-12.col-sm-12.col-md-4 button {display: block;}
    .pricing_table .extra-info {
        margin-bottom: 25px;
    }
    header .top-bar .col-lg-3{
        width: 32%;
    }
    header .top-bar .col-lg-9{
        width: 68%;
    }
    .top-bar:before{
        width: 33%;
    }
    footer img.ftr-logo {
        max-width: 180px;
    }
    .blog-cta h5 {
        font-size: 26px;
    }
    .res-blog-right h5 {
        font-size: 14px;
    }
    .rsce-tag{
        margin-bottom: 10px !important;
    }
    .res-blog-right .d-flex.justify-content-between.mt-3{
        margin-top: 5px !important;
    }



}/*min-width: 992px and max-width: 1199px end*/

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
}
@media (min-width: 1366px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
  }
}

@media (min-width: 992px) and (max-width: 1180px){

    .top_bar .nav{display: flex !important;}
    .top_bar p{text-align: left;margin: auto !important; }
    
    .schdule_demo_btn a {font-size: 10px !important;padding: 13px 4px !important;}
    header .nav-item {
        margin-left: 5px;
    }
    .imgcasestudy img, .imgcasestudybox img {
        top: initial;
    }
    .imgcasestudy, .imgcasestudybox {
        height: auto;
    }
    .case-study-banner h1 {
        font-size: 36px;
    }
    .case-study-box-sec .row-cols-lg-4>*{
        width: 33%;
    }


}

@media (min-width: 1024px){
    .nav-item.dropdown:hover .dropdown-menu.first,.dropend:hover .dropdown-menu{
        display: block;
    }
    header .dropdown-toggle::after {
        display: none;
    }
    .dropend .dropdown-toggle::after {
        /* float: right; */
        position: absolute;
        top: 18px;
        right: 10px;
    }
    .dropend .dropdown-toggle {
        position: relative;
    }
    .dropend .dropdown-menu {
        left: 100%;
        top: 0;
    }
    .dropend .upr-link {
        display: block;
        font-size: 13px;
        padding: 13px 10px;
        line-height: 17px;
        left: 9px;
        color: #d5d5d5;
        top: -4px;
        opacity: 0;
    } 
.dropdown.mega{position: relative;}
header .mega-menu {
    width: 680px;
    /*left: -180px;*/
}
.mega-menu h6 {
    font-size: 20px;
    margin-top: 7px;
    color: var(--main-blue);
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 15px;
}



}/* only min-width: 1024px end*/


@media (max-width: 1023px){
    .mega-menu ul {
        margin-left: 12px;
    }
    .links li::before {
        top: 12px;
    }
    .imgcasestudy img, .imgcasestudybox img {
        top: initial;
    }
    .imgcasestudy, .imgcasestudybox {
        height: auto;
    }
    .case-study-banner h1 {
        font-size: 36px;
    }
   


}


/* 992 -1023px start */
@media (min-width:992px) and (max-width: 1024px){
    header .schdule_demo_btn a {
        padding: 10px 15px !important;
    }
    .ai-btn .nav-link span {
        font-size: 14px !important;
    }
    header .nav-link {font-size: 13px !important;padding: 11px 5px !important;}
    .hedr-last-btn .ai-btn .nav-link {
        padding: 2px 7px 1px 8px !important;
    }
    .ai-btn img {
        width: 40px !important;
        height: 40px !important;
        padding: 6px !important;
    }
    .main-banner span {
        font-size: 18px;
    }
    .main-banner p {
        font-size: 16px;
    }
    .main-banner h1 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .main-banner::before {
        height: 83%;
    }
    .home-counter .counter p {
        padding-right: 28px;
    }
    .top-bar p {
        font-size: 14px;
    }
    .home-banner:after {
        background-size: 70%;
        background-position: right;
    }
    .opt-innrar {
        padding: 25px 14px;
    }
    .choose-netflow {
        padding-bottom: 58px !important;
    }
    .navbar-brand img {
        width: 205px;
    }
    .purpose-sec h3 {
        font-size: 60px;
    }
    .custom-owl-nav button.owl-prev, .custom-owl-nav button.owl-next {
        font-size: 16px;
        padding: 9px 12px !important;
    }

    
}
/* 992 -1023px end */


@media (min-width: 992px) and (max-width: 1199px){
    .nav-item.dropdown.dropdown-mega .dropdown-menu {
        width: 800px;
        top: 95%;
        left: -180%;
        margin: auto;
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .mega-content .col-12.col-sm-12.col-md-4 {
        flex: 0 0 50%;
        padding-bottom: 0 !important;
    }
    .one-role .duti-outr .duti-innr .role-txt {
        padding-left: 0px;
    }
    .home-banner:after{
        display: none;
    }
    .home-banner .col-md-6.hmbnnr-img{
        display: block !important;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

}


@media (min-width: 1180px) and (max-width: 1399px){
      header .nav-link {
            font-size: 16px !important;
            /*padding: 13px 3px !important;*/
        }
      .navbar-brand img {width: 100%;}
      .navbar-brand {flex: 0 0 18%;}
      .opt-innrar {padding: 25px 15px;}

}

@media (min-width: 1180px) and (max-width: 1500px){
    .home-banner:after{
        background: url('../img/home-banner-laptop.png') no-repeat;
        background-size: cover;
        width: 700px;
        height: 486px;
      }
}



@media (min-width: 768px) and (max-width: 1024px){
    .start-up-sec h2,.home-whowe-arear h2,.open-api-sec h2{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .start-up-sec,.open-api-sec,.home-whowe-arear{
        padding: 50px 0;
    }
    .start-up-sec .abt_txt p {
        margin-right: 0px;
    }
    .start-up-sec .abt_txt a {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .dropdown-menu .dropdown-menu .dropdown-item i {
            margin-right: 0 !important;
        }
    .start-up-innr .row {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .start-up-innr h6, .start-up-innr h6 a {
        font-size: 24px;
    }
    .home-whowe-arear .ps-5 {
            padding-left: 15px !important;
            margin-top: 40px;
    }
    .open-api-sec h2 br,.open-api-sec h2 br{display: none;}
    .osdpdwn-nwmnu {
        padding: 30px 20px;
    }
    .rgtgrey-menu {
        padding: 30px 20px 10px;
    }





}




/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  and (max-width: 1399px){  }
/*min-width: 1200px end*/

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }
/*min-width: 1400px end



