@media (min-width: 681px) {
     .megaNewMenu__backbutton.sub-child {
          display: none;
     }

     .megaNewMenu__nav li a.active,
     .megaNewMenu__nav li a:hover {
          border-bottom-color: #F0B102;
          color: #333333;
     }

     .megaNewMenu__nav li a.active {
          text-shadow: 0 0 #000;
     }

     .page-id-954 ul.inputs-list.multi-container {
          column-count: 2;
     }
}

@media (min-width: 768px) {

     .aboutbanner .section-heading__text {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
     }

     .letstalkGrid__form {
          position: absolute;
          inset: 0;
          pointer-events: none;
          z-index: 1;
     }

     .pricingtable table tbody tr td:first-child {
          -webkit-padding-end: 20px;
          padding-inline-end: 20px;
     }

     .whychoose-section .gap-md-5 .col-md-6 {
          width: calc(50% - 1.5rem);
          padding: 0;
     }

     .customCard--blog .customCard__img {
          height: 240px;
     }
}

@media (min-width: 992px) {


     .timelineBox__content .section-heading p {
          font-size: 20px;
     }

     .page-id-938 .section-whyWeBuilt .iconList {
          max-width: 560px;
     }

     .page-id-938 .section-whyWeBuilt .section-heading__text p {
          max-width: 600px;
     }

}

@media (min-width: 992px) and (max-width: 1199px) {
     .whychoose-section .row.gap-lg-5 {
          gap: 1rem !important;
          padding-inline: 2rem;
     }
}

@media (min-width: 1025px) {
     header nav .navbarNav li.mega>ul.sub-menu {
          width: 80%;
          left: 30px;
          padding: 40px 30px !important;
          border-radius: 0 0 100px 0;
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
          grid-template-columns: repeat(3, 1fr);
          gap: 10px;
          max-height: -webkit-max-content !important;
          max-height: -moz-max-content !important;
          max-height: max-content !important;
     }

     .navbarNav__caret {
          pointer-events: none;
     }

     .navbarNav__dropdown:hover span.navbarNav__caret {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
     }

     .navbarNav__submenu {
          padding-block: 0px;
          position: absolute;
          top: 100%;
          opacity: 0;
          visibility: hidden;
          background: #fff;
          -webkit-box-shadow: 5px 8px 25px 4px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 5px 8px 25px 4px rgba(0, 0, 0, 0.1019607843);
          -webkit-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          transition: all ease-in-out 0.2s;
          min-width: 230px;
          padding: 15px 10px;
          z-index: 99;
          -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
          transform: translateY(20px);
     }

     .navbarNav__dropdown:hover .navbarNav__submenu {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          transform: translateY(0px);
     }


     .navbarNav__submenu.mega-menu {
          width: 100%;
          left: 0;
          padding: 40px 30px;
          border-radius: 0 0 100px 0;
     }

     .mega-menu__row {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
          grid-template-columns: repeat(4, 1fr);
          gap: 10px;
     }


     .mainheader .navbar-toggler {
          display: none;
     }

     .right_nav .searchBoxButton {
          display: none;
     }

     .navbarNav__dropdown:not(.mega) {
          position: relative;
     }

     .navbarNav__submenuBack {
          display: none;
     }

     .navbarNav__dropdown:hover .navbarNav__submenu:before {
          opacity: 1;
     }

     .searchBox {
          top: 10px;
          padding: 8px;
          min-width: 460px;
          right: -218px;
          z-index: 1;
          border-radius: 4px;
          -webkit-box-shadow: 5px 8px 25px 4px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 5px 8px 25px 4px rgba(0, 0, 0, 0.1019607843);
     }

     .searchBox__holder .searchBox__input,
     .search .input_search {
          padding: 10px 50px 10px 19px;
     }

     .searchBox__holder .searchBox__button {
          top: 14px;
     }

     .searchBox {
          min-width: 314px;
          right: -2px;
     }

     .searchBox {
          top: 4px;
     }

     .showOnTab {
          display: none !important;
     }

     .megaNewMenu__backbutton {
          display: none;
     }

     .headerNew.scrolled .headerNew__top {
          /* padding: 12px 0; */
     }

     .headerNew.scrolled ul.navbarNav>li {
          /* padding-block: 14px; */
     }

     .headerNew .navbarNav__submenu {
          max-height: calc(100svh - var(--headerNewHeight));
          overflow: hidden;
          overflow-y: auto;
     }

     .explore-desc .inline-btn,
     .explore-cards .explore-desc p {}

     /* a:not([href="#"]) */
     .explore-cards:hover p {}

     .explore-cards:hover .inline-btn {}

     .explore-cards:hover .inline-btn,
     .explore-cards:hover p {}


     .explore-cards:hover .explore-desc {}

     .explore-desc .inline-btn,
     .explore-cards .explore-desc p {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          -webkit-transform: translateY(10px);
          -ms-transform: translateY(10px);
          transform: translateY(10px);
          -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          margin: 0;
     }

     .explore-cards:hover .explore-desc p {
          max-height: var(--p-height);
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          margin-bottom: 15px;
          -webkit-transition-delay: 0.1s;
          -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
     }

     .explore-cards:hover .explore-desc .inline-btn {
          max-height: var(--btn-height);
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          margin-top: 10px;
          -webkit-transition-delay: 0.2s;
          -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
     }

     .explore-cards:hover .explore-desc {
          padding-bottom: calc(var(--pad) + 10px);
          -webkit-transition: padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -o-transition: padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     }

     .explore-cards:hover .expcard-img>img {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
          -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     }

     .explore-cards:hover .expcard-img>img {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
     }

     a[href="#"]:has(.explore-cards) {
          cursor: default;
     }

     span.submenu__caret {
          display: none;
     }

     .faq-section .section-heading h2 {
          font-size: var(--text36);
     }

     .support-card-row .support-card {
          flex-direction: row;
          align-items: flex-start;
          gap: 20px;
     }


     .support-card-row .card-texts {
          margin-top: 0;
     }

     .support-card-row .row {
          --bs-gutter-y: 24px;
     }
}

/* 1025 */
@media (min-width: 1200px) {
     .searchBox {
          min-width: 366px;
          right: -154px;
     }

     .contentBox.form-contentbox.row .contentBox__image {
          margin-right: 40px;
     }

     /* .wide-cards .col-xl-4:last-child { */
     .collage .wide-cards .col-xl-4:first-child,
     .collage .wide-cards .col-xl-4:nth-child(10n+10) {
          width: 66.66%;
     }

     .collage-even .wide-cards .col-xl-4:nth-child(4n+1),
     .collage-even .wide-cards .col-xl-4:nth-child(4n+4) {
          width: 66.66%;
     }

     .check-list_withicon h2 {
          font-size: 2.25rem;
     }

     .faq-section .container {
          max-width: 1050px;
     }


}

/* 1200 */
@media (min-width: 1366px) {
     .searchBox {
          min-width: 380px;
          right: -160px;
     }

     .print-tech-solution [class^=col]>.row {
          -webkit-padding-end: 20px;
          padding-inline-end: 20px;
     }

     .support-card-row .support-card {
          gap: 25px;
     }

}

@media (min-width: 1441px) {
     .print-technology section.bg-color_blue .p-5.rounded-4.bg {
          padding-inline: 90px !important;
     }

     .footerMenuRow {
          padding-left: 50px;
     }

     .print-tech-solution [class^=col]>.row {
          -webkit-padding-end: 35px;
          padding-inline-end: 35px;
     }

     .page-id-938 .section-whyWeBuilt .section-heading__text p {
          line-height: 1.5;
          font-size: 24px;
     }

     .faq-section .container {
          max-width: 1166px;
     }

     .support-card-row .support-card {
          gap: 38px;
     }
}


@media (min-width: 1581px) {

     .mega-menu__row,
     header nav .navbarNav li.mega>ul.sub-menu {
          gap: 20px;
     }

}

@media (min-width: 1600px) {
     .headerNew .navbarNav {
          gap: 40px;
     }

     .navbarNav__submenu.mega-menu,
     header nav .navbarNav li.mega>ul.sub-menu {
          padding: 60px 50px !important;
     }

     .searchBox {
          top: 10px;
          padding: 8px;
          min-width: 455px;
          right: -200px;
          z-index: 1;
          border-radius: 4px;
          -webkit-box-shadow: 5px 8px 25px 4px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 5px 8px 25px 4px rgba(0, 0, 0, 0.1019607843);
     }

     .searchBox__holder .searchBox__input,
     .search .input_search {
          padding: 10px 50px 10px 19px;
     }

     .searchBox__holder .searchBox__button {
          top: 14px;
     }

     li.navbarNav__dropdown:not(.mega) .menuAnchor .menuAnchor__contentTitle {
          font-size: 18px;
     }


}

/* max-width started */

@media (max-width: 1650px) {
     .doceoTimeLine__arrow {
          --swiper-navigation-sides-offset: -59px;
     }
}

@media (max-width: 1600px) {
     .navbarNav {
          gap: 30px;
     }

     header.mainheader.scrolled .brandlogo img {
          max-width: 160px;
     }

     .navbarNav>li>a {
          font-size: 16px;
     }

     ul.navbarNav>li {
          padding: 22px 0px 22px;
     }

     .navbarNav__submenu.mega-menu:after {
          left: 25%;
     }

     .navbarNav__submenu.mega-menu:before {
          left: 28%;
     }

     .mega-menu__col h4 {
          margin-bottom: 12px;
     }

     .mainfooter__topLogo a img {
          width: 204px;
     }

     .megaNewMenu__nav li a {
          font-size: 16px;
          line-height: 1.55;
     }

     .megaNewMenu__nav {
          gap: 12px;
     }

     .banner-with-background .banner_content {
          -webkit-padding-end: 80px;
          padding-inline-end: 80px;
     }

     .contentBox-multiple .contentBox__image:after {
          --vertical: 120px;
          /* top bottom */
          --horizontal: -50px;
          /* left right */
          width: 200px;
          height: 350px;
     }

     .innersupport-cont {
          background-size: 100% 55%;
     }

     .log-con img {
          max-width: 171px;
     }

     .logo-icon-wpr {
          gap: 40px;
     }
}

