@media only screen and (min-width: 768px) {
     .pinsection_slider.swiper,
     .pinsection_slider .swiper-slide {
          width: 380px;
          margin: 0;
     }

}

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

     header nav.navbar .navbar-collapse ul.nav-links li.menu-item.menu-item-has-children ul.sub-menu,
     header nav.navbar .navbar-collapse .menu-link-item .mega-menu {
          position: absolute;
          background: var(--white-color);
          width: 100%;
          max-width: 81rem;
          top: 72px;
          left: 0;
          right: 0;
          margin: 0 auto;
          box-shadow: 0 24px 50px #0000001a;
          padding: 32px;
          border-radius: 24px;
          z-index: 9;
          opacity: 0;
          visibility: hidden;
          transform: translateY(10px);
          /* optional: smooth slide-down */
          transition:
               opacity 0.3s ease,
               visibility 0.3s ease,
               transform 0.3s ease;
          pointer-events: none;
     }

     .megaNewMenu__backbutton {
          display: none;
     }

     header nav.navbar .navbar-collapse ul.nav-links li.menu-item.menu-item-has-children:hover>img,
     header nav.navbar .navbar-collapse .navbar-nav .nav-link:hover>img {
          transform: rotate(180deg);
     }

     header nav.navbar .navbar-collapse ul.nav-links li.menu-item.menu-item-has-children:hover ul.sub-menu,
     header nav.navbar .navbar-collapse .menu-link-item:hover .mega-menu {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
          pointer-events: auto;
     }
}

@media only screen and (min-width: 1024px) {
     .pinsection_slider .swiper-slide {
          padding: 0 20px;
     }

     .pinsection_slider.swiper,
     .pinsection_slider .swiper-slide {
          width: 400px;
     }

     .pinsection_slider .swiper-pagination {
          display: none;
     }

     .pinsection_slider .swiper-wrapper {
          transform: none !important;
          transition: none !important;
          width: auto !important;
     }

     .mouse-scroll-sec {
          min-height: 100vh;
     }

     .vieworder-header h1 {
          font-size: 35px;
          line-height: 122%;
     }
}

@media only screen and (min-width: 1199px) {

     .pinsection_slider.swiper,
     .pinsection_slider .swiper-slide {
          width: 450px;
     }
}


@media screen and (max-width:1580px) {
     .aboutus-banner {
          padding-top: 80px;
     }

     .inner-abtus p {
          font-size: 24px;
          font-weight: 600;
          line-height: 154%;
          margin: 30px 0 70px;
     }

     .our_mainserv_row,
     .image_text_wrap {
          gap: 110px;
     }

     .inner-bg-sec h2 span {
          font-size: 145px;
     }

     .about-quote-text p,
     .abtfound-para p {
          font-size: 26px;
     }

     span.process-no {
          margin-bottom: 40px;
     }

     .work-wrapper .expect-card .expect-no {
          font-size: 150px;
     }

     .work-wrapper .expect-card:not(:last-child) {
          margin-bottom: 45px;
     }

     .video_modal video,
     .video_modal .modal-header {
          width: 72rem;
          margin: 0 auto;
     }

     .service-card {
          gap: 150px;
     }

     .service-card-content {
          max-width: 820px;
     }
}

