@media screen and (min-width: 1400px) and (max-width: 1600px) {
     .wrapper {
          overflow-y: hidden
     }
}

@media screen and (min-width:1600px) {
     /* 27-2 madhvi */
     .banner_wrapper.section .swiper-team .swiper-wrapper {
          gap: 30px;
     }
     /* end */
     .strategies-block-bg-pink,
     .strategies-block-bg-yellow,
     .strategies-block-bg-blue {
          left: -25px
     }
     .strategies-block-bg-pink,
     .strategies-block-bg-yellow,
     .strategies-block-bg-blue {
          min-height: 590px
     }
}

@media screen and (max-width:1600px) {
     .blog-listing.footer-css .our-thoughts-perspective {
          padding: 150px 0 150px 0;
     }
     .mini-popup-banner.lg-anniversary {
          width: 1120px;
          height: 545px;
     }
     .mini-popup-banner .popup-banner .title-podcast {
          padding: 0;
          background-size: 100% 56%;
     }
     .popup-banner.session-b h2 {
          font-size: 28px;
          margin-bottom: 0;
     }
     .title-podcast h4 {
          font-size: 50px;
          margin: 0px 0 0;
     }
     .popup-banner.session-b h3 {
          font-size: 17px;
     }
     .session-date h6 {
          font-size: 10px;
     }
     .session-profile img {
          width: 8em;
     }
     .linking-cta {
          bottom: 24px;
     }
     .session-profile {
          padding-top: 5px;
          transform: translateY(-29px);
     }
     .session-date {
          top: 35px;
     }
     .text_18 {
          font-size: 14px;
     }
     .sp-inner h5 {
          margin-bottom: 7px;
     }
     .text_12 {
          font-size: 10px;
     }
     .linking-cta,
     .svg-rotate-anim,
     .svg-rotate-anim svg {
          width: 95px;
          height: 95px;
     }
     .linking-cta .y-circle {
          height: 45px;
          width: 45px;
     }
}

@media screen and (min-width:1300px) and (max-width:1450px) {
     .map-section {
          min-height: 850px
     }
     .contact-us .black-theme-section {
          padding: 36% 0 0 0
     }
}

@media screen and (min-width:1401px) and (max-width:1600px) {
     .services-page.footer-css .it-solution-block ul li {
          height: 500px;
     }
     .greatplace-footer img {
          width: auto;
          /* height: 12em; */
     }
     .hamburger-toggle {
          right: 40px
     }
     .blog-img {
          max-width: 600px
     }
     #svlg #sv .lgt {
          padding-left: 5% !important
     }
     .partner-logo-section1 ul li:nth-child(6) {
          margin-top: -134px;
          margin-left: 500px
     }
     .partner-logo-section1 ul li:nth-child(7) {
          margin-left: 212px;
          margin-top: -48px
     }
     .partner-logo-section1 ul li:nth-child(7) .partner-content {
          right: 0
     }
     .partner-logo-section2 ul li:nth-child(6) .partner-content {
          right: -80px
     }
     .partner-logo-section2 ul li:nth-child(9) {
          margin-left: 513px
     }
     .product-slider .swiper-pagination-fraction,
     .swiper-pagination-custom,
     .swiper-container-horizontal>.swiper-pagination-bullets {
          right: 0 !important
     }
     .bussiness-strategy-section .bussiness-text h2 span {
          font-size: 75px
     }
     .bussiness-desc {
          max-width: 400px;
          margin-right: 100px;
          margin-top: -110px
     }
     .map-section {
          min-height: 990px
     }
     .contact-us .black-theme-section {
          padding: 33% 0 0 0 !important
     }
     #team-building-slider .owl-dots {
          margin: 0;
          text-align: center
     }
     .our-thoughts-perspective h3 {
          background: linear-gradient(to right, #000000 65px, #ffffff -1px, #ffffff 525px, #ffffff 546px, #000000 0%);
          color: transparent;
          -webkit-background-clip: text;
          background-clip: text
     }
}

@media screen and (min-width:1024px) and (max-width:1399px) {
     .services-page.footer-css .it-solution-block ul li {
          height: 520px;
     }
     .greatplace-footer {
          justify-content: end;
          margin-top: 0;
     }
     .footer-menu .column-50.order_2 {
          max-width: 41%;
          padding-left: 50px;
     }
     .footer-menu .column-50.order_3 {
          max-width: 41%;
     }
     .footer-menu .column-50.order_1 {
          max-width: 16.66%;
     }
     #expand {
          min-width: 68%
     }
     .the-way-we-work ul li {
          min-height: 320px
     }
     .header .container {
          padding-left: 20px
     }
     .bussiness-strategy-section {
          min-height: 125vh
     }
     .our-thoughts-perspective h3 {
          transform: none
     }
     .automation-solution {
          padding: 90% 0 120px 0
     }
     img.year-img {
          width: 35%;
          height: 100%;
     }
     .text-desc {
          font-size: 70px;
     }
     .w-text {
          font-size: 70px;
     }
     .content-popup {
          gap: 20px;
     }
}

@media(max-width:1280px) {
     .mfp-inline-holder .mfp-content {
          margin: 0 auto;
          width: 1170px;
     }
     .popup-banner {
          padding: 50px 30px 80px;
     }
     .text-desc {
          font-size: 50px;
     }
     .year-text {
          font-size: 38px;
     }
     .popup-banner .title-year {
          margin-bottom: 34px;
          margin-left: -10px;
     }
     .w-text {
          font-size: 60px;
     }
     .white-text {
          padding: 0 80px;
     }
     .popup-banner .text-popup {
          font-size: 20px;
          line-height: 1.3;
     }
     .popup-banner .discription {
          font-size: 16px;
     }
     .bg-color .date-text {
          font-size: 20px;
     }
}

@media screen and (min-width:1024px) and (max-width:1600px) {
     .marquee-inner {
          width: 1500%
     }
     .sandcup-side-logo {
          left: -72px
     }
     .case-study .img_banner img {
          height: 740px
     }
     .img_banner .text_box hr {
          margin: 12px auto 0 calc(50% - 160px)
     }
     .site-footer {
          background-color: #141414
     }
     .product-slider .swiper-pagination-fraction,
     .swiper-pagination-custom,
     .swiper-container-horizontal>.swiper-pagination-bullets {
          right: 0
     }
     .contact-us-form-inner {
          width: 98%
     }
     .header .container {
          padding-left: 20px
     }
     .home-sandcup-text {
          left: calc(100vw - 1510px);
          bottom: 100px
     }
     .c-fluid-reveal__content_sub {
          padding: 40px 20px 20px calc(50% - 225px)
     }
     .c-fluid-reveal__content {
          padding-left: calc(50% - 373px)
     }
     .about_banner .content-width {
          max-width: calc(100vw / 2 + 975px / 1.6)
     }
     .careers_value .content-width {
          max-width: calc(100vw / 2 + 840px / 1.4)
     }
     /* .explore-more-project .marquee-scroller .hover-img{top:-80px;right:10px} */
     #overlay .toggle-close {
          top: 65px;
          right: 17px
     }
     .black-theme-section .content-width {
          max-width: calc(100vw / 2 + 725px / 1.5)
     }
     .team-building {
          max-width: 88%
     }
     .our-thoughts-perspective .content-width {
          max-width: 1475px
     }
     .case-study .look-what-we-work-section .marquee-wrapper .marquee-block {
          min-height: 360px
     }
     .bussiness-strategy-section h6 {
          margin: calc(100vh - 850px) 0 0
     }
     .mutual-firm-work .content-width {
          max-width: 1245px
     }
     .marquee-scroller .item {
          margin: 30px 40px;
          min-width: auto
     }
     /* .home-page .pin-spacer{height:791vh!important} */
     .careers_value .pined-content-culture .pin-spacer {
          height: 0 !important;
          padding: 0 !important
     }
     /* .perks_section .pined-content-culture .pin-spacer {height: 0 !important;padding: 0 !important} */
     /* about us */
     .we-are-mutual-firm-about .custom-row {
          flex-wrap: wrap
     }
     .we-are-mutual-firm-about .custom-row .col-md-33 {
          max-width: 50%;
          flex: 50%;
          padding: 20px 0
     }
     .our-thoughts-perspective h3 {
          max-width: 610px;
          margin: 0 auto
     }
     .container,
     .js-replace {
          max-width: 1400px !important;
          transition: all 0.4s ease-in-out 0s;
          -moz-transition: all 0.4s ease-in-out 0s;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -o-transition: all 0.4s ease-in-out 0s
     }
     body .sticky-header.header .js-replace,
     body .sticky-header.header .container {
          max-width: inherit !important;
          transition: all 0.4s ease-in-out 0s;
          -moz-transition: all 0.4s ease-in-out 0s;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -o-transition: all 0.4s ease-in-out 0s
     }
     body .sticky-header.header .left_icon {
          transform: translate(-2.1%, 0%);
          transition: all 0.4s ease-in-out 0s;
          -moz-transition: all 0.4s ease-in-out 0s;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -o-transition: all 0.4s ease-in-out 0s
     }
     .our-sub-team-section .content-width {
          max-width: calc(100vw / 2 + 823px / 1.4)
     }
     .site-footer .content-width {
          max-width: calc(100vw / 2 + 900px / 1.5)
     }
     .button_container {
          right: 5px
     }
     .services-title {
          padding: 7em 0 0 10em
     }
     h6.newadd_client {
          padding-bottom: 12px;
     }
}

@media screen and (min-width:1300px) {
     .site-footer .get-in-touch h3 {
          margin-top: 0;
     }
     .intro {
          display: block
     }
     .section1 .header {
          display: block
     }
     .map-section-mobile {
          display: none
     }
}

@media screen and (max-width:1200px) {
     .mini-popup-banner.lg-anniversary {
          width: 90%;
     }
     .intro {
          display: none
     }
     .our-purpose-section {
          margin-top: 30px
     }
     .section1 .header {
          display: none
     }
     .scrollbar-track-x,
     .scrollbar-track-y {
          display: none !important
     }
     .site-footer {
          background-color: #141414
     }
     body {
          min-height: auto
     }
     .section1 {
          z-index: 999
     }
     .mobile-header {
          display: block
     }
     .mobile-intro {
          display: block
     }
     .home-page .section1 {
          height: auto !important
     }
     .bussiness-strategy-section {
          display: none
     }
     .bussiness-strategy-section.bussiness-strategy-section-mobile {
          display: block !important
     }
     .mfp-inline-holder .mfp-content {
          width: 90%;
          margin: 0 auto;
     }
     .popup-banner .content-popup {
          padding-top: 0;
     }
     .popup-banner .text-desc {
          font-size: 58px;
     }
}

@media screen and (min-width:1200px) {
     /* 27-2 madhvi */
     .banner_wrapper.section .swiper-team .swiper-wrapper {
          gap: 25px;
     }
     /* end */
     .mobile-header {
          display: none !important
     }
     .mobile-intro {
          display: none !important
     }
}

@media screen and (min-width:1024px) and (max-width:1299px) {
     .contact-us .black-theme-section {
          padding: 43% 0 10% 0 !important
     }
}