/* 1600 */
@media (max-width: 1580px) {}

@media (max-width: 1440px) {
     :root {
          --spacing: 60px;
          --spacingmd: 55px;
          --spacingsm: 35px;
          --spacingxsm: 25px;
     }

     .bannerSec {
          padding: 50px 0 60px;
     }

     .main-menu {
          top: var(--headerNewHeight);
          max-height: calc(100vh - var(--headerNewHeight));
     }

     .aboutbanner .section-heading h1 {
          font-size: 62px;
     }

     .section-heading h1 {
          font-size: 55px;
     }

     .quality-cards-outer {
          padding: var(--spacing);
     }

     .main-heading {
          font-size: 45px;
     }

     .main-heading::before {
          left: -126px;
     }

     .d-cardinner {
          gap: 55px 45px;
     }

     .inner-connectlink {
          gap: 220px;
     }

     .connectlink-left .connect-link-lock:nth-of-type(2):before {
          right: -465px;
     }

     .contact-left {
          width: 80%;
     }

     .connect-steps-wrap {
          gap: 30px;
     }

     .connect-card h3 {
          font-size: 22px;
     }

     .feature-trans .fea-left {
          width: 42%;
     }

     .feacard-row {
          width: 58%;
     }

     .connect-icn {
          width: 30px;
     }

     header.mainheader .sub-menu {
          top: 56px;
     }

     header nav .navbarNav li.mega>ul.sub-menu {
          width: 95%;
     }

     .banner__content h2 {
          font-size: 25px;
     }

     .product-service-inner {
          gap: 40px;
     }

     .prod-servcard {
          padding: 45px 25px 40px;
     }

     .swiper.printerSwiper {
          padding: 0 35px;
     }

     .print-tech-slider .printer-image {
          height: 250px;
     }

     .printer-card h3 {
          font-size: 28px;
     }

     .printer-wraper-tab {
          gap: 40px;
     }

     .solution-block table {
          width: 80%;
     }

     .halfSection__content {
          padding-right: 30px;
     }

     .solutions-card {
          padding: 20px 15px;
     }

     .logo-icon-wpr {
          gap: 35px;
     }

     .content-descpoint {
          padding-left: 45px;
     }

     .ImgOverlayContent p,
     .udetails strong {
          font-size: 17px;
          line-height: 1.3;
     }

     .udetails span {
          font-size: 17px;
     }

     .whychoose-section .contentBox__image .ImgOverlayContent {
          padding: 20px 15px;
          bottom: 20px;
     }

     .whychoose-section .row,
     .innersupport-cont {
          padding-inline: var(--spacing);
     }

     .iconList li {
          margin-bottom: 30px;
     }

     .section-heading h2,
     .contentBox__content h2 {
          font-size: 42px;
     }

     .mainfooter__topRowContent h2 {
          font-size: 26px;
     }

     /* header css */
     .megaNewMenu__left {
          padding: 20px 15px;
     }

     .megaNewMenu__leftNav {
          width: 240px;
     }

     .megaNewMenu__nav {
          gap: 10px;
     }

     .menuAnchor .menuAnchor__img {
          width: 38px;
     }

     .menuAnchor .menuAnchor__img img {
          height: 20px;
     }

     .megaNewMenu__nav li a {
          font-size: 16px;
     }

     .customCard--row .customCard__img {
          width: 84px;
     }

     .explore-desc {
          --pad: 20px;
          padding-inline: 15px;

     }

     .banner-with-background .banner_content {
          -webkit-padding-end: 60px;
          padding-inline-end: 60px;
     }

     .banner-with-background .inner-banerleftright {
          -webkit-padding-start: 3rem;
          padding-inline-start: 3rem;
          padding-block: 3rem;
     }

     .contentBox-multiple .contentBox__image {
          --pad: 35px;
          --padLarge: 70px;
     }

     .contentBox-imageRounded .row.g-5 {
          --bs-gutter-x: 2rem;
     }

     .contentBox-titleSmall .contentBox__content h3 {
          font-size: 28px;
          margin-bottom: 16px;
     }

     .user-profile__row .person-details-img {
          width: 258px;
     }

     .user-profile h3 {
          font-size: 28px;
     }

     .user-profile .user-profile__row {
          gap: 44px;
     }

     .halfBlueBox__content {
          -webkit-padding-before: 70px;
          padding-block-start: 70px;
          padding-inline: 70px;
     }

     .aboutbanner .section-heading__text p {
          font-size: 22px;
     }

     .section-pLarge .section-heading p,
     .section-bodypLarge p {
          font-size: 22px;
     }

     .quoteBox h3 {
          font-size: 26px;
     }

     .doceoCard-medium {
          padding: 30px;
     }

     .doceoCard--large {
          padding: 54px 50px;
     }

     .bannerform-sec {
          padding: 30px;
     }

     .form-heading h3 {
          font-size: 28px;
     }

     .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
          font-size: 18px;
     }

     .support-card .card-texts h3 {
          font-size: 22px;
     }

     .pricingCard__top,
     .pricingCard__bottom {
          padding: 28px;
     }

     .pricingCard__top h3 {
          font-size: 44px;
     }

     .pricingCard--range .pricingCard__top h3 {
          font-size: 32px;
     }

     .doceoCard__heading h3 {
          font-size: 28px;
     }

     .doceoCard__heading p {
          font-size: 18px;
     }

     .doceoCard--pricingBox .bg-secondary-blue p {
          font-size: 16px;
     }

     .pricingtable table td {
          padding: 28px 0;
     }

     .remoteSectionContent__box h2 {
          font-size: 30px;
     }

     .contentBox-heading__38 .contentBox__content h2 {
          font-size: 32px;
          margin-bottom: 25px;
     }

     .feature-shadow .feature {
          padding: 25px 20px;
     }

     .checkIcon-green h3 {
          font-size: 26px;
     }

     .doceoTimeLine__arrow {
          --swiper-navigation-sides-offset: -39px;
     }

     .doceoTimeLine__year {
          font-size: 26px;
     }

     .continousAutoplay .swiper-slide {
          width: 450px;
     }

     .cultureGrid__box {
          padding: 20px 15px;
     }

     .explore-desc .service-title {
          font-size: 28px;
     }

     .request-quote-section .content-wrap {
          padding: 4rem 4rem;
     }

     .ctatalk-bluecard h2 {
          font-size: 30px;
     }

     .bannerSec.full .section-heading {
          margin-bottom: 40px;
     }

     .support-card .commonBtn,
     .support-card .outlineBtn {
          padding: 9px 13px;
     }
}

/* 1440 */
@media (max-width: 1399px) {
     .navbarNav>li>a {
          font-size: 14px;
     }

     .footerMenuRow .mainfooterMenu__box {
          max-width: 250px;
     }

     .footerMenuRow {
          gap: 32px 15px;
     }

     .headerNew .navbarNav {
          gap: 15px;
     }

     body.home .bannerSec .section-heading p br {
          display: none;
     }

     .log-con {
          max-width: 130px;
     }

     .logo-icon-wpr {
          gap: 25px;
     }

}

@media (max-width: 1280px) {
     .grid-6 {
          --count: 5;
     }

     .inner-privcy-wrap h1 {
          font-size: 37px;
     }

     .section-heading h2,
     .contentBox__content h2 {
          font-size: 36px;
     }

     .mega-menu__colSepration h5,
     .mega-menu__col h4,
     .navbarNav__submenu li a {
          font-size: 14px;
     }

     .main-heading {
          font-size: 41px;
     }

     .simpleCard {
          max-width: 320px;
     }

     .contact-left {
          width: 85%;
     }

     .connect-steps-wrap {
          gap: 65px;
     }

     .d-card-block {
          padding: 45px 30px;
     }

     .main-heading-big {
          font-size: 45px;
     }

     .feature-inner {
          gap: 130px;
     }

     .stats-inner {
          gap: 100px;
     }

     .stats-inner .stats-card {
          padding: 60px 50px 50px;
     }

     .heading-large {
          font-size: 52px;
     }

     .inner-connectlink {
          gap: 150px;
     }

     .faqBox__answer p {
          font-size: 16px;
     }

     .connect-card h3 {
          font-size: 20px;
     }

     .connect-steps-wrap {
          grid-template-columns: repeat(3, 1fr);
     }

     .request-talk-block {
          padding: 50px 70px;
     }

     /* .connect-steps-wrap {
          padding-bottom: 40px;
     } */

     .banner__content h2 {
          font-size: 20px;
     }

     .banner__content ul li {
          font-size: 16px;
     }

     .product-service-inner {
          grid-template-columns: repeat(3, 1fr);
     }

     .service-box span,
     .service-box p {
          font-size: 16px;
     }

     .why-doceo-inner {
          width: 100%;
     }

     .printer-card span,
     .printer-card p,
     .printer-card .download-sheet,
     .printer-desc a {
          font-size: 16px;
     }

     .printer-card h3 {
          font-size: 26px;
     }

     .tab-btn {
          font-size: 18px;
     }

     .workflow-no {
          width: 100px;
          height: 100px;
          min-width: 100px;
          font-size: 40px;
     }

     .workflow-inner:before {
          height: 6px;
          top: 50px;
     }

     .workflow-card p {
          font-size: 15px;
     }

     .solution-block table {
          width: 85%;
     }

     .solution-block table td,
     .solution-block table th {
          font-size: 16px;
     }

     .contform-block {
          padding: 55px 35px;
     }

     .section-BgImage ul li {
          width: 32%;
     }

     .section-BgImage ul {
          gap: 40px;
     }

     .contentBox-multiple .contentBox__image:after {
          --vertical: 130px;
          --horizontal: -20px;
          width: 150px;
          height: 300px;
     }

     .contentBox-multiple .contentBox__image {
          --pad: 25px;
          --padLarge: 50px;
     }

     .contentBox-imageRounded .row.g-5 {
          --bs-gutter-x: 1.5rem;
     }

     .halfBlueBox__content {
          -webkit-padding-before: var(--spacing);
          padding-block-start: var(--spacing);
          padding-inline: 60px;
     }

     .pricingCard__top,
     .pricingCard__bottom {
          padding: 26px;
     }

     .pricingCard__top h3 {
          font-size: 40px;
     }

     .pricingCard__top h3 sub {
          font-size: 16px;
     }

     .pricingCard__title {
          font-size: 16px;
     }

     .container .row.g-5 {
          --bs-gutter-x: 1.5rem;
     }

     .section-heading h1 {
          font-size: 45px;
     }

     .aboutbanner .section-heading h1 {
          font-size: 57px;
     }

     .request-quote-section .content-wrap {
          padding: 3.5rem 3rem;
     }

     .newsLetterbox--hasform .newsLetterbox {
          -webkit-padding-start: 33px;
          padding-inline-start: 33px;
     }

     .section-heading h1 span.lottie-heading-icon {
          width: 50px;
          height: 46px;
     }

     .lottie-heading-icon {
          width: 40px;
          height: 40px;
          bottom: -2px;
     }

     .ctatalk-bluecard h2 {
          font-size: 30px;
     }
}

