/* @media (min-width:1400px) {
    .container {
        max-width: 1380px
    }
} */

@media (min-width: 767px) {
  .top-herader .logo-holdeer {
    display: none;
  }
}

@media (max-width: 767px) {
  /* header {
    border-top: 4px solid var(--light-green);
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: #636363 0 solid;
  } */

  .btn-top-mob {
    box-sizing: border-box;
    padding: 6px 10px;
    background-color: var(--light-green);
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
  }

  .header-nav-wrapper .col-md-2 {
    width: 100% !important;
  }

  .extra-top-nav-holder {
    display: inline-block !important;
  }

  .extra-top-nav-holder > ul {
    display: flex;
    column-gap: 15px;
    align-items: center;
  }

  .desktop-nav {
    width: 90%;
    height: calc(100vh - 76px);
    display: block;
    position: fixed;
    z-index: 66;
    top: 76px;
    right: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 5px 3px 2px rgb(0 0 0 / 20%);
    transform: translateX(100%);
  }

  .show-desktop {
    display: none !important;
  }

  .desktop-nav > ul {
    margin-right: 0;
    margin-left: 0;
    align-items: inherit;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
  }

  .pricing-popup .pricing-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .pricing-popup .pricing-details {
    background: #f2f2f2;
    padding: 0 25px;
  }

  .pricing-popup .modal-content {
    background-color: #f2f2f2;
    height: 100vh;
    overflow: auto;
  }

  .pricing-popup .modal-title {
    position: relative;
    padding: 30px 30px 20px;
    font-size: 18px !important;
    line-height: 18px;
  }

  .desktop-nav > ul > li {
    padding-right: 0;
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    border-bottom: var(--light-green) 1px solid;
  }

  .desktop-nav > ul > li > a {
    box-sizing: border-box;
    padding: 15px !important;
  }

  .desktop-nav > ul > li > ul {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    left: auto;
    top: auto;
    background-color: var(--light-green);
    box-sizing: border-box;
    min-width: inherit;
    box-sizing: border-box;
    border: none !important;
    padding: 0;
    border-radius: 0;
  }

  .header-buttom .service-box .service-icon {
    display: none;
  }

  .header-buttom .service-box .service-text {
    padding-left: 0;
  }

  .desktop-nav ul li ul li a {
    padding: 10px 0;
    display: block;
    color: #fff;
  }

  .header-buttom .service-box .service-text h3 {
    font-family: var(--heading-font);
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
  }

  .header-buttom .service-box .service-text p {
    display: none;
  }

  .desktop-nav > ul > li > a .arrow-icon {
    display: none;
  }

  .desktop-nav > ul > li > ul > li {
    border-bottom: #fff 1px solid;
  }

  .desktop-nav ul li ul .row {
    margin: 0;
  }

  .header-buttom .service-box {
    margin-bottom: 0;
  }

  .desktop-nav > ul > li > ul > li > a:before {
    content: "\f101";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
  }

  .hamburger {
    width: 30px;
    height: 40px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
  }

  .hamburger > div {
    position: relative;
    flex: none;
    width: 100%;
    height: 3px;
    background: var(--light-green);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    border-radius: 25px;
  }

  .hamburger > div::before,
  .hamburger > div::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -8px;
    width: 100%;
    height: 3px;
    background: inherit;
    border-radius: 25px;
  }

  .hamburger > div::after {
    top: 8px;
  }

  .banner-section .banner-content .banner-txt h1,
  .banner-section .banner-content .banner-txt h6 {
    font-family: var(--sub-font);
    font-size: 25px;
    font-weight: 700;
    color: #333;
    margin: 0 0 20px 0;
    line-height: 1.4;
    margin-bottom: 0;
  }

  header.sticky-header {
    position: relative;
    border-width: 0;
    box-shadow: none;
    background: #fff;
  }

  body.nav-active .hamburger > div {
    transform: rotate(135deg);
  }

  body.nav-active .hamburger > div:before,
  body.nav-active .hamburger > div:after {
    top: 0;
    transform: rotate(90deg);
  }

  body.nav-active .hamburger:hover > div {
    transform: rotate(225deg);
  }

  body.nav-active .desktop-nav {
    transform: translateX(0);
  }

  .banner-section {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
  }

  .banner-section .banner-content .banner-txt h6 {
    font-size: 32px;
    margin: 0 0 16px 0;
  }

  .banner-section .banner-content .banner-txt h5 {
    font-size: 22px;
    margin: 0 0 15px 0;
  }

  .banner-section .banner-content .banner-img {
    margin-top: 35px;
  }

  .integrations-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .integrations-section ul {
    flex-wrap: wrap;
  }

  .integrations-txt .btn-light-green {
    display: none;
  }

  .integrations-section ul li:nth-child(1) {
    width: 100%;
    box-sizing: border-box;
    border-right: none;
    position: relative;
    padding-right: 0;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0;
  }

  .integrations-section ul li:nth-child(2) {
    width: 100%;
    padding: 0 0 0 0;
  }

  .integrations-section ul li:nth-child(1):after {
    display: none;
  }

  .discover-section .discover-content-holder h2 {
    font-size: 30px;
    line-height: 1;
  }

  .integrations-txt {
    max-width: inherit;
    text-align: center;
  }

  .integrations-txt h3 {
    font-size: 32px;
    margin: 0 0 15px 0;
  }

  .discover-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .discover-section .discover-img {
    width: 100%;
    padding-right: 15px;
    margin-bottom: 25px;
  }

  .discover-section .discover-content-holder {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 3;
    left: auto;
    top: auto;
    transform: none;
    text-align: center;
  }

  .discover-section .discover-content-holder h3 {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }

  .whatsapp-marketing-block .whatsapp-marketing-title h3 {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }

  .whatsapp-marketing-block .whatsapp-marketing-title {
    margin-top: -40px;
  }

  .whatsapp-marketing-block .whatsapp-marketing-title h3 span {
    display: block;
  }

  .whatsapp-marketing-block {
    padding: 25px;
    margin-bottom: 0 !important;
  }

  .mobile-scroll-row {
    justify-content: center;
  }

  .product-features-item {
    margin-bottom: 50px;
  }

  .counter {
    color: #222;
    text-align: center;
    position: relative;
    width: 150px;
    height: 150px;
    border: double 5px #fff0;
    border-radius: 50%;
    background-image: linear-gradient(white, white),
      radial-gradient(circle at top left, #3da2f4, #1a57f2);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-block;
  }

  .mobile-scroll-row > * {
    white-space: normal;
    padding-right: 15px;
    padding-left: 15px;
  }

  .whatsapp-marketing-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .whatsapp-marketing-wapper {
    margin-bottom: 0;
    margin-top: 35px;
  }

  .product-features-section {
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
  }

  .page-section-title {
    font-size: 32px;
    margin: 0 0 25px 0;
  }

  .industries-support-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .clients-wapper ul {
    flex-wrap: wrap;
  }

  .clients-wapper ul li:nth-child(1) {
    width: 100%;
    box-sizing: border-box;
    padding-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: #848484 1px solid;
  }

  .clients-wapper ul li:nth-child(2) {
    width: 100%;
    box-sizing: border-box;
    border-left: none;
    padding-left: 0;
    position: relative;
    min-height: 100px;
  }

  .clients-wapper ul li:nth-child(2):after {
    display: none;
  }

  .clients-txt h3 {
    color: #333;
    font-size: 32px;
    font-weight: 500;
    margin: 0;
    text-align: center;
  }

  .clients-item figure {
    flex-wrap: wrap;
  }

  .clients-item figure img {
    margin: 0 auto 10px;
  }

  .clients-item figure figcaption {
    width: 100%;
    box-sizing: border-box;
    max-width: inherit;
    padding-left: 0;
    text-align: center;
  }

  .sm-title {
    font-size: 32px !important;
  }

  .happy-clients-section {
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
  }

  .happy-clients-holder {
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px;
    position: relative;
  }

  .owl-carousel.custom-nav .owl-nav button.owl-next {
    right: -50px;
  }

  .owl-carousel.custom-nav .owl-nav button.owl-prev {
    left: -50px;
  }

  .schedule-demo-section {
    text-align: center;
  }

  .schedule-demo-section .col-lg-auto:nth-child(1) {
    margin-bottom: 45px;
  }

  .schedule-demo-section .col-lg-auto img {
    max-width: 230px;
    margin-right: auto;
    margin-left: auto;
  }

  .banner-section .banner-content .banner-txt p {
    margin-bottom: 0 !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .show-counter > * {
    width: 50%;
    text-align: center;
  }

  .global-recognition-section {
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
    text-align: center;
  }

  .counter .counter-content {
    padding: 15px 12px !important;
  }

  .plan-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .plan-holder > ul > li {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .plan-holder > ul > li {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex-grow: 1;
    max-width: inherit;
    min-width: 300px;
  }

  .plan-box .plan-body,
  .plan-box .plan-header {
    padding: 25px;
  }

  .plan-box .plan-header h5 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }

  .plan-box .plan-header p {
    margin: 0 0 25px 0;
  }

  .plan-box .plan-header .plan-price {
    font-size: 26px;
    margin: 0 0 10px 0;
  }

  .plan-box .plan-header .plan-free {
    font-size: 16px;
    margin: 0 0 15px 0;
  }

  .plan-section .border-right {
    border-right: none;
    border-bottom: #8d8e8f 2px solid;
    padding-bottom: 15px;
  }

  .footer-logo {
    width: 100%;
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  footer .footer-top h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px 0;
  }

  footer .footer-top .row.justify-content-center .col-lg-3 {
    margin-bottom: 25px;
  }

  footer .footer-top .row.justify-content-center .col-lg-3:last-child {
    margin-bottom: 0;
  }

  .inner-banner-section {
    padding-top: 10px !important;
    padding-bottom: 0;
    text-align: center;
  }

  .inner-banner-section.banner-two {
    padding-top: 10px !important;
    padding-bottom: 25px;
    text-align: center;
    margin-top: 5px !important;
  }

  .banner-txt h6 {
    font-size: 32px;
    margin: 0 0 25px 0;
  }

  .banner-txt {
    margin-bottom: 0;
  }

  .lead-management-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-title {
    font-size: 22px;
    margin: 0 0 10px 0;
    color: #222;
    font-weight: 700;
  }

  .lead-management-section .full-img {
    margin-bottom: 25px;
  }

  .lead-management-txt > ul > li {
    -ms-flex: 0 0 80%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .lead-management-block {
    height: 100%;
  }

  .lead-management-txt > ul > li {
    padding-top: 0;
    padding-bottom: 25px;
  }

  .mobile-app-section,
  .inventory-management-section,
  .follow-up-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .section-title.mb-60px {
    margin-bottom: 25px !important;
  }

  .mobile-mt-25px {
    margin-top: 25px !important;
  }

  .inventory-management-block {
    height: 100%;
  }

  .mobile-mb-0px {
    margin-bottom: 0px !important;
  }

  .inventory-management-block {
    flex-wrap: wrap;
    justify-content: center;
  }

  .inventory-management-block .inventory-management-img {
    width: 65px;
    height: auto;
  }

  .inventory-management-block .inventory-management-body {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 25px 0 0 0;
  }

  .inventory-management-section .mobile-scroll-row > li {
    min-width: 300px;
  }

  .inventory-management-block .inventory-management-body h4 {
    font-size: 18px;
    margin: 0 0 15px 0;
  }

  .mobile-order-1 {
    order: 1;
  }

  .mobile-order-2 {
    order: 2;
  }

  .mobile-order-3 {
    order: 3;
  }

  .mobile-app-section .mobile-scroll-row > li {
    min-width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .mobile-app-block {
    height: 100%;
  }

  .whatsapp-broadcast-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .whatsapp-txt {
    max-width: 100%;
    margin-top: 25px;
  }

  .whatsapp-txt h6 {
    column-gap: 10px;
    font-size: 28px;
    line-height: normal;
    margin: 0 0 25px 0;
  }

  .whatsapp-txt h6 br {
    display: none;
  }

  .whatsapp-txt h6 img {
    width: 70px;
    height: auto;
    display: block;
    margin-top: 15px;
  }

  .row.mb-85px {
    margin-bottom: 0px !important;
  }

  .automate-whatsapp-section {
    margin-top: 0;
    padding-bottom: 35px;
    padding-top: 35px;
  }

  .automate-whatsapp-txt {
    max-width: 100%;
    padding: 0;
  }

  .automate-whatsapp-section .whatsapp-img {
    margin-top: 0px !important;
  }

  .mobile-mb-15px {
    margin-bottom: 15px !important;
  }

  header.sticky-header .logo-holdeer {
    max-width: 50px;
  }

  header.sticky-header .desktop-nav {
    height: calc(100vh - 65px);
    top: 65px;
    right: 0;
  }

  .team-container > .row > .col-lg-3 {
    margin-bottom: 15px;
  }

  .team-container > .row:nth-child(even) > .col-lg-9 {
    order: 2;
  }

  .team-container > .row:nth-child(even) > .col-lg-3 {
    order: 1;
  }

  .team-container .square-img-full:before {
    display: none;
  }

  .mission-vission-section {
    text-align: center;
  }

  .mission-vission-pic {
    margin-bottom: 15px;
  }

  .mission-vission-pic img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 110px;
  }

  .common-txt h6 {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    margin: 0 0 10px 0;
  }

  .common-txt p.font-play {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    margin: 0;
  }

  .history-section {
    text-align: center;
  }

  .integration-img-box,
  .history-pic {
    margin-bottom: 25px;
  }

  .mobile-none {
    display: none !important;
  }

  .mobile-order-1 {
    order: 1 !important;
  }

  .mobile-order-2 {
    order: 2 !important;
  }

  .integration-color-box > ul > li figure > figcaption {
    width: calc(100% - 44px);
    box-sizing: border-box;
    padding-left: 25px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
  }

  .banner-txt h1,
  .banner-txt h6 {
    font-size: 28px;
    line-height: normal;
    margin: 0 0 4px 0;
  }

  .common-section {
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
  }

  footer .footer-top,
  .footer-social,
  .footer-social h4,
  .footer-bottom .text-left,
  .footer-bottom .text-right {
    text-align: center !important;
  }

  .footer-flex {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .grey-container {
    padding: 25px;
  }

  .icon-item > .icon {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 5px;
  }

  .icon-item > .icon > img {
    width: 35px;
    height: 35px;
    display: block;
    object-fit: contain;
  }

  .icon-item > .text {
    width: calc(100% - 60px);
    font-size: 18px;
    color: #fff;
  }

  /* .video-sec {
    background: #1a1515;
    padding: 10px 10px;
    border-radius: 16px;
    margin-top: 15px;
    box-shadow: 2px 1px 27px #ddd;
    margin-bottom: 30px;
  } */

  .schedule-demo-page-section {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

  .schedule-demo-page-section .row > .col-lg-4:nth-child(1) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }

  .schedule-demo-page-section .row > .col-lg-4:nth-child(3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .clients-carousel-holder .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
    text-align: center;
    margin-left: 0;
  }

  .banner-form {
    padding: 15px 15px;
  }

  .integrations-txt h2,
  .integrations-txt h3 {
    font-size: 30px;
    margin: 0 0 10px 0;
  }

  .header-menu ul li {
    display: flex;
    padding-right: 25px;
    font-size: 12px;
    color: #514b4b;
    font-weight: 600;
    line-height: 1;
    align-items: center;
  }

  .clients-item {
    padding: 20px 0 0;
  }

  .header-menu ul li a {
    font-size: 12px;
    color: #514b4b;
    font-weight: 600;
    display: flex;
    line-height: 1;
    align-items: center;
  }

  .header-menu ul li i {
    font-size: 24px;
    margin-right: 5px;
    color: #75a604;
    position: relative;
    top: 8px;
    transform: rotate(2deg);
  }

  .whatsapp-marketing-block .whatsapp-marketing-title h2 {
    display: block;
    font-size: 25px;
    text-align: center;
  }

  .top-herader .col-auto {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .top-herader .logo-holdeer {
    margin: 0 auto;
  }

  .top-herader .header-menu ul {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .header-menu ul li {
    display: block;
    padding: 0 8px;
  }

  .header-menu ul li a {
    display: block;
  }

  .header-buttom {
    padding: 10px 0;
  }

  .header-buttom .col-auto {
    width: 100%;
  }

  .header-buttom .col-auto:nth-child(1) {
    display: none;
  }

  .extra-top-nav-holder {
    width: 100%;
  }

  .extra-top-nav-holder ul {
    justify-content: center;
    width: 100%;
  }

  .top-herader .row {
    justify-content: center !important;
  }

  .hamburger {
    position: absolute;
    top: -128px;
    right: 22px;
  }

  .top-herader {
    background: none;
  }

  .banner-section .banner-content {
    width: 100%;
    text-align: center;
    margin: 0 !important;
  }

  .counter .counter-icon {
    color: #d1d1d1;
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 0;
  }

  .counter h3 {
    color: #555;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 0;
  }

  .counter .counter-value {
    color: #1a57f2;
    font-size: 25px;
    font-weight: 600;
  }

  .whatsapp-marketing-block .whatsapp-marketing-title h2 img {
    width: 65px;
    margin: 0 auto;
  }

  .banner-txt p {
    margin-bottom: 15px !important;
  }

  .integration-common-section {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
  }

  .crm-section {
    margin-bottom: 0;
    padding: 50px 25px;
  }

  .faq h3 {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .faq .col-lg-4.left {
    display: none !important;
  }

  .lead-management-txt > ul {
    row-gap: 0;
  }

  .marketplace-integration-section .integration-img-box {
    display: none;
  }

  .lead-management-section.purchase-order
    .lead-management-block
    .lead-management-header
    span:nth-child(1) {
    width: 50px;
    height: auto;
    display: block;
  }

  .lead-management-section.purchase-order
    .lead-management-block
    .lead-management-header
    img {
    width: 40px;
    height: auto;
    display: block;
  }

  .lead-management-body {
    box-sizing: border-box;
    padding-left: 0;
    font-size: 14px;
  }

  .lead-management-block {
    padding: 20px;
  }

  .lean-managemet-img {
    display: none;
  }

  .follow-up-block {
    margin-bottom: 15px;
  }

  .dealer-management-text {
    font-size: 18px;
  }

  .whatsapp-txt h2 {
    font-size: 22px;
    margin: 0 0 15px 0;
  }

  .whyChoose ul {
    list-style-type: disc;
  }

  .sub-page-title {
    font-family: var(--sub-font);
    font-weight: 700;
    font-size: 22px;
    color: #333;
    text-align: center;
    width: 90%;
    margin: 0 auto 15px;
  }

  .b2b-businesses-item > .text {
    width: calc(100% - 60px);
    height: auto;
    display: block;
    box-sizing: border-box;
    padding-left: 16px;
    font-family: var(--sub-font);
    font-weight: 600;
    font-size: 15px;
    color: #fff;
  }

  .b2b-businesses-bg-type.bg-2 .b2b-businesses-item > .icon {
    width: 30px !important;
    height: auto;
    display: block;
  }

  .awards-banner {
    display: none;
  }

  .news-text {
    margin-top: 15px;
  }

  .section {
    padding: 30px 0;
  }
  .video-sec iframe {
    border-radius: 0px;
    height: 200px;
  }
  .youtube-section::before {
    height: 150px;
  }
  .mobile-tab-section {
    background: #fff;
    padding: 10px 10px;
    border-radius: 0px;
    box-shadow: none;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .video-sec iframe {
    border-radius: 0px;
    height: 330px;
  }
  .youtube-section::before {
    height: 250px;
  }
  .mobile-tab-section {
    background: #fff;
    padding: 10px 10px;
    border-radius: 0px;
    box-shadow: none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .video-sec iframe {
    border-radius: 0px;
    height: 330px;
  }
  .youtube-section::before {
    height: 250px;
  }
  .mobile-tab-section {
    background: #fff;
    padding: 10px 10px;
    border-radius: 0px;
    box-shadow: none;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
  .desktop-nav > ul > li > a {
    display: block;
    font-family: var(--sub-font);
    font-weight: 500;
    color: #514b4b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-sizing: border-box;
    padding: 40px 0;
    font-size: 14px;
  }

  .desktop-nav > ul > li {
    position: static;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
  .desktop-nav > ul > li {
    position: static;
    width: 100%;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .desktop-nav > ul > li > a {
    display: block;
    font-family: var(--sub-font);
    font-weight: 500;
    color: #514b4b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-sizing: border-box;
    padding: 40px 0;
    font-size: 12px;
  }
}

@media screen and (max-width: 1500px) and (min-width: 992px) {
  .banner-txt h1 {
    font-size: 42px !important;
    color: #222;
    line-height: 45px !important;
  }
}