@media screen and (max-width:1024px) {
     .anni-title {
          font-size: 24px;
     }
     .services-page.footer-css .it-solution-block ul li {
          height: 530px;
     }
     .our-sub-team-section .csr-row .csr-item {
          width: 50%;
          height: 395px;
     }
     .csr-page .our-sub-team-section.team-block {
          padding: 0px 0 90px;
     }
     .csr-page .lets-make-thing {
          padding: 0;
     }
}

@media screen and (min-width:1200px) and (max-width:1299px) {
     .bussiness-desc {
          max-width: 35% !important;
          margin-right: 80px !important
     }
}

@media screen and (max-width:1299px) {
     .map-section {
          display: none
     }
     .contact-us .black-theme-section {
          padding: 10% 0 10% 0
     }
     .map-section-mobile {
          padding: 0 20px
     }
     .col-3 {
          width: 100% !important
     }
     .arow-submit-button {
          display: flex !important;
          margin-top: 0 !important
     }
     .contact-us-form-inner {
          padding: 60px 0 90px 0 !important;
          width: 100% !important
     }
     .tab-content {
          padding: 0 0 30px 0 !important
     }
     .map-section-mobile ul {
          display: flex;
          flex-wrap: wrap
     }
     .map-section-mobile ul li {
          width: 50%
     }
}

@media screen and (min-width:1024px) and (max-width:1400px) {
     .home-page .section1 {
          height: 100vh
     }
     .overlay ul {
          max-width: 64%
     }
     .contact-banner li h1 {
          font-size: 65px
     }
     .contact-banner .tabs li {
          margin: 0
     }
     .contact-banner li h1 {
          margin-bottom: 0
     }
     /* partner page */
     .partner-logo-box ul {
          display: flex;
          flex-wrap: wrap
     }
     .partner-logo-box ul li {
          width: 40% !important;
          padding: 0 10px 30px 0 !important;
          margin: 0 auto !important;
          display: block !important;
          float: left;
          flex: 100%;
          max-width: 37%
     }
     .partner-logo-box ul li .partner-content {
          padding: 0 0 0 15px !important;
          margin: 0 !important;
          opacity: 1 !important;
          padding-top: 30px !important;
          position: static !important;
          width: 100% !important
     }
     .partner-logo-box ul li .partner-logo-li {
          margin: 0 auto !important;
          padding: 0 !important;
          display: flex;
          align-items: center;
          width: 100%
     }
     .partner-logo-box {
          padding: 90px 0
     }
     .partner-content p {
          font-size: 18px;
          line-height: 25px
     }
     .partner-content p br {
          display: none
     }
     .partner-logo::after,
     .partner-logo::before {
          display: none
     }
     .partner-logo span img {
          width: 50%
     }
     .partner-logo {
          height: 140px;
          width: 180px;
          max-width: 100%;
          min-width: 140px;
          border-top: 0;
          border-bottom: 0;
          border: 1px solid #ccc;
          border-radius: 50%;
          margin: 0;
          padding: 0;
          display: flex;
          align-items: center
     }
     .partner-logo span {
          border: 0;
          height: 140px;
          width: 140px;
          line-height: normal
     }
     .partner-logo-section1,
     .partner-logo-section2 {
          padding-bottom: 70px
     }
     .img_banner .text_box hr {
          margin: 0
     }
     .contact-us-form-inner {
          width: 95% !important;
          margin: 0 auto;
          left: 0;
          right: 0
     }
     .careers_value .sticky_title {
          max-width: 50% !important
     }
     .careers_value .content-width {
          max-width: calc(100vw / 2 + 810px / 1.4)
     }
     .about_banner .content-width {
          max-width: calc(100vw / 2 + 975px / 2)
     }
     .vision_section .content-width {
          max-width: calc(100vw / 2 + 710px / 1.4)
     }
}

@media screen and (min-width:1024px) and (max-width:1399px) {
     /* .greatplace-footer img {
          width: 10em;
     } */
     .content-width {
          padding-left: 20px !important;
          padding-right: 20px !important
     }
     #overlay .toggle-close {
          right: 14px
     }
     .mobile-header {
          padding: 20px 20px
     }
     #Layer_1 {
          width: 30px;
          height: 30px
     }
     .section1 .mobile-header .header-row {
          display: flex;
          flex-direction: row
     }
     .section1 .mobile-header .header-row .column-header {
          max-width: 100%;
          flex: 100%
     }
     .section1 .mobile-header .header-row .column-header .logo img {
          max-width: 100%;
          display: flex;
          margin: 0 auto
     }
     .section1 .mobile-header .header-row .column-header .logo {
          width: 200px;
          margin: 0 auto
     }
     .section1 .mobile-header .header-row .column-header:last-child {
          display: flex;
          justify-content: flex-end
     }
     .mobile-intro {
          position: relative;
          float: left;
          width: 100%
     }
     .mobile-intro video {
          width: 100%;
          float: left;
          min-height: 570px
     }
     .mobile-intro::after {
          content: '';
          background-color: rgba(0, 0, 0, .4);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: inherit
     }
     .mobile-intro h1 {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          display: inline-grid;
          align-items: center;
          text-align: center;
          color: #fff;
          z-index: 1;
          font-size: 6vw !important;
          line-height: 85px;
          text-transform: uppercase;
          letter-spacing: 1px
     }
     .our-purpose-section {
          float: left
     }
     h6 {
          padding-bottom: 10px
     }
     .laptop_view {
          padding-bottom: 10px;
          text-align: left;
          margin-bottom: 0px;
     }
     .bussiness-strategy-section .bussiness-text h2 span {
          display: inline-block;
          letter-spacing: 3px;
          line-height: 170px;
          font-size: 62px;
          padding-left: 44px
     }
     .bussiness-strategy-section .scroller-img {
          width: 450px;
          height: 450px;
          top: -30px;
          left: 0
     }
     .bussiness-desc {
          margin-top: -90px;
          max-width: 440px;
          margin-right: 10%
     }
     .product-slider .swiper-pagination-fraction,
     .swiper-pagination-custom,
     .swiper-container-horizontal>.swiper-pagination-bullets {
          right: 0 !important
     }
     .mutual-firm-work {
          padding: 100px 0;
          height: 100vh
     }
     .black-theme-section {
          background-color: #141414;
          padding: 100px 0
     }
     .our-thoughts-perspective .cards {
          padding: 20px
     }
     .our-thoughts-perspective h3 {
          font-size: 25px;
          text-align: left;
          position: static;
          background: none;
          color: #000;
          padding: 20px 0 0 0;
          max-width: 100%;
          margin: 0 auto;
          line-height: 35px
     }
     .our-thoughts-perspective .cards .card-body {
          padding-left: 0;
          max-width: 100%;
          margin: 0 auto
     }
     .our-thoughts-perspective .custom-row {
          padding: 30px 0
     }
     .our-thoughts-perspective {
          padding: 100px 0 300px 0
     }
     .home-page .our-thoughts-perspective {
          padding: 100px 0 100px 0
     }
     .about_section {
          height: auto
     }
     .about_banner {
          padding: 250px 0 0 0
     }
     .vision_section {
          height: auto;
          padding: 100px 0
     }
     .img_banner .text_box {
          right: 50px
     }
     .blog-detail .img_banner .text_box {
          right: 60px
     }
     .strategies-block-bg-pink,
     .strategies-block-bg-yellow,
     .strategies-block-bg-blue {
          left: 0;
          margin: 0 auto;
          max-width: 350px;
          min-height: 585px;
          max-height: initial
     }
     .copyright img {
          left: 0
     }
     .copyright {
          padding-top: 170px;
          padding-left: 40px
     }
     .blog-content {
          padding: 90px 15px
     }
     /* about us */
     .we-are-mutual-firm-about .custom-row {
          flex-wrap: wrap
     }
     .we-are-mutual-firm-about .custom-row .col-md-33 {
          max-width: 50%;
          flex: 50%;
          padding: 20px 0
     }
     #mainnav ul.submenu {
          left: 160px
     }
     #mainnav ul.submenu>li>a {
          font-size: 20px !important;
          line-height: 23px;
          display: inline-block
     }
     .overlay ul li a:after {
          bottom: -8px
     }
     #popup2_wrapper {
          top: calc(50% - 50vh) !important;
          overflow: hidden !important;
          width: 60vw !important;
          left: 0;
          right: 0;
          margin: 0 auto
     }
     div#popup2 {
          min-width: 100%
     }
     .bussiness-scroller {
          background-color: transparent
     }
     .bussiness-strategy-section {
          min-height: auto
     }
     svg.c-fluid-reveal__item-media {
          transform: scale(1);
          width: calc(100vw - 40rem)
     }
     .c-fluid-reveal__content h2 {
          line-height: 60px
     }
     .c-fluid-reveal__content p {
          font-size: 1.2vw;
          line-height: 24px
     }
     #team-building-slider {
          max-width: 100%
     }
}

@media screen and (min-width:768px) and (max-width:1300px) {
     .site-footer .get-in-touch h3 {
          margin-top: 0;
     }
     .contact-page .input-group {
          display: flex
     }
     .custom-select .item {
          font-size: 16px
     }
     .marquee-scroller .item {
          min-width: auto
     }
     .marquee-scroller {
          padding: 30px 0;
          z-index: 11
     }
     .team-building .icon_img {
          margin: 0 40px 0 0
     }
     #team-building-slider .owl-dots {
          margin: 20px 0 0 calc(50% - 100px) !important
     }
     .why-with-uswork .counter-wrapper .slide-item:last-child {
          word-break: break-all
     }
     .vision_section img {
          max-width: 60%
     }
     .copyright {
          display: flex;
          flex-wrap: wrap
     }
     .copyright-text1 {
          order: 2;
          padding-left: 30px
     }
     .contact-large-text-title h1 {
          font-size: 20px
     }
     .contact-large-text-title {
          padding: 5px 0 15px 0
     }
     h6.newadd_client {
          padding-bottom: 30px;
     }
}

@media only screen and (min-device-width:900px) and (max-device-width:1366px) {
     #mainnav ul.submenu {
          left: 210px
     }
}