/* 1280 */
@media (max-width: 1279px) {
     .halfSection--leftImage .halfSection__content {
          padding-left: 30px;
     }
}

@media (max-width: 1199px) {
     :root {
          --spacing: 55px;
          --spacingmd: 50px;
          --spacingsm: 30px;
          --spacingxsm: 25px;
          --headerNewHeight: 140px;
     }

     .bannerSec {
          padding: 35px 0 55px;
     }

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl {
          max-width: 1010px;
     }

     header .navbar-nav {
          gap: 22px;
     }

     .commonBtn,
     .outlineBtn {
          padding: 9px 20px;
     }

     .main-menu {
          gap: 15px;
     }

     header.mainheader.scrolled .brandlogo img {
          max-width: 140px;
     }

     .mega-menu__col h4,
     .navbarNav__submenu li a,
     .mega-menu__colSepration h5 {
          padding-inline: 5px;
     }

     .navbarNav__submenu.mega-menu:after {
          border-width: 0 11px 17px 10px;
          top: -18px;
     }

     .navbarNav__submenu.mega-menu:before {
          left: 25.7%;
          width: 4px;
     }

     .searchBox {
          -webkit-transform: translate(-10%, 20px);
          -ms-transform: translate(-10%, 20px);
          transform: translate(-10%, 20px);
     }

     .searchActive .searchBox {
          -webkit-transform: translate(-10%, 0);
          -ms-transform: translate(-10%, 0);
          transform: translate(-10%, 0);
     }

     .mainfooter__topLogo a img {
          width: 164px;
     }

     .connect-steps-wrap {
          gap: 65px 15px;
     }

     .connect-card h3 {
          font-size: 22px;
     }

     .d-cardinner {
          gap: 25px 15px;
     }

     .content-descpoint {
          padding-left: 25px;
     }

     .iconList li p {
          font-size: 18px;
     }

     .iconList li {
          margin-bottom: 25px;
     }

     .customCard--blog .customCard__body .customCard__title {
          font-size: 22px;
     }

     .mainfooter__topRowContent h2 {
          font-size: 22px;
          margin: 0 0 8px;
     }

     .mainfooter__topRowContent p {
          font-size: 18px;
     }

     .section-heading p,
     .contentBox__content p {
          font-size: 18px;
     }

     .right_nav .outlineBtn,
     .right_nav .commonBtn {
          font-size: 13px;
          padding: 6px 12px;
     }

     .right_nav .outlineBtn svg,
     .right_nav .commonBtn svg {
          width: 15px;
     }

     .headerNew .navbarNav {
          gap: 10px;
     }

     .headerNew ul.navbarNav>li {
          padding: 10px 0px;
     }

     .navbarNav>li>a {
          font-size: 13px;
     }

     .megaNewMenu__nav {
          gap: 8px;
     }

     .headerNew .navbarNav__submenu {
          min-width: 310px;
     }

     .megaNewMenu__right {
          width: 270px;
     }

     .megaNewMenu__leftContent {
          padding: 14px 15px;
     }

     .explore-desc p {
          font-size: 16px;
     }

     .banner-with-background .banner_content {
          -webkit-padding-end: 30px;
          padding-inline-end: 30px;
     }

     .contentBox-multiple .contentBox__image:after {
          --vertical: 170px;
          --horizontal: -5px;
     }

     .contentBox-titleSmall .contentBox__content h3 {
          font-size: 26px;
     }

     .request-quote-section h2 {
          font-size: 33px;
     }

     .user-profile h3 {
          font-size: 26px;
     }

     .authorDetail__name,
     .authorDetail__time {
          font-size: 14px;
     }

     .aboutbanner .section-heading__text p {
          font-size: 20px;
     }

     .section-pLarge .section-heading p,
     .section-bodypLarge p {
          font-size: 20px;
     }

     .quoteBox h3 {
          font-size: 24px;
     }

     .doceoCard-medium {
          padding: 35px;
     }

     .section-padding .row .row-gap-5 {
          row-gap: 1.5rem !important;
     }

     .doceoCard--large {
          padding: var(--spacing) 30px;
     }

     .form-heading h3 {
          font-size: 26px;
     }

     .form-heading p {
          font-size: 18px;
     }

     .borderedList__child {
          font-size: 18px;
     }

     .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
          font-size: 16px;
     }

     .support-card .card-texts h3 {
          font-size: 20px;
     }

     .innersupport-cont {
          background-size: 100% 65%;
     }

     .avatarrating {
          -webkit-margin-before: 40px;
          margin-block-start: 40px;
     }

     .pricingCard__top,
     .pricingCard__bottom {
          padding: 22px;
     }

     .pricingCard__top h3 {
          font-size: 36px;
     }

     .pricingCard--range .pricingCard__top h3 {
          font-size: 28px;
     }

     .pricingCard--range .pricingCard__buttons {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .doceoCard__heading h3 {
          font-size: 26px;
     }

     .pricingtable table td {
          padding: 24px 0;
     }

     .remoteSectionContent__box p,
     .remoteSectionContent__box .check-list_withicon li,
     .remoteSectionContent__box li {
          font-size: 18px;
     }

     .remoteSectionContent__box h2 {
          font-size: 26px;
     }

     .remoteSectionContent__box {
          padding: 20px 0;
     }

     .checkIcon-green h3 {
          font-size: 22px;
     }

     .doceoTimeLine__arrow {
          --swiper-navigation-sides-offset: -9px;
     }

     .doceoTimeLine__year {
          font-size: 24px;
     }

     .continousAutoplay .swiper-slide {
          width: 400px;
     }

     .page-id-4495 .customCard__body p {
          font-size: 22px;
     }

     .explore-desc .service-title {
          font-size: 26px;
     }

     .remoteSectionContent__box h3 {
          font-size: 33px;
          margin-bottom: 15px;
     }

     .lottie-heading-icon {
          width: 35px;
          height: 35px;
     }

     .insideVoices__arrow {
          --swiper-navigation-sides-offset: 0px;
          --swiper-navigation-top-offset: calc(50% + 14vw);
     }
}