@media screen and (max-width:1440px) {
     header .collapse {
          padding-left: 140px;
     }

     .podcast-swiper .team-card .team_list_img {
          height: 372px;
     }

     .custm-dashboard h1 {
          font-size: 60px;
     }

     .footer-bottom-image {
          position: relative;
          bottom: -75px;
     }

     .foot-link-card .footlink-item li a,
     .footer-middle .foot-social ul li a {
          font-size: 18px;
     }

     .footer-middle {
          padding: 75px 0 40px;
     }

     .inner-notfound {
          padding: 110px 0 120px;
          text-align: center;
     }

     .inner-notfound h1 {
          font-size: 155px;
     }

     .inner-notfound p {
          font-size: 20px;
     }

     span.casestudy-count {
          right: -12px;
     }

     .review-words p {
          font-size: 24px;
          margin: 50px 0 30px;
     }
}

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

     .animated-heading h1,
     .main-heading {
          font-size: 56px;
     }

     .titles {
          font-size: 48px;
          line-height: 62.8px;
     }

     .sub-title {
          font-size: 42px;
     }

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

     .p-deliver-card {
          padding: 25px 25px;
     }

     .p-deliver-card h4 {
          font-size: 20px;
     }

     .inner-contact {
          gap: 110px;
     }

     .data-card h3 {
          font-size: 45px;
     }

     .data-card {
          gap: 130px;
     }

     .about-quote-text p,
     .abtfound-para p {
          font-size: 24px;
     }

     .about-founder-middle {
          margin-top: 100px;
          padding: 100px 0;
     }

     .img-desc-block p {
          font-size: 20px;
          margin-bottom: 24px;
     }

     .faq-content .accordion-button {
          padding: 25px 40px 25px 0;
     }

     .our_mainserv_row,
     .image_text_wrap {
          gap: 70px;
     }

     .our_mainserv_desc .faq-content .accordion-button {
          gap: 14px;
          font-size: 22px;
     }

     .about-founder-middle {
          gap: 85px;
     }

     .podcast-swiper .team-card .team_list_img {
          height: 328px;
     }

     .creative-team-head p {
          font-size: 28px;
     }

     .expect-descr p {
          font-size: 20px;
     }

     .carers__page .casestudySingle__bannerImg {
          margin-top: 4rem;
     }

     .servicemain_row {
          gap: 100px;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-name,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-quantity .quantity .qty,
     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.order-total td {
          font-size: 24px;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-name {
          width: 65%;
     }

     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.cart-subtotal th,
     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.cart-subtotal td,
     tr.cart-discount th,
     tr.cart-discount td,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal a.remove,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents .coupon p.coupon-label {
          font-size: 20px;
     }

     .wc-proceed-to-checkout {
          margin: 0 auto 60px;
     }

     .industry-expert-inner .indus-expert-card:nth-of-type(2) {
          min-height: 31.875rem;
     }

     .blogHeading h1 {
          margin: 0 0 3.5rem;
     }

     .blogHolder__single .blogItem__content h2 {
          font-size: 2.4rem;
     }

     .blogHolder__list {
          gap: 2.5rem;
     }

     .blogItem__content h3 {
          font-size: 1.4rem;
     }

     section.blog-section {
          padding-bottom: 8rem;
     }

     .membership-price p {
          font-size: 28px;
     }

     .membership-list p {
          font-size: 18px;
     }

     .membership-card,
     .all-packages {
          padding: 24px;
     }

     .all-packages h5 {
          font-size: 22px;
     }

     .mbenfit_card.mbenfit-card-broad {
          padding-left: 55px;
          padding-right: 55px;
          gap: 45px;
     }

     .memb-benefits-bottom .benefits-title {
          font-size: 34px;
          margin: 25px auto 40px;
     }

     .login-inner-section h1,
     .lostpassword-inner h1,
     .restpassword-innerwrapper h1 {
          font-size: 40px;
     }

     .blogContent h1 {
          font-size: 36px;
     }

     .casestudy-support {
          grid-template-columns: repeat(3, 1fr);
     }

     .casetudy-letstalk p {
          font-size: 18px;
     }

     .woocommerce-orders .woocommerce-message.woocommerce-message--info,
     .woocommerce-order-pay .woocommerce ul.woocommerce-error {
          max-width: 95%;
     }

}

@media screen and (max-width:1300px) {
     header .collapse {
          padding-left: 85px;
     }

     .slidingVertical {
          height: 68px;
     }

     .banner-btns {
          margin-top: 35px;
     }

     .service-card {
          gap: 100px;
     }

     .scroll-head-item {
          font-size: 90px;
     }

     .our-clientswrap {
          margin-top: 50px;
          padding: 40px 40px;
     }

     .review-words p {
          font-size: 20px;
          line-height: 150%;
          margin: 35px 0 30px;
     }

     .review-rating-card {
          padding-bottom: 95px;
     }

     .cont-call-schedule .contact-authname {
          font-size: 20px;
     }

     .cont-call-schedule .contact-auth-role {
          font-size: 16px;
     }

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

     .bookcall-section .inquery-card {
          padding-left: 85px;
     }

     .footer-top {
          gap: 60px;
     }

     .foot-link-card .footlink-item li a,
     .footer-middle .foot-social ul li a {
          font-size: 16px;
     }

     .foot-link-card .footlink-item li {
          margin-bottom: 15px;
     }

     .footer-content p {
          font-size: 16px;
          margin: 22px 0 35px;
     }

     .footer-content .butn span {
          font-size: 16px;
          padding: 19px 10px 19px 22px;
     }

     .footer-bottom {
          padding-top: 40px;
     }

     .singleShop h1 {
          font-size: 35px;
     }

     .priceBox__statBox {
          padding: 15px 15px;
     }

     .custm-dashboard h1 {
          font-size: 52px;
     }

     .dashboard-cards .term-content-title {
          font-size: 25px;
     }

     .video_modal video,
     .video_modal .modal-header {
          width: 80%;
     }

     .privacy-policy-wrapper h1 {
          font-size: 44px;
     }
}

@media screen and (max-width:1200px) {
     .navbar-expand-lg .navbar-collapse {
          justify-content: flex-end;
          padding-right: 30px;
     }

     .titles {
          font-size: 40px;
          line-height: 52px;
     }

     .mb-comm {
          margin-bottom: 45px;
     }

     .sub-title {
          font-size: 36px;
     }

     header a.navbar-brand svg {
          width: 160px;
     }

     header .collapse {
          padding-left: 20px;
     }

     header nav.navbar .navbar-collapse ul.nav-links,
     header nav.navbar .navbar-collapse .navbar-nav {
          gap: 20px;
     }

     .animated-heading h1,
     .main-heading {
          font-size: 48px;
     }

     .section-padding {
          padding: 120px 0;
     }

     .heading-wrap {
          flex-wrap: wrap;
          gap: 32px;
     }

     header a.navbar-brand {
          max-width: 166px;
     }

     .hero-banner a.butn span {
          font-size: 16px;
          /* padding: 18px 29px; */
     }

     .data-card {
          gap: 110px;
     }

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

     .bookcall-inner {
          margin-top: 100px;
     }

     .inner-team {
          margin-top: 65px;
     }

     .scroll-head-item {
          font-size: 80px;
     }

     .casestudie_wrap .inner_casestudie_wrap {
          margin-top: 60px;
     }

     .inner-contact {
          gap: 55px;
     }

     .contact-form-wrap {
          padding: 42px 20px;
     }

     .job-title-wrap {
          width: calc(100% - 380px);
     }

     .job-appply-wrap {
          max-width: 380px;
     }

     .apply-section {
          padding: 30px;
     }

     .hr-profile img {
          width: 70px;
          height: 70px;
          margin-right: 20px;
          border-radius: 50%;
          object-fit: cover;
     }

     .contact-info {
          font-size: 17px;
     }

     .weektrail_inner {
          padding: 50px;
     }

     .aboutus-banner {
          padding-top: 65px;
     }

     .our_mainserv_row,
     .image_text_wrap {
          gap: 50px;
     }

     .img-desc-block p {
          font-size: 18px;
          margin-bottom: 20px;
     }

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

     .d_support_card p,
     .d_support_card ul li {
          font-size: 16px;
     }

     .inner-abtus p {
          font-size: 20px;
          margin: 20px 0 50px;
     }

     .about-quote-text p,
     .abtfound-para p {
          font-size: 20px;
     }

     .about-founder-top {
          gap: 50px;
     }

     .about-quote-text {
          gap: 60px;
     }

     .abtfound-img img {
          width: 150px;
          min-width: 150px;
          height: 150px;
     }

     .our_mainserv_desc .faq-content .accordion-button {
          font-size: 18px;
          padding: 22px 20px 22px 0;
     }

     .our_mainserv_desc p {
          font-size: 16px;
          margin-bottom: 16px;
     }

     .our_mainserv_desc ul.list-style li {
          font-size: 16px;
     }

     .creative-team-head p {
          font-size: 24px;
     }

     .founder-bg-sec {
          height: 85vh;
     }

     .inner-bg-sec h2 span {
          font-size: 110px;
          line-height: 100%;
     }

     .growing-blocks {
          gap: 40px;
     }

     .creative-team-head {
          gap: 55px;
     }

     .expect-descr p {
          font-size: 18px;
     }

     .about-serv-sec {
          padding-top: 120px;
     }

     .woocommerce-cart .product-name .variation dt,
     .woocommerce-cart .product-name .variation dd p,
     .woocommerce-checkout .product-name .variation dt,
     .woocommerce-checkout .product-name .variation dd p {
          font-size: 18px;
     }

     .woocommerce-checkout .product-name .variation,
     .woocommerce-checkout .product-name .variation {
          width: 60%;
     }

     .order-table-outer table.shop_table tbody tr.order_item td {
          font-size: 20px !important;
     }

     .order_main-wrapper .order-banner-text h1 {
          font-size: 56px;
     }

     .payment-last-update p {
          font-size: 16px;
     }

     .order_main-wrapper {
          padding: 40px 0 0;
     }

     .carers__page .casestudySingle_top p {
          margin: 25px 0 24px;
          font-size: 20px;
     }

     .footer-inner {
          padding: 90px 0 10px;
     }

     .footer-call-block .foot-call-text .f_call-label {
          font-size: 17px;
     }

     .footer-call-block .f_call-text {
          font-size: 28px;
     }

     .work-wrapper .expect-descr h3 {
          font-size: 30px;
     }

     .work-wrapper .expect-card .expect-no {
          font-size: 120px;
     }

     .work-wrapper .expect-card {
          gap: 100px;
     }

     .work-wrapper .expect-card {
          gap: 60px;
     }

     .servicemain_row {
          gap: 50px;
     }

     .serv-left-desc p {
          font-size: 16px;
          margin: 18px 0 15px;
     }

     .industry-exp-desc h3 {
          font-size: 23px;
     }

     .industry-exp-desc {
          padding: 20px;
     }

     .industry-expert-inner .indus-expert-card:nth-of-type(2) {
          min-height: 28.5rem;
     }

     .d_support_card svg,
     .d_support_card>img {
          margin-bottom: 32px;
     }

     .our_mainserv_row:not(:last-child) {
          padding-bottom: 120px;
     }

     .allserv-card .serv-title {
          font-size: 20px;
     }

     .allserv-card {
          padding: 1.5rem 1.5rem;
     }

     .casestudie_wrap {
          padding: 50px 0 80px;
     }

     .blogRichtext p {
          font-size: 16px;
          line-height: 166%;
     }

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

     .blogHolder__single .blogItem__content h2 {
          font-size: 2.2rem;
     }

     .blogHeading h1 {
          margin: 0 0 3rem;
     }

     .blogItem__content h3 {
          font-size: 1.2rem;
     }

     .authorby__text,
     .authorby__name {
          font-size: 1rem;
     }

     .blogItem__authorImg {
          width: 2.2rem;
          height: 2.2rem;
     }

     section.blog-section {
          padding-bottom: 6rem;
     }

     .mbenfit_card {
          padding: 32px 24px 32px 24px;
     }

     .mbenfit_card.mbenfit-card-broad {
          padding-left: 40px;
          padding-right: 40px;
          gap: 30px;
     }

     .mbenfit-titlewrap h3 {
          font-size: 20px;
     }

     .memb-benefits-bottom {
          padding: 45px;
     }

     .memb-benefits-bottom .benefits-title {
          font-size: 30px;
     }

     .memb-benefits-bottom .ceo-name {
          font-size: 16px;
     }

     .ceo-position {
          font-size: 12px;
     }

     .review-words p {
          margin: 25px 0 30px;
     }

     .review-profile .reviewr-info p {
          font-size: 16px;
     }

     .privacy-policy-wrapper h1 {
          font-size: 38px;
     }

     .privacy-policy-wrapper {
          padding: 50px 0 80px;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account>p {
          font-size: 18px;
     }

     .inner-notfound h1 {
          font-size: 130px;
          margin-bottom: 16px;
     }

     .inner-notfound {
          padding: 90px 0 100px;
     }

     .shopPageHeading .section-heading p {
          font-size: 18px;
          line-height: 28px;
     }

     .shoprowBox h2 {
          font-size: 28.4px;
     }

     .reviews-container h2.main-title,
     .related-products h2 {
          font-size: 32px;
     }

     .expect-card:not(:last-child) {
          margin-bottom: 30px;
     }

     .our-clientswrap .grid-sec__row {
          gap: 30px 44px;
     }

     .blogHolder__single .blog_card .blogItem__imgWrap {
          max-width: 34rem;
     }

     .blogHolder__single .blog_card .blogItem__content {
          width: calc(100% - 34rem);
     }

     .woocommerce-cart .woocommerce-notices-wrapper {
          max-width: 100%;
          padding-left: 20px;
          padding-right: 20px;
     }

     .blogRichtext ol {
          margin-top: .5rem;
          padding-left: 1rem;
          font-size: 16px;
     }

     .casestudy-support {
          padding: 20px 20px;
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width:1024px) {
     .container {
          padding-left: 1.75rem;
          padding-right: 1.75rem;
     }

     header nav.navbar .navbar-collapse ul.nav-links li.menu-item a,
     header nav.navbar .navbar-collapse .navbar-nav .nav-link {
          font-size: 15px;
     }

     .navbar-toggler:focus {
          box-shadow: unset !important;
     }

     .hero-banner {
          padding: 70px 0 50px;
     }

     .section-padding {
          padding: 100px 0;
     }

     .casestudie_thumb {
          height: 365px;
     }

     .data-card {
          gap: 80px;
     }

     .data-card h3 {
          font-size: 35px;
     }

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

     .service-card {
          gap: 50px;
     }

     .p-deliver-time {
          width: calc(100% - 300px);
     }

     .p-meeting-review {
          max-width: 300px;
     }

     .test-rating .rating-no {
          font-size: 76px;
          margin-bottom: 12px;
     }

     .review-profile .reviewr-info span {
          font-size: 16px;
     }

     .review-profile .reviewr-img {
          width: 45px;
          min-width: 45px;
          height: 45px;
     }

     .testimonial-section .swiper {
          padding-bottom: 80px;
     }

     .testimonial-section .titles span.title-color {
          display: inline;
     }

     .testimonial-section .swiper-pagination span.swiper-pagination-bullet {
          width: 14px;
          height: 14px;
     }

     .faq-inner {
          padding-top: 60px;
     }

     .faq-askques-inner p {
          font-size: 16.8px;
     }

     .faq-content {
          width: calc(100% - 330px);
     }

     .faq-askques {
          max-width: 330px;
     }

     .singleblog-wrapper {
          padding: 3rem 0;
     }

     .carers__page .casestudySingle_top p {
          font-size: 18px;
     }

     .work-wrapper .expect-descr h3 {
          font-size: 28px;
     }

     .work-wrapper .expect-descr {
          padding-top: 35px;
     }

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

     .work-wrapper .expect-card:not(:last-child) {
          margin-bottom: 30px;
     }

     .industry-expert-inner .indus-expert-card:nth-of-type(2) {
          min-height: 24.5rem;
     }

     .our_mainserv_row:not(:last-child) {
          padding-bottom: 100px;
     }

     .allserv-card .serv-title {
          font-size: 18px;
     }

     .subs_member_head h4 {
          font-size: 20px;
     }

     .subs-badge {
          font-size: 14px;
     }

     .membership-price p {
          font-size: 25px;
     }

     .woocommerce-shop .wp-site-blocks p {
          font-size: 18px;
     }

     .singleShop .row .col-lg-8,
     .singleShop .row .col-lg-4 {
          width: 100%;
     }

     .woocommerce-account .entry-content .woocommerce-MyAccount-content.cstm-account .custm-dashboard p,
     .woocommerce-account .entry-content .woocommerce-MyAccount-content.cstm-account .custm-dashboard p strong {
          font-size: 18px;
          line-height: 32px;
     }

     .dashboard-cards p {
          font-size: 18px;
     }

     .foot-link-card .foot-title h4.marg-top {
          margin-top: 30px;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account {
          padding-left: 1.75rem;
          padding-right: 1.75rem;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account form h2 {
          margin-top: 0;
     }

     .img-desc-block p {
          font-size: 16px;
          margin-bottom: 16px;
     }

     .first-meet .inner_firstmeet {
          margin: 0;
     }

     .first-meet .inner_firstmeet .col-sm-6 {
          padding: 0;
     }

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

     .hero-banner a.butn>span {
          padding: 16px 25px !important;
     }

     .inner-cont-service p.serv_desc {
          font-size: 16px;
     }

     .casestudyProjectBox__title {
          font-size: 1rem;
     }

     .design-support {
          padding: 80px 0 80px;
     }

     .expect-descr p {
          font-size: 16px;
     }

     .expect-card .expect-no {
          font-size: 18px;
     }

     .woocommerce-checkout .checkout-banner p {
          font-size: 20px;
     }

     .pinsection_slider.swiper {
          padding-bottom: 65px;
     }

     .our-clientswrap .grid-sec__row {
          grid-template-columns: repeat(5, 1fr);
          gap: 30px;
     }

     .woocommerce-keys .woocommerce-MyAccount-content.cstm-account {
          padding-left: 1.75rem;
          padding-right: 1.75rem;
     }

     .blogHolder__single .blog_card .blogItem__imgWrap {
          max-width: 28rem;
     }

     .blogHolder__single .blog_card .blogItem__content {
          width: calc(100% - 28rem);
     }

     .singleBlog__toc {
          grid-column: span 2;
     }

     .singleBlog__ads {
          grid-column: span 12;
     }

     .blogContent {
          grid-column: span 10;
     }

     .blogTocContent h3 {
          font-size: 1.125rem;
     }

     .casestudySingle__right .blogRichtext h2 {
          font-size: 24px;
          margin-bottom: 15px;
     }

     .more_related_blog .blogHolder__list {
          grid-template-columns: 1fr 1fr;
     }

}

@media screen and (max-width:991px) {
     .admin-bar header.headerNew:not(.scrolled) .navbar-collapse {
          top: calc(var(--headerNewHeight, 140px) + 30px);
     }

     #coupons_popup .modal-dialog.modal-dialog-centered.header_contact_popup.cart__coupon__popup {
          max-width: 90%;
          width: 100%;
     }

     header nav.navbar .navbar-collapse ul.nav-links li.menu-item a,
     header nav.navbar .navbar-collapse .navbar-nav .nav-link {
          font-size: 16px;
     }

     header nav.navbar .navbar-collapse .navbar-nav {
          gap: 5px;
     }

     .navbar-nav .menu-link-item {
          width: 100%;
          padding-block: 5px;
     }

     .navbar-toggler {
          grid-column-gap: .375rem;
          grid-row-gap: .375rem;
          color: #fff;
          cursor: pointer;
          background-color: var(--blue-color);
          border-radius: 100px;
          flex: none;
          justify-content: center;
          align-items: center;
          padding: .500rem 1.125rem;
          font-size: .9375rem;
          font-weight: 600;
          line-height: 1.26;
          display: flex;
     }

     .navbar-collapse {
          position: fixed;
          z-index: 1000;
          background-color: #fff;
          align-items: flex-start;
          width: 100vw;
          height: 100%;
          top: var(--headerNewHeight, 140px);
          left: 0;
          right: 0;
          padding-left: 0 !important;
          max-height: calc(100svh - var(--headerNewHeight, 140px));
          overflow: hidden;
          overflow-y: auto;
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
          transition: all ease .3s;
     }

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

     .navbar-collapse.collapse.show {
          transform: translateX(0px);
     }

     .navbar-nav {
          padding: 15px 20px;
          -webkit-transition: .3s ease-in-out all;
          -o-transition: .3s ease-in-out all;
          transition: .3s ease-in-out all;
     }

     .submenuToggle img.menu-icon {
          transform: rotate(45deg);
     }

     .megaNewMenu__backbutton svg {
          transform: rotate(-135deg);
          width: 23px;
          height: auto;
          aspect-ratio: 1/1;
     }

     .megaNewMenu__backbutton {
          margin-bottom: 15px;
          display: inline-flex;
          gap: 5px;
     }

     header .mega-menu .inner-submenu .menucol {
          width: 100%;
          max-width: 13.75rem;
     }

     header .mega-menu .inner-submenu {
          justify-content: space-between;
     }

     .menu-link-item {
          flex-wrap: wrap;
     }

     .mega-menu {
          width: 100%;
          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: .3s ease-in-out all;
          -o-transition: .3s ease-in-out all;
          transition: .3s ease-in-out all;
          padding: 15px 15px 40px;
          display: none;
     }

     .navbar-nav.showSubmenu {
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
     }

     .menu-link-item.active .mega-menu {
          opacity: 1;
          visibility: visible;
          display: block;
     }

     .submenuToggle {
          width: 26px;
          margin-left: auto;
     }

     .headerNew.hide {
          -webkit-transform: unset;
          -ms-transform: unset;
          transform: unset;
     }

     .container {
          padding-left: 2rem;
          padding-right: 2rem;
     }

     .nav-menu-btn-wrap {
          display: none;
     }

     .page-template-template-services header nav.navbar .navbar-collapse .navbar-nav .nav-link,
     .single-service header nav.navbar .navbar-collapse .navbar-nav .nav-link,
     .page-template-subscription header nav.navbar .navbar-collapse .navbar-nav .nav-link,
     .woocommerce-cart header nav.navbar .navbar-collapse .navbar-nav .nav-link,
     .woocommerce-checkout header nav.navbar .navbar-collapse .navbar-nav .nav-link {
          color: var(--text-color);
     }


     .hero_content-inner {
          flex-wrap: wrap;
          gap: 24px;
     }

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

     .service-card {
          gap: 50px;
          flex-wrap: wrap;
     }

     .service-card-content {
          max-width: 100%;
     }

     .project-deliver-inner {
          gap: 50px;
     }

     .blogHolder__list {
          grid-column-gap: 2.5rem;
          grid-row-gap: 4.5rem;
          grid-template-columns: 1fr 1fr;
     }

     .blogHolder__single .blog_card {
          grid-column-gap: .75rem;
          grid-row-gap: .75rem;
          flex-flow: column;
          justify-content: space-between;
          align-items: flex-start;
     }

     .blogHolder__single .blog_card .blogItem__imgWrap {
          max-width: 100%;
     }

     .blogHolder__single .blogItem__content h2 {
          margin-bottom: 2rem;
          font-size: 1.5rem;
          line-height: 1.31;
     }

     .blogItem__content,
     .footer-links-wrap,
     .blogHolder__single .blog_card .blogItem__content {
          width: 100%;
     }

     .expect-card:not(:last-child) {
          margin-bottom: 35px;
     }

     .footer-top .footer-content {
          max-width: 100%;
     }

     .footer-content p {
          margin: 15px 0 26px;
     }

     .footer-top {
          flex-wrap: wrap;
     }

     .footer-middle .foot-social ul {
          gap: 12px;
     }

     .footer-call-block .popcall-icon {
          min-width: 50px;
          width: 50px;
          height: 50px;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-name,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-quantity .quantity .qty,
     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.order-total td {
          font-size: 25px;
     }

     .woocommerce-cart .woocommerce .woocommerce-message {
          max-width: 100%;
          padding-left: 2rem;
          padding-right: 2rem;
     }

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

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

     .custm-dashboard h1 {
          font-size: 42px;
     }

     .shopSignleContent h2 {
          margin-top: 35px;
     }

     .creative-team-head p {
          font-size: 20px;
     }

     .service-card-img {
          height: 300px;
     }

     .carers__page .casestudySingle_top p {
          font-size: 16px;
     }

     .expect-descr h3 {
          font-size: 20px;
     }

     button.navbar-toggler[aria-expanded="true"] span.line.line-2 {
          opacity: 0;
     }

     button.navbar-toggler[aria-expanded="true"] span.line.line-1 {
          transform: rotate(45deg) translate(4px, 5px);
     }

     button.navbar-toggler[aria-expanded="true"] span.line.line-3 {
          transform: rotate(-45deg) translate(4px, -5px);
     }

     .woocommerce-keys .woocommerce-MyAccount-content.cstm-account {
          padding-left: 2rem;
          padding-right: 2rem;
     }
}

/* 991 */
@media screen and (max-width:880px) {
     .container {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
     }

     .sub-title {
          font-size: 30px;
     }

     .section-padding {
          padding: 80px 0;
     }

     .casestudie_thumb {
          height: 300px;
     }

     .bookcall-section .inquery-card {
          padding-left: 0;
     }

     .bookcall-section .inquery-card::before {
          display: none;
     }

     .bookcall-inner {
          margin-top: 60px;
          flex-wrap: wrap;
          gap: 65px;
     }

     .callbook-card h3,
     .inquery-card h3 {
          margin-bottom: 30px;
     }

     .callbook-card p.address {
          margin: 20px 0 0;
     }

     .p-deliver-time,
     .faq-content,
     .inner-contact .contact-left-cont,
     .inner-contact .contact-form-wrap {
          width: 100%;
     }

     .p-meeting-review,
     .faq-askques {
          max-width: 100%;
     }

     .faq-inner {
          padding-top: 30px;
     }

     .faq-content .accordion-button {
          padding: 25px 40px 25px 0;
          font-size: 18px;
     }

     .project-deliver-inner {
          gap: 40px;
     }

     .testimonial-section .swiper-pagination span.swiper-pagination-bullet {
          width: 12px;
          height: 12px;
     }

     .testimonial-section .swiper {
          padding-bottom: 65px;
     }

     .inner-contact,
     .faq-inner,
     .project-deliver-inner {
          flex-wrap: wrap;
     }

     .cont-call-schedule {
          margin-top: 40px;
     }

     .inner-contact {
          display: flex;
          gap: 60px;
     }

     .content-wrapper {
          grid-template-columns: 1fr;
     }

     .job-inner {
          gap: 60px;
          flex-wrap: wrap;
     }

     .job-title-wrap {
          width: 100%;
     }

     .job-header {
          padding: 80px 0;
     }

     .our_mainserv_row,
     .image_text_wrap,
     .pay-wrapper {
          flex-wrap: wrap;
     }

     .image-block,
     .img-desc-block,
     .our_mainserv_img,
     .our_mainserv_desc,
     .growing-jounery,
     .cstm-pay-column.outer-style.pay-left,
     .cstm-pay-column.pay-right {
          width: 100%;
     }

     .about-serv-sec {
          padding-top: 80px;
     }

     .inner-bg-sec h2 span {
          font-size: 90px;
          line-height: 100%;
     }

     .inner-bg-sec h2 span:nth-of-type(2) {
          margin-top: 32px;
     }

     .founder-bg-sec {
          height: 600px;
     }

     .about-founder-middle {
          flex-wrap: wrap-reverse;
          margin-top: 80px;
          padding: 80px 0;
     }

     .creative-team-head {
          gap: 20px;
          flex-wrap: wrap;
     }

     .first-meet .inner_firstmeet {
          flex-wrap: wrap;
          gap: 50px;
     }

     .first-meet .inner_firstmeet .col-sm-6 {
          width: 100%;
     }

     .weektrail_inner {
          padding: 35px;
     }

     .woocommerce-cart .woocommerce .woocommerce-message {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
     }

     #order_review {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
          padding-bottom: 60px;
     }

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

     .d_support_card.designation-card {
          padding: 28px;
     }

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

     .our_mainserv_row:not(:last-child) {
          padding-bottom: 80px;
     }

     .casestudySingle__grid {
          flex-wrap: wrap;
     }

     .casestudySingle__left {
          position: unset;
          max-width: 100%;
     }

     .blogRichtext p {
          margin-bottom: 12px;
     }

     .blogItem__tags>div {
          font-size: .7375rem;
     }

     .blogHolder__list {
          grid-row-gap: 2.8rem;
     }

     section.blog-section {
          padding-bottom: 4.3rem;
     }

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

     .mbenfit_card.mbenfit-card-broad,
     .memb-benefits-middle .mbenfit_card.mbenfit-card-broad:nth-of-type(2) {
          flex-direction: column;
     }

     .mbenfit_card.mbenfit-card-broad .mbenfit-titlewrap,
     .mbenfit_card.mbenfit-card-broad .mbenfit-img,
     .mbenfit-img img {
          width: 100%;
     }

     .memb-benefits-top {
          grid-template-columns: 1fr 1fr 1fr;
     }

     .mbenfit_card.mbenfit-card-broad {
          padding-left: 24px;
          padding-right: 24px;
          gap: 0;
     }

     .mbenfit-titlewrap {
          margin-bottom: 25px;
     }

     .memb-benefits-middle {
          margin: 15px 0;
          gap: 15px;
     }

     .woocommerce-shop .wp-site-blocks {
          padding: 0 20px;
     }

     .woocommerce-shop .wp-site-blocks p {
          font-size: 16px;
     }

     .shopSignleContent p {
          font-size: 16px;
          line-height: 28px;
     }

     .featuresList li {
          font-size: 16px;
     }

     .shopSignleContent h2,
     .reviews-header h3 {
          font-size: 25px;
     }

     .woocommerce-account .entry-content nav.woocommerce-MyAccount-navigation ul li a {
          font-size: 15px;
     }

     .woocommerce-account .entry-content .woocommerce-MyAccount-content.cstm-account .custm-dashboard p,
     .woocommerce-account .entry-content .woocommerce-MyAccount-content.cstm-account .custm-dashboard p strong {
          font-size: 16px;
          line-height: 26px;
     }

     .dashboard-cards a {
          padding: 24px;
     }

     form.woocommerce-EditAccountForm.edit-account p input,
     .woocommerce-edit-address .woocommerce-address-fields input.input-text,
     .woocommerce-edit-address .woocommerce-address-fields span.select2-selection {
          font-size: 16px;
     }

     .casestudy-tag li {
          font-size: 15px;
     }

     .video_modal video,
     .video_modal .modal-header {
          width: 100%;
     }

     .video_modal button.btn-close {
          margin-right: 10px;
     }

     .review-words p {
          font-size: 18px;
          margin: 18px 0 30px;
     }

     .footer-bottom {
          flex-wrap: wrap;
     }

     .foot-badges a img {
          max-width: 150px;
     }

     .copyright-text img {
          max-width: 125px !important;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account>p {
          font-size: 16px;
          margin-bottom: 0;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account h2 {
          font-size: 22px;
          margin-bottom: 18px;
          margin-top: 30px;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
     }

     .our_mainserv_row,
     .image_text_wrap {
          gap: 45px;
     }

     .logo-slider-wrap h2 {
          margin-bottom: 35px;
     }

     .woocommerce-keys .woocommerce-MyAccount-content.cstm-account {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
     }

     .singleBlog__toc,
     .singleBlog__ads,
     .blogContent {
          grid-column: span 12;
     }

     .singleBlog__toc {
          gap: 0;
          position: unset;
          align-items: flex-start;
     }

     .our_mainserv_img {
          position: unset;
          height: auto;
     }
}

@media screen and (max-width:768px) {
     .servicemain_row {
          flex-wrap: wrap;
     }

     .serv-left-desc,
     .serv-right-image {
          width: 100%;
     }

     .woocommerce-cart .woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item {
          display: flex;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-name:before,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal::before {
          display: none;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-name {
          text-align: left !important;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-quantity {
          display: none;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal {
          width: 35%;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents .coupon {
          flex-wrap: wrap;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents .coupon input#coupon_code {
          width: 100%;
     }

     .woocommerce-cart .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
     .woocommerce-cart .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
          background-color: transparent;
     }

     .industry-expert-inner .indus-expert-card:nth-of-type(2),
     .industry-expert-inner .indus-expert-card:nth-of-type(4),
     .industry-expert-inner .indus-expert-card:nth-of-type(5) {
          grid-area: unset;
     }

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

     .allservice-grid {
          grid-template-columns: 1fr;
     }

     .serv_img {
          display: none !important;
     }

     .allserv-card {
          padding: 1.2rem 1.1rem;
     }

     .blogInnerTabs {
          margin-bottom: 35px !important;
     }

     .blogHeading h1 {
          margin: 0 0 2.3rem;
     }

     .blogHolder__single {
          padding-bottom: 3.2rem;
     }

     .blogHolder {
          grid-row-gap: 3.2rem;
     }

     .allserv-card .serv-title:before {
          width: 100%;
          height: 1px;
          bottom: 0px;
     }

     .subsbanner_inner p {
          font-size: 16px;
          line-height: 150%;
          margin-bottom: 12px;
     }

     .city-info__outer {
          font-size: 14px;
     }

     .privacy-policy-wrapper h2,
     .privacy-policy-wrapper h3 {
          margin-top: 25px;
          font-size: 20px;
     }

     .privacy-policy-wrapper p,
     .privacy-policy-wrapper ul li {
          font-size: 16px;
     }

     .privacy-policy-wrapper h1 {
          font-size: 30px;
          margin-bottom: 25px;
     }

     .privacy-policy-wrapper {
          padding: 50px 0 60px;
     }

     .woocommerce-edit-address .woocommerce-MyAccount-content.cstm-account {
          padding-top: 60px;
          padding-bottom: 60px;
     }

     .our-clientswrap .grid-sec__row {
          grid-template-columns: repeat(4, 1fr);
     }

     .topbar-countdown-wrapper,
     .topbar-form-wrapper,
     .topbar-promo-wrapper {
          gap: 10px;
          padding: 10px;
     }

     .countdown-item {
          min-width: 50px;
          padding: 6px 8px;
     }

     .countdown-number {
          font-size: 20px;
     }

     .topbar-newsletter-form input {
          min-width: 200px;
     }
}

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

     .menu-col:has(.menu-subscription) {
          display: none;
     }

     header .mega-menu .inner-submenu .menucol {
          max-width: 50%;
     }

     .titles {
          font-size: 28px;
          line-height: 35px;
     }

     .sub-title {
          font-size: 26px;
     }

     .animated-heading h1,
     .main-heading {
          font-size: 38px;
     }

     .hero-banner {
          padding: 50px 0 50px;
     }

     .data-card h3 {
          font-size: 32px;
     }

     .data-card {
          gap: 55px;
          padding: 20px;
     }

     .heading-wrap {
          gap: 20px;
     }

     .slidingVertical {
          height: 50px;
     }

     .banner-btns .butn:nth-child(2) {
          display: none;
     }

     .hero-para p {
          font-size: 16px;
     }

     .service-para-btn .butn {
          margin-top: 38px;
     }

     .service-card {
          gap: 40px;
     }

     .sub-title {
          margin-bottom: 20px;
     }

     .inner-cont-service {
          gap: 30px;
     }

     .our_mainserv_desc .faq-content .accordion-button {
          font-size: 16px;
     }

     .allservice-no {
          font-size: 14px;
          letter-spacing: 1px;
     }

     .faq-inner {
          padding-top: 10px;
          gap: 20px;
     }

     .faq-content .accordion-button {
          padding: 16px 0 16px 0;
          font-size: 16px;
          gap: 24px;
     }

     .inner-team {
          margin-top: 40px;
     }

     .callbook-card h3,
     .inquery-card h3 {
          font-size: 20px;
     }

     .callbook-card h3,
     .bookcall-section .inquery-card h3,
     .bookcall-section .inquery-card h3:nth-of-type(2) {
          margin-bottom: 15px;
     }

     .callbook-card p.address {
          margin: 12px 0 0;
     }

     .bookcall-inner,
     .inner-testimonial,
     .our-clientswrap,
     .project-deliver-inner,
     .casestudie_wrap .inner_casestudie_wrap,
     .work-wrapper,
     .industry-expert-inner {
          margin-top: 40px;
     }

     .allcreative-service .heading-wrap,
     .membership-benefits .heading-wrap {
          margin-bottom: 45px;
     }

     .cont-call-schedule {
          margin-top: 30px;
     }

     .contact-left-cont .titles {
          margin-bottom: 32px;
     }

     .test-rating .rating-no {
          font-size: 50px;
     }

     .review-rating-card .test-brand-name {
          font-size: 15px;
     }

     .review-profile .reviewr-img {
          width: 40px;
          min-width: 40px;
          height: 40px;
     }

     .review-intro {
          gap: 60px;
     }

     .blogHolder__list {
          grid-template-columns: 1fr;
     }

     .scroll-head-item {
          font-size: 54px;
     }

     .founder-bg-sec {
          height: 510px;
     }

     .about-founder-top,
     .growing-blocks {
          flex-wrap: wrap;
     }

     .about-quote-text {
          gap: 20px;
     }

     .about-quote-text img {
          max-width: 22px;
          height: 18px;
     }

     .inner-bg-sec h2 span {
          font-size: 55px;
     }

     .growing-blocks {
          gap: 0px;
     }

     .grow-journ-cols p {
          margin-bottom: 24px;
     }

     .about-quote-text p,
     .abtfound-para p {
          font-size: 18px;
     }

     .our_mainserv_desc .faq-content .accordion-button {
          padding: 22px 0px 22px 0;
     }

     .our_mainserv_desc .faq-content .accordion-button::after {
          width: 13px;
          height: 13px;
     }

     .about-founder-middle {
          margin-top: 50px;
          padding: 50px 0;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td {
          padding: 26px 0 !important;
     }

     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-name,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-quantity .quantity .qty,
     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.order-total td {
          font-size: 16px;
          line-height: 140%;
     }

     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.cart-subtotal th,
     .woocommerce-cart .cart-collaterals .cart_totals table.shop_table.shop_table_responsive tr.cart-subtotal td,
     tr.cart-discount th,
     tr.cart-discount td,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr td.product-subtotal a.remove,
     .woocommerce-cart table.shop_table.woocommerce-cart-form__contents .coupon p.coupon-label {
          font-size: 16px;
     }

     .woocommerce-cart .wc-proceed-to-checkout a.checkout-button span.banner-button {
          font-size: 18px !important;
     }

     .woocommerce-terms-and-conditions-wrapper p {
          font-size: 16px;
     }

     .woocommerce-cart .product-name .variation,
     .woocommerce-checkout .product-name .variation {
          width: 100%;
          row-gap: 10px;
          margin-top: 15px;
     }

     .woocommerce-cart .product-name .variation dt,
     .woocommerce-cart .product-name .variation dd p,
     .woocommerce-checkout .product-name .variation dt,
     .woocommerce-checkout .product-name .variation dd p {
          font-size: 15px;
     }

     .job-header {
          padding: 60px 0;
     }

     .jobdescription-section {
          padding: 60px 0;
     }

     .main-content,
     .card-work {
          padding: 35px 25px;
     }

     .section-title {
          font-size: 1.4rem;
     }

     .order_main-wrapper .order-banner-text h1 {
          font-size: 40px;
     }

     .casestudie_wrap {
          padding: 60px 0 60px;
     }

     .casestudySingle {
          margin-top: 3.2rem;
     }

     .single-case_study .casestudie_wrap {
          padding-top: 0;
     }

     .blogRichtext h4 {
          margin-top: 1.5rem;
     }

     .allcreative-service {
          padding-bottom: 80px;
     }

     .service-section .service-wrap:last-child {
          padding-bottom: 0;
     }

     .image-swiper-two {
          margin: 8px 0;
     }

     .memb-benefits-bottom .benefits-title {
          margin: 18px auto 25px;
     }

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

     .service-para-btn .butn {
          margin-top: 30px;
     }

     .btn-beige span,
     .butn>span {
          font-size: 15px;
          padding: 15px 22px;
     }

     /* .spots-block {
          padding-top: 25px;
          margin-top: 30px;
     } */

     .subs_bookcall {
          font-size: 15px;
          margin: 12px 0 16px;
     }

     .review-rating-card {
          padding: 32px 20px;
     }

     .review-profile .reviewr-info span {
          font-size: 14px;
          line-height: 100%;
     }

     .priceBox__checkList li,
     .listWithIcon li {
          font-size: 15px;
     }

     .singleShop h1 {
          font-size: 28px;
     }

     .woocommerce-account .entry-content .inner-navigation-dashboard .dashboard-lists {
          display: none;
     }

     .custm-dashboard h1 {
          font-size: 32px;
     }

     form.woocommerce-EditAccountForm.edit-account,
     .woocommerce-edit-address .woocommerce-address-fields {
          padding: 25px 20px;
     }

     .inner-account-order,
     .inner-account-mysubscription {
          padding: 20px 20px;
     }

     .main_services_links .serv-title {
          font-size: 16px;
     }

     .main_services_links li a {
          padding: 16px 0;
     }

     .login-inner-section h1,
     .lostpassword-inner h1,
     .restpassword-innerwrapper h1 {
          font-size: 30px;
     }

     .login-signup-link {
          padding: 0;
     }

     .login-inner-section h2 {
          font-size: 18px;
     }

     .test-rating .star_wrap .star_icon {
          width: 18px;
     }

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

     .weektrail_inner h2 {
          width: 100%;
          font-size: 26px;
     }

     body .form-wrapper .form-control,
     body .gform_wrapper.gravity-theme .ginput_container input,
     body .gform_wrapper.gravity-theme .ginput_container textarea,
     body .gform_wrapper.gravity-theme .ginput_container select {
          padding: 12px 15px;
     }

     body .form-wrapper .form-control,
     body .gform_wrapper.gravity-theme .ginput_container input,
     body .gform_wrapper.gravity-theme .ginput_container select {
          height: 50px;
     }

     .inner-abtus p {
          font-size: 16px;
          margin: 20px 0px 30px;
     }

     .aboutus-banner {
          padding-top: 50px;
     }

     .banner-padding {
          padding: 60px 0 65px;
     }

     .expect-descr p {
          font-size: 16px;
     }

     .our_mainserv_desc ul.list-style li {
          padding-top: 15px;
     }

     .creative-team-head p {
          font-size: 18px;
     }

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

     .topbar-head a.butn span {
          padding: 8px 12px;
          display: none;
     }

     .bookcall-modal .modal-content {
          padding: 40px 20px;
     }

     .topbar-countdown-wrapper span.countdown-expired,
     .countdown-title {
          font-size: 13px !important;
     }

     .inner-notfound h1 {
          font-size: 85px;
     }

     .inner-notfound p {
          font-size: 16px;
          margin-bottom: 25px;
     }

     .membership-card,
     .all-packages {
          padding: 24px 20px;
     }

     .shopPageHeading .section-heading h1 {
          font-size: 38px;
          line-height: 120%;
     }

     .shopPageHeading .section-heading p {
          font-size: 16px;
          line-height: 155%;
     }

     .shoprowBox h2 {
          margin-top: 40px;
     }

     .shoprow+.shoprow {
          margin-top: 55px;
     }

     .shoprow {
          margin-left: 0;
          margin-right: 0;
     }

     .shoprow .col-md-6 {
          padding-left: 0;
          padding-right: 0;
     }

     .shopPageHeading .section-heading {
          text-align: left !important;
     }

     body .shopPageHeading {
          padding-top: 40px;
     }

     .subscriptionBox__price span.fw-bold,
     .subscriptionBox__price span.fw-medium,
     .subscriptionBox__rating span.fw-medium.text-muted {
          font-size: 14px;
     }

     .related-products h2 {
          margin-bottom: 20px;
     }

     .logo-slider-wrap .logo_list_img {
          max-width: 86px;
     }

     .cursor-wrap {
          display: none;
     }

     .foot-badges {
          gap: 20px;
     }

     .service-section .titles {
          padding-bottom: 30px;
     }

     .home .achievement-section {
          /* margin-top: 70px; */
     }

     .bg-linear {
          background-image: linear-gradient(#0000 10.68% 10.68%, #f0f0f0);
     }

     .bookcall-section .inquery-card h3:nth-of-type(2) {
          margin-top: 40px;
     }

     .foot-link-card .footlink-item li a,
     .footer-middle .foot-social ul li a {
          font-size: 15px;
     }

     .foot-link-card .footlink-item li {
          margin-bottom: 12px;
     }

     .trail-tag {
          font-size: 15px;
     }

     .p-deliver-card {
          display: flex;
          align-items: flex-start;
     }

     .reviews-container h2.main-title,
     .related-products h2 {
          font-size: 26px;
     }

     .reviews-container {
          padding-top: 30px;
     }

     .reviewer-img {
          width: 50px;
          height: 50px;
     }

     .reviewer-name {
          font-size: 18px;
     }

     .review-card {
          padding: 20px;
     }

     .design-support {
          padding: 60px 0 60px;
     }

     .design-support .row.category__row .category__col:first-child {
          margin-bottom: 40px;
     }

     select#category,
     select#location {
          font-size: 16px;
     }

     .select-main:after {
          width: 12px;
          height: 8px;
          top: 18px;
     }

     .d_support_card.designation-card {
          padding: 28px 20px;
     }

     .expect-card {
          gap: 12px;
     }

     .expect-card:not(:last-child) {
          margin-bottom: 20px;
     }

     .first-meet .inner_firstmeet {
          gap: 40px;
     }

     .account-order-wrpr,
     .dashboard-editform-wrpr,
     .account-mysubscriptions-wrpr {
          padding: 60px 0;
     }

     .account-order-wrpr .my_account_orders.account-orders-table tr {
          margin-bottom: 10px;
     }

     .login-inner-section form.login p.form-row-wide label,
     .lostpassword-inner p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first label,
     .restpassword-innerwrapper p label {
          font-size: 16px;
     }

     .woocommerce .login-inner-section form.login {
          margin-top: 10px;
     }

     .wc-proceed-to-checkout {
          margin: 0 auto 30px;
     }

     .woocommerce-checkout .checkout-banner p {
          font-size: 16px;
     }

     .woocommerce-cart .cart-banner,
     .woocommerce-checkout .checkout-banner {
          padding: 70px 0 100px;
     }

     .mob-dashboard-list {
          display: block;
     }

     .account-mysubscriptions-wrpr table.account_mysubscription_table tr {
          margin-bottom: 10px;
     }

     .login-inner-section form.login p.form-row-wide label,
     .lostpassword-inner p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first label,
     .restpassword-innerwrapper p label {
          font-size: 16px;
          margin-bottom: 5px;
     }

     .login-inner-section form.login p.form-row-wide input,
     .lostpassword-inner p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input,
     .restpassword-innerwrapper p input {
          font-size: 16px;
     }

     .lostpassword-wrapper {
          padding: 60px 0;
     }

     .review-profile .reviewr-info p {
          font-size: 15px;
     }

     .logo-slider-wrap.serv-logoslide {
          padding-bottom: 60px;
     }

     .logo-slider-wrap .logo_list_img {
          max-width: 140px;
          height: 50px;
     }

     .filedLabels li {
          font-size: 15px;
     }

     .order-account-heading h2 {
          font-size: 24px;
     }

     .account-order-wrpr .my_account_orders.account-orders-table tr td {
          color: var(--text-color);
     }

     .singleBlog__grid {
          gap: 1.5rem 0;
          grid-template-columns: auto;
     }

     .singleBlog {
          padding: 3rem 0 4rem;
     }

     .blogContent h1 {
          font-size: 28px;
     }

     .singleBlogAuthor__img {
          width: 3rem;
          height: 3rem;
     }

     .singleBlogAuthor {
          padding-top: 10px;
          padding-bottom: 10px;
     }

     .singleBlogAuthor__details .singleBlogAuthor__name {
          font-size: 16px;
     }

     .member-benefit-images .imageslide-card img {
          height: 175px;
     }

     .footer-top {
          gap: 30px;
     }

     .woocommerce-payment-methods .woocommerce-MyAccount-content.cstm-account,
     .woocommerce-add-payment-method .woocommerce-MyAccount-content.cstm-account,
     .woocommerce-account .entry-content .woocommerce-MyAccount-content.cstm-account {
          padding: 60px 0 60px;
     }

     .view-header-outer h2.woocommerce-order-details__title {
          font-size: 20px;
     }

     .vieworder-header h1 {
          font-size: 28px;
          margin-bottom: 15px;
     }

     .vieworder-header p.order-number {
          font-size: 16px;
     }

     button#place_order {
          font-size: 16px;
     }

     .blogTocContent {
          margin-bottom: 3.5rem;
     }

     .related-products h2,
     .more_related_blog .section_heading {
          font-size: 28px;
     }

     .logo-slider-wrap .logo_list_img img {
          height: 100%;
     }

     .checkout_order_wapper ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
          width: auto;
          flex-wrap: wrap;
     }

     .checkout_order_wapper ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
          padding-right: 0;
          margin-right: 0;
          width: 100%;
          border-right: 0;
     }

     .checkout_order_wapper ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
          width: auto;
          flex-wrap: wrap;
          row-gap: 14px;
          text-align: left;
     }

     .order-recieved p.banner-section__para {
          font-size: 16px;
     }

     .woocommerce-order-received .checkout_order_wapper table.shop_table td {
          font-size: 15px !important;
     }

     .woocommerce-order-received .woocommerce table.shop_table tfoot td {
          padding-right: 20px;
     }
}

/* 767 */
@media screen and (max-width:680px) {
     #coupons_popup .modal-body {
          padding: 0px 30px 30px;
     }

     #coupons_popup .modal-dialog.modal-dialog-centered.header_contact_popup.cart__coupon__popup {
          max-width: 95%;
     }

     h2.title.all-title {
          font-size: 22px;
     }

     #coupons_popup .bg__subtitle.subtitle {
          margin-bottom: 15px;
          font-size: 14px;
     }

     #coupons_popup .coupon__popup__col h5 {
          font-weight: 600;
     }

     .data-card,
     .inner-proof-block .data-card:nth-of-type(4),
     .inner-proof-block .data-card:nth-of-type(5) {
          width: 100%;
     }

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

     .inner_casestudie_wrap {
          gap: 50px;
     }

     .callbook-block,
     .bookcall-inner {
          gap: 40px;
     }

     .inner-cont-service {
          gap: 25px;
          flex-wrap: wrap;
     }

     .our-clientswrap {
          padding: 20px 25px;
     }

     .p-deliver-card {
          padding: 16px 14px;
     }

     .p-deliver-card h4 {
          font-size: 16px;
     }

     .p-deliver-card span {
          font-size: 14px;
          margin-right: 8px;
     }

     .about-quote-text p,
     .abtfound-para p {
          font-size: 16px;
     }

     .weektrail_inner {
          padding: 25px 20px;
     }

     .faq-askques-inner p {
          font-size: 15px;
     }

     .faq-askques a.butn span {
          padding: 15px 30px;
     }

     .cont-call-schedule a .contact-meeting .cont-auth-img {
          min-width: 55px;
          height: 55px;
     }

     .cont-call-schedule .contact-auth-role {
          font-size: 15px;
     }

     .contact-meeting .meeting-icon {
          width: 40px;
          height: 40px;
     }

     .contact-author {
          margin: 0 30px 0 15px;
          white-space: nowrap;
     }

     .cont-call-schedule .contact-authname {
          font-size: 18px;
     }

     .footer-links-wrap {
          grid-template-columns: auto auto;
     }

     .copyright-text,
     .footer-client-team {
          width: 100%;
     }

     .job-appply-wrap {
          max-width: 100%;
     }

     .job-meta {
          flex-direction: column;
     }

     .growing-jour-img {
          width: 100%;
     }

     .about-founder-middle {
          gap: 50px;
     }

     .podcast-swiper .team-card .team_list_img {
          height: 225px;
     }

     .order-table-outer table.shop_table tr.order_item td {
          padding-right: 0 !important;
          padding-left: 0;
     }

     .footer-bottom-image {
          bottom: -50px;
     }

     .footer-call-block .foot-call-text .f_call-label {
          font-size: 15px;
     }

     .footer-call-block .f_call-text {
          font-size: 20px;
     }

     .footer-call-block .popcall-icon {
          min-width: 45px;
          width: 45px;
          height: 45px;
     }

     .footer-call-block .popcall-icon img {
          max-width: 13px;
     }

     .footer-middle {
          padding: 35px 0 30px;
     }

     .footer-middle {
          padding: 35px 0 30px;
          flex-wrap: wrap;
          gap: 30px;
     }

     .footer-links-wrap {
          gap: 30px;
     }

     .footer-bottom {
          padding-top: 25px;
          gap: 15px;
     }

     .footer-bottom-image {
          bottom: -30px;
     }

     .invoice-detail-section {
          padding: 16px 16px;
     }

     .order_main-wrapper .pay-wrapper .cstm-pay-column.pay-left .invoice-contact ul {
          padding: 0 16px 0 16px;
     }

     .bill-to-section,
     .payment-last-update,
     .balance-pay-section,
     .invoice-recognise {
          padding: 16px;
     }

     .order-table-outer h2 {
          font-size: 30px;
          padding: 28px 16px 4px;
     }

     .order-table-outer table.shop_table tbody tr.order_item td.product-name {
          padding-left: 16px;
     }

     .order-table-outer table.shop_table tbody tr.order_item td.product-quantity {
          text-align: center;
     }

     .order-table-outer table.shop_table tbody tr.order_item td.product-subtotal,
     .order-table-outer table.shop_table tfoot td {
          padding-right: 16px !important;
     }

     .order-table-outer table.shop_table tbody tr.order_item td {
          font-size: 18px !important;
          line-height: 160% !important;
     }

     .invoice-price h4 {
          font-size: 22px;
     }

     .invoice-price span.overdue-txt {
          font-size: 14px;
          padding: 10px 10px;
          max-width: 115px;
     }

     .invoice-detail-section .invoice-innner ul li label,
     .bill-desc ul li label {
          font-size: 16px;
     }

     .bill-desc ul li {
          margin-top: 15px;
          width: 100%;
     }

     .bill-to-section h2 {
          font-size: 30px;
     }

     .work-wrapper .expect-card {
          flex-wrap: wrap;
          gap: 0;
     }

     .work-wrapper .expect-descr {
          border-top: 0;
          border-bottom: 1px solid #D7D7DA;
     }

     .work-wrapper .expect-descr {
          padding-bottom: 30px;
          padding-top: 20px;
     }

     .work-wrapper .expect-descr h3 {
          font-size: 25px;
     }

     .category-ul li {
          font-size: 16px;
          margin: 12px 0 12px;
     }

     .work-wrapper .expect-card .expect-no {
          font-size: 70px;
     }

     .industry-expert-inner {
          grid-template-columns: repeat(1, 1fr);
     }

     .blogInnerTabs {
          gap: 22px;
          flex-wrap: nowrap;
          overflow: auto;
     }

     .blogInnerTabs li.nav-item button {
          white-space: nowrap;
     }

     .currency-swap {
          margin: 0 auto;
     }

     .subs_membership_wrap {
          margin-top: 40px;
     }

     .subs_member_head h4 {
          font-size: 16px;
     }

     .membership-price {
          margin: 5px 0 20px;
     }

     .membership-list ul li {
          margin-bottom: 12px;
          font-size: 15px;
     }

     .memb-benefits-top {
          grid-template-columns: 1fr;
     }

     .memb-benefits-middle {
          flex-wrap: wrap;
     }

     .allserv-card .serv-title {
          font-size: 16px;
     }

     .review-profile .reviewr-img {
          width: 35px;
          min-width: 35px;
          height: 35px;
     }

     .review-rating-card {
          padding-bottom: 85px;
     }

     .featuresList li {
          width: 100%;
     }

     .featuresList {
          flex-wrap: wrap;
          gap: 12px;
     }

     .buyBoxSmall {
          gap: 5px;
     }

     .shopSignleContent h2,
     .reviews-header h3 {
          margin-bottom: 15px;
          font-size: 20px;
          line-height: 130%;
     }

     .shopDetailslider .swiper-slide img {
          height: 222px;
     }

     .shopDetailthumbSwiper .swiper-slide img {
          height: 55px;
     }

     .dashboard-cards {
          width: 100%;
          margin: 0;
     }

     .cstm-dashboard-cards-section .inner-dashboard-card {
          gap: 15px;
     }

     .dashboard-cards .term-content-title span img {
          max-width: 32px;
     }

     .dashboard-cards p {
          font-size: 16px;
     }

     .dashboard-cards .term-content-title {
          font-size: 20px;
     }

     form.woocommerce-EditAccountForm.edit-account .form-row-last,
     form.woocommerce-EditAccountForm.edit-account .form-row-first,
     .woocommerce-edit-address .woocommerce-address-fields .form-row-first,
     .woocommerce-edit-address .woocommerce-address-fields .form-row-last {
          width: 100%;
     }

     form.woocommerce-EditAccountForm.edit-account .form-row-first,
     .woocommerce-edit-address .woocommerce-address-fields .form-row-first {
          margin-bottom: 20px !important;
     }

     .gform_footer .gform_button {
          line-height: normal !important;
     }

     .inner-cont-service .service-para-btn,
     .inner-cont-service ul.service-tag {
          width: 100%;
     }

     .home .data-card:not(:last-child) .data-card-desc p,
     .home .data-card:last-child .data-card-desc p {
          max-width: 100%;
     }

     .data-card h3 {
          font-size: 26px;
          margin-bottom: 6px;
     }

     .bookcall-section .inquery-card ul li a,
     .bookcall-section .inquery-card ul li span,
     .callbook-card ul li a,
     .callbook-card p.address {
          font-size: 14px;
     }

     .callbook-card p.address {
          margin: 6px 0 0;
     }

     .foot-badges {
          margin-top: 25px;
          margin-bottom: 15px;
     }

     .industry-exp-desc:before {
          height: 90%;
     }

     .industry-exp-desc p {
          height: auto;
          overflow: visible;
          line-height: 1.3;
     }

     .inner-cont-service ul.service-tag {
          display: none;
     }

     span.card-stripe-icons {
          flex-wrap: wrap;
     }

     .blogAuthorWrap {
          flex-wrap: wrap;
          row-gap: 8px;
     }

     .singleBlog__ads {
          max-width: 100%;
     }

     .singleBlog__toc {
          display: none;
     }

     .blogContent__head {
          justify-content: flex-start;
          margin-bottom: 8px;
     }

     .blogContent__banner img {
          margin-top: 1rem;
     }

     .more_related_blog .blogItem h2 {
          font-size: 18px;
          margin: 15px 0 20px;
     }

     .blogItem__bottom {
          flex-wrap: wrap;
          row-gap: 10px;
     }

     .casestudy-support {
          grid-template-columns: repeat(1, 1fr);
     }

     .casetudy-letstalk {
          padding: 20px 20px;
          flex-wrap: wrap;
          gap: 15px;
          margin-bottom: 60px;
     }

     .casetudy-letstalk p {
          font-size: 16px;
     }

     .industry-expert img {
          height: 310px;
     }
}

/* 680 */
@media screen and (max-width:575px) {

     header ul.nav-links li.menu-item.menu-item-has-children ul.sub-menu li img.menu-icon,
     header nav.navbar .navbar-collapse .menu-link-item .mega-menu ul li img.menu-icon {
          width: 30px;
          height: 30px;
          max-width: 30px;
     }

     #coupons_popup .modal-body {
          padding: 0px 20px 20px;
     }

     #coupons_popup h2.title.all-title {
          font-size: 20px;
     }

     a#applycoupon {
          padding: 12px 40px;
     }

     header ul.nav-links li.menu-item.menu-item-has-children ul.sub-menu li,
     header nav.navbar .navbar-collapse .menu-link-item .mega-menu ul li {
          padding: 5px 0;
     }

     .topbar-head p {
          color: var(--text-color);
          font-weight: 500;
          font-size: 12px;
          line-height: 15.5px;
          margin: 0;
          max-width: 260px;
          text-align: center;
          margin: 0 auto;
     }

     header a.navbar-brand svg {
          width: 140px;
     }

     header nav.navbar {
          padding: 15px 0;
     }

     header a.navbar-brand {
          max-width: 172px;
     }

     .animated-heading h1,
     .main-heading {
          font-size: 34px;
     }

     .logo-slider-wrap {
          padding: 40px 0;
     }

     .section-padding {
          padding: 60px 0;
     }

     .faq-askques-inner {
          padding: 20px;
     }

     .inner-contact {
          gap: 40px;
     }

     .footer-inner {
          padding: 40px 0 10px;
     }

     .woocommerce-cart .woocommerce .coupon button.button {
          width: 100% !important;
     }

     .support-design-grid {
          grid-template-columns: repeat(1, 1fr);
     }

     .our_mainserv_row:not(:last-child) {
          padding-bottom: 60px;
     }

     .memb-benefits-bottom .benefits-title {
          font-size: 20px;
     }

     .memb-benefits-bottom {
          padding: 26px;
     }

     .account-order-wrpr .my_account_orders.account-orders-table tr td {
          padding-left: 4px;
          padding-right: 4px;
     }

     .account-order-wrpr .my_account_orders.account-orders-table td a.button {
          font-size: 14px;
          padding: 8px 14px;
     }

     .account-order-wrpr .my_account_orders.account-orders-table td a.button:last-child {
          margin-right: 0;
     }

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

     .service-card-img {
          width: 100%;
          height: 260px;
     }

     .cont-call-schedule a {
          width: 100%;
     }

     .cont-call-schedule a .contact-meeting {
          justify-content: space-between;
     }

     .our-clientswrap .grid-sec__row {
          grid-template-columns: repeat(3, 1fr);
     }

}

/* 575 */
@media screen and (max-width:480px) {
     header .mega-menu .inner-submenu .menucol {
          max-width: 100%;
     }

     header .mega-menu .inner-submenu {
          flex-wrap: wrap;
     }

     .our-clientswrap .grid-sec__row {
          grid-template-columns: repeat(2, 1fr);
     }

     .pubglishDetails {
          justify-content: flex-start;
          flex-wrap: wrap;
          row-gap: 6px;
     }

     .pubglishDetails__seprator {
          opacity: 0;
     }
}