@media screen and (max-width:1023px) {
     .greatplace-footer img {
          width: auto;
          /* height: 9em; */
     }
     .contact-banner-content .contact-small-text {
          min-width: 360px;
          padding-right: 10px
     }
     .contact-banner .tabs li {
          margin: 0
     }
     .contact-bg-section {
          min-height: 140px
     }
     .contact-us-form-inner {
          position: relative;
          top: 0
     }
     .overlay nav {
          top: 50%;
          font-size: 35px
     }
     .overlay ul {
          max-width: 90%
     }
     .overlay ul li {
          max-width: 100%;
          flex: 100%;
          padding: 15px 0
     }
     #overlay .toggle-close {
          top: 40px;
          right: 15px;
          font-size: 22px
     }
     .button_container:hover {
          transform: none
     }
     .contact-banner i {
          font-size: 30px
     }
     .section1 {
          height: auto
     }
     .section1 .header {
          display: none
     }
     .mobile-header {
          padding: 20px 20px
     }
     #Layer_1 {
          width: 30px;
          height: 30px
     }
     .section1 .mobile-header .header-row {
          display: flex;
          flex-direction: row
     }
     .section1 .mobile-header .header-row .column-header {
          max-width: 100%;
          flex: 100%
     }
     .section1 .mobile-header .header-row .column-header .logo img {
          max-width: 100%;
          display: flex;
          margin: 0 auto
     }
     .section1 .mobile-header .header-row .column-header .logo {
          width: 200px;
          margin: 0 auto
     }
     .section1 .mobile-header .header-row .column-header:last-child {
          display: flex;
          justify-content: flex-end
     }
     .our-purpose-section {
          margin-top: 0
     }
     .intro {
          display: none
     }
     .mobile-intro {
          position: relative;
          float: left;
          width: 100%
     }
     .mobile-intro video {
          width: 100%;
          float: left;
          min-height: 450px
     }
     .mobile-intro::after {
          content: '';
          background-color: rgba(0, 0, 0, .4);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: inherit
     }
     .mobile-intro h1 {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          display: inline-grid;
          align-items: center;
          text-align: center;
          color: #fff;
          z-index: 1;
          font-size: 45px;
          line-height: 60px;
          text-transform: uppercase;
          letter-spacing: 1px
     }
     .our-purpose-section {
          padding: 90px 0 90px 0
     }
     h6 {
          padding-bottom: 10px;
          font-size: 16px
     }
     h2 {
          font-size: 25px;
          line-height: 35px
     }
     .our-purpose-section p {
          font-size: 22px
     }
     .marquee-inner {
          top: 55%
     }
     .bussiness-strategy-section .bussiness-text h2 span {
          display: inline-block;
          letter-spacing: 3px;
          line-height: 170px;
          font-size: 52px;
          padding: 0
     }
     .bussiness-strategy-section .scroller-img {
          width: 355px;
          height: 355px;
          top: 30px;
          left: -10px
     }
     .parallax-sliding {
          padding: 0
     }
     .mutual-firm-work .custom-row .column-50:first-child {
          text-align: center;
          padding-bottom: 40px
     }
     .mutual-firm-work-one .custom-row .column-50:first-child {
          text-align: left
     }
     .mutual-firm-work-one .custom-row .column-50:last-child {
          text-align: center
     }
     .bussiness-desc {
          margin-top: -120px;
          max-width: 260px;
          min-height: 30vh
     }
     .swiper-containers {
          overflow: hidden
     }
     .bussiness-strategy-section {
          padding: 90px 0px 60px;
          min-height: 760px
     }
     .mutual-firm-work {
          padding: 100px 0
     }
     .mutual-firm-work .custom-row {
          display: block
     }
     .mutual-firm-work h6 {
          display: none
     }
     .mutual-firm-work .mobile-show-title {
          display: block;
          text-align: left;
          font-weight: 600;
          line-height: 30px;
          padding-bottom: 40px
     }
     .mutual-firm-work .content-width {
          padding: 0 30px
     }
     .mutual-firm-work .custom-row .column-50 {
          max-width: 100%;
          flex: 100%;
          padding: 0
     }
     .marquee-inner {
          width: 1500%
     }
     .marquee-scroller .transparent-text {
          font-size: 47px
     }
     .look-what-we-work-section {
          padding: 0 0 90px 0
     }
     .black-theme-section {
          padding: 90px 0
     }
     .why-with-uswork .counter-wrapper .slide-item {
          max-width: 50%;
          flex: 50%;
          padding: 20px 20px 20px 20px;
          border-right: 0
     }
     .why-with-uswork .counter-wrapper {
          margin: 0 0 30px 0
     }
     .client-review-section {
          margin: 0 auto
     }
     .client-review-section p {
          font-size: 20px;
          line-height: 30px
     }
     .client-review-section h3 {
          font-size: 25px
     }
     .why-with-uswork .counter-wrapper .slide-item span {
          font-size: 60px
     }
     .client-review-section .default-button {
          margin-top: 40px
     }
     .client-review-section {
          padding: 100px 0 40px 0
     }
     .testimonial-desc {
          min-height: auto
     }
     .mutual-firm-work-one .column-50 {
          padding: 0 !important
     }
     .bussiness-desc p,
     .mutual-firm-work p {
          font-size: 20px;
          line-height: 28px
     }
     .team-building {
          max-width: 100%;
          display: block;
          padding-left: 0;
          flex-direction: column
     }
     .team-building .icon_img {
          position: static
     }
     .home-marquee .marquee-scroller .hover-img {
          width: 350px;
          top: 60px;
          right: -50px;
          max-width: 200px
     }
     .home-marquee .marquee-scroller .hovered-active .transparent-text {
          background: linear-gradient(120deg, #fff calc(100% - 70px), #ffcc00 calc(100% - 168px));
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent
     }
     .team-building img {
          margin: 0 0 30px 0;
          padding-right: 0
     }
     .look-what-we-work-section .marquee-wrapper .marquee-block {
          min-height: 400px !important
     }
     .our-thoughts-perspective {
          padding: 90px 0
     }
     .our-thoughts-perspective .custom-row {
          display: flex;
          padding: 20px 0
     }
     .our-thoughts-perspective .custom-row .column-50 {
          max-width: 50%;
          flex: 50%;
          padding: 0 10px
     }
     .our-thoughts-perspective .cards {
          padding: 0
     }
     .our-thoughts-perspective h3 {
          background: none;
          color: #000;
          -webkit-background-clip: text;
          background-clip: text;
          position: static;
          font-size: 25px;
          line-height: 30px;
          text-align: left
     }
     .our-thoughts-perspective h3 br {
          display: none
     }
     .blog-img {
          min-height: auto;
          padding-bottom: 20px
     }
     .our-thoughts-perspective .cards .card-body {
          padding: 20px 0 0 0
     }
     .our-thoughts-perspective .cards {
          padding: 0 0 40px 0
     }
     .our-thoughts-perspective .blog-img::after {
          display: none
     }
     .site-footer {
          padding: 60px 0 40px 0
     }
     .site-footer .custom-row {
          display: flex
     }
     /* .site-footer .custom-row .column-50 {
        max-width: 50%;
        flex: 50%
    } */
     .greatplace-footer img {
          width: auto;
          /* height: 9em; */
     }
     .greatplace-footer {
          justify-content: end;
          margin-top: 0;
     }
     .footer-menu .column-50.order_2 {
          max-width: 41%;
          padding-left: 0;
     }
     .footer-menu .column-50.order_3 {
          max-width: 41%;
     }
     .footer-menu .column-50.order_1 {
          max-width: 16.66%;
     }
     .site-footer .social-menu {
          margin-top: 0
     }
     .get-in-touch {
          margin-bottom: 30px
     }
     .copyright {
          margin-top: 40px;
          padding-top: 80px;
          position: relative
     }
     .copyright-text1 {
          width: 100%;
     }
     .site-footer .texttypo p {
          font-size: 28px;
          line-height: 40px;
     }
     .footer-menu {
          padding-bottom: 40px
     }
     .copyright-text {
          color: #757474;
          line-height: 27px;
          padding-left: 30px
     }
     .footer-css .copyright {
          margin-top: 0
     }
     .footer-css .location .nav-tab {
          padding-bottom: 30px
     }
     .site-footer h3 {
          font-size: 25px
     }
     .tabs li {
          margin: 0 9px 0 0;
          padding: 0 9px 0 0
     }
     .bussiness-desc button {
          margin-top: 0
     }
     .black-theme-section {
          background-color: #141414 !important
     }
     .about_banner {
          padding: 30px 0 0 0
     }
     .about_section {
          height: auto
     }
     .about_banner .content-width {
          padding-left: 15px;
          padding-right: 15px
     }
     .img_banner .text_box p {
          font-size: 23px;
          line-height: 35px;
          max-width: 500px
     }
     .img_banner {
          padding: 30px 0 0
     }
     .img_banner img {
          position: static;
          height: auto
     }
     .img_banner .text_box {
          padding: 30px 20px;
          margin: 0 auto;
          right: 0;
          top: 30px;
          bottom: 0;
          background: rgba(0, 0, 0, 0.5);
          max-width: 100%;
          width: 100%;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center
     }
     .about_section .text-left h2 {
          padding: 0;
          line-height: 30px
     }
     .about_section .text-left p {
          font-size: 20px;
          padding: 0 0 45px
     }
     .vision_section {
          height: auto;
          padding: 90px 0
     }
     .vision_section .custom-row {
          flex-wrap: wrap
     }
     .vision_section .custom-row .column-50 {
          max-width: 100%;
          flex: 100%
     }
     .vision_section p {
          font-size: 20px;
          line-height: 30px
     }
     .our-purpose-section {
          padding: 90px 0;
          float: left;
          width: 100%
     }
     .we-are-mutual-firm-about {
          padding: 90px 0
     }
     .strategies-block-bg-pink,
     .strategies-block-bg-yellow,
     .strategies-block-bg-blue {
          left: 0px;
          max-width: 250px;
          max-height: 380px;
          top: 40px;
          margin: 0 auto
     }
     .owl-carousel .owl-item img {
          margin: 0 auto;
          max-width: 170px
     }
     .we-are-mutual-firm-about .content-width {
          padding: 0
     }
     #our-founders .owl-stage {
          padding-top: 50px
     }
     .senior-text {
          right: -65px;
          top: 60px
     }
     .social-media-icon {
          right: 0;
          top: auto
     }
     .about_banner .texttypo .Typewriter__cursor {
          top: -2px
     }
     .the-way-we-work ul li {
          max-width: 50%;
          flex: 50%;
          min-height: auto;
          padding: 30px 40px
     }
     .the-way-we-work ul li::after {
          display: none
     }
     .client-name {
          font-size: 70px;
          margin-bottom: 10px
     }
     #partner-slider {
          margin: 90px 0
     }
     #team-building-slider {
          max-width: 100%
     }
     #team-building-slider .owl-dots {
          margin: 20px 0 0 30px
     }
     .lets-make-thing h2 {
          font-size: 30px;
          margin-bottom: 20px
     }
     .lets-make-thing {
          min-height: auto;
          padding-top: 90px;
          padding-bottom: 40px
     }
     .lets-make-thing a {
          font-size: 25px
     }
     .copyright img {
          left: 0
     }
     .why-with-uswork-one {
          padding-bottom: 90px
     }
     .pContent,
     .pImage {
          transform: none !important
     }
     .blog-listing .our-thoughts-perspective .custom-row .column-50:nth-child(2n+2) {
          margin-top: 0
     }
     .subscriber-block h4 {
          font-size: 50px
     }
     .subscriber-block h6 {
          font-size: 18px
     }
     .blog-content {
          padding: 90px 15px
     }
     .case-study-banner .texttypo span {
          font-size: 23px;
          line-height: 30px
     }
     .case-study-img-banner.img_banner .content-width {
          padding-right: 15px;
          padding-left: 15px
     }
     .case-study-img-banner .custom-row .column-50:first-child {
          padding-top: 0
     }
     .case-study-img-banner .custom-row,
     .automation-solution .custom-row {
          display: block
     }
     .case-study .case-study-img-banner .custom-row .column-50 {
          max-width: 100%;
          flex: 100%;
          position: relative
     }
     .case-study .img_banner .text_box {
          top: 0;
          bottom: 290px;
          background-color: transparent
     }
     .case-study .img_banner .text_box::after {
          content: "";
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          position: absolute;
          top: 0;
          bottom: 0;
          display: none
     }
     .inner-sidebar {
          padding: 0 0 40px 0;
          top: 0
     }
     .visit-button {
          min-height: 70px
     }
     .case-study .img_banner img {
          height: auto
     }
     .automation-solution {
          padding: 40px 0
     }
     .new-legend-scroller::before {
          min-width: calc(50vw - -10px)
     }
     .challenging-brief {
          padding: 100px 0
     }
     .seamlessly-responsive {
          padding: 220px 0 100px 20px
     }
     .mobile-img-two,
     .mobile-img-three {
          padding-right: 20px
     }
     .mobile-img-one {
          padding-right: 30px
     }
     .refreshed-brands {
          padding: 100px 20px
     }
     .refreshed-brands .custom-row .column-50:last-child {
          padding-left: 20px
     }
     .inviting-typography .custom-row .column-50:first-child {
          padding-left: 0
     }
     .key-result ul li span {
          font-size: 50px
     }
     .explore-more-project {
          padding: 100px 0
     }
     .case-study .marquee-inner {
          top: 55%
     }
     .case-study .explore-more-project .marquee-scroller .transparent-text {
          font-size: 70px
     }
     .sandcup-side-logo {
          left: -72px
     }
     #sv .lgt {
          padding-left: 3% !important
     }
     .contact-banner li h1 {
          font-size: 30px;
          line-height: 30px
     }
     .contact-banner {
          padding: 0 20px 30px 20px
     }
     .contact-banner-content .contact-small-text {
          padding-right: 60px
     }
     .contact-us-form-inner {
          width: 95%;
          margin: 0 20px
     }
     .contact-us-form .input-group-col {
          max-width: 50%;
          flex: 40%;
          margin: 0 10px 40px 10px
     }
     .input-group.comments-area .input-group-col {
          max-width: 100%;
          flex: 100%
     }
     .arow-submit-button {
          margin-top: -77px
     }
     .it-solution-block .custom-row .column-50:first-child {
          padding-left: 0
     }
     .the-way-we-work ul li span {
          font-size: 32px;
          line-height: 40px
     }
     /* partner page */
     .partner-logo-box ul {
          display: flex;
          flex-wrap: wrap
     }
     .partner-logo-box ul li {
          width: 50% !important;
          padding: 0 10px 30px 0 !important;
          margin: 0 !important;
          display: block !important;
          float: left
     }
     .partner-logo-box ul li .partner-content {
          padding: 0 0 0 15px !important;
          margin: 0 !important;
          opacity: 1 !important;
          padding-top: 30px !important;
          position: static !important;
          width: 100% !important
     }
     .partner-logo-box ul li .partner-logo-li {
          margin: 0 auto !important;
          padding: 0 !important;
          display: flex;
          align-items: center;
          width: 100%
     }
     .partner-logo-box {
          padding: 90px 0
     }
     .partner-content p {
          font-size: 18px;
          line-height: 25px
     }
     .partner-content p br {
          display: none
     }
     .partner-logo::after,
     .partner-logo::before {
          display: none
     }
     .partner-logo span img {
          width: 50%
     }
     .partner-logo {
          height: 140px;
          width: 180px;
          max-width: 100%;
          min-width: 140px;
          border-top: 0;
          border-bottom: 0;
          border: 1px solid #ccc;
          border-radius: 50%;
          margin: 0;
          padding: 0;
          display: flex;
          align-items: center
     }
     .partner-logo span {
          border: 0;
          height: 140px;
          width: 140px;
          line-height: normal
     }
     .partner-logo-section1,
     .partner-logo-section2 {
          padding-bottom: 70px
     }
     .img_banner .text_box hr {
          margin: 12px auto 0 calc(100vw - 660px)
     }
     .img_banner .text_box hr.remove_hr {
          border: none;
     }
     .new-legend-scroller {
          padding: 90px 0;
          display: none
     }
     .new-legend-scroller-mobile {
          display: block !important
     }
     .new-legend-scroller-mobile .frame-scroller {
          height: auto !important
     }
     .new-legend-scroller-mobile img {
          transform: none !important
     }
     /* about us */
     .we-are-mutual-firm-about .custom-row {
          flex-wrap: wrap
     }
     .we-are-mutual-firm-about .custom-row .col-md-33 {
          max-width: 100%;
          flex: 100%;
          padding: 20px 0
     }
     .menu-text-rotate {
          left: 0
     }
     #mainnav ul.submenu {
          left: 160px
     }
     #mainnav ul.submenu>li>a {
          font-size: 20px !important;
          line-height: 23px;
          display: inline-block
     }
     .overlay ul li a:after {
          bottom: -8px
     }
     #popup2_wrapper {
          top: calc(50% - 50vh) !important;
          overflow: hidden !important;
          width: 90vw;
          left: 22px
     }
     div#popup2 {
          min-width: 100%
     }
     .bussiness-strategy-section {
          min-height: auto
     }
     .explore-more-project .marquee-scroller .hover-img {
          top: -110px;
          right: 0;
          max-width: 22vw;
          transform: rotate(30deg)
     }
     .services-roadmap {
          padding: 70px 0
     }
     .market-research-section {
          padding: 250px 0 0 0
     }
     .services-roadmap h2 {
          font-size: 3vw;
          line-height: 6vh
     }
     .what-we-deliver .card {
          min-width: 23rem
     }
     .team-block .row-item {
          flex: 0 0 33%;
          max-width: 33%
     }
     .strategies-block-bg-yellow .emly-title span {
          font-size: 52px
     }
     .senior-text {
          right: -55px;
          top: 90px
     }
     .custom-select .item {
          font-size: 16px
     }
     .carrers-content-box .job-descriptions {
          display: block
     }
     .carrers-content-box .job-descriptions .job-description-item {
          max-width: 100%
     }
     .home_service_section {
          display: none;
     }
     .popup-banner {
          width: 100%;
     }
     img.year-img {
          width: 50%;
     }
}