/* 1199 */
@media (max-width: 1024px) {
     :root {
          --headerNewHeight: 87px;
     }

     header.mainheader .sub-menu {
          top: 0;
     }

     .logged-in.admin-bar header.mainheader {
          top: 45px;
     }

     .mainheader .navbar__toggler {
          display: block;
     }

     .main-menu {
          --menuPadd: 20px;
          /* padding-left: 35px;
          padding-right: 30px; */
          height: 100%;
          background: #fff;
          -webkit-transition: all ease 0.5s;
          -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
          z-index: 100;
          padding-top: 20px;
          padding-inline: 0;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;

          -webkit-box-orient: vertical;

          -webkit-box-direction: normal;

          -ms-flex-direction: column;

          flex-direction: column;
          position: fixed;
          top: var(--headerNewHeight);
          left: 0;
          right: 0;
          max-height: calc(100svh - var(--headerNewHeight));
          overflow: hidden;
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
     }

     ul.navbarNav {
          padding: 0 20px;
     }

     .headerNew .navbarNav__submenu {
          -webkit-box-shadow: none;
          box-shadow: none;
          border-radius: 0;
          border: 0;
     }

     header.mainheader.menu-active .main-menu,
     .headerNew.menu-active .main-menu {
          -webkit-transform: translateX(-0%);
          -ms-transform: translateX(-0%);
          transform: translateX(-0%);
          overflow-y: auto;
     }

     header.mainheader.menu-active .navbar__toggler .navbar__togglerIcon .line {
          background-color: var(--primary) !important;
     }

     header .navbar-nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          gap: 10px;
          padding: 20px;
     }

     header .navbar-nav li {
          width: 100%;
     }

     body header.mainheader .navbar-nav a {
          padding: 10px 0;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
     }

     header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>ul.sub-menu li.mega-sub-head:not(:first-child),
     header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head ul.sub-menu li.mega-menu-head {
          margin-top: 20px !important;
     }

     header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>a {
          font-size: 16px;
          margin-bottom: 8px;
          margin-top: 20px;
     }

     header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>ul.sub-menu {
          margin: 8px 0 0;
     }

     .navbarNav li a:hover {
          /* font-weight: 700; */
     }

     header .navbar-nav a {
          font-size: 18px;
     }

     header .navbar-nav a:hover {
          color: var(--secondary-black);
     }

     body header.mainheader .sub-menu li a {
          padding: 0;
     }

     ul.navbarNav>li {
          padding-block: 0;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
     }

     .mainheader .navbar__toggler {
          z-index: 101;
     }

     header.mainheader .brandlogo svg {
          max-width: 80px !important;
     }

     .section-heading {
          margin-bottom: 25px;
     }

     .contentBox__content h2,
     .section-heading h2,
     .inner-privcy-wrap h1 {
          font-size: 30px;
     }

     .navbarNav__submenu:after,
     .navbarNav__submenu::before {
          display: none;
     }

     .navbarNav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          gap: 10px;
          width: 100%;
          -webkit-transition: 0.3s ease-in-out all;
          -o-transition: 0.3s ease-in-out all;
          transition: 0.3s ease-in-out all;
     }

     .navbarNav__submenu {
          position: absolute;
          top: 0;
          right: 0;
          background: #fff;
          width: 100%;
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.3s ease-in-out all;
          -o-transition: 0.3s ease-in-out all;
          transition: 0.3s ease-in-out all;
          padding: 0 15px 20px;
          display: none;
     }

     li.navbarNav__dropdown.active .navbarNav__submenu {
          opacity: 1;
          visibility: visible;
          display: block;
     }

     .navbarNav.showSubmenu {
          /* transform: translateX(calc((100% + var(--menuPadd)) * -1)); */
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
     }

     .navPrimary {
          padding: 10px 0;
     }

     .main-menu__search {
          display: none;
     }

     ul.navbarNav>li>a {
          display: block;
          width: 100%;
          padding: 12px 0;
          font-size: 16px;
          font-weight: 600;
     }

     .mega-menu__colSepration+.mega-menu__colSepration {
          margin-top: 10px;
     }

     .mega-menu__col+.mega-menu__col {
          margin-top: 25px;
     }

     .mega-menu__col h4 {
          margin-bottom: 10px;
     }

     .mega-menu__col+.mega-menu__col:last-child .mega-menu__colSepration:last-child {
          margin-top: 25px;
     }

     .searchBox {
          -webkit-transform: translate(0%, 20px);
          -ms-transform: translate(0%, 20px);
          transform: translate(0%, 20px);
     }

     .searchActive .searchBox {
          -webkit-transform: translate(0%, 0);
          -ms-transform: translate(0%, 0);
          transform: translate(0%, 0);
     }

     .searchBox {
          min-width: auto;
          width: 100%;
     }

     .halfSection--rightImage .halfSection__contentcontainer {
          margin-left: 50px;
     }

     .contform-block {
          padding: 55px 35px;
     }

     .grid-6 {
          --count: 4;
     }

     .heading-cardblock {
          row-gap: 70px;
     }

     .halfSection__contentcontainer {
          max-width: 410px;
     }

     .section-heading img {
          width: 40px;
          margin: 0 auto 10px;
     }

     .textSlider .swiper-button-next::after,
     .textSlider .swiper-button-prev::after {
          height: 25px;
          width: 22px;
     }

     .textSlider__content p {
          font-size: 16px;
     }

     .contform-block h3 {
          font-size: 22px;
     }

     .contactno-section {
          gap: 60px;
     }

     .contact-info {
          width: 30%;
     }

     .contact-desc {
          width: 70%;
     }

     .contact-info .phone-no {
          font-size: 22px;
     }

     .main-heading-big {
          font-size: 40px;
     }

     .simpleCard img {
          padding-bottom: 26px;
     }

     .feature-inner {
          gap: 55px;
     }

     .stats-inner .stats-card {
          padding: 45px 25px 40px;
     }

     .stats-inner {
          gap: 50px;
     }

     .heading-large {
          font-size: 40px;
     }

     .feature-trans .feature-inner {
          gap: 65px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .feature-trans .fea-left,
     .feature-trans .feacard-row {
          width: 100%;
     }

     .connectlink-left .connect-link-lock:nth-of-type(2):before {
          width: 90%;
          height: 60%;
          right: -300px;
     }

     .character-block p {
          font-size: 16px;
     }

     /* .mainfooterMenu__box {
          padding-left: 60px;
     } */

     .banner__content p {
          font-size: 16px;
     }

     .character-block h3 {
          font-size: 20px;
     }

     .section-heading h2 .connect-icn {
          width: 20px;
     }

     .servcard {
          font-size: 16px;
     }

     .partner-inner {
          max-width: 1000px;
     }

     ul.dot-lists li {
          font-size: 16px;
     }

     .prod-servcard h3 {
          font-size: 22px;
          margin-bottom: 20px;
     }

     .service-box {
          margin-top: 30px;
     }

     .printer-wraper-tab {
          gap: 30px;
     }

     .workflow-no {
          width: 80px;
          height: 80px;
          min-width: 80px;
          font-size: 30px;
     }

     .workflow-inner:before {
          height: 4px;
          top: 40px;
     }

     .solution-block table {
          width: 90%;
     }

     .workflow-inner {
          gap: 30px;
     }

     .halfSection--rightImage .halfSection__image img {
          border-top-right-radius: 85px;
     }

     .halfSection--leftImage .halfSection__image img {
          border-top-left-radius: 85px;
     }

     .halfSection__content {
          padding-block: 0;
     }

     .main-heading {
          font-size: 35px;
     }

     .printer-card h3 {
          font-size: 22px;
     }

     /* header new */

     .headerNew__searchBox {
          position: absolute;
          top: 100%;
          padding: 15px 1.5rem;
          background: #fff;
          border-radius: 0 0 0 0;
          min-width: auto;
          -webkit-transform: translate(0, 20px);
          -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
          visibility: hidden;
          opacity: 0;
          -webkit-transition: 0.2s ease-in-out all;
          -o-transition: 0.2s ease-in-out all;
          transition: 0.2s ease-in-out all;
          left: 0;
          width: 100%;
          right: 0;
          max-width: 100%;
          -webkit-box-shadow: 0px 26px 20px 0 rgba(0, 0, 0, 0.10);
          box-shadow: 0px 26px 20px 0 rgba(0, 0, 0, 0.10);
     }


     .headerNew.showSearch .headerNew__searchBox {
          -webkit-transform: translate(00%, 00px);
          -ms-transform: translate(00%, 00px);
          transform: translate(00%, 00px);
          visibility: visible;
          opacity: 1;
     }

     .headerNew__searchBox .searchBox__holder .searchBox__button {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
     }

     /* header new */
     .hideOnTab {
          display: none !important;
     }

     .headerNew ul.navbarNav>li {
          padding: 0px 0px;
     }

     .megaNewMenu__right {
          display: none;
     }

     .megaNewMenu__left {
          padding: 0px 15px 20px 15px;
     }

     .megaNewMenu__leftNav {
          padding: 20px 0px 0;
     }

     .megaNewMenu__leftContent {
          padding: 12px 10px;
     }

     .headerNew {
          border-bottom: #EAEBEE 1px solid;
     }

     body:has(header.headerNew.scrolled) {
          /* --headerNewHeight: 69px; */
     }

     .navbarNav__caret,
     .submenu__caret {
          width: 40px;
          background-size: 15px;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          height: 40px;
          flex: 0 0 40px;
          display: flex;
          justify-content: center;
          align-items: flex-end;
     }

     ul.megaNewMenu__nav li {
          position: relative;
          display: flex;
     }

     ul.megaNewMenu__nav li a {
          padding-block: 12px;
          flex-grow: 1;
     }

     span.submenu__caret {
          height: 40px;
          width: 40px;
          flex: 0 0 40px;
     }

     body.admin-bar header.headerNew nav.main-menu {
          top: calc(var(--headerNewHeight) + 32px);
     }

     body.admin-bar header.headerNew.scrolled nav.main-menu {
          top: var(--headerNewHeight);
     }

     .doceoTimeLineNav ul li {
          background: #FFFFFF;
          -webkit-box-shadow: 0px 1px 2px 0px #1018280F, 0px 1px 3px 0px #1018281A;
          box-shadow: 0px 1px 2px 0px #1018280F, 0px 1px 3px 0px #1018281A;
          color: #333333;
          border: 1px solid transparent;
     }

     .doceoTimeLineNav ul li.active {
          border-color: #003D6A;
          color: #003D6A;
     }

     .doceoTimeLineNav ul {
          border: 0;
          gap: 10px 12px;
     }

     .cultureGridWrapper {
          --count: 2;
     }

     /*  */
     .section-heading h1 {
          font-size: 36px;
     }

     h1.post-ttl {
          font-size: 60px;
          line-height: 65px;
     }

     .mega-menu__col h4,
     .navbarNav__submenu li a,
     .mega-menu__colSepration h5 {
          padding-inline: 0;
     }
}

/* 1024 */
@media (max-width: 1023px) {
     .printer-wraper-tab .printer-card {
          width: 48%;
     }

     .printer-wraper-tab {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
     }

}