@media screen and (max-width:635px) {
     .case-study .img_banner .text_box {
          bottom: calc(100vh / 2 - 160px)
     }
}

@media screen and (min-width:768px) and (max-width:1199px) {
     .menu-social-box {
          max-width: 38vw;
     }
     .mobile-particle-slider {
          display: none
     }
     .bussiness-strategy-section h6 {
          margin: 0
     }
     .bussiness-strategy-section h6 {
          padding: 0 0 40px 0
     }
     #team-building-slider .owl-item img {
          min-width: 140px;
          max-width: 140px;
          padding: 0 0 20px 0
     }
     .services-page .look-what-we-work-section .marquee-wrapper .marquee-block {
          min-height: 420px !important
     }
     .marquee-scroller .to-left .mq .marquee-item:nth-child(1) .transparent-text,
     .marquee-scroller .to-left .mq .marquee-item:nth-child(4) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(2) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(5) .transparent-text {
          background: #ffcc00;
          background-clip: text;
          -webkit-background-clip: text !important;
          -webkit-text-fill-color: #ffcc00 !important
     }
     .marquee-scroller .to-left .mq .marquee-item:nth-child(2) .transparent-text,
     .marquee-scroller .to-left .mq .marquee-item:nth-child(5) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(3) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(6) .transparent-text {
          background: #fe6571;
          background-clip: text;
          -webkit-background-clip: text !important;
          -webkit-text-fill-color: #fe6571 !important
     }
     .marquee-scroller .to-left .mq .marquee-item:nth-child(3) .transparent-text,
     .marquee-scroller .to-left .mq .marquee-item:nth-child(6) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(1) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(4) .transparent-text {
          background: #3098f3;
          background-clip: text;
          -webkit-background-clip: text !important;
          -webkit-text-fill-color: #3098f3 !important
     }
     .marquee-scroller .transparent-text {
          -webkit-text-stroke: 0px
     }
     .marquee-scroller .item {
          margin: 30px
     }
     .home_service_section {
          display: none;
     }
     .team-building .textbox {
          margin: 10px 0 0;
     }
}

@media screen and (min-width:767px) and (max-width:991px) {
     /* footer greatplace */
     .footer-menu .column-50.order_3 {
          max-width: 50%;
     }
     .footer-menu .column-50.order_2 {
          max-width: 50%;
          padding-left: 0;
     }
     .footer-menu .column-50.order_1 {
          display: none;
     }
     .media-custom {
          display: block;
     }
     .footer-menu .media-custom .column-50.order_1.m-block {
          display: block;
     }
     .media-custom .column-50.order_1.m-block .greatplace-footer {
          justify-content: start;
          margin-top: 25px;
     }
}

@media(max-width:991px) {
     .greatplace-footer img {
          height: 110px;
     }
     .ani-date-label {
          font-size: 16px !important;
     }
     .mini-popup-banner.lg-anniversary {
          width: 92%;
          padding: 30px;
          height: auto;
     }
     .menu-social-box {
          max-width: 55vw;
     }
     .overlay-menu .menu-social-icon {
          padding-top: 60px;
     }
     .services-page.footer-css .it-solution-block ul li {
          height: 630px;
     }
     .marquee__group .splide__slide img {
          max-width: 150px;
          height: auto;
     }
     .mfp-inline-holder .mfp-content {
          width: 95%;
     }
     .popup-banner .mfp-close {
          right: 2% !important;
          top: 2% !important;
     }
}

@media screen and (max-width:767px) {
     .mini-popup-banner.lg-anniversary .popup-banner img {
          width: 60%;
          margin: 0 auto;
          text-align: center;
     }
     .mini-popup-banner.lg-anniversary .row.center-r .col-md-6 {
          text-align: center;
     }
     .mini-popup-banner.lg-anniversary .center-r {
          gap: 30px;
     }
     .services-page.footer-css .it-solution-block ul li {
          height: auto;
     }
     .project_marquee1.mr-one {
          padding-bottom: 50px;
     }
     /* 28/02 madhvi */
     /* #home-mobile-slider .owl-item .item img {
       
    } */
     #home-mobile-slider .owl-item.active picture img {
          opacity: 1;
          pointer-events: all;
     }
     #home-mobile-slider .item picture {
          position: relative;
          height: 260px;
          width: 100%;
          display: block;
     }
     #home-mobile-slider .owl-item picture img {
          opacity: 0;
          pointer-events: none;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          -moz-transition: 0.5s ease;
     }
     /* end */
     .greatplace-footer img {
          width: auto;
          /* height: 10em; */
     }
     .greatplace-footer {
          padding: 0 0 0;
          margin-top: 0;
          justify-content: flex-start;
     }
     .site-footer .column-50.order_2 {
          order: 2;
     }
     .site-footer .column-50.order_1 {
          order: 1;
     }
     .site-footer .custom-row.f-row {
          display: flex;
          flex-direction: column;
     }
     .menu-social-box {
          display: block;
     }
     .menu-social-box .menu-location,
     .menu-social-box .menu-social-icon,
     .menu-social-box p {
          display: none;
     }
     .menu-social-box .greatplace img {
          width: 3.5em;
     }
     .overlay nav {
          top: 43%;
          font-size: 25px
     }
     .overlay ul {
          max-width: 90%
     }
     .overlay ul li {
          max-width: 100%;
          flex: 100%;
          padding: 10px 0
     }
     #overlay .toggle-close {
          top: 35px;
          right: 17px;
          font-size: 22px
     }
     .button_container:hover {
          transform: none
     }
     .black-theme-section .default-button.theme-white .button-background .center,
     .black-theme-section .default-button.theme-white .button-background .left:before,
     .black-theme-section .default-button.theme-white .button-background .right:before {
          background-color: #373737
     }
     .black-theme-section .default-button.theme-white {
          color: #fff
     }
     .market-research-section .sidebar-scroller h2 {
          font-size: 25px;
          line-height: 35px
     }
     .market-research-section .sidebar-scroller p,
     .market-research-section .sidebar-scroller ul li {
          font-size: 19px;
          line-height: 25px
     }
     .contact-large-text-title {
          align-items: center;
          justify-content: flex-start;
          padding-bottom: 0
     }
     .bussiness-strategy-section h6 {
          margin: 0;
          padding-bottom: 30px
     }
     .bussiness-strategy-section-mobile .content-width {
          padding: 0
     }
     /* about us */
     .we-are-mutual-firm-about .custom-row {
          flex-wrap: wrap
     }
     .we-are-mutual-firm-about .custom-row .col-md-33 {
          max-width: 100%;
          flex: 100%;
          padding: 20px 0
     }
     .get-in-touch a {
          margin-bottom: 5px;
          font-size: 20px
     }
     .site-footer .get-in-touch h3,
     .site-footer .location h3 {
          margin-bottom: 0
     }
     .location .nav-tab {
          padding: 10px 0 40px 0
     }
     body {
          min-height: auto
     }
     .section1 {
          height: auto
     }
     .section1 .header {
          display: none
     }
     .mobile-header {
          padding: 20px 20px
     }
     #Layer_1 {
          width: 28px;
          height: 28px
     }
     .section1 .mobile-header .header-row {
          display: flex;
          flex-direction: row
     }
     .section1 .mobile-header .header-row .column-header {
          max-width: 100%;
          flex: 100%
     }
     .section1 .mobile-header .header-row .column-header .logo img {
          max-width: 85%;
          display: flex;
          margin: 0 auto
     }
     .section1 .mobile-header .header-row .column-header .logo {
          width: 200px
     }
     .section1 .mobile-header .header-row .column-header:last-child {
          display: flex;
          justify-content: flex-end
     }
     .our-purpose-section {
          margin-top: 0
     }
     .our-purpose-section .content-width {
          padding: 0 30px
     }
     .our-purpose-section p {
          font-size: 18px;
          line-height: 30px;
          color: #141414
     }
     .intro {
          display: none
     }
     .mobile-intro {
          position: relative;
          float: left;
          width: 100%
     }
     .mobile-intro video {
          width: 100%;
          float: left;
     }
     .mobile-intro::after {
          content: '';
          background-color: transparent;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: inherit
     }
     .mobile-intro h1 {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          z-index: 1;
          font-size: 28px;
          line-height: 35px;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin: auto
     }
     .our-purpose-section {
          padding: 30px 0 40px 0
     }
     h6 {
          padding-bottom: 10px;
          font-size: 14px
     }
     .bussiness-text {
          min-height: auto
     }
     .product-slider .swiper-pagination-fraction,
     .swiper-pagination-custom,
     .swiper-container-horizontal>.swiper-pagination-bullets {
          display: flex;
          justify-content: center;
          right: 0;
          top: auto;
          bottom: -40px !important;
          left: 0 !important
     }
     h2 {
          font-size: 24px;
          line-height: 30px
     }
     .bussiness-strategy-section .bussiness-text h2 span {
          display: block;
          letter-spacing: 3px;
          line-height: 170px;
          font-size: 30px;
          padding: 0
     }
     .bussiness-strategy-section .scroller-img {
          width: 270px;
          height: 270px;
          top: 30px;
          left: 0
     }
     .bussiness-strategy-section .bussiness-text h2 span:last-child {
          z-index: 1
     }
     .parallax-sliding {
          padding: 0
     }
     .bussiness-desc {
          margin-top: -40px;
          max-width: 100%;
          min-height: 30vh
     }
     .bussiness-strategy-section {
          padding: 60px 0
     }
     .bussiness-strategy-section-mobile .bussiness-scroller {
          padding-bottom: 0
     }
     .mutual-firm-work {
          padding: 60px 0
     }
     .mutual-firm-work .custom-row {
          display: block
     }
     .mutual-firm-work .custom-row .column-50 {
          max-width: 100%;
          flex: 100%;
          padding: 0
     }
     .marquee-inner {
          width: 3500%
     }
     .header_popup {
          width: 145px !important;
     }
     .header_popup a {
          font-size: 12px;
     }
     .header_popup img {
          padding: 15px 21px 0 18px;
     }
     .popup-banner .mfp-close {
          right: 3% !important;
     }
     .row.center-r {
          display: flex;
          flex-direction: column;
          margin: 0 -15px;
     }
     .row.center-r .col-md-6 {
          width: 100%;
     }
     img.year-img {
          width: 30%;
     }
     .center-r {
          gap: 80px;
     }
     .white-text {
          position: absolute;
          top: 0;
          padding: 0 120px;
          left: 50%;
          transform: translateX(-50%);
     }
     /* .marquee-inner.to-right{animation:marqueeRight 10s linear infinite}
.marquee-inner.to-left{animation:marqueeLeft 10s linear infinite} */
     .marquee-scroller .item {
          min-width: auto
     }
     .marquee-scroller .transparent-text {
          font-size: 47px;
          -webkit-text-stroke: 0px
     }
     .look-what-we-work-section {
          background: #f3f3f3;
     }
     .black-theme-section {
          padding: 90px 0
     }
     .why-with-uswork .counter-wrapper .slide-item {
          max-width: 100%;
          flex: 100%;
          padding: 20px 20px 20px 20px;
          border-right: 0
     }
     .why-with-uswork .counter-wrapper {
          margin: 0 0 30px 0
     }
     .why-with-uswork {
          padding: 0 0 30px 0;
          margin: 0 0 30px 0;
          border-bottom: 1px solid #ffffff59
     }
     .why-with-uswork .counter-wrapper .slide-item h5 {
          max-width: 180px;
          word-break: break-word;
          color: #8d8d8d
     }
     .mutual-firm-work img {
          max-width: 75%
     }
     .client-review-section {
          margin: 0 auto
     }
     .client-review-section p {
          font-size: 16px;
          line-height: 25px
     }
     .client-review-section h3 {
          font-size: 25px
     }
     .why-with-uswork .counter-wrapper .slide-item span {
          font-size: 40px
     }
     .client-review-section .default-button {
          margin-top: 40px
     }
     .client-review-section {
          padding: 60px 0 40px 0
     }
     .testimonial-desc {
          min-height: auto
     }
     .mutual-firm-work-one .column-50 {
          padding: 0 !important
     }
     .bussiness-desc p,
     .mutual-firm-work p {
          font-size: 18px;
          line-height: 25px
     }
     .bussiness-desc p,
     .mutual-firm-work p {
          font-size: 18px;
          line-height: 30px
     }
     .team-building {
          max-width: 100%;
          display: flex
     }
     .home-marquee .marquee-scroller .hover-img {
          width: 410px;
          top: -50px;
          right: -80px;
          max-width: 170px;
          min-height: 255px;
          display: none
     }
     /* .look-what-we-work-section .home-marquee .marquee-scroller .hovered-active .transparent-text{background: linear-gradient(120deg, #fff calc(100% - 100px), #ffcc00 calc(100% - 168px)) !important;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent} */
     .home-marquee .marquee-scroller .to-left .mq .marquee-item:nth-child(1) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-left .mq .marquee-item:nth-child(4) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-right .mq .marquee-item:nth-child(2) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-right .mq .marquee-item:nth-child(5) .hovered-active .transparent-text {
          background: none
     }
     .home-marquee .marquee-scroller .to-left .mq .marquee-item:nth-child(2) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-left .mq .marquee-item:nth-child(5) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-right .mq .marquee-item:nth-child(3) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-right .mq .marquee-item:nth-child(6) .hovered-active .transparent-text {
          background: none
     }
     .home-marquee .marquee-scroller .to-left .mq .marquee-item:nth-child(3) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-left .mq .marquee-item:nth-child(6) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-right .mq .marquee-item:nth-child(1) .hovered-active .transparent-text,
     .home-marquee .marquee-scroller .to-right .mq .marquee-item:nth-child(4) .hovered-active .transparent-text {
          background: none
     }
     .home-page .look-what-we-work-section h6 {
          line-height: 25px;
          font-weight: 600;
          margin: 0 auto
     }
     .marquee-scroller .to-left .mq .marquee-item:nth-child(1) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(2) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(5) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(4) .transparent-text {
          background: #ffcc00;
          background-clip: text;
          -webkit-background-clip: text !important;
          -webkit-text-fill-color: #ffcc00 !important
     }
     .marquee-scroller .to-left .mq .marquee-item:nth-child(2) .transparent-text,
     .marquee-scroller .to-left .mq .marquee-item:nth-child(5) .transparent-text,
     .marquee-scroller .to-left .mq .marquee-item:nth-child(4) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(3) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(6) .transparent-text {
          background: #fe6571;
          background-clip: text;
          -webkit-background-clip: text !important;
          -webkit-text-fill-color: #fe6571 !important
     }
     .marquee-scroller .to-left .mq .marquee-item:nth-child(3) .transparent-text,
     .marquee-scroller .to-left .mq .marquee-item:nth-child(6) .transparent-text,
     .marquee-scroller .to-right .mq .marquee-item:nth-child(1) .transparent-text {
          background: #3098f3;
          background-clip: text;
          -webkit-background-clip: text !important;
          -webkit-text-fill-color: #3098f3 !important
     }
     .marquee-scroller .item {
          margin: 30px 20px
     }
     .marquee-scroller {
          padding-bottom: 30px
     }
     .marquee-scroller .transparent-text {
          -webkit-text-stroke: 0px
     }
     .meet-our-client .js-marquee .item img {
          max-width: 230px;
          min-width: 230px;
     }
     .meet-our-client .js-marquee .item {
          padding: 0 20px;
     }
     .team_certificat .meet-our-client .js-marquee .item img {
          max-width: 270px;
          min-width: 150px
     }
     .team_certificat .meet-our-client .js-marquee {
          width: 300vw
     }
     .technology_scrollig_icon .js-marquee .item img {
          max-width: 130px;
          min-width: 40px
     }
     .technology_scrollig_icon .js-marquee {
          width: 300vw
     }
     .team-building img {
          margin: 0 0 30px 0;
          padding-right: 0
     }
     .look-what-we-work-section .marquee-wrapper .marquee-block {
          min-height: 155px
     }
     .our-thoughts-perspective {
          padding: 40px 0 !important
     }
     .our-thoughts-perspective .cards {
          max-width: 445px;
          margin: 0 auto
     }
     .our-thoughts-perspective .custom-row {
          display: block;
          padding-top: 20px
     }
     .our-thoughts-perspective .custom-row .column-50 {
          max-width: 100%;
          flex: 100%
     }
     .our-thoughts-perspective .cards {
          padding: 0
     }
     .our-thoughts-perspective h3 {
          font-size: 18px;
          line-height: 28px;
          top: 0;
          position: relative;
          text-align: left;
          color: #000;
          background-color: none;
          background: none;
          transform: none;
     }
     .blog-img {
          min-height: auto;
          padding-bottom: 20px
     }
     .our-thoughts-perspective .cards .card-body {
          padding: 10px 0
     }
     .our-thoughts-perspective .cards {
          padding: 0 0 40px 0
     }
     .our-thoughts-perspective .blog-img::after {
          display: none
     }
     .site-footer {
          padding: 60px 0 40px 0
     }
     .site-footer .custom-row {
          display: block
     }
     .site-footer .custom-row .column-50 {
          max-width: 100%;
          flex: 100%
     }
     .site-footer .social-menu {
          margin-top: 0
     }
     .get-in-touch {
          margin-bottom: 30px
     }
     .copyright {
          margin-top: 60px;
          padding-top: 40px;
          position: relative;
          display: flex;
          flex-wrap: wrap
     }
     .copyright-text1 {
          width: 100%;
          order: 2;
          font-size: 12px
     }
     .copyright-text {
          color: #757474;
          line-height: 22px;
          padding-left: 0;
          display: block
     }
     .copyright-text a {
          margin: 0
     }
     .home-page .copyright {
          margin-top: 0 !important;
          padding-top: 70px;
          position: relative
     }
     .site-footer h3 {
          font-size: 25px
     }
     .tabs li {
          margin: 0 9px 0 0;
          padding: 0 9px 0 0
     }
     .bussiness-desc button {
          margin-top: 0
     }
     .black-theme-section {
          background-color: #141414 !important
     }
     .about_banner {
          padding: 30px 0 0 0
     }
     .about_banner .content-width {
          padding-left: 15px;
          padding-right: 15px
     }
     .img_banner .text_box p {
          font-size: 20px;
          line-height: 30px
     }
     .img_banner {
          padding: 30px 0 0
     }
     .blog-detail .img_banner {
          max-height: 380px
     }
     .parallax-object {
          min-height: 350px;
          background-position: center;
          background-size: cover !important;
     }
     .services-roadmap .content-width {
          padding: 0
     }
     .img_banner .text_box hr {
          margin: 0
     }
     .img_banner img {
          position: static;
          height: auto
     }
     .img_banner .text_box {
          padding: 30px 20px;
          margin: 0 auto;
          right: 0;
          top: 30px;
          bottom: 0;
          background: rgba(0, 0, 0, 0.5);
          max-width: 100%
     }
     .about_section {
          height: auto
     }
     .about_section .text-left h2 {
          padding: 40px 0 0 0;
          line-height: 40px
     }
     .about_section .text-left p {
          font-size: 20px;
          padding: 0 0 45px
     }
     .vision_section {
          height: auto;
          padding: 90px 0
     }
     .vision_section .custom-row {
          flex-wrap: wrap
     }
     .vision_section .custom-row .column-50 {
          max-width: 100%;
          flex: 100%
     }
     .vision_section p {
          font-size: 20px;
          line-height: 30px
     }
     .our-purpose-section {
          padding: 60px 0 60px 0;
          float: left
     }
     .bussiness-strategy-section {
          max-height: 100%;
          min-height: 100%
     }
     .our-purpose-section .default-button {
          margin-top: 30px
     }
     .we-are-mutual-firm-about {
          padding: 50px 0 !important
     }
     .strategies-block-bg-pink,
     .strategies-block-bg-yellow,
     .strategies-block-bg-blue {
          left: 0px;
          max-width: 240px;
          max-height: 340px;
          top: 40px;
          margin: 0 auto
     }
     .owl-carousel .owl-item img {
          margin: 0 auto;
          max-width: 170px
     }
     .we-are-mutual-firm-about .content-width {
          padding: 0
     }
     #our-founders .owl-stage {
          padding-top: 50px
     }
     .senior-text {
          right: -55px;
          top: 110px
     }
     .social-media-icon {
          right: 15px;
          top: auto
     }
     .about_banner .texttypo .Typewriter__cursor {
          top: -2px
     }
     .the-way-we-work ul li {
          max-width: 100%;
          flex: 100%;
          min-height: auto;
          padding: 10px 40px
     }
     .the-way-we-work ul li::after {
          display: none
     }
     .why-with-uswork h6 {
          max-width: 240px;
          line-height: 30px;
          margin: 0 auto
     }
     .client-name {
          font-size: 35px;
          margin-bottom: 40px
     }
     #partner-slider {
          margin: 90px 0
     }
     .lets-make-thing h2 {
          font-size: 30px;
          margin-bottom: 20px
     }
     .lets-make-thing {
          min-height: auto;
          padding-top: 90px;
          padding-bottom: 40px
     }
     .lets-make-thing a {
          font-size: 25px
     }
     .copyright img {
          left: 0
     }
     .why-with-uswork-one {
          padding-bottom: 90px
     }
     .pContent,
     .pImage {
          transform: none !important
     }
     .blog-listing .our-thoughts-perspective .custom-row .column-50:nth-child(2n+2) {
          margin-top: 0
     }
     .subscriber-block h4 {
          font-size: 50px
     }
     .subscriber-block h6 {
          font-size: 18px
     }
     .blog-content {
          padding: 90px 15px
     }
     .case-study-banner .texttypo span {
          font-size: 23px;
          line-height: 30px
     }
     .case-study-img-banner.img_banner .content-width {
          padding-right: 15px;
          padding-left: 15px
     }
     .case-study-img-banner .custom-row .column-50:first-child {
          padding-top: 0
     }
     .case-study-img-banner .custom-row,
     .automation-solution .custom-row {
          display: block
     }
     .case-study .case-study-img-banner .custom-row .column-50 {
          max-width: 100%;
          flex: 100%;
          position: relative
     }
     .case-study .img_banner .text_box {
          top: 0;
          bottom: 40%
     }
     .explore-more-project .marquee-scroller {
          padding: 50px 0 0 0
     }
     .services-page .explore-more-project .marquee-scroller {
          padding: 0
     }
     .inner-sidebar {
          padding: 0 0 40px 0;
          top: 0
     }
     .visit-button {
          min-height: 70px
     }
     .case-study .img_banner img {
          height: auto
     }
     .automation-solution {
          padding: 40px 0
     }
     .new-legend-scroller {
          padding: 90px 0;
          display: none
     }
     .new-legend-scroller-mobile {
          display: block !important
     }
     .new-legend-scroller-mobile .frame-scroller {
          height: auto !important
     }
     .new-legend-scroller-mobile img {
          transform: none !important
     }
     .challenging-brief {
          padding: 70px 15px
     }
     .seamlessly-responsive {
          padding: 70px 0
     }
     .seamlessly-responsive .custom-row,
     .refreshed-brands .custom-row,
     .key-result .custom-row {
          display: block
     }
     .seamlessly-responsive .custom-row .column-50,
     .refreshed-brands .custom-row .column-50,
     .key-result .custom-row .column-50 {
          max-width: 100%;
          flex: 100%;
          padding: 0 15px
     }
     .mobile-img-one {
          text-align: center;
          padding-right: 0;
          padding-top: 30px
     }
     .mobile-img-two {
          padding-bottom: 20px;
          margin-top: 20px
     }
     .mobile-img-two,
     .mobile-img-three {
          text-align: center;
          padding-right: 0
     }
     .refreshed-brands {
          padding: 70px 0
     }
     .refreshed-brands .custom-row .column-50:last-child {
          padding-left: 15px
     }
     .inviting-typography .custom-row .column-50:first-child {
          padding-left: 15px
     }
     .case-study .inviting-typography {
          padding-top: 0
     }
     .inviting-typography .custom-row .column-50:last-child {
          margin-left: 15px;
          margin-right: 15px
     }
     .key-result ul li {
          max-width: 100%;
          flex: 100%
     }
     .key-result ul li::after {
          display: none
     }
     .key-result ul li {
          margin-bottom: 70px
     }
     .key-result ul li span {
          font-size: 45px
     }
     .key-result ul li p {
          font-size: 20px
     }
     .key-result ul::after {
          display: none
     }
     .key-result ul li::before {
          right: 0;
          width: 100%
     }
     .inner-sidebar .menu-1 {
          margin-bottom: 40px
     }
     .key-result ul li:nth-child(3),
     .key-result ul li:nth-child(4) {
          margin-bottom: 50px;
          padding-top: 40px
     }
     .case-study .client-review-section {
          padding: 0
     }
     .explore-more-project .marquee-scroller .transparent-text {
          font-size: 50px
     }
     .case-study .marquee-inner {
          top: 50%
     }
     .explore-more-project .marquee-scroller .hover-img {
          top: -54px;
          right: -25px;
          max-width: 140px
     }
     .explore-more-project .marquee-scroller .hovered-active .transparent-text {
          background: linear-gradient(120deg, #f3f3f3 calc(100% - 108px), #fd6470 calc(90% - 189px));
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent
     }
     .sandcup-side-logo {
          position: static;
          transform: none;
          padding: 30px 0 0 0
     }
     .inner-sidebar h6 {
          margin-bottom: 0
     }
     .bussiness-strategy-section .bussiness-text h2 span:first-child {
          margin-right: 0
     }
     .frame-scroller {
          overflow: initial
     }
     h6.newadd_client {
          padding-bottom: 50px;
     }
     .meet-our-client .js-marquee-wrapper {
          padding: 10px 0;
     }
     /* Contact Page */
     .contact-banner {
          margin-top: 120px
     }
     .contact-banner-content {
          display: block;
          padding: 0
     }
     .contact-banner-content .contact-small-text {
          font-size: 25px;
          padding-right: 0
     }
     .contact-banner .nav-tab .tabs {
          padding-top: 30px
     }
     .contact-banner li h1 {
          font-size: 18px;
          line-height: 30px;
          margin-bottom: 0
     }
     .contact-banner .tabs li {
          margin: 0 0 10px 0
     }
     .contact-banner {
          padding-bottom: 30px
     }
     .contact-bg-section {
          min-height: 400px
     }
     .contact-us-form-inner {
          margin: 0;
          position: relative;
          top: 0;
          padding: 0 20px 90px 20px !important
     }
     .contact-us-form-inner .tabs {
          display: block
     }
     .contact-us-form-inner .tabs li.tab-link {
          padding: 0 0 15px 0
     }
     .contact-us-form .input-group {
          display: block
     }
     .contact-us-form .input-group-col {
          max-width: 100%;
          flex: 100%;
          margin: 0 0 30px 0
     }
     .contact-us-form .form-control {
          padding: 10px 10px
     }
     .contact-us-form .form-label {
          padding: 10px 10px;
          top: 0
     }
     .contact-bg-section {
          display: none
     }
     .contact-us-form .input-group {
          padding-top: 0
     }
     .contact-form-tabbing .contact-row {
          display: block
     }
     .contact-form-tabbing .contact-row .contact-sticky,
     .contact-form-tabbing .contact-row .contact-form-right {
          max-width: 100%;
          flex: 100%
     }
     .contact-form-tabbing .tab-wrapper .tabs {
          margin: 0;
          justify-content: flex-start
     }
     .contact-large-text-title h1 {
          font-size: 18px
     }
     .contact-form-tabbing .contact-form-right h2 {
          font-size: 22px;
          margin: 40px 0 0 0;
          line-height: 0
     }
     .contact-form-tabbing .contact-form-right h2 br {
          display: none
     }
     .contact-us-form .contact-page {
          padding-top: 10px
     }
     .contact-us-form .input-row .input-col {
          max-width: 100%;
          flex: 100%
     }
     .contact-us-form .contact-page h3 {
          font-size: 20px
     }
     .contact-us-form .custom-radio {
          display: flex
     }
     .contact-us-form .custom-radio .input-col {
          max-width: 100%;
          flex: 100%
     }
     .contact-us-form .custom-radio .label-icon {
          font-size: 16px;
          text-align: left;
          justify-content: flex-start;
          padding: 15px 20px;
     }
     .contact-us-form .input-col textarea {
          font-size: 16px !important;
          line-height: 25px
     }
     .contact-us-form .input-row .input-col input {
          font-size: 16px !important
     }
     .select .selectBtn {
          font-size: 16px !important
     }
     .contact-form-tabbing .tab-wrapper .tabs li {
          width: 100%
     }
     .contact-form-tabbing {
          padding: 180px 0 0 0
     }
     .contact-form-tabbing .tab-wrapper .tabs li {
          justify-content: flex-start
     }
     /* .contact-us-form-inner .tab-wrapper {display: none} */
     .arow-submit-button {
          padding-right: 0;
          margin-top: -68px
     }
     .contact-banner i {
          font-size: 20px
     }
     .contact-us .black-theme-section {
          padding: 25% 0 25% 0
     }
     .map-section-mobile ul {
          display: flex;
          flex-wrap: wrap
     }
     .map-section-mobile ul li {
          width: 100%
     }
     .map-section-mobile {
          padding: 0 15px
     }
     .arow-submit-button {
          display: inline-block !important;
          margin-top: 0 !important
     }
     /* Technology Page */
     .services-roadmap {
          padding: 90px 15px
     }
     .services-roadmap h2 {
          font-size: 18px;
          line-height: 25px
     }
     .services-roadmap p {
          font-size: 18px;
          line-height: 25px
     }
     /* Technology Page */
     .technology-we-use {
          padding: 90px 0
     }
     .the-way-we-work ul li span {
          font-size: 25px;
          line-height: 35px
     }
     .it-solution-block .custom-row .column-50 {
          max-width: 100%;
          flex: 100%
     }
     .it-solution-block .custom-row .column-50:first-child {
          padding-left: 0
     }
     .it-solution-block .custom-row {
          display: block
     }
     .it-solution-block p br {
          display: none
     }
     .it-solution-block p {
          font-size: 20px;
          line-height: 25px
     }
     .services-page .look-what-we-work-section .marquee-wrapper .marquee-block,
     .technology-page .look-what-we-work-section .marquee-wrapper .marquee-block,
     .industry-page .look-what-we-work-section .marquee-wrapper .marquee-block,
     .case-study .look-what-we-work-section .marquee-wrapper .marquee-block {
          min-height: 335px !important
     }
     .cms-it-services {
          padding: 90px 0
     }
     .team-building h6 {
          margin: 20px 0 0 0
     }
     /* partner page */
     .partner-logo-box ul {
          display: block
     }
     .partner-logo-box ul li {
          width: 100% !important;
          padding: 0 0 30px 0 !important;
          margin: 0 !important;
          display: block !important;
          float: left
     }
     .partner-logo-box ul li .partner-content {
          padding: 0 0 0 15px !important;
          margin: 0 !important;
          opacity: 1 !important;
          padding-top: 30px !important;
          position: static !important;
          width: 100% !important
     }
     .partner-logo-box ul li .partner-logo-li {
          margin: 0 auto !important;
          padding: 0 !important;
          display: flex;
          align-items: center;
          width: 100%
     }
     .partner-logo-box {
          padding: 90px 0
     }
     .partner-content p {
          font-size: 18px;
          line-height: 25px
     }
     .partner-content p br {
          display: none
     }
     .partner-logo::after,
     .partner-logo::before {
          display: none
     }
     .partner-logo span img {
          width: 50%
     }
     .partner-logo {
          height: 140px;
          width: 180px;
          max-width: 100%;
          min-width: 140px;
          border-top: 0;
          border-bottom: 0;
          border: 1px solid #ccc;
          border-radius: 50%;
          margin: 0;
          padding: 0;
          display: flex;
          align-items: center
     }
     .partner-logo span {
          border: 0;
          height: 140px;
          width: 140px;
          line-height: normal
     }
     #expand {
          display: block;
          position: relative;
          width: 100%
     }
     /* Industry Page */
     .significant-achievement .custom-row {
          display: block
     }
     .significant-achievement .custom-row .column-50 {
          max-width: 100%;
          flex: 100%;
          padding-bottom: 30px
     }
     .significant-achievement .custom-row .column-50:last-child {
          padding-bottom: 0
     }
     .significant-achievement .custom-row .column-50:first-child p {
          font-size: 22px;
          line-height: 33px
     }
     .industry-tab-content h3 {
          font-size: 25px
     }
     .industry-tab-content h4 {
          font-size: 20px
     }
     .industry-tab-content p {
          font-size: 18px;
          line-height: 30px
     }
     .industry-tab-content {
          padding: 70px 0
     }
     .footer-menu .location {
          padding-left: 0
     }
     #mainnav ul.submenu {
          left: 160px
     }
     #mainnav ul.submenu>li>a {
          font-size: 20px !important;
          line-height: 23px;
          display: inline-block
     }
     .menu-text-rotate {
          display: none
     }
     .overlay ul li a:after {
          bottom: -8px
     }
     #popup2_wrapper {
          top: calc(50% - 50vh) !important;
          overflow: hidden !important;
          width: 90vw;
          left: 22px
     }
     div#popup2 {
          min-width: 100%
     }
     .it-solution-block ul {
          display: block
     }
     .contact-us-form .recaptcha-text .form-label {
          padding: 0px 10px !important
     }
     .what-we-deliver .card {
          min-width: 21rem
     }
     .what-we-deliver h3 {
          line-height: 22px
     }
     .footer-css .copyright-text {
          padding-top: 30px;
          line-height: 20px;
          display: inline-block;
          font-size: 14px
     }
     .we-are-mutual-firm-about .header-text h6 {
          margin-bottom: -30px
     }
     .why-with-uswork-one ul li {
          border-right: 0 !important
     }
     #team-building-slider .owl-item img {
          min-width: 100px;
          max-width: 100px
     }
     .home-page .look-what-we-work-section .marquee-wrapper .marquee-block {
          min-height: 140px
     }
     .team-block .row-item {
          flex: 50%;
          max-width: 50%
     }
     .team-block {
          padding-bottom: 0
     }
     .footer-menu .location {
          padding-left: 0
     }
     #partner-slider .owl-item img {
          width: 50%
     }
     .careers__grid-inner {
          flex-wrap: wrap
     }
     .our-hiring-requirement .careers__grid-item {
          max-width: 100%;
          flex: 100%;
          margin: 20px 0;
          padding: 3vw
     }
     .our-hiring-requirement .careers__grid-item .careers__grid-title {
          font-size: 20px;
          line-height: 30px;
          padding-bottom: 10px
     }
     .our-hiring-requirement .careers__grid-item .position__city {
          font-size: 18px
     }
     .applying-section h2 {
          font-size: 35px;
          padding-bottom: 20px
     }
     .applying-section .input-group-col.col-3 {
          margin: 40px 0
     }
     .subscirber-form input {
          font-size: 18px
     }
     .content-width {
          padding: 0 30px
     }
     /* about us Our values */
     .our_values {
          padding: 60px 0
     }
     .circle-container {
          display: none
     }
     .pined-content-culture .sticky_title,
     .our_values .floatR {
          max-width: 100%;
     }
     .the-way-we-work ul li {
          display: block;
     }
     .our_values .sticky_title {
          float: none
     }
     .our_values .floatR {
          width: 100%;
          float: none
     }
     .our_values .sticky_title h2 {
          padding: 0 0 50px
     }
     .our_values .sticky_title h2 br {
          display: none
     }
     .careers_value .floatR ul li {
          min-height: 260px
     }
     .meet-our-team {
          padding: 40px 30px 20px 30px
     }
     .banner_wrapper h2 {
          padding: 0 0 20px 30px
     }
     .vision_section img {
          max-width: 70%
     }
     .our_values .sticky_title h2 {
          font-size: 30px
     }
     .our_values .floatR ul li h3 {
          font-size: 12px
     }
     .site-footer .texttypo p {
          font-size: 24px;
     }
     .footer-css .site-footer .column-50:first-child h3 {
          font-size: 25px;
          line-height: 0;
     }
     .contact_testi img {
          float: left;
     }
     .contact_testi .Contact_quote {
          text-align: left;
     }
     .contact_testi .Contact_author {
          text-align: left;
     }
     .site-footer .texttypo p {
          font-size: 25px;
     }
     .csr-page .content-width {
          padding: 0 15px;
     }
     .menu-social-box .greatplace img {
          width: 5em;
     }
}