@media (max-width: 991px) {
     :root {
          --spacing: 50px;
          --spacingmd: 45px;
     }

     .bannerSec {
          padding: 36px 0 50px;
     }

     header .navbar-nav a {
          font-size: 15px;
     }

     .section-heading h2,
     .inner-privcy-wrap h1 {
          font-size: 30px;
     }

     .section-heading h1+h2 {
          font-size: 28px;
     }

     .section-heading p {
          font-size: 18px;
     }

     .section-heading {
          gap: 18px;
     }

     .mainfooter__intro,
     .mainfooter__introInner {
          max-width: 100%;
     }

     .signUpFormBox {
          gap: 20px;
     }

     .contact-left {
          width: 96%;
     }

     .contact-right {
          max-width: 100%;
     }

     .grid-6 {
          --count: 3;
     }

     .heading-cardblock {
          row-gap: 55px;
     }

     .contform-block {
          padding: 40px 20px;
     }

     .contform-block h3 {
          font-size: 20px;
     }

     .connect-steps-wrap {
          -ms-grid-columns: 1fr 100px 1fr;
          grid-template-columns: repeat(2, 1fr);
          gap: 100px;
     }

     .connect-steps-wrap {
          gap: 55px 15px;
     }

     .contact-info .phone-no {
          font-size: 20px;
     }

     .contactno-section {
          gap: 22px;
     }

     .d-cardinner {
          grid-template-columns: repeat(2, 1fr);
     }

     .stats-inner {
          gap: 20px;
     }

     .stats-inner .stats-card {
          border: 12px solid #f4f4f6;
     }

     /* .mainfooterMenu__box {
          padding-left: 0;
     } */

     .mainfooter__top .row {
          --spacing__y: 55px;
     }

     .character-block-wraper {
          gap: 40px;
     }

     .request-talk-block {
          padding: 40px 30px;
     }

     .form-outer {
          gap: 20px;
     }

     .connect-icn {
          width: 26px;
     }

     .halfSection--leftImage .halfSection__content {
          padding-left: 0;
     }

     .servcard {
          padding: 14px 20px 14px 20px;
     }

     .partner-inner .fullImages {
          width: 33%;
     }

     .product-service-inner {
          grid-template-columns: repeat(2, 1fr);
     }

     .printer-wraper-tab .printer-card {
          width: 47%;
     }

     .solution-block table {
          width: 100%;
     }

     .product-service.print-service .product-service-inner {
          grid-template-columns: repeat(2, 1fr);
     }

     .log-con {
          max-width: 22%;
     }

     .content-descpoint {
          padding-left: 0;
     }

     .iconList li {
          margin-bottom: 25px;
     }

     .whychoose-section .row {
          padding-inline: 0;
     }

     .whychoose-section .contentBox__image .ImgOverlayContent {
          bottom: 16px;
     }

     .mainfooter__topRowContent h2 {
          font-size: 20px;
     }

     .banner-with-background .inner-banerleftright {
          padding-inline: 1.5rem;
          padding-block: var(--spacing) 0;
          border-radius: 0px;
          background-size: 100% 70%;
          background-repeat: no-repeat;
     }

     .banner-with-background .banner-Imgright img {
          border-width: 6px;
          border-right: 6px solid rgb(from var(--primary) r g b / 30%);
          border-radius: 20px;
     }

     .banner-with-background .inner-banerleftright .row {
          gap: 60px;
     }

     .banner-leftRight.banner-with-background:has(.inner-banerleftright) .container,
     .banner-leftRight.banner-with-background:has(.inner-banerleftright) {
          padding: 0;
     }

     .banner-with-background .banner_content {
          -webkit-padding-end: calc(var(--bs-gutter-x) * .5);
          padding-inline-end: calc(var(--bs-gutter-x) * .5);
     }

     .contentBox-multiple .contentBox__image:after {
          display: none;
     }

     .user-profile h3 {
          font-size: 24px;
          line-height: 1.2;
     }

     .user-profile .user-profile__row {
          gap: 30px;
     }

     .user-profile__row .person-details-img {
          width: 218px;
     }

     .user-profile .user-profile__row {
          padding-inline: 1.5rem;
     }

     .halfBlueBox__content {
          padding-inline: 1.5rem;
     }

     .aboutbanner .section-heading__text p {
          font-size: 18px;
          max-width: 390px;
     }

     .section-pLarge .section-heading p,
     .section-bodypLarge p {
          font-size: 18px;
     }

     .quoteBox h3 {
          font-size: 22px;
     }

     .doceoCard-medium {
          padding: 30px;
     }

     .quoteBox svg {
          width: 68px;
          margin-bottom: 15px;
     }

     .doceoCard--large {
          padding: var(--spacing) 1.5rem;
     }

     .form-heading h3 {
          font-size: 24px;
     }

     .timelineBox .timelineBox__content {
          -webkit-padding-end: 0;
          padding-inline-end: 0;
     }

     .innersupport-cont .section-heading__text {
          padding-right: 0px;
     }

     .whychoose-section .row,
     .innersupport-cont {
          padding-inline: 1.5rem;
          gap: 2rem;
     }

     .headerNew__searchBox {
          padding: 20px 1.5rem;
     }

     .pricingCard__top,
     .pricingCard__bottom {
          padding: 15px;
     }

     .pricingCard__top h3 {
          font-size: 32px;
     }

     .pricingtable__listcol>div {
          padding: 15px 15px;
     }

     .contentBox-imageHasArrow .contentBox__image:after {
          background-size: auto 100%;
     }

     .print-tech-solution [class^=col]>.row-cols-1 {
          --bs-gutter-y: 20px;
     }

     .continousAutoplay .swiper-slide {
          width: 350px;
     }

     .newsletter-box {
          margin-left: 0;
          max-width: 100%
     }

     .page-id-4495 .customCard__body p {
          font-size: 20px;
     }

     .banner-Imgright.banner_img img {
          margin-inline: auto;
          width: 100%;
     }

     .section-heading__button.mt-5 {
          margin-top: 2.2rem !important;
     }

     .container .row.g-5 {
          --bs-gutter-y: 2.5rem;
     }

     .container .inner-banerleftright .row {
          --bs-gutter-y: 0;
     }

     .inner-banerleftright .section-heading {
          margin-bottom: 0;
     }

     .section-heading h1 br,
     .section-heading h2 br,
     .section-heading p br {
          display: none;
     }

     .solution-image-wrapper img.active {
          position: static;
     }

     .contentBox-rounded.contentBox-imageCover .contentBox.row .col-md-6 {
          width: 100%;
     }

     .request-quote-section .content-wrap {
          flex-wrap: wrap;
          gap: 10px;
     }

     .request-quote-section .content-wrap .content-wrap__heading {
          max-width: 100%;
     }

     .newsLetterbox .hbspt-form>form {
          width: 100%;
     }

     .lottie-heading-icon {
          height: 38px;
     }
}

/* 991 */

@media (max-width: 800px) {
     p {
          margin: 0 0 15px;
     }

     .footer-row {
          padding: 65px 0 60px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .footer-left,
     .footer-right {
          width: 100%;
     }

     .footer-left p {
          margin: 25px 0 0;
     }

     .footer-left {
          margin-bottom: 50px;
     }

     .halfSection .halfSection__row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          padding: 0 12px;
          max-width: 720px;
          margin: 0 auto;
          gap: 50px;
     }

     .halfSection__image,
     .halfSection__content,
     .halfSection__contentcontainer {
          max-width: 100%;
     }

     .halfSection__content {
          padding-block: 0;
     }

     .halfSection--rightImage .halfSection__contentcontainer {
          margin-left: 0;
          max-width: 100%;
     }

     .grid-6 {
          --count: 2;
     }

     .textSlider__content {
          padding-inline: 55px;
     }

     .contactno-section {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .feature-inner {
          gap: 45px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .fea-left,
     .fea-right {
          width: 100%;
     }

     .stackedimg-inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          gap: 50px;
     }

     .stackcontent,
     .stacked-images {
          width: 100%;
     }

     .stats-inner {
          margin-top: 50px;
     }

     .connectlink-left .connect-link-lock:nth-of-type(2):before {
          display: none;
     }

     .inner-connectlink {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 35px;
     }

     .connectlink-left,
     .conncetlink-right {
          width: 100%;
     }

     .feacard-row {
          grid-template-columns: repeat(1, 1fr);
     }

     .simpleCard h3 {
          font-size: 20px;
     }

     .feature-trans {
          border-radius: 40px;
     }

     .halfSection__image {
          padding-block: 0;
     }

     .workflow-inner:before {
          display: none;
     }

     .workflow-card {
          background: #fff;
     }

     .workflow-inner:after {
          position: absolute;
          content: "";
          background: #cfd1d2;
          width: 4px;
          height: 100%;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%);
          -ms-transform: translate(-50%);
          transform: translate(-50%);
          z-index: -1;
     }

     .workflow-card {
          width: 100%;
     }

     .workflow-inner {
          gap: 50px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
     }

     .character-block-wraper {
          grid-template-columns: repeat(2, 1fr);
     }

     .section-BgImage ul {
          gap: 40px;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
     }

     .section-BgImage ul li {
          width: 46%;
     }

}

/* 800 */
@media (max-width: 768px) {

     .main-heading,
     .main-heading-big {
          font-size: 32px;
     }

     .serv-table {
          grid-template-columns: repeat(2, 1fr);
     }

     .solution-block {
          overflow: auto;
     }

     .solution-block table {
          width: 800px;
     }

     .halfSection .halfSection__row {
          padding: 0 20px;
     }

     .halfSection__content {
          padding-inline: 0;
     }

     .halfSection__contentcontainer ol li {
          font-size: 16px;
     }

     .halfSection__contentcontainer ol li::marker {
          font-size: 18px;
     }


}