@media screen and (min-width:1299px) {
     .mobile-header,
     .mobile-intro {
          display: none
     }
}

@media screen and (min-width:1401px) and (max-width:1700px) {
     .section1 .header .left_icon {
          padding: 35px 0 0 0;
          transform: translate(-2.4%, 0%)
     }
     .header .container {
          padding-right: 20px;
          padding-left: 20px
     }
     .site-footer {
          background-color: #141414
     }
}

@media screen and (min-width:1401px) and (max-width:1600px) {
     .header .container {
          padding-right: 20px;
          padding-left: 20px
     }
     .section1 .header .left_icon {
          padding: 28px 0 0 0
     }
     .section1 .header .texttypo {
          margin: -27px 0 0 0
     }
     .sandcup-side-logo {
          left: -80px
     }
     .copyright-text {
          padding-left: 30px
     }
     .vision_section .content-width {
          max-width: calc(100vw / 2 + 900px / 1.8)
     }
     .portfolio-list .our-thoughts-perspective {
          padding: 150px 0 250px 0
     }
}

@media screen and (min-width:1401px) and (max-width:1750px) {
     .strategies-block-bg-pink,
     .strategies-block-bg-yellow,
     .strategies-block-bg-blue {
          top: 55px;
          left: 0;
          right: 0;
          max-width: 340px;
          min-height: 600px;
          max-height: initial;
          margin: 0 auto
     }
     .we-are-mutual-firm-about .content-width {
          padding: 0
     }
     .copyright-text {
          padding-left: 50px
     }
}

@media screen and (min-width:1024px) {
     .csr-page .team-block {
          padding-top: 0;
     }
     .contact-us.footer-css .site-footer {
          padding-top: 0;
     }
     .new-legend-scroller-mobile {
          display: none
     }
     .bussiness-strategy-section-mobile {
          display: none
     }
     .mobile-show-title {
          display: none
     }
}

@media screen and (min-width:640px) {
     /* 27-2 madhvi */
     .banner_wrapper.section .swiper-team .swiper-wrapper {
          gap: 20px;
     }
}


/* end */

@media screen and (max-width:650px) {
     .our-sub-team-section .csr-row .csr-item {
          width: 100%;
          height: auto;
     }
}

@media(max-width:575px) {
     .blog-content ul li {
          line-height: 1.2;
     }
     .mini-popup-banner.lg-anniversary .popup-banner .title-podcast h3 {
          font-size: 20px;
     }
     .mini-popup-banner.lg-anniversary .anni-desc {
          font-size: 18px !important;
     }
     .stat-tuned {
          margin-top: 20px;
     }
     .mini-popup-banner.lg-anniversary .anni-desc {
          margin-top: 30px !important;
     }
     .stat-tuned .social-menu {
          margin-top: 20px;
          margin-bottom: 0;
     }
     .mini-popup-banner.lg-anniversary .center-r {
          gap: 20px;
     }
     .mini-popup-banner.lg-anniversary {
          padding: 30px 15px;
     }
     .mini-popup-banner {
          left: 3%;
     }
     .our-thoughts-perspective .cards .blog-img {
          margin-top: 40px;
     }
     .img_banner .text_box p {
          padding-bottom: 0;
     }
     .content-width {
          padding: 0 15px;
     }
     .careers_value .floatR ul li .back {
          padding: 0 170px 0 0;
     }
     .the-way-we-work ul li {
          padding: 10px 20px;
     }
     .lets-make-thing a {
          font-size: 20px;
     }
     .menu-social-box {
          right: 30px;
     }
     .section1 .mobile-header .header-row .column-header .logo img {
          max-width: 70%;
     }
     .project_marquee1.mr-one {
          padding-bottom: 30px;
     }
     /* start */
     .l_spacing {
          letter-spacing: 0px;
     }
     .session-profile {
          transform: translateY(-12px);
     }
     .session-date h6 {
          font-size: 9px;
     }
     .session-profile img {
          width: 6em;
     }
     .linking-cta .y-circle {
          height: 40px;
          width: 40px;
          padding: 15px;
     }
     .linking-cta,
     .svg-rotate-anim,
     .svg-rotate-anim svg {
          width: 85px;
          height: 85px;
     }
     .popup-banner.session-b h3 {
          font-size: 13px;
          margin-bottom: 2px;
     }
     .mini-popup-banner .popup-banner .title-podcast {
          padding: 0;
     }
     .text_12 {
          font-size: 9px;
     }
     .sp-inner h5 {
          margin-bottom: 7px;
          font-size: 13px;
     }
     .session-date svg {
          width: 10px;
          height: 10px;
     }
     /* end */
     .technology_scrollig_icon .js-marquee {
          gap: 50px;
          width: auto;
     }
     .marquee__group .splide__list {
          gap: 20px;
     }
     .top-spacing {
          padding-top: 60px !important;
     }
     .bottom-spacing {
          padding-bottom: 60px !important;
     }
     .popup-banner a.podcast-btn {
          font-size: 9px;
          padding: 6px 6px;
          border-radius: 3px;
     }
     .mini-popup-banner .popup-banner {
          padding: 12px 0 0;
     }
     .popup-banner .title-podcast h3 {
          font-size: 12px;
     }
     .title-podcast h4 {
          font-size: 40px;
          margin: 0px 0 10px;
     }
     .popup-banner .title-podcast p {
          font-size: 12px;
          line-height: 1.3;
     }
     .popup-banner .title-podcast h2 {
          font-size: 16px;
          margin-bottom: 0;
          line-height: normal;
     }
     .popup-banner .title-podcast h2,
     .popup-banner .reg-btn,
     .popup-banner .meetup-date {
          font-size: 12px;
          margin: 0;
     }
     .popup-banner .reg-btn {
          font-size: 10px;
     }
     .popup-banner .banner-image img.img-podcast,
     .popup-banner .banner-image img.img-podcast-01 {
          height: 80px;
     }
     .our-purpose-section .content-width h1 {
          margin-bottom: 20px;
     }
     .mobile-particle-slider {
          height: 100%;
     }
     .blog-content .content-width {
          max-width: 100%;
          padding: 0;
     }
     .subscriber-with-us .our-thoughts-perspective {
          padding: 0px 0 40px !important;
     }
     .blog-content ul.social_icon {
          padding: 15px 0 0px;
     }
     .blog-content {
          padding: 60px 15px;
     }
     .technology-we-use {
          padding: 60px 0;
     }
     #sv .lgt .tx {
          margin-bottom: 0;
     }
     .market-research-section.spacing-b {
          padding: 50px 0 50px 0;
     }
     .bussiness-strategy-section-mobile {
          height: 800px;
     }
     .client-review-section {
          padding: 0 0 60px;
     }
     .black-theme-section {
          padding: 60px 0 0;
     }
     .contact-form-tabbing .content-width {
          padding: 0 15px;
     }
     .our-purpose-section.about_section.middle-spacing {
          padding-top: 60px;
     }
     .banner_wrapper.career_gallery .swiper {
          padding: 0 0 20px;
     }
     .employee-testimonials {
          padding: 50px 0;
     }
     .our-thoughts-perspective .cards {
          max-width: 100%;
          padding-bottom: 0;
     }
     .added-spacing {
          padding-top: 20px !important;
          padding-bottom: 20px !important;
     }
     .about_section.team-list-main.padding-m .text-left p {
          padding: 0 0 0 !important;
     }
     .black-theme-section.padding-m .content-width,
     .our-purpose-section.about_section.padding-m .content-width,
     .our_values.section.padding-m .content-width {
          padding-right: 15px;
          padding-left: 15px;
     }
     .vision_section .custom-row .column-50 {
          padding-right: 0;
          padding-left: 0;
     }
     #mainnav ul.submenu>li>a {
          font-size: 15px !important;
     }
     .it-solution-block ul li {
          padding-right: 0;
          padding-left: 0;
     }
     #sv .lgt {
          padding-left: 15px !important;
          padding-right: 15px !important;
     }
     .app-c.sidebar-scroller .bcc {
          padding: 0 15px;
     }
     .app-c.sidebar-scroller p {
          text-align: center;
     }
     .project_marquee1 .marquee__group {
          padding: 0;
     }
     .market-research-section .sidebar-scroller h2 {
          padding: 0 15px 0 0;
     }
     .services-roadmap {
          padding: 60px 15px;
     }
     .about_section .text-left h2 {
          padding: 0px 0 0 0;
     }
     .explore-more-project {
          padding: 60px 0;
     }
     .explore-more-project .look-what-we-work-section {
          padding: 0;
     }
     .services-roadmap h2 {
          margin-bottom: 0;
     }
     .technology-we-use {
          height: 100%;
     }
     .our_values .floatR ul li {
          margin-bottom: 20px;
     }
     .market-research-section {
          padding: 50px 0 50px 0;
     }
     .banner_wrapper h2 {
          padding: 0 15px 30px;
     }
     .mobile-slider-button {
          text-align: center;
          padding: 0 12px;
     }
     .default-button .plus-icon {
          margin-left: 10px;
     }
     /* end */
     .greatplace-footer img {
          width: auto;
          /* height: 8em; */
     }
     .csr-page .about_section .text-left h2 {
          margin: 0;
     }
     .csr-page .our-purpose-section {
          padding: 0px 0 30px 0;
     }
     .white-text {
          top: 8px;
     }
     .popup-banner .title-year {
          margin-bottom: 22px;
     }
     .content-popup {
          gap: 20px;
     }
     .w-text {
          font-size: 34px;
     }
     .popup-banner .text-desc {
          font-size: 35px;
     }
     .center-r {
          gap: 30px;
     }
     .mini-popup-banner .popup-banner .text-desc {
          font-size: 18px;
     }
     .mini-popup-banner {
          width: 250px;
          height: 250px;
          padding: 30px;
     }
     .popup-banner .title-podcast .sandskriti-title {
          margin-bottom: 0;
     }
     .location-places {
          margin: 20px 10px;
     }
     .title-podcast img {
          width: 80%;
     }
     .mini-popup-banner .white-text {
          bottom: -50%;
     }
     .mini-popup-banner .popup-banner .banner-image .year-img {
          width: 40px;
     }
     .title-podcast {
          margin: 0 auto 10px;
     }
     /***Pre meetup***/
     .popup-banner .pre-meetup-bt-line {
          font-size: 12px;
          line-height: 1.6;
     }
     #home-popup-slider .item {
          width: 100%;
          height: 200px;
     }
     .pre-meetup-live .title-podcast {
          margin: 0 auto 0px;
     }
     .pre-meetup-live .un-banner.top,
     .pre-meetup-live .un-banner.bottom {
          position: static;
     }
     #home-popup-slider.owl-carousel .owl-item .pre-meetup-live img.un-banner {
          margin-top: 0;
          display: inline-block;
     }
     .popup-banner .pre-meetup-bt-line.one {
          margin: 10px 0 0;
     }
     .popup-banner .pre-meetup-bt-line.two {
          margin: 0;
     }
     .popup-banner .pre-meetup-live .reg-btn {
          margin: 5px 0 7px;
     }
     .popup-banner .pre-meetup-live .reg-btn,
     .popup-banner .pre-meetup-live .title-podcast p {
          font-size: 15px;
     }
     .mini-popup-banner .popup-banner {
          padding: 0;
     }
}

@media(max-width:479px) {
     .year-text {
          font-size: 20px;
     }
     /* 28-2 madhavi css */
     .our-purpose-section.home-wrapper {
          margin-top: -100px;
     }
     .menu-social-box {
          right: 20px;
     }
}

@media(max-width:400px) {
     .mobile-slider-button {
          text-align: initial;
          padding: 0 12px;
     }
     .our-purpose-section.home-wrapper {
          margin-top: -130px;
     }
     .employee-testimonials {
          padding: 60px 0;
     }
     .testi-wrap {
          padding-top: 30px;
     }
     #mainnav ul.submenu>li>a {
          font-size: 14px !important;
     }
     .overlay ul li a {
          font-size: 20px;
     }
}

@media(max-width:380px) {
     .popup-banner .title-year {
          margin-bottom: 14px;
     }
     .menu-social-box .greatplace img {
          width: 3em;
     }
}