@media (max-width: 767px) {
     :root {
          --spacing: 40px;
          --spacingmd: 35px;
     }

     .bannerSec {
          padding: 36px 0 40px;
     }

     .aboutbanner .section-heading h1 {
          font-size: 47px;
     }

     .section-heading h1 {
          font-size: 32px;
     }

     .topHeading {
          font-size: 16px;
     }

     .section-heading {
          margin-bottom: 22px;
     }

     .container {
          padding-inline: 16px;
     }

     .section-heading h2 {
          /* font-size: 25px; */
     }

     .section-heading h1+h2 {
          font-size: 26px;
     }

     .quality-cards-outer {
          padding: var(--spacing) 24px;
     }

     .heading-with-buttonRight .section-heading,
     .mainfooter__topRow {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .mainheader .right_nav {
          gap: 15px;
     }

     .mainfooter__copyrightDate li {
          padding: 0 10px;
     }

     .mainfooter__copyright .container {
          padding: 15px 0;
     }

     .mainfooter__introInner,
     .mainfooter__contactInfo,
     .mainfooter__address {
          margin-bottom: 25px;
     }

     .mainfooter__top {
          padding: 40px 0;
     }

     .footerMenu li+li {
          padding-top: 5px;
     }

     .banner--home .banner__content {
          max-width: 100%;
     }

     .banner__img img {
          max-width: 500px;
     }

     .simpleCard {
          max-width: 100%;
          text-align: center;
     }

     .simpleCard img {
          margin-left: auto;
          margin-right: auto;
     }

     .halfSection__row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 0 20px;
     }

     .banner .row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          gap: 45px;
     }

     .contactform-sec .row {
          gap: 45px;
     }

     .faqBox__question {
          padding: 20px 36px 20px 0;
     }

     .section-heading hr {
          width: 65px;
     }

     .simpleCard h3 {
          margin-bottom: 10px;
     }

     .simpleCard p {
          margin-bottom: 35px;
     }

     .shapeTop::before {
          -webkit-clip-path: polygon(100% 0, 50% 60%, 0 0);
          clip-path: polygon(100% 0, 50% 60%, 0 0);
     }

     .shapeBottom::after {
          -webkit-clip-path: polygon(50% 44%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 44%, 0% 100%, 100% 100%);
     }

     .footerMenu li a {
          font-size: 15px;
     }

     .mainfooter__heading {
          margin-bottom: 14px;
     }

     .mainfooter__top .row {
          --spacing__y: 35px;
     }

     .d-card-block {
          padding: 40px 25px;
     }

     .feacard-desc h3 {
          font-size: 20px;
     }

     .banner-lightGrey {
          height: auto;
     }

     .stats-inner .stats-card {
          padding: 40px 20px 40px;
     }

     .mainfooter__top .row {
          --spacing__y: 40px;
     }

     .feacard {
          gap: 15px;
     }

     .feacard-img {
          max-width: 35px;
          height: 35px;
     }

     .stats-inner {
          margin-top: 35px;
     }

     .connect-icn {
          width: 22px;
     }

     .servie-table-section {
          padding-top: 0;
     }

     .banner__content h2 {
          font-size: 18px;
          padding-right: 0;
          margin-bottom: 25px;
     }

     .banner {
          padding-bottom: 80px;
     }

     .partners-wrap {
          padding-bottom: 30px;
     }

     .character-block a.commonBtn {
          margin-top: 20px;
     }

     .halfSection--rightImage .halfSection__image img {
          border-top-right-radius: 30px;
     }

     .halfSection--leftImage .halfSection__image img {
          border-top-left-radius: 30px;
     }

     .product-service.print-service .product-service-inner {
          gap: 20px;
     }

     .contform-block {
          padding: 18px 14px 30px;
     }

     .print-tech-slider .swiper-button-next::after,
     .print-tech-slider .swiper-button-prev::after {
          height: 25px;
          width: 20px;
     }

     .tab-btn {
          padding: 10px 30px;
     }

     .tab-buttons {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
     }

     .newsLetterbox .form-group {
          width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
     }

     .newsLetterbox__row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .newsLetterbox,
     .mainfooter__topRowContent {
          width: 100%;
     }

     .mainfooter__topRowContent,
     .mainfooter__topRow .newsLetterbox {
          max-width: 100%;
     }

     .mainfooter__topRowContent h2 br,
     .mainfooter__topRowContent p br {
          display: none;
     }

     .card-texts h3 {
          font-size: 20px;
     }

     .solutions-card .card-texts h3 {
          font-size: 18px;
     }

     .solutions-boxrow {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
     }

     .content-descpoint {
          -webkit-margin-after: 36px;
          margin-block-end: 36px;
     }

     .solutions-section .section-title {
          font-size: 20px;
     }

     .solution-item h5 {
          font-size: 18px;
     }

     .whychoose-section .row {
          padding-inline: 5px;
          row-gap: 24px;
     }

     .whychoose-section .row.two-bg {
          background-size: 0 0, cover;
     }

     .home .whychoose-section .row {
          row-gap: 30px;
     }


     .whychoose-section .contentBox__image {
          padding-left: 0px;
     }

     .iconList li p {
          font-size: 16px;
     }

     .iconList li {
          margin-bottom: 16px;
     }

     .authorDetail {
          font-size: 14px;
     }

     .customCard--blog .customCard__body .customCard__title {
          font-size: 20px;
          margin-bottom: 8px;
     }

     .contentBox.form-contentbox .contentBox__image {
          display: none;
     }

     .form-label {
          font-size: 14px;
     }

     .contentBox-imageCover .contentBox__content {
          padding: var(--spacing) 24px;
     }

     .mainfooter__topRowContent h2 {
          font-size: 18px;
     }

     .mainfooter__topRowContent p {
          font-size: 18px;
     }

     .mainfooter__copyright .d-flex {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          -webkit-box-align: start !important;
          -ms-flex-align: start !important;
          align-items: flex-start !important;
          gap: 24px;
     }

     ul.mainfooter__copyrightDate li:first-child {
          padding-left: 0;
     }

     .heading-with-arrow .section-heading h1::after {
          width: 23px;
     }

     .ImgOverlayContent p,
     .udetails span {
          font-size: 14px;
     }

     .udetails strong {
          font-size: 16px;
     }

     .whychoose-section .contentBox__image .ImgOverlayContent {
          margin: 0 16px;
          background: rgba(255, 255, 255, 0.302);
     }

     .i-icon-box {
          width: 54px;
     }

     .support-card .card-texts:has(.outlineBtn) p {
          margin-bottom: 20px;
     }

     .support-card-wrap .row {
          row-gap: 24px;
     }

     .innersupport-cont {
          background-size: 100% 81%;
     }

     .innersupport-cont {
          padding: var(--spacing) 15px 0;
          background-size: cover;
          border-radius: 0;
     }


     .itsupport label {
          font-size: 14px;
     }

     .explore-desc {
          padding: 24px 20px;
     }

     .explore-desc .service-title {
          font-size: 24px;
     }

     .explore-desc p {
          font-size: 14px;
     }

     .heading-with-buttonRight .section-heading__text {
          max-width: 100%;
     }

     .whyleftImg .row .contentBox__image {
          padding-right: 0px;
     }

     .faqBox__question:before {
          top: 14px;
     }

     .faqBox__answer {
          padding: 8px 32px 22px 0;
     }

     .banner-with-background .inner-banerleftright .row {
          gap: 36px;
     }

     .banner-with-background .inner-banerleftright {
          padding-inline: 20px;
     }

     .contentBox-multiple .contentBox__image {
          --pad: 16px;
          --padLarge: 16px;
          padding-block: 24px;
          max-width: 100%;

          margin-inline: -16px;
          min-width: calc(100% + 32px);
     }

     .contentBox-alignCenter .contentBox,
     .contentBox-alignCenter .contentBox:nth-child(odd) {
          flex-direction: column-reverse;
          justify-content: normal;
          gap: var(--spacing);
          -webkit-box-align: normal;
          -ms-flex-align: normal;
          align-items: normal;
     }

     .contentBox-alignCenter .contentBox {
          margin-top: 48px;
     }

     .contentBox {
          --bs-gutter-x: 0;
          --bs-gutter-y: 0;
     }

     .contentBox {
          margin-inline: -20px;
          margin-inline: 0;
     }

     .contentBox-imageRounded .row.g-5 {
          --bs-gutter-x: 20px;
     }

     .contentBox-multiple .contentBox__content {
          /* padding-inline: 20px; */
          padding-inline: 0px;
     }

     .contentBox-titleSmall .contentBox__content h3 {
          font-size: 24px;
          margin-bottom: 8px;
     }

     .contentBox-titleSmall .contentBox__content p {
          font-size: 16px;
          margin-bottom: 26px;
     }

     .contentBox .commonBtn.commonBtn__primary {
          width: auto;
     }

     .section-padding .p-5.rounded-4.bg {
          padding-inline: 16px !important;
     }

     .section-padding .p-5.rounded-4.bg>.row {
          row-gap: 10px;
     }

     .request-quote-section .content-wrap {
          padding: var(--spacing) 24px;
     }

     .content-wrap.content-wrap-row .content-wrap__heading {
          margin-bottom: 0;
     }

     .request-quote-section .content-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .request-quote-section h2 {
          font-size: 30px;
     }

     .request-quote-section p {
          font-size: 18px;
     }

     .content-wrap__heading {
          margin-bottom: 32px;
     }

     .user-profile .user-profile__row {
          padding-inline: 16px;
     }

     .user-profile .user-profile__row {
          padding-inline: 20px;
     }

     .user-profile .user-profile__row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .user-profile h3 {
          font-size: 20px;
     }

     .featureContentHalf .feature p {
          max-width: 100%;
     }

     .doceoTabs__navParent {
          position: relative;
          margin-bottom: 20px;
          border: 1px solid var(--gray200);
          padding: 10px 30px 10px 10px;
          position: relative;
          border-radius: 8px;
     }

     .doceoTabs__navParent:before {
          content: attr(data-name);
     }

     .doceoTabs__navParent:after {
          content: "";
          width: 11px;
          height: 6px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5L10 1' stroke='%23212A21' stroke-linecap='round'/%3E%3C/svg%3E%0A");
          position: absolute;
          top: 50%;
          right: 16px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
     }

     .doceoTabs__navParent.expanded::after {
          -webkit-transform: translateY(-50%) rotate(180deg);
          -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
     }

     .doceoTabs__nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          z-index: 10;
          background-color: var(--background-color);
          -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
          -webkit-transform: translateY(10px);
          -ms-transform: translateY(10px);
          transform: translateY(10px);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          background: #fff;
          padding: 15px;
     }

     .doceoTabs__navParent.expanded .doceoTabs__nav {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
          visibility: visible;
     }

     .bannerSec__img img {
          min-height: 250px;
     }

     .halfBlueBox__content {
          padding-inline: 20px;
          -webkit-padding-after: 80px;
          padding-block-end: 80px;
     }

     .pricing-card .customCard__body .inline-btn {
          margin-top: 20px;
     }

     .headerNew__top {
          padding: 12px 0;
     }

     .halfBlueBox__img {
          padding: 0 60px 0;
          margin-top: -60px;
     }

     .aboutbanner .section-heading__text p {
          max-width: 100%;
     }

     .doceoCard {
          padding: 30px 16px;
     }

     .aboutbanner .row.row-gap-5 {
          row-gap: 2rem !important;
     }

     .bannerSec.aboutbanner {
          padding-bottom: 260px;
     }

     .quoteBox svg {
          width: 58px;
          margin-bottom: 5px;
     }

     .doceoCard--large {
          padding: var(--spacing) 20px;
     }

     .form-heading p {
          font-size: 16px;
     }

     .borderedList__child {
          font-size: 16px;
     }

     .bannerform-sec {
          padding: 20px;
     }

     .support-card .card-texts h3 {
          font-size: 18px;
     }

     .section-heading__text p {
          font-size: 18px;
     }

     .avatarrating {
          -webkit-margin-before: 32px;
          margin-block-start: 32px;
     }

     .headerNew__searchBox {
          padding: 15px;
     }

     .doceoCard__heading p {
          font-size: 16px;
     }

     .doceoCard--pricingBox .bg-secondary-blue p {
          font-size: 14px;
     }

     .doceoCard--pricingBox .doceoCard__heading {
          margin-bottom: 20px;
     }

     /* table */
     .pricingtable table {
          border: 0;
     }

     .pricingtable table thead {
          border: none;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px;
     }

     .pricingtable table tr {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 20px;
          padding: 30px 0;
     }

     .pricingtable table tr:first-child {
          padding-top: 0;
     }

     .pricingtable table tr:last-child {
          padding-bottom: 0;
     }

     .pricingtable table tr:not(:last-child) {
          border-bottom: 2px solid rgb(0, 97, 169, 0.1);
     }

     .pricingtable table td {
          display: block;
          padding: 0;
     }

     .pricingtable table tbody td {
          border-bottom: 0;
     }

     .pricingtable__mobileHeader {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 0 1fr;
          grid-template-columns: repeat(2, 1fr);
          gap: 0;
          padding: 10px 15px;
          font-weight: 600;
          font-size: 16px;
          line-height: 1.4;
          color: #003D6A;
          padding: 0 15px 15px;
     }

     .pricingtable {
          padding: 25px 15px;
     }

     .pricingtable__listcol>div {
          padding: 15px 15px;
     }

     .remoteSectionContent__box p {
          margin: 0 0 15px;
     }

     .remoteSectionContent__box p,
     .remoteSectionContent__box .check-list_withicon li,
     .remoteSectionContent__box li {
          font-size: 16px;
     }

     :root {
          --headerNewHeight: 67px;
     }

     body.admin-bar header.headerNew {
          top: 45px;
     }

     body.admin-bar .headerNew.hide,
     body.admin-bar header.headerNew.scrolled {
          top: 0;
     }

     .iconList li:has(.no-icon) p {
          font-size: 16px;
     }

     .contentBox__image.animate::after {
          background-position: 80% 0;
     }

     .contentBox.form-contentbox.row {
          gap: 0;
     }

     .contentBox-rounded .contentBox {
          background-position: bottom;
     }

     .avatarrating {
          -webkit-margin-before: 32px;
          margin-block-start: 32px;
     }

     .newsLetterbox__row p span.wpcf7-spinner {
          position: absolute;
          right: 0;
          z-index: 3;
          background: #000;
          top: 8px;
     }

     .heading-with-arrow .section-heading h2::after,
     .heading-with-arrow .section-heading h1::after {
          width: 22px;
     }

     .print-technology .bg-color_blue .p-5.rounded-4.bg .row {
          row-gap: 40px;
          margin-inline: 0;
     }

     .print-technology section.bg-color_blue .p-5.rounded-4.bg>.row>.col-lg-6:last-child {
          padding: 0;
     }

     .print-technology section.bg-color_blue .p-5.rounded-4.bg>.row>.col-lg-6 {
          padding: 0 16px;
     }

     .print-technology section.bg-color_blue .p-5.rounded-4.bg {
          padding-inline: 0px !important;
     }

     .socialFooter {
          gap: 24px;
     }

     .whychoose-section ul:has(+ .section-heading__button) {
          margin-bottom: 28px;
     }

     .contentBox-heading__38 .contentBox__content h2 {
          font-size: 30px;
          margin-bottom: 16px;
     }

     .blue-background.topHeading--badge .topHeading {
          margin-bottom: 18px;
     }

     .footerMenuRow .mainfooterMenu__box {
          max-width: 100%;
     }


     .whychoose-section .row .content-descpoint {
          -webkit-margin-after: 10px;
          margin-block-end: 10px;
     }

     .contentBox-multiple .contentBox>.col-md-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
     }

     .doceoTimeLine__item p {
          font-size: 14px;
     }

     .doceoTimeLine__item p strong {
          /* font-size: 16px; */
     }

     .inquiries__box :is(p, .inquiries__links) {
          font-size: 18px;
     }

     .page-id-4495 .customCard__body p {
          font-size: 18px;
     }

     /* single blog */

     .post-meta {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          gap: 1rem;
     }

     .author-bio {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-align: center;
     }

     .post-navigation {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
     }

     .nav-next {
          text-align: left;
     }

     /* single blog */
     /* search page */
     .search-title {
          font-size: 2rem;
     }

     .search-input-group {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          border-radius: 15px;
     }

     .search-submit {
          border-radius: 0 0 15px 15px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
     }

     .search-filters {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
     }

     .search-results-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          gap: 20px;
     }

     .result-footer {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 15px;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
     }

     .recent-post-item {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-align: center;
     }

     /* search page */
     /* archive page */

     .archive-title {
          font-size: 2rem;
     }

     .posts-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .post-footer {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
     }

     /* archive page */
     /* 404 page */

     .error-number span {
          font-size: 5rem;
     }

     .error-title {
          font-size: 2rem;
     }

     .error-description {
          font-size: 1.1rem;
     }

     .nav-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          gap: 20px;
     }

     /* 404 page */
     .newsLetterbox .hbspt-form>form {
          width: 100%;
     }

     .newsLetterbox .hbspt-form {
          width: 100%;
     }

     .newsLetterbox--hasform .content-wrap.content-wrap-row .content-wrap__heading,
     .newsLetterbox--hasform .content-wrap.content-wrap-row .newsLetterbox {
          width: 100%;
     }

     .newsLetterbox--hasform .newsLetterbox {
          -webkit-padding-start: 0;
          padding-inline-start: 0;
          -webkit-padding-before: 26px;
          padding-block-start: 26px;
          -webkit-border-start: 0;
          border-inline-start: 0;
          -webkit-border-before: 1px solid rgba(107, 195, 254, 0.30);
          border-block-start: 1px solid rgba(107, 195, 254, 0.30);
     }

     .request-quote-section .content-wrap {
          padding: 36px 24px;
     }

     .container .row.g-5 {
          --bs-gutter-y: 2rem;
     }

     .container .inner-banerleftright .row {
          --bs-gutter-y: 0;
     }

     .remoteSectionContent__box:not(:first-child)::before {
          width: 100%;
     }

     .remoteSectionContent__box h3 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .content-descpoint .section-heading {
          margin-bottom: 20px;
     }

     .bannerSec.full .section-heading {
          margin-bottom: 36px;
     }

     .single-page-branding img {
          max-width: 720px;
          width: 100%;
          margin: auto !important;
     }

     .single-page-branding {
          padding-inline: 35px;
     }

     .contentBox__heading li {
          font-size: 16px;
          line-height: 1.9;
     }

     .googleReview__box {
          --size: 46px;
     }

     .innersupport-cont {
          position: relative;
     }

     .innersupport-cont:after {
          content: "";
          width: 100%;
          height: 16%;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
          background: #ffffff;
          background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.97) 47%, rgba(255, 255, 255, 0) 100%);
          background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.97) 47%, rgba(255, 255, 255, 0) 100%);
          background: linear-gradient(0deg, rgba(255, 255, 255, 0.97) 47%, rgba(255, 255, 255, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
     }

     .innersupport-container {
          position: relative;
          z-index: 2;
     }

     .contentPages h1 {
          font-size: 36px;
          line-height: 1.36;
          margin-bottom: 16px;
     }

     .contentPages h2 {
          font-weight: 600;
          font-style: 600;
          font-size: 24px;
          line-height: 36px;
          margin-bottom: 6px;
     }

     .contentPages h3 {
          font-size: 18px;
          line-height: 1.5;
     }

     .contentPages h4 {
          font-size: 17px;
          line-height: 1.5;
     }

     .contentPages h5 {
          font-size: 16px;
          line-height: 1.5;
     }

     .contentPages h6 {
          font-size: 14px;
          line-height: 1.5;
     }

     .form-heading h3 {
          font-size: 20px;
     }

     .form-heading h3 br {
          display: none;
     }

     .contentBox-alignCenter .contentBox .contentBox__content:not(:has(.commonBtn)) .contentBox__heading p,
     .contentBox-alignCenter .contentBox .contentBox__content:not(:has(.commonBtn)) .contentBox__heading ul,
     .contentBox-alignCenter .contentBox .contentBox__content:not(:has(.commonBtn)) .contentBox__heading ol {
          margin: 0;
     }

     .page-id-1707 section.heading-with-arrow.section-pLarge.white .container>.row {
          flex-direction: column-reverse;
     }

     .doceoCard.doceoCard-blue.doceoCard-medium.quoteBox {
          padding: 34px 40px;
     }

     .page-id-1556 .section-padding ul.check-list_withicon {
          gap: 16px;
     }

     .page-id-1556.section-padding.heading-with-arrow.section-pLarge.white.animate .fw-semibold.text-20.mb-2 {
          margin-bottom: 16px !important;
     }

     .customCard.pricing-location h4 {
          font-size: 20px;
     }

     .customCard.pricing-location .customCard__title a {
          order: 3;
     }

     .customCard.pricing-location h4 {
          width: 100%;
     }

     .customCard.pricing-location .customCard__img {
          height: 240px;
     }

     .entry-title,
     .result-title {
          margin-bottom: 20px;
          font-size: 20px;
     }

     .page-id-4495 .bannerSec .newsLetterbox .hbspt-form>form {
          width: 100%;

     }

     .page-id-4495 .bannerSec .newsLetterbox .hbspt-form>form .hs_email,
     .page-id-4495 .bannerSec .newsLetterbox .hbspt-form>form .hs_submit.hs-submit,
     .page-id-4495 .bannerSec .newsLetterbox .hbspt-form>form input.hs-button.primary.large {
          width: 100%;
     }

     .page-id-4495 .bannerSec .row .col-md-12 {
          order: 2;
     }

     .page-id-4495 .bannerSec .row .col-md-6:not(:first-child) {
          order: 3;
     }

     .page-id-4495 .bannerSec .section-heading,
     .page-id-4495 .bannerSec .section-heading h1 {
          margin: 0;
     }
}




/* 767 */

@media (max-width: 680px) {
     .footer-right {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 40px;
     }

     .footer-left p {
          margin: 18px 0 0;
     }

     .footer-left {
          margin-bottom: 40px;
     }

     .footer-bottom p {
          font-size: 12px;
     }

     .footer-bottom p {
          padding: 15px;
     }

     .signUpFormBox {
          gap: 15px;
     }

     .commonBtn,
     .outlineBtn {
          letter-spacing: .6px;
     }

     .connect-steps-wrap {
          grid-template-columns: repeat(1, 1fr);
     }

     .banner-connect .main-heading,
     .banner-connect p {
          text-align: center;
     }

     .contact-info,
     .contact-desc {
          width: 100%;
     }

     .stats-inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }

     .stats-inner .stats-card {
          width: 100%;
     }

     .connect-link-lock {
          padding: 25px 20px;
     }

     .d-card-block {
          padding: 35px 15px;
     }

     .character-block-wraper {
          grid-template-columns: repeat(1, 1fr);
     }

     .letstalk-wraper .letstalk-inner {
          padding: 0;
     }

     .letstalk-inner,
     .request-talk-block {
          border-radius: 20px;
     }

     .connect-steps-wrap {
          padding-bottom: 30px;
     }

     .signUpFormBox input,
     .form-control {
          font-size: 15px;
     }

     .mob-textleft h1.main-heading {
          text-align: left;
     }

     .swiper.printerSwiper {
          padding: 0;
     }

     .megaNewMenu__leftNav {
          width: 100%;
          border: 0;
          max-width: 100%;
     }

     .megaNewMenu__left {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
     }


     .megaNewMenu__leftContent {
          position: absolute;
          top: 0;
          right: 0;
          background: #fff;
          width: 100%;
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.3s ease-in-out all;
          -o-transition: 0.3s ease-in-out all;
          transition: 0.3s ease-in-out all;
          padding: 0 0 20px;
     }

     .navbarNav.showSubmenu.showSubChildmenu .megaNewMenu__leftContent {
          opacity: 1;
          visibility: visible;
     }

     ul.navbarNav.showSubmenu.showSubChildmenu {
          -webkit-transform: translateX(-200%);
          -ms-transform: translateX(-200%);
          transform: translateX(-200%);
     }

     .doceoTimeLine__arrow {
          --swiper-navigation-sides-offset: 0px;
     }

}

/* 680 */
@media (max-width: 575px) {
     :root {
          --headerNewHeight: 63px;
     }

     .right_nav .commonBtn {
          display: none;
     }

     .mainfooter__copyrightDate {
          font-size: 14px;
     }

     .mainfooter__contactInfoAnchor span {
          display: none;
     }

     .banner__img img {
          max-width: 100%;
     }

     .banner__content .signUpForm {
          margin-top: 35px;
     }

     .signUpFormBox input,
     .form-control {
          width: 100%;
     }

     .textSlider__content {
          padding-inline: 35px;
     }

     .d-cardinner {
          grid-template-columns: repeat(1, 1fr);
     }

     .form-outer {
          gap: 0;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
     }

     .form-outer .form-input {
          width: 100%;
     }

     .request-talk-block {
          padding: 20px 12px;
     }

     .submit-cta {
          margin-top: 10px;
     }

     .serv-table {
          grid-template-columns: repeat(1, 1fr);
     }

     .partner-inner .fullImages {
          width: 50%;
     }

     .character-block.text-left {
          text-align: center;
     }

     .product-service-inner {
          -ms-grid-columns: 1fr;
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }

     .printer-wraper-tab .printer-card {
          width: 100%;
     }

     .product-service.print-service .product-service-inner {
          grid-template-columns: repeat(1, 1fr);
     }

     .section-BgImage ul li {
          width: 98%;
     }

     .mainfooterMenu__box {
          width: 100%;
     }

     header .brandlogo a {
          width: 87px;
     }

     .headerNew__topRowRight .commonBtn {
          font-size: 14px;
          padding: 9px 12px;
     }

     .headerNew__topRowRight .commonBtn svg {
          width: 16px;
     }

     .banner-with-background .inner-banerleftright {
          background-size: 100% calc(100% - 140px);
     }

     .halfBlueBox__img {
          padding: 0 20px 0;
     }

     .pricingtable__listcol {
          font-size: 14px;
     }

     .log-con {
          max-width: 42%;
     }

     .log-con img {
          max-width: 170px;
          max-height: 40px;
     }

     .continousAutoplay .swiper-slide {
          width: 250px;
     }

     .cultureGridWrapper {
          --count: 1;
     }

     h1.post-ttl {
          font-size: 50px;
          line-height: 62px;
     }

     .commonBtn,
     .outlineBtn {
          width: 100%;
     }

     .section-heading__button {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-align: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
     }

     .newsLetterbox .hbspt-form>form {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
     }

     .newsLetterbox .hs-form-field,
     .newsLetterbox .hs_submit.hs-submit,
     .newsLetterbox .hs-button {
          width: 100%;
     }

     nav.main-menu {
          top: calc(var(--headerNewHeight) + 1px);
     }

     .customCard__title.d-flex.justify-content-between {
          display: flex;
          flex-direction: column;
          flex-direction: column;
          align-items: flex-start;
     }
}


/* 575 */
@media (max-width: 480px) {

     .footer-right ul.nav-list {
          width: 100%;
     }

     .footer-right ul.nav-list li {
          width: 100%;
     }

     .footer-right ul.nav-list {
          gap: 12px;
     }



     .pricingtable__mobileHeader {
          padding: 0 10px 10px;
          font-size: 15px;
     }

     .pricingtable__listcol>div {
          padding: 8px 8px;
     }

     .pricingtable__list {
          border-radius: 5px;
     }

     /* archive page */

     .post-thumbnail {
          height: 200px;
     }

     .entry-title {
          font-size: 1.3rem;
     }

     /* archive page */
     /* 404 page */

     .error-number {
          gap: 10px;
     }

     .error-number span {
          font-size: 4rem;
     }

     .error-title {
          font-size: 1.5rem;
     }

     .nav-card {
          padding: 20px;
     }

     .search-field {
          padding: 15px 50px 15px 20px;
          font-size: 1rem;
     }

     /* 404 page */
     .hbspt-form .form-columns-2 .input {
          margin-right: 0 !important;
     }

     footer .hbspt-form .hs_email {
          width: 100%;
          margin-bottom: 15px;
          padding: 0;
     }

     footer .hbspt-form .hs_email {
          width: 100%;
          margin-bottom: 15px;
          padding: 0;
     }

     footer .hbspt-form .hs_submit.hs-submit {
          float: none;
     }
}

/* 480 */
@media (max-width: 450px) {}

@media (max-width: 400px) {

     .heading-with-arrow .section-heading h2::after,
     .heading-with-arrow .section-heading h1::after {
          margin-left: 5px;
     }

     .banner-with-background .inner-banerleftright {
          background-size: 100% calc(100% - 170px);
     }

     .section-heading h2,
     .inner-privcy-wrap h1 {
          font-size: 29px;
     }

     .section-heading h2 span {
          -webkit-transform: rotate(-90deg) translateX(0px);
          -ms-transform: rotate(-90deg) translateX(0px);
          transform: rotate(-90deg) translateX(0px);
     }

     .section-heading h2 .lottie-heading-icon {
          width: 33px;
          height: 36px;
     }

     .lottie-heading-icon {
          bottom: 0px;
     }

     .section-heading h1 span.lottie-heading-icon {
          bottom: -7px;
     }
}

@media (max-width: 374px) {
     .avatarrating__contentStar {
          gap: 2px;
     }

     .avatarrating__contentStar svg {
          width: 16px;
     }
}