@media screen and (min-width: 991px) {
    main .main-slide .mobile-img{display: none;}
  }
  @media screen and (max-width: 1366px) {
      header .header-top nav .main-menu li{padding: 0 10px;}
      header .header-top nav .menu .menu-hover{font-size: 14px;}
      header .header-top .menu-right li {padding: 0 5px;}
      header .header-top.sticky .menu-right li {padding: 0 12px;}
      header .header-top.sticky nav .main-menu li{padding: 0 8px;}
      .parallax-item .main-img-bg .parallax-img{right: 50px;}   
      main .customer-exp-sec .customer-main .customer-right .customer-img{max-width: 730px;}
      main .bg-section .form-sec .semsto-form-bg .video .work-video{max-width: 540px;}
      main .problem-solving-sec .slide-video .responsive-video{max-width: 545px;}
      header .header-top nav .main-menu li .sub-menu .menu-bg .overview-text .content h2{font-size: 20px;margin-bottom: 10px;}
      header .header-top nav .main-menu li .sub-menu .role-content .role-sec p{font-size: 14px; margin-bottom: 5px;}
      header .header-top nav .main-menu li .sub-menu .role-content .role-industry li{padding: 15px 0 0 65px;}
      header .header-top nav .main-menu li .sub-menu .menu-bg .overview-text, header .header-top nav .main-menu li .sub-menu .menu-bg .role-content{padding: 8px 8px 0;}
      header .sticky{padding: 20px 20px !important;}
      header .header-top nav .main-menu li .sub-menu .menu-bg .sub-title{margin-bottom: 8px;}
      main .faster-project-sec .project-content h1{font-size: 38px; margin-bottom: 15px;}
      main .contact-sec-right .project-1{padding: 20px;}
      main .contact-sec-right .project-1 .employee-img{margin-right: 0px;width: 250px;}
      main .contact-sec-right .project-1 .employee-img img{height: auto;width: 200px;}
      max-main .contact-sec-right .project-1 h2{margin-bottom: 8px;line-height: 25px;}
      main .contact-sec-right .project-1 .temp-caption p{font-size: 16px;}
      main .contact-sec-right .project-1 li{margin-bottom: 12px;font-size: 16px;}  
      main .main-slide .slide-img::after{left: -99%;bottom: -370px;}
      #maindash .video object{width: 700px;}
      .rs-parallax-wrap{left: 735.5px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{min-height: 640px;padding: 60px 40px 20px;}
      main .whyneed-semsto-customer .customer-say-main .img-bg div.image::after{height: 1195px;}
      main .whyneed-semsto-customer .customer-say-main .img-position{min-height: 570px;}
      header .header-top nav .main-menu li .sub-menu{padding: 0px 15px;}
      header .header-top nav .main-menu li .sub-menu .role-content .role-1 p{font-size: 13px;line-height: 20px;}
      header .header-top nav .main-menu li .sub-menu .role-content .role-title{font-size: 15px;}
      header .header-top nav .main-menu li .sub-menu .role-content .role-industry .role-1 h3{line-height: 20px;}

  }
  @media screen and (min-width: 1300px) and (max-width: 1500px){
      header .header-top nav .main-menu li{padding: 0 8px;}
  }
  @media screen and (min-width: 1024px) and (max-width: 1299px){
      header .header-top nav .main-menu li{padding: 0 10px;}
      header .header-top nav .menu .menu-hover{font-size: 14px;}
      main .bg-section .form-sec .semsto-form-bg .video .work-video{max-width: 450px;}
  }
  @media screen and (max-width: 1250px){
      header .header-top nav .main-menu li{padding: 0 5px;}
      header .header-top .menu-right li{padding: 0 7px;}
      main .contact-sec-right .project-1 .employee-img{width: 290px;}
  }
  @media screen and (max-width:1200px) {
      header .header-top nav .main-menu{padding-left: 0;}
      header .header-top .menu-area{padding: 0;}
      header .header-top nav .main-menu li{padding: 0 8px;}
      header .header-top .menu-right li{padding: 0 3px;}
      header .header-top.sticky .menu-right li{padding: 0 6px;}
      main .main-slide .slide-right-content h1{font-size: 42px !important; line-height: 58px;}
      main .main-slide::after{height: 665px;}
      main .marketing-sec .sec-title{font-size: 42px !important; margin-bottom: 50px;}
      main .growth-inner-text .title, .parallax-item .animated-text .parallex-title,  main .marketing-sec .tab-btn-sec .inner-content .marketing-right-text .right-title{font-size: 42px;}
      main .growth-sec{padding-top: 0;}
      main .main-slide-video .slide-left-content h1{font-size: 40px;}
      main .main-slide-video .responsive-iframe{width: 736px; height: 455px;}
      main .faster-project-sec .project-content h1, main .spa-main .spa-slide .benefits-project-sec .project-inner-text .title{font-size: 36px !important;}
      main .projects-sec .project-inner-text .title, main .integration-sec .integration-inner-text .title{font-size: 40px !important;}
      main .projects-sec .project-inner-text p, main .integration-sec .integration-inner-text p, main .ceo-client-sec .title-bg p{font-size: 16px;}
      main .capabilities-project, main .ourteam-content-sec .our-mission-sec, main .customer-story-sec, main .enterprise-sec .journey-goals .goal-padding, main .customer-review-sec, main .capabilities-menu {padding: 50px 0;}
      main .capabilities-project{padding: 50px 0 !important;}
      main .capabilities-sec .capabilities-project .cap-caption p, header .header-top nav .menu .menu-hover, main .finance-tab .sticky-nav-tab{font-size: 14px;white-space: nowrap;}
      main .capabilities-sec .capabilities-project .cap-caption h2, main .templates-sec .templates-project .temp-caption h2{font-size: 20px;}
      main .main-slide-video .slide-left-content{margin-bottom: 50px;}
      main .customer-exp-sec .customer-main .customer-left .content-card{padding: 24px;}
      main .enterprise-sec .journey-enterprise-sec{padding-bottom: 80px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left .text p{margin-bottom: 20px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left{padding: 21px 30px;}
      main .spa-main .spa-slide .tab-section .data-tab-title{font-size: 30px !important; line-height: 46px;}
      main .spa-main .spa-slide .benefits-project-sec .project-inner-text p, main .marketing-sec .nav-link{font-size: 15px; line-height: 30px;}
      main .whyneed-slide-video .slide-left-content h1, main .workflow-automation-sec .slide-left-content h1, main .projectmanage-slide-video .slide-left-content h1, main .employeemanage-slide-video .slide-left-content h1, main .spa-main .spa-slide .employee-content .title, main .spa-main .spa-slide .tab-sec-2 h2, main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content h2, main .enterprise-sec .title-bg .enterprise-title, main .enterprise-sec .journey-goals .goal-title, main .ourteam-content-sec .description .desc-width .title, main .ourteam-content-sec .our-mission-sec .our-mission-text .title, main .story-desc .title, main .faq-main-section .faq-sec .faq-title, main .faq-main-section .description .desc-width .title, main .faq-sec .faq-title, main .testimonial-sec .story-desc .title, main .project-manage-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .project-manage-inner-tab .spa-main .spa-slide .employee-content .title, main .project-manage-inner-tab .spa-main .spa-slide .employee-content .desc, main .problem-solving-sec .slide-left-content h1, main .customize-sec .customize-bg .cap-title, main .capabilities-menu .cap-title, main .flexible-package-sec .flexible-title, main .good-company-sec .customer-title, main .whyneed-semsto-customer .customer-title, main .need-semsto-sec .temp-title, main .customer-sec .customer-title, main .customize-sec .customize-bg .cap-title,main .flexible-package-sec .flexible-title, main .good-company-sec .customer-title, main .what-is-new-sec .description .desc-width .title, main .what-is-new-sec .description .desc-width .text, main .getting-started-sec .description .desc-width .title, main .ceo-client-sec .title-bg .client-title, main .value-matrix-sec .section-bg .content-title .title, main .finance-slide-video .slide-left-content h1, main .finance-inner-tab .spa-main .spa-slide .employee-content .title, main .finance-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .about-us-sec .description .desc-width .title, main .blog-title-bg .content-bg .description .desc-width .title, main .it-main .financial-bg .financial-content .title, main .whyneed-slide-video .slide-left-content h1 span, main .core-values .title, main .process-timeline .sectiontitle h2, main .msg-info .image h1, main .help-center-sec .description .desc-width .title, main .event-title-bg .content-bg .description .desc-width .title, main .contact-sec-left .contact-title, main .disclaimer-sec .content-bg .title, main .terms-condition-sec .content-bg .title, main .privacy-policy-sec .content-bg .title, main .sitemap-sec .content-bg .title, main .faq-main-section .content-bg .faq-title, main .demo-point .title, main .pricing-point .title, main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h2, main .pricing-sec .pricing-table table h1, main .service-industry-sec .blog-detail-content .detail-left-sec .title, main .it-services-sec .blog-detail-content .detail-left-sec .title, main .real-estate-sec .blog-detail-content .detail-left-sec .title, main .architect-sec .blog-detail-content .detail-left-sec .title, main .demo-head .title-bg .pricing-title{font-size: 35px !important; line-height: 48px;}
      main .whyneed-slide-video .responsive-iframe, main .workflow-automation-sec .slide-video .responsive-video, main .projectmanage-slide-video .responsive-iframe{max-width: 560px;}
      main .customer-sec .customer-say-main .teaser-content{height: 460px;}
      main .spa-main .spa-slide .tab-sec-2 .sec-right-btn li .right-arrow::before{top: 11px;}
      main .spa-main .spa-slide .spa-component-sec .component-text .right-arrow::before{top: 8px;}
      main .enterprise-sec .journey-enterprise-sec .journey-right-video .responsive-iframe-right{max-width: 366px;}
      main .career-sec .work-hard-sec .video .work-video{max-width: 546px;}
      main .career-sec .work-hard-sec .product-video{max-width: 356px;}
      main .parallax-item .main-img-bg .parallax-img{right: 30px;}
      main .whyneed-slide-video .responsive-iframe{max-width: 545px!important;}
      footer .footer-main .footer-bottom{margin-top: 20px;}
      main .process-timeline .cbp_tmtimeline::before{left: 4%;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel{margin: 0 0 15px 12%;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmicon{left: 2%;}
      main .capabilities-menu .icon-grid .explore-tab{width: 13%;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 40px;}
      main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title{font-size: 28px;}
      main .problem-solution-section .component-box .title{font-size: 35px;}
      main .problem-solution-section .component-box .list-item li h5{font-size: 18px;line-height: 27px;}
      main .contact-sec-right .project-1 .employee-img{width: 330px;}
      main .contact-sec-right .project-1 h2{font-size: 20px;}
      main .contact-sec-right .project-1 .temp-caption p{font-size: 15px;margin-bottom: 10px;line-height: 26px;}
      #maindash .video object{width: 630px;}
      main .main-slide .slide-img::after{left: -88%;bottom: -485px;}
      .rs-parallax-wrap{left: 615.5px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{min-height: 695px;}
  }
  @media screen and (max-width:1150px){
      header .header-top nav .main-menu{display: none;}
      header .header-top .menu-right{display: none;}
      header .header-top .head-main .logo-sec{width: 50%; float: left;}
      header .right-menu .log-in{display: block;}
      header .header-top .head-main .right-menu{display: flex; justify-content: end; width: 50%; float: right;}
      header .header-top .head-main .right-menu .log-in-btn{color: var(--txttheme);font-weight: 600;font-size: 16px;}
      header .header-top .menu-toggle{display: block;padding:0 20px;text-align: right;}
      header .mob-main-menu{position:fixed;top: 70px;left: 0;overflow-y: auto; bottom: 0; width: 100%;display: block;background-color: #f0eeee;padding: 15px;z-index: 9;}
      header .mob-main-menu li .sub-list{color: #1d1d1d;font-weight: 600;padding: 10px 15px;display: block;font-size: 16px;text-transform: uppercase;transition: all .4s ease;position: relative;}
      header .mob-main-menu li.current-menu-item .sub-list{color: var(--txttheme);}
      header .mob-main-menu li .sub-list img{position: absolute; right: 0; filter: invert(0%) sepia(95%) saturate(0%) hue-rotate(137deg) brightness(104%) contrast(104%);}
      header .mob-main-menu li .dropdown-toggle::after{display: none;}
      header .mob-main-menu li:hover .sub-list{color: var(--txttheme);}
      header .mob-sub-menu{padding:20px; background: #dedede;}
      header .mob-sub-menu .overview-text{border-bottom: 1px solid #bcbcbc;}
      header .mob-sub-menu .role-content{margin-top: 15px;}
      header .mob-sub-menu .role-content .role-industry, header .mob-sub-menu .right-menu-item .type-featured .menu-level{padding-left: 0;}
      header .mob-sub-menu .role-content .role-industry li{position: relative; padding-left: 50px; margin-bottom: 30px;}
      header .mob-sub-menu .role-content .role-industry li img{position: absolute; left: 0;}
      header .mob-sub-menu .role-content .role-industry li .role-sec h3{font-size: 16px;color: var(--txttheme);margin-bottom: 0;}
      header .mob-sub-menu .sub-title{font-size: 18px !important;margin-bottom: 20px;color: var(--txtgrey);}
      header .mob-sub-menu .overview-text h2{font-size: 18px;color: var(--txttheme);margin-bottom: 10px;}
      header .mob-sub-menu .right-menu-item{background: var(--primarycolor);padding: 30px 40px 10px;}   
      header .mob-sub-menu .right-menu-item .type-story{border: 1px solid #535353;padding: 15px;}
      header .mob-sub-menu .right-menu-item .type-story .customer-logo-content h3 {font-size: 22px !important;font-weight: 600;color: var(--secondarycolor);margin: 20px 0 10px;}
      header .mob-sub-menu .right-menu-item .type-story .customer-logo-content span {font-size: 16px;color: rgba(256, 256, 256, 0.6);}
      header .mob-sub-menu .right-menu-item .type-featured .feature-title{font-size: 22px !important;font-weight: 600;color: rgba(256, 256, 256, 0.6);margin: 20px 0 10px 15px;}
      header .mob-sub-menu .right-menu-item .type-featured .menu-level li{padding: 7px 20px;transition: all .4s ease; margin: 15px 0; border: 1px solid #535353;border-radius: 6px;}
      header .mob-sub-menu .right-menu-item .type-featured .menu-level li a {display: block;font-size: 16px;font-weight: 600;color: var(--secondarycolor);}
      header .mob-sub-menu .right-menu-item .type-featured .menu-level li:hover{background: #2a2a2a; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);}
      header .mob-main-menu .mob-sub-menu .menu-bg .demo-btn .right-btn{display: flex;justify-content: left; align-items: center;margin: 15px 0 20px;padding-left: 0;}
      header .mob-main-menu .mob-sub-menu .menu-bg .demo-btn .right-btn li:nth-child(1) {padding-right: 15px;}
      header .mob-main-menu .mob-sub-menu .menu-bg .grey-img {filter: grayscale();}
      main .customer-exp-sec .customer-main .customer-right .customer-img{right: 30px; max-width: 635px;}
      main .customer-exp-sec .customer-main .customer-left .content-card .subtitle{font-size: 26px !important;line-height: 42px;}
      main .customer-exp-sec .customer-main .customer-left .content-card .title{font-size: 30px !important;}
      main .customer-exp-sec .customer-main .customer-left .content-card .desc{font-size: 15px;}
      main .problem-solving-sec .slide-video .responsive-video{max-width: 455px;}
      main .whyneed-slide-video .responsive-iframe{max-width: 455px !important;}
      main .about-leaders{padding-bottom: 0;}
      .sticky{padding: 10px 35px !important;}
      header .mob-main-menu li a i{float: right;} 
      main .capabilities-menu .icon-grid a{width: 16%;}  
      main .problem-solving-sec, main .whyneed-slide-video{padding: 50px 0;}
      main .msg-info{padding: 40px 0;}
      main .finance-tab .sticky-nav-tab{padding: 15px 18px;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel{margin: 0 0 15px 15%;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmicon{left: 1%;}
      main .finance-tab .sticky-nav-tabs-container{z-index: 2;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 20px;}
      main .blog-sec .sidebar-right .sidebar-post .sidebar-post-img{max-width: 80px;}
      main .main-slide .slide-img::after{bottom: -595px;left: -103%;}
      main .main-slide .slide-right-content h1{font-size: 32px !important;line-height: 46px;}
      main .main-slide .slide-right-content .right-btn li{padding-right: 12px;}
      #maindash .video object{width: 590px;}
      #maindash .video::before{width: 590px;}
      #maindash .video::after{width: 600px;}
      main .main-slide .slide-img::after{bottom: -485px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{min-height: 730px;}
      main .whyneed-semsto-customer .customer-say-main .img-bg div.image::after{height: 1225px;}
      main .whyneed-semsto-customer .customer-say-main .img-position{min-height: 700px;}
      main .pricing-wrapper .features .include-title{font-size: 14px;}
      main .pricing-wrapper .features li{font-size: 13px;}
      main .pricing-wrapper .compare-table-header .plan-boxes, main .pricing-wrapper .accordion-button .amount-box{flex-basis: 32%;}
      main .pricing-wrapper .data-table .col-title{width: 16%;}
      .addon-dropdown{display: block;}
      main .pricing-wrapper .card-title{font-size: 18px;line-height: 22px;}
      main .pricing-wrapper .card-subtitle{font-size: 14px;line-height: 18px;}
      main .pricing-wrapper .subdesc{font-size: 13px;line-height: 18px;}
      .addon-accordion-btn{font-size: 14px;line-height: 22px;}
      .addon-icon{width: 48px;height: 48px;min-width: 48px;margin-right: 10px;}
      .addon-price{white-space: nowrap;padding: 8px 10px;font-size: 13px;}
      main .pricing-wrapper .card .card-body{padding: 20px 10px 25px;}
      main .pricing-wrapper .price{font-size: 30px;line-height: 34px;}
      main .pricing-wrapper .user-item-list{padding: 10px;}
      main .pricing-wrapper .user-item-list li{font-size: 13px;}
      .addon-dropdown li{font-size: 13px;}
      main .pricing-wrapper .currency-select select{font-size: 14px;padding: 7px 13px;}
      main .pricing-wrapper .compare-table-wrapper{overflow-x: auto;}
      main .pricing-wrapper .compare-table-header .plan-boxes, main .pricing-wrapper .accordion-button .title-left{min-width: 180px;}
      main .pricing-wrapper .accordion-button .amount-box{min-width: 195px;}
      main .pricing-wrapper .accordion-button::after{left: 170px;right: auto;}
      main .pricing-wrapper .pricing-controls{margin-bottom: 60px;}
  }
  @media screen and (max-width:1024px){
      main .process-timeline .cbp_tmtimeline:before {display: none;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmtime {width: 100%;position: relative;padding: 0 0 20px 0;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmtime span {text-align: left;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel {margin: 30px 0 70px 0;padding: 20px 30px 30px 30px;float: left;}
      main .process-timeline .cbp_tmtimeline > li:nth-child(odd) .cbp_tmicon {position: relative;float: left;left: auto;margin: 0px 5px 0 0px;}
      main .process-timeline .cbp_tmtimeline > li:nth-child(even) .cbp_tmicon {position: relative;float: right;left: auto;margin: 0px 5px 0 0px;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmtime span:last-child {font-size: 1.5em;}
      main .process-timeline .cbp_tmtimeline li{margin-bottom: 0;}
      main .contact-sec-right .project-1 .temp-caption{display: block;}
      main .contact-sec-right .project-1 .employee-img{margin-bottom: 20px;}
      main .contact-sec-right .project-1 li:last-child{margin-bottom: 0;}
      main .contact-sec-right .project-1 .employee-img img{width: 230px;}
      .bordered-shamax-pe{display: none;}
      main .main-slide .slide-img::after{left: -92%;}
      #maindash .video object{width: 530px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{min-height: 842px;}
      main .whyneed-semsto-customer .customer-say-main .img-bg div.image::after{height: 1315px;width: 1250px;}
      main .pricing-wrapper .enterprise-left{margin-bottom: 15px;margin-right: 0;}
      main .pricing-wrapper .features{margin-bottom: 15px;}
      .addons-section{padding: 15px;}
      
  }
  @media screen and (max-width: 991px){
      header .header-top nav .main-menu{display: none;}
      .menu-toggle{display: inline-block;padding:0 20px;text-align: right;}
      .mob-main-menu{position:fixed;top: 90px;left: 0;overflow-y: auto; bottom: 0; width: 100%;display: block;background-color: var(--primarycolor);padding: 25px;z-index: 9;}
      .mob-main-menu li .sub-list{color: #fff;padding: 10px 15px;display: block;font-size: 16px;text-transform: uppercase;transition: all .4s ease;}
      .mob-main-menu li:hover .sub-list{color: var(--txttheme);}
      header .mob-sub-menu{padding:20px; background: #dedede;position: static !important; margin-bottom: 15px !important;}
      header .mob-sub-menu .overview-text{border-bottom: 1px solid #bcbcbc;padding-top: 20px;padding-bottom: 20px;}
      header .mob-sub-menu .role-content{margin-top: 15px;}
      header .mob-sub-menu .role-content .role-industry, header .mob-sub-menu .right-menu-item .type-featured .menu-level{padding-left: 0;}
      header .mob-sub-menu .role-content .role-industry li{position: relative; padding-left: 50px; margin-bottom: 30px;}
      header .mob-sub-menu .role-content .role-industry li img{position: absolute; left: 0;}
      header .mob-sub-menu .role-content .role-industry li h3 a{font-size: 18px;font-weight: 500;}
      header .mob-sub-menu .role-content .role-industry li h3 .role-title{color: var(--txttheme);}
      header .mob-sub-menu .role-content .role-industry li .role-sec h3{font-size: 16px;color: var(--txttheme);margin-bottom: 0;}
      header .mob-sub-menu .sub-title{font-size: 18px  !important;margin-bottom: 20px;color: var(--txtgrey);}
      header .mob-sub-menu .overview-text h2 .title-main,
      header .mob-sub-menu .overview-text .menu-heading .title-main{font-size: 18px;color: var(--txttheme);margin-bottom: 10px;}
      header .mob-sub-menu .right-menu-item{background: var(--primarycolor);padding: 10px 10px 10px;}   
      header .mob-sub-menu .right-menu-item .type-story{border: 1px solid #535353;padding: 15px;}
      header .mob-sub-menu .right-menu-item .type-story .customer-logo-content h3 {font-size: 22px;font-weight: 600;color: var(--secondarycolor);margin: 20px 0 10px;}
      header .mob-sub-menu .right-menu-item .type-story .customer-logo-content span {font-size: 16px;color: rgba(256, 256, 256, 0.6);}
      header .mob-sub-menu .right-menu-item .type-featured .feature-title{font-size: 22px  !important;font-weight: 600;color: rgba(256, 256, 256, 0.6);margin: 20px 0 10px 15px;}
      header .mob-sub-menu .right-menu-item .type-featured .menu-level li{padding: 7px 20px;transition: all .4s ease; margin: 15px 0; border: 1px solid #535353;border-radius: 6px;}
      header .mob-sub-menu .right-menu-item .type-featured .menu-level li a {display: block;font-size: 16px;font-weight: 600;color: var(--secondarycolor);}
      header .mob-sub-menu .right-menu-item .type-featured .menu-level li:hover{background: #2a2a2a; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);}
      .sticky{padding: 10px 35px !important;}
      main .bg-section .form-sec .semsto-form-bg{padding: 0px;}
      main .bg-section .form-sec .semsto-form-bg .form-right-sec{padding: 15px;}
      header .mob-main-menu li a i{float: right;}
      main .main-slide{padding: 30px 0 40px;}
      main .main-slide::after{height: 640px;display: none;}
      main .main-slide .slide-img{display: none;}
      main .main-slide .mobile-img{display: block;z-index: 2;position: relative;}
      main .get-it-sec{padding: 100px 0;}
      main .parallax-item .main-img-bg img{max-width: 550px;}
      main .parallax-item{height: 750px;}
      main .parallax-item .main-img-bg .parallax-img{max-width: 220px; right: 20px; top: 530px;}
      main .main-slide .slide-right-content{margin: 10px 0 30px;}
      main .marketing-sec .tab-btn-sec .inner-content .marketing-right-text{text-align: center;} 
      main .main-slide-video .responsive-iframe{width: 696px;}
      main .faster-project-sec .project-content{margin-bottom: 40px;}
      main .faster-project-sec .project-content h1{margin-bottom: 10px;}
      main .faster-project-sec{padding: 40px 0;}
      main .capabilities-sec{padding: 50px 0 0;}
      main .projects-sec .project-inner-text .title, main .integration-sec .integration-inner-text .title{font-size: 32px  !important; margin-bottom: 15px;}
      main .projects-sec .project-inner-text, main .integration-sec .integration-inner-text{padding: 10px 20px;}
      main .templates-sec{padding: 40px 0 70px;}
      main .customer-sec .customer-say-main .img-bg{margin: 20px 0;}
      main .customer-exp-sec .customer-main{display: block;}
      main .customer-exp-sec .customer-main .customer-left, main .customer-exp-sec .customer-main .customer-right{width: 100%;}
      main .customer-exp-sec .customer-main .customer-right .customer-img{position: static;}
      main .customer-exp-sec .customer-main .customer-left .content-card{margin-left: 0;}
      main .customer-exp-sec .customer-main .customer-right .customer-img{max-width: 100%;}
      main .about-us-sec .about-desc .text-width{margin: 50px 0 0;}
      main .about-desc, main .our-mission-sec{padding: 0 0 50px;}
      main .contact-sec-right{padding: 0 30px; margin: 20px 0 0;}
      main .our-branch-sec{padding: 50px 0; margin: 50px 0 0;}
      main .contact-form-sec, main .customer-review-sec, main .customer-exp-sec, main .career-sec .content-bg{padding: 50px 0;}
      main .about-us-sec .description .desc-width .text{font-size: 32px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left .text .check-btn, main .finance-inner-tab .spa-main .spa-slide .tab-section .vtabs1 .nav-link h5{font-size: 14px;}
      main .workflow-automation-sec .slide-video .responsive-video, main .projectmanage-slide-video .responsive-iframe{max-width: 516px;}
      main .whyneed-slide-video .slide-left-content h1, main .workflow-automation-sec .slide-left-content h1, main .projectmanage-slide-video .slide-left-content h1, .employeemanage-slide-video .slide-left-content h1, main .spa-main .spa-slide .employee-content .title, main .spa-main .spa-slide .tab-sec-2 h2, main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content h2, main .employeemanage-slide-video .slide-left-content h1, main .ourteam-content-sec .our-mission-sec .our-mission-text .title, main .faq-main-section .faq-sec .faq-title, main .faq-main-section .description .desc-width .title, main .faq-main-section .description .desc-width .text, main .faq-sec .faq-title, main .testimonial-sec .story-desc .title, main .project-manage-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .project-manage-inner-tab .spa-main .spa-slide .employee-content .title, main .project-manage-inner-tab .spa-main .spa-slide .employee-content .desc, main .problem-solving-sec .slide-left-content h1, main .customize-sec .customize-bg .cap-title, main .capabilities-menu .cap-title, main .flexible-package-sec .flexible-title, main .good-company-sec .customer-title, main .what-is-new-sec .description .desc-width .title, main .what-is-new-sec .description .desc-width .text, main .getting-started-sec .description .desc-width .title, main .ceo-client-sec .title-bg .client-title, main .value-matrix-sec .section-bg .content-title .title, main .finance-slide-video .slide-left-content h1, main .finance-inner-tab .spa-main .spa-slide .employee-content .title, main .finance-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .about-us-sec .description .desc-width .title, main .blog-title-bg .content-bg .description .desc-width .title, main .blog-title-bg .content-bg .description .desc-width .text, main .management-sec .temp-title, main .it-main .financial-bg .financial-content .title, main .whyneed-slide-video .slide-left-content h1 span, main .core-values .title, main .about-us-sec .need-semsto-sec .templates-project .temp-caption h2, main .process-timeline .sectiontitle h2, main .msg-info .image h1, main .help-center-sec .description .desc-width .title, main .event-title-bg .content-bg .description .desc-width .title, main .pricing-sec .title-bg .pricing-title, main .contact-sec-left .contact-title,  main .ourteam-content-sec .description .desc-width .title, main .disclaimer-sec .content-bg .title,  main .terms-condition-sec .content-bg .title, main .privacy-policy-sec .content-bg .title, main .sitemap-sec .content-bg .title, main .faq-main-section .content-bg .faq-title, main .demo-point .title, main .pricing-point .title, main .pricing-sec .pricing-table table h1, main .service-industry-sec .blog-detail-content .detail-left-sec .title, main .it-services-sec .blog-detail-content .detail-left-sec .title, main .real-estate-sec .blog-detail-content .detail-left-sec .title, main .architect-sec .blog-detail-content .detail-left-sec .title, main .service-industry-sec .blog-detail-content .detail-left-sec .article-title, main .architect-sec .blog-detail-content .detail-left-sec .article-title, main .it-services-sec .blog-detail-content .detail-left-sec .article-title, main .real-estate-sec .blog-detail-content .detail-left-sec .article-title, main .blog-detail-sec .blog-detail-content .detail-left-sec .article-title, main .enterprise-sec .security-sec .security-left-content .title, main .demo-head .title-bg .pricing-title{font-size: 27px !important; line-height: 40px;}
      main .whyneed-slide-video .slide-left-content p, main .workflow-automation-sec .slide-left-content p, main .projectmanage-slide-video .slide-left-content p, main .employeemanage-slide-video .slide-left-content p,main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content p, main .integration-sec .integration-inner-text p, main .faster-project-sec .project-content p, main .ourteam-content-sec .our-mission-sec .our-mission-text p, main .parallax-item .animated-text p, main .problem-solving-sec .slide-left-content p, main .ceo-client-sec .title-bg p{font-size: 15px;}
      main .spa-main .spa-slide .employee-content .desc{font-size: 30px  !important;}
      main .capabilities-menu .icon-grid a{margin: 0 10px; width: 20%;}
      main .customize-sec .customize-padding{padding: 60px 0 0;}
      main .faster-project-sec .project-content h1, main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title{font-size: 24px; line-height: 34px;}
      main .spa-main .spa-slide .tab-section .vtabs1 .nav-link h5, main .spa-main .spa-slide .tab-section .vtabs1 .nav-link.active h5, main .enterprise-sec .journey-enterprise-sec .journey-content-left .text p{font-size: 16px;}
      main .spa-main .spa-slide .spa-component-sec .component-text .right-arrow::before{top: 9px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left{padding: 21px 20px;}
      main .career-sec .work-hard-sec .video .work-video, main .career-sec .work-hard-sec .product-video, main .problem-solving-sec .slide-video .responsive-video{max-width: 336px;}
      main .work-on-semsto .desc-width .title, main .career-sec .work-hard-sec .work-content .title, main .career-sec .work-hard-sec .work-content .title-blue, main .career-sec .work-hard-sec .work-title, main .career-sec .description .desc-width .title, main .career-sec .description .desc-width .text{font-size: 30px;}
      main .ourteam-content-sec .our-mission-sec .our-mission-img::after, main .ourteam-content-sec .our-mission-sec .our-culture-img::after{display: none;}
      main .bg-section .form-sec .semsto-form-bg .form-right-sec{margin-top: 20px;}
      main .bg-section .form-sec .semsto-form-bg .video .work-video{max-width: 700px;}
      main .whyneed-slide-video .responsive-iframe{max-width: 335px !important;}
      main .customer-story-sec .customer-inspire .inspire-box .customer-logo{margin-bottom: 0;}
      main .it-main .financial-bg{padding: 0;}
      main .capabilities-menu .icon-grid .explore-tab{width: 20%;}
      main .blog-sec .sidebar-right .sidebar-post .sidebar-post-content .sidebar-title{font-size: 14px; line-height: 24px;}
      main .pricing-sec .mob-table{display: none;}
      main .problem-solution-section .component-box .title, main .problem-solution-section .whysesmto-content .title{font-size: 30px;line-height: 35px;margin-bottom: 20px;}
      main .contact-sec-right .project-1 .temp-caption{display: flex;}
      main .contact-sec-right .project-1 .employee-img{margin-bottom: 0;width: auto;margin-right: 30px;}
      main .contact-sec-right .project-1 .employee-img img {height: auto;border-radius: 8px; max-width: 220px;}
      .rs-parallax-wrap{display: none;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{min-height: 585px;}
      main .whyneed-semsto-customer .customer-say-main .img-position{min-height: 585px;}
      /* main .pricing-wrapper .addon-dropdown{display: flex;margin: 12px 0 0;} */
      main .pricing-wrapper .addon-dropdown{margin: 12px 0 0;}
      main .pricing-wrapper .accordion-button{font-size: 13px;}
      main .pricing-wrapper .compare-table-wrapper .data-insight-table{font-size: 13px;}
      main .pricing-wrapper .accordion-button{width: auto;}
      main .pricing-sec .title-bg p{font-size: 22px;margin-bottom: 0;}
  }
  
  @media screen and (max-width:768px){
      main .we-work-sec{padding-bottom: 40px;}
      main .parallax-item{height: 650px;}
      main .scroll-bg{padding: 0 70px 100px;}
      main .parallax-item .animated-text{max-width: 440px;}
      main .parallax-item .animated-text .parallex-title{font-size: 32px  !important;}
      main .parallax-item .animated-text p{font-size: 16px;}
      main .parallax-item .main-img-bg img{max-width: 400px;}
      main .parallax-item .main-img-bg .parallax-img{max-width: 180px; right: 30px; top: 490px;}
      main .projects-sec .project-inner-text .title, main .integration-sec .integration-inner-text .title, main .how-work-sec .how-work-inner-text .title, main .ourteam-content-sec .description .desc-width .title, main .ourteam-content-sec .our-mission-sec .our-mission-text .title, main .ourteam-content-sec .description .desc-width .text, main .parallax-item .animated-text .parallex-title, main .finance-inner-tab .spa-main .spa-slide .tab-section .tab-content .service-content h3, main .blog-title-bg .content-bg .description .desc-width .text{font-size: 28px;}
      main .how-work-sec .work-list li, main .faster-project-sec .project-content p, main .how-work-sec .how-work-inner-text p, main .projects-sec .project-inner-text p, main .enterprise-sec .title-bg p{font-size: 15px;}
      main .capabilities-sec .cap-title, main .templates-sec .temp-title, main .customer-sec .customer-title{font-size: 35px !important;}
      main .blog-detail-sec .blog-detail-content .detail-right-sec{padding: 0;}
      main .blog-detail-sec .blog-detail-content .detail-left-sec .title{font-size: 35px !important; line-height: 60px;}
      main .about-us-sec .about-desc .text-width .title{font-size: 40px !important; line-height: 54px;margin-bottom: 15px;}
      footer .footer-main .footer-bottom{padding-left: 0;}
      main .spa-main .spa-slide .tab-sec-2 .sec-right-btn li .right-arrow::before{top: 10px;}
      main .spa-main .spa-slide .tab-section .data-tab-title{font-size: 23px !important; line-height: 34px;}
      main .spa-main .spa-slide .tab-section .tab-content .service-content h3{font-size: 30px;}
      main .spa-main .spa-slide .tab-section .tab-content .service-content p{font-size: 18px;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content .sec-right-btn .right-arrow, main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-left .accordion-item .accordion-body .month-menu li{font-size: 14px;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content .sec-right-btn li{padding: 0 5px;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content .sec-right-btn .right-arrow::before{top: 8px;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-left{width: 260px;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right{padding: 0 0 25px 285px;}
      main .ceo-client-sec .ceo-help-sec{padding: 50px 30px;}
      main .finance-tab .sticky-nav-tabs-container{overflow-x: auto;}
      main .management-sec .project-inner-sec .finance-img .chart-img{width: 450px; left: -20px;}
      main .finance-inner-tab .spa-main .spa-slide .benefits-project-sec .finance-img .chart-img{width: 100%;position: static; margin-top: 18px; border: 0;}
      main .finance-inner-tab .spa-main .spa-slide .benefits-project-sec .finance-img .chart-img2{width: 100%;position: static; margin-top: 18px; border: 0;}
      main .finance-inner-tab .spa-main .spa-slide .benefits-project-sec .proposal-sec{margin-bottom:0px;}
      main .finance-inner-tab .spa-main .spa-slide .benefits-project-sec .project-inner-sec{margin-bottom:0px;}
      main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel{margin: 30px 0 30px 0;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 40px;}
      .video .work-video{display: none;}
      main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title{font-size: 20px; line-height: 36px;}
      main .pricing-sec .main-table{display: none;} 
      main .pricing-sec .mob-table{display: block;}
      main .pricing-sec .mob-table .pricing-plan-sec .plan-list{padding-left: 0;} 
      main .pricing-sec .mob-table .pricing-plan-sec .plan-list li{display: flex;padding: 0 10px; justify-content: space-between; margin-bottom: 10px;border-bottom: 1px solid #ececec;} 
      main .pricing-sec .mob-table .pricing-plan-sec .plan-list li h4, main .pricing-sec .mob-table .pricing-plan-sec .plan-list li h2{font-size: 16px; line-height: 20px; font-weight: 500;} 
      main .pricing-sec .mob-table .features-plan-sec .title{font-size: 24px;font-weight: 700;padding: 10px; margin-bottom: 20px;text-align: center; color: var(--txttheme);}  
      main .pricing-sec .mob-table .features-plan-sec .features-list{padding-left: 0; text-align: left; margin-bottom: 40px;}  
      main .pricing-sec .mob-table .features-plan-sec .features-list .number-user{font-size: 18px; font-weight: 600;}  
      main .pricing-sec .mob-table .features-plan-sec .features-list h4{font-size: 16px;}  
      main .pricing-sec .mob-table .features-plan-sec .features-list li{border-bottom: 1px solid #ececec; margin-bottom: 10px; padding: 0 10px;}  
      main .pricing-sec .mob-table .features-plan-sec .features-list .user-list{display: flex; justify-content: space-between;align-items: center;}
      main .pricing-sec .mob-table .features-plan-sec .features-list .user-list h4{font-size: 16px;line-height: 20px;font-weight: 500;}   
      main .pricing-sec .mob-table .data-plan-sec .title{font-size: 24px;font-weight: 700;padding: 10px; margin-bottom: 20px;text-align: center; color: var(--txttheme);}  
      main .pricing-sec .mob-table .data-plan-sec .features-list{padding-left: 0; text-align: left; margin-bottom: 40px;}  
      main .pricing-sec .mob-table .data-plan-sec .features-list .number-user{font-size: 18px; font-weight: 600;}  
      main .pricing-sec .mob-table .data-plan-sec .features-list h4{font-size: 16px;}  
      main .pricing-sec .mob-table .data-plan-sec .features-list li{border-bottom: 1px solid #ececec; margin-bottom: 10px; padding: 0 10px;}  
      main .pricing-sec .mob-table .data-plan-sec .features-list .user-list{display: flex; justify-content: space-between;}
      main .pricing-sec .mob-table .data-plan-sec .features-list .user-list h4{font-size: 16px;line-height: 20px;font-weight: 500;}  
      #tab-point-tab{position: absolute;  top: -185px; left: 0px; right: 0px; height: 0px;}
      #tab-point-tab2{position: absolute;  top: -185px; left: 0px; right: 0px; height: 0px;}
      main .demo-head .title-bg p{font-size: 20px; line-height: 28px;}
      main .demo-point, main .get-it-sec{padding: 50px 0;}
      main .problem-solution-section .component-box{margin: 20px 20px;}
      main .problem-solution-section .why-semsto-box{margin: 20px 30px;}
      .benefits-biz-panel{display: block;}
      .bbp-left, .bbp-right{width: 100%;display:flex;flex-wrap: wrap; flex-direction: row;}
      .benefits-bizcompass-data{position: static;flex-direction: row;}
      .benefits-bizcompass-data{margin: 5px;}
      .circle-ripple{margin: 0 auto;}
      .bbp-center{height: 235px;margin-top: 111px;}
      .bot-animation{display: none;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{padding: 60px 20px 20px;min-height: 610px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content p{font-size: 14px;line-height: 26px;}
      .help_main .img_bg{padding: 8px;border-radius: 6px;}
      .help_main .setting_list li h5{font-size: 16px; line-height: 27px;}
      .help_main .setting_list li .description, .help_main .description{font-size: 14px;line-height: 24px;}
    }
    @media screen and (max-width:750px){
        footer .footer-main .left-portion{justify-content: center;}
        footer .footer-main .right-portion{justify-content: center;}
    }
  @media screen and (max-width:600px) {
    
      main .main-slide::after{height: 530px;}
      main .marketing-sec .tab-btn-sec{min-height: 730px;}
      main .marketing-sec .tab-btn-sec .tab-bg .header{padding: 0 !important;}
      main .scroll-bg{padding: 0 30px 50px;}
      main .main-slide-video .slide-left-content h1{font-size: 35px;}
      main .main-slide-video .responsive-iframe{width: 516px;}
      main .capabilities-sec .cap-title, main .templates-sec .temp-title, main .customer-sec .customer-title, main .capabilities-menu .cap-title, main .customize-sec .customize-bg .cap-title, main .flexible-package-sec .flexible-title, main .main-slide .slide-right-content h1, main .marketing-sec .sec-title, main .growth-inner-text .title, main .story-desc .title, main .about-us-sec .about-desc .text-width .title, main .blog-detail-sec .blog-detail-content .detail-left-sec .title{font-size: 32px !important; line-height: 50px;}
      main .our-branch-sec .branch-main .branch-name{font-size: 24px;}
      main .our-branch-sec .branch-main p, main .capabilities-menu p, main .main-slide .slide-right-content p{font-size: 16px;}
      main .story-desc, main .career-sec .work-hard-sec .work-content .title-blue{margin-bottom: 20px;}
      footer .footer-main .footer-menulist{justify-content: start; padding-left: 0;}
      footer .footer-main .footer-bottom li{padding-bottom: 0;}
      main .whyneed-slide-video::after,main .workflow-automation-sec::after, main .capabilities-menu #nav-tab2 .nav-link.active::after, main .capabilities-menu #nav-tab .nav-link.active::after, main .employeemanage-slide-video::after, main .projectmanage-slide-video::after, main .problem-solving-sec::after, main .finance-slide-video::after{display: none;}
      footer .footer-main .social-media a{margin-left: 10px;}
      main .workflow-automation-sec .slide-left-content{margin-bottom: 16px;}
      main .msg-info .msg-content, main .ourteam-content-sec .our-mission-sec .our-mission-text{margin-top: 30px;}
      main .capabilities-menu .icon-grid a{width: 25%; margin: 0 20px;}
      main .capabilities-menu .icon-grid a p{font-size: 14px; line-height: 20px;}
      main .projectmanage-slide-video, main .spa-main .spa-slide .employee-content,main .main-slide-video, main .whyneed-slide-video, main .workflow-automation-sec, main .capabilities-menu, main .employeemanage-slide-video, main .ourteam-content-sec .content-bg, main .bg-section .form-sec, main .problem-solving-sec, main .finance-slide-video{padding: 50px 0;}
      main .spa-main .spa-slide .tab-section .tab-content .service-content p, main .spa-main .spa-slide .tab-sec-2 p, main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content p{font-size: 16px;}
      main .sticky-nav-tab{padding: 15px 10px;}
      main .need-semsto-sec .temp-title{font-size: 32px !important;line-height: 40px;}
      main .spa-main .spa-slide .hr-integration-sec{padding: 0;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec{height: auto; padding: 50px;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content .sec-right-btn .right-arrow::before{top: 9px;}
      main .enterprise-sec .title-bg .enterprise-title, main .enterprise-sec .journey-goals .goal-title{font-size: 27px !important;}
      main .enterprise-sec .journey-enterprise-sec .journey-right-video .responsive-iframe-right, main .career-sec .work-hard-sec .video .work-video, main .career-sec .work-hard-sec .product-video, main .bg-section .form-sec .semsto-form-bg .video .work-video, main .problem-solving-sec .slide-video .responsive-video{max-width: 516px;}
      main .career-sec .work-hard-sec .work-content .title, main .career-sec .work-hard-sec .work-content .title-blue{text-align: center;}
      main .bg-section .form-sec .semsto-form-bg .form-right-sec .form-content .form-label{font-size: 22px;}
      main .problem-solving-sec .slide-left-content{margin-bottom: 30px;}
      main .whyneed-slide-video .responsive-iframe{max-width: 515px !important;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right .title::before{left: -25px;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right .help-content{padding: 0 0 0 20px;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right .help-content .help-list{font-size: 14px;}
      main .career-sec .work-hard-sec .work-content{order: 2;}
      .sec-padding{padding: 50px 0;}
      main .capabilities-menu .icon-grid .explore-tab{width: 27%;}
      main .contact-sec-left{padding: 30px 50px;}
      main .finance-tab .sticky-nav-tab-slider{display: none;}
      main .finance-tab .sticky-nav-tab:focus{background: rgba(11, 117, 214, 0.8);}
      main .finance-tab .sticky-nav-tab:focus{color: var(--secondarycolor);}
      main .finance-inner-tab .spa-main .spa-slide .tab-section .tab-content .service-img .chart-img{width: 60%;}
      main .finance-inner-tab .spa-main .spa-slide .tab-section .tab-content .service-img .img-2{width: 100%;}
      main .problem-solution-section .component-box .title, main .problem-solution-section .whysesmto-content .title{font-size: 25px;margin: 15px 0;}
      main .problem-solution-section .component-box .list-item li img{top: 6px;}
      main .problem-solution-section .whysesmto-content .list-item .item-desc{font-size: 15px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content{min-height: auto;padding: 30px 20px 20px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content .logo{margin: 0 0 20px;}
      main .whyneed-semsto-customer .customer-say-main .img-position{min-height: 365px;}
      main .whyneed-semsto-customer .customer-say-main .teaser-content h3{font-size: 22px;line-height: 32px;margin: 0 0 12px}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right .title{font-size: 20px;line-height: 30px;margin-bottom: 12px;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-left{width: 100%;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right {padding: 25px 0 25px 0;width: 100%;float: left;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-left .accordion-item .accordion-button{font-size: 15px;line-height: 26px;}

      main .whyneed-semsto-customer .customer-say-main .image{display: none;}

      main .pricing-wrapper .popular-box{margin: 0;height: auto;}
      main .pricing-wrapper .addon-card{padding: 10px 10px;}
      main .pricing-wrapper .accordion-button{padding: 13px 0 13px 15px;}
      main .pricing-wrapper .accordion-item .accordion-body{width: fit-content;}
      main .pricing-wrapper .data-table .checkbox{min-width: 192px;width: 32%;}
      main .pricing-wrapper .data-table .col-title{width: 32%;min-width: 180px;}
      main .pricing-wrapper .accordion-item .data-table{padding: 5px 0 5px 12px;font-size: 13px;}
      main .pricing-wrapper .compare-table-wrapper .table-head{font-size: 16px;}
      main .pricing-wrapper .currency-select select{min-width: 170px;}
      main .pricing-wrapper .pricing-controls {margin-bottom: 20px;}
  }
  @media screen and (max-width:550px){
      main .main-slide .slide-right-content h1, main .marketing-sec .sec-title, main .marketing-sec .tab-btn-sec .inner-content .marketing-right-text .right-title, main .project-manage-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .about-us-sec .description .desc-width .text, main .management-sec .temp-title, main .demo-head .title-bg p{font-size: 25px !important; line-height: 40px;}
      main .marketing-sec .tab-btn-sec .inner-content .marketing-right-text{padding: 30px 10px;}
      main .marketing-sec .tab-btn-sec .inner-content .marketing-right-text p, main .growth-inner-text p, main .main-slide .slide-right-content .bulltet-list li, main .contact-sec-left .contact-info li{font-size: 16px;}
      main .growth-inner-text .title{font-size: 25px !important; margin-bottom: 15px;}
      main .about-us-sec .about-desc .text-width .title{font-size: 34px !important; line-height: 48px;}
      main .customer-review-sec .review-slide .owl-nav .owl-prev, main .customer-review-sec .review-slide .owl-nav .owl-next{height: 30px; width: 30px; line-height: 30px; font-size: 18px;}
      main .need-semsto-sec{padding: 50px 0;}
      footer .footer-main .footer-menulist{padding-left: 0;}
      main .sticky-nav-tab{font-size: 14px;}
      main .spa-main .spa-slide .employee-content .title, main .spa-main .spa-slide .benefits-project-sec .project-inner-sec:nth-child(2), main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-left .accordion-item .accordion-body .month-menu li{margin-bottom: 0;}
      main .spa-main .spa-slide .benefits-project-sec .project-inner-text{padding-bottom: 30px;}
      main .spa-main .spa-slide .benefits-project-sec .project-inner-text .title{font-size: 28px !important; margin-top: 25px;}
      main .spa-main .spa-slide .employee-content .desc, main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-left .title{font-size: 20px !important;}
      main .ceo-client-sec .ceo-help-sec .panel-body{padding: 0;}
      main .management-sec .project-inner-sec .finance-img .chart-img {width: 350px;left: 20px;}
      main .main-slide .slide-right-content .right-btn li{padding-right: 20px;}
      main .we-work-sec{margin-bottom: 0;}
      main .get-it-sec .ceo-sec, main .growth-sec .ceo-sec{margin-bottom: 10px;}
      main .get-it-sec, main .process-timeline .sectionClass{padding: 0;}
      main .growth-inner-text{padding: 0 30px 20px;}
      main .financial-sec .financial-bg .financial-content .financial-list{padding-left: 0;}
      main .financial-sec .financial-bg .financial-content h2, main .help-center-sec .description .desc-width .text, main .process-timeline .sectiontitle .desc, main .blog-title-bg .content-bg .description .desc-width .text, main .event-title-bg .content-bg .description .desc-width .text, main .pricing-sec .title-bg p, main .contact-sec-left .contact-title, main .career-sec .description .desc-width .title,main .career-sec .description .desc-width .text, main .work-on-semsto .desc-width .title, main .ourteam-content-sec .description .desc-width .title,  main .ourteam-content-sec .description .desc-width .text, main .disclaimer-sec .content-bg .title, main .terms-condition-sec .content-bg .title, main .privacy-policy-sec .content-bg .title, main .sitemap-sec .content-bg .title, main .faq-main-section .content-bg .faq-title, main .faq-sec .faq-title{font-size: 22px !important; line-height: 36px;}
      main .help-center-sec .templates-sec .templates-project {padding: 0 30px 0;}
      main .enterprise-sec .security-sec{background-attachment: unset;}
      main .work-on-semsto .platform-sec{margin-top: 50px;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 170px;}
      main .testimonial-sec .review-slide .owl-nav .owl-prev, main .testimonial-sec .review-slide .owl-nav .owl-next{opacity: 1;}
      main .finance-inner-tab .spa-main .spa-slide .tab-sec-2{padding: 20px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left .text .check-btn, main .finance-inner-tab .spa-main .spa-slide .tab-section .vtabs1 .nav-link h5{line-height: 24px;}
      .help_main .setting_list li .description{word-break: break-word;}
  }
  @media screen and (max-width:500px){
    main .contact-sec-right .project-1 .temp-caption{display: block;}
    main .contact-sec-right .project-1 .employee-img{margin-bottom: 20px;margin-right: 0;}
  }
  @media screen and (max-width:420px){
    .help_main .setting_list{padding-left: 12px;}
      .btn{font-size: 14px;}
      main .contact-sec-left{padding: 60px;}
      .sticky-nav-tabs-container{overflow-x: auto;}
      main .main-slide::after{height: 480px; width: 100vw;}
      main .scroll-bg{padding: 0 10px 50px;}
      main .parallax-item .main-img-bg img{max-width: 300px;border-top-left-radius: 10px; border-top-right-radius: 10px;}
      main .parallax-item .main-img-bg .parallax-img{max-width: 180px;}
      main .parallax-item{height: 620px;}
      main .testimonial-sec .review-slide .owl-nav .owl-prev{height: 30px; width: 30px; line-height: 30px; left: -16px; font-size: 15px;}
      main .testimonial-sec .review-slide .owl-nav .owl-next{height: 30px; width: 30px; line-height: 30px; right: -16px;font-size: 15px;}
      main .marketing-sec .nav-link{font-size: 13px; padding: 10px 10px; white-space: nowrap;}
      main .faq-main-section .faq-sec .accordion, main .faq-sec .accordion{padding: 20px;}
      main .faq-main-section .faq-sec .accordion-item span, main .faq-sec .accordion-item span, main .marketing-sec .nav-link h3{font-size: 13px;}
      main .parallax-item .animated-text .parallex-title{font-size: 24px !important;}
      main .parallax-item .animated-text p{padding: 0 14px;}
      main .bg-section .form-sec .semsto-form-bg .video .work-video{max-width: 396px;}
      main .parallax-item::before{height: 620px;}
      main .testimonial-sec{padding: 30px 0;}
      main .testimonial-sec .story-desc, main .ceo-client-sec .title-bg .client-title{margin-bottom: 10px;}
      footer .footer-main .social-media a{margin-left: 8px; font-size: 15px;}
      footer .footer-main .footer-bottom .footer-menu, main .capabilities-menu .cap-title, main .customize-sec .customize-bg .cap-title, main .finance-inner-tab .spa-main .spa-slide .employee-content .title{margin-bottom: 0;}
      footer .footer-main .footer-bottom{margin-top: 20px;}
      main .project-manage-inner-tab .spa-main .spa-slide .tab-sec-2{padding: 30px;}
      header .mob-sub-menu .right-menu-item .type-featured .feature-title, main .marketing-sec .sec-title{font-size: 20px !important; line-height: 30px;}
      header .mob-sub-menu .right-menu-item{padding: 30px 25px 10px;}
      main .logo-sec-bg{padding: 0 0 50px;}
      main .get-it-sec{padding: 0;}
      main .enterprise-sec .platform-sec{margin-top: 40px;}
      main .workflow-automation-sec .slide-video .responsive-video, main .projectmanage-slide-video .responsive-iframe, main .problem-solving-sec .slide-video .responsive-video{max-width: 396px;}
      main .need-semsto-sec .temp-title, main .customer-sec .customer-title, main .customize-sec .customize-bg .cap-title, main .flexible-package-sec .flexible-title, main .good-company-sec .customer-title, main .capabilities-menu .cap-title, main .whyneed-semsto-customer .customer-title, main .value-matrix-sec .section-bg .content-title .title, main .finance-inner-tab .spa-main .spa-slide .employee-content .title, main .finance-inner-tab .spa-main .spa-slide .tab-section .tab-content .service-content h3, main .career-sec .description .desc-width .text, main .career-sec .description .desc-width .title, main .career-sec .work-hard-sec .work-title, main .career-sec .work-hard-sec .work-content .title, main .career-sec .work-hard-sec .work-content .title-blue, main .about-us-sec .about-desc .text-width .title, main .about-us-sec .description .desc-width .title, main .story-desc .title, main .blog-title-bg .content-bg .description .desc-width .title, main .blog-title-bg .content-bg .description .desc-width .textv, main .it-main .financial-bg .financial-content .title, main .whyneed-slide-video .slide-left-content h1 span, main .core-values .title, main .process-timeline .sectiontitle h2, main .msg-info .image h1, main .help-center-sec .description .desc-width .title, main .event-title-bg .content-bg .description .desc-width .title, main .pricing-sec .title-bg .pricing-title, main .ourteam-content-sec .description .desc-width .title, main .demo-point .title, main .pricing-point .title, main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h2, main .service-industry-sec .blog-detail-content .detail-left-sec .title, main .it-services-sec .blog-detail-content .detail-left-sec .title, main .real-estate-sec .blog-detail-content .detail-left-sec .title, main .architect-sec .blog-detail-content .detail-left-sec .title, main .service-industry-sec .blog-detail-content .detail-left-sec .article-title, main .architect-sec .blog-detail-content .detail-left-sec .article-title, main .it-services-sec .blog-detail-content .detail-left-sec .article-title, main .real-estate-sec .blog-detail-content .detail-left-sec .article-title, main .blog-detail-sec .blog-detail-content .detail-left-sec .title, main .blog-detail-sec .blog-detail-content .detail-left-sec .article-title, main .enterprise-sec .security-sec .security-left-content .title, main .demo-head .title-bg .pricing-title{font-size: 25px !important; line-height: 38px;}
      main .capabilities-menu .icon-grid a{width: 35%;}
      main .whyneed-slide-video .responsive-iframe, main .whyneed-slide-video .responsive-iframe{max-width: 396px !important;}
      main .customer-review-sec:hover .review-slide .owl-nav .owl-prev{transform: translateX(22px);}
      main .customer-review-sec:hover .review-slide .owl-nav .owl-next{transform: translateX(-22px);}
      main .capabilities-menu .icon-grid{justify-content: center;}
      main .capabilities-menu .icon-grid .explore-tab{width: 40%; padding: 0px !important;}
      main .msg-info .msg-content h4{font-size: 16px;}
      main .architect-sec .blog-detail-content .detail-left-sec .desc, main .architect-sec .blog-detail-content .detail-left-sec .article-list li p, main .it-services-sec .blog-detail-content .detail-left-sec .desc, main .it-services-sec .blog-detail-content .detail-left-sec .article-list li p, main .real-estate-sec .blog-detail-content .detail-left-sec .desc, main .real-estate-sec .blog-detail-content .detail-left-sec .article-list li p, main .service-industry-sec .blog-detail-content .detail-left-sec .desc, main .service-industry-sec .blog-detail-content .detail-left-sec .article-list li p{font-size: 15px; margin-bottom: 15px;}
      header .mob-sub-menu .role-content .role-industry li{margin-bottom: 50px;}
      main .whyneed-semsto-customer .customer-say-main .img-position{min-height: 440px;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 110px;}
      main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title{font-size: 17px; line-height: 30px; margin-bottom: 10px;}
      main .faq-sec .faq-title, main .financial-sec .financial-bg .financial-content .title{margin-bottom: 10px;} 
      main .faq-sec{padding: 20px 0;}
      main .financial-sec .financial-bg .financial-content .bulltet-list .list-type li .tick-list .benefit-list li, main .financial-sec .financial-bg .financial-content .bulltet-list .list-type, main .financial-sec .financial-bg .financial-content .bulltet-list .list-type li .tick-list{padding-left: 0;}
      main .service-industry-sec .case-img, main .it-services-sec .case-img, main .real-estate-sec .case-img, main .architect-sec .case-img{padding: 40px 0 0;height: 100px;}
      main .service-industry-sec .case-content, main .it-services-sec .case-content, main .real-estate-sec .case-content, main .architect-sec .case-content{padding: 40px 0;}
      main .capabilities-menu .exp-cap-title{font-size: 18px;}
      main .capabilities-menu .explore-list{font-size: 14px; margin-bottom: 10px;}
      main .marketing-sec .nav {flex-wrap: unset;overflow-x: auto;overflow-y: hidden;}
      main .problem-solution-section .component-box .list-item li{margin-bottom: 15px;}
      main .problem-solution-section .component-box{padding: 15px 20px 20px;}
      main .watch-demo-sec .video-thumb .thumb-img img{width: 130px;}
      main .whyneed-get-start{margin-bottom: 0;padding: 20px 0;}
      main .whyneed-get-start .get-start-title{font-size: 20px;margin-bottom: 20px;}
      main .whyneed-get-start .right-btn li:first-child{padding-right: 20px;}
      main .whyneed-semsto-customer .customer-say-main{margin-bottom: 30px;}
      main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h2{margin-bottom: 0;}
      main .contact-sec-right .project-1 .employee-img{text-align: center;}

      main .pricing-sec .title-bg p{font-size: 16px !important;line-height: 28px;}
    }

  @media screen and (max-width:375px){
      main .main-slide .slide-right-content .right-btn li{padding-right:15px;}
      main .marketing-sec .nav{flex-wrap: unset;overflow-x: auto;overflow-y: hidden;}
      main .whyneed-semsto-customer .customer-say-main .img-position{min-height: 475px;}
      main .problem-solution-section .component-box .list-item li h5{font-size: 16px;line-height: 24px;}
      main .problem-solution-section .component-box .list-item li p, main .problem-solution-section .whysesmto-content .list-item .item-desc{font-size: 14px;}
      main .review-main-section .review-sec .review-content h5{font-size: 20px;line-height: 30px;margin-bottom: 5px;}
      main .review-main-section .review-sec .review-content p{font-size: 15px;line-height: 26px;}
      main .ceo-client-sec .ceo-help-sec .client-help .ceo-help-right .title{font-size: 18px;}
      
  }
  @media screen and (max-width:360px){
      header .header-top .logo{padding: 16px 0;}
      header .header-top{padding: 0;}
      header .sticky{padding: 0 !important;}
      main .main-slide::after{height: 400px;}
      main .main-slide .slide-right-content{margin: 100px 0 0;}
      main .main-slide .slide-right-content h1{line-height: 40px;}
      main .marketing-sec .top-sec-bg{padding: 30px 0 0;}
      main .main-slide .slide-right-content .right-btn{justify-content: center;}
      main .main-slide .slide-right-content .right-btn li:nth-child(2){padding-right: 0;}
      main .main-slide .slide-right-content .right-btn li{padding-right:15px;}
      main .marketing-sec .nav-link{font-size: 14px; padding: 10px 5px;}
      main .marketing-sec .tab-btn-sec{min-height: 680px;}
      main .parallax-item{height: 600px;}
      main .parallax-item .animated-text{max-width: unset;top: 50px;}
      main .pricing-sec .pricing-table table h3, main .bg-section .form-sec .semsto-form-bg .form-right-sec .form-content .form-label{font-size: 18px; line-height: 30px;}
      main .parallax-item .animated-text p, main .faq-sec .accordion-item h4, main .pricing-sec .pricing-table table span, main .faster-project-sec .project-content p, main .enterprise-sec .security-sec .security-left-content p{font-size: 14px; line-height: 28px;}
      main .parallax-item .main-img-bg img{max-width: 240px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
      main .parallax-item .main-img-bg .parallax-img {max-width: 100px;right: 10px;top: 460px;}    
      main .main-slide-video .responsive-iframe{width: 336px;}
      main .faster-project-sec .project-content h1{font-size: 21px; line-height: 30px;}
      main .how-work-sec .right-btn li:first-child{padding-right: 10px;}
      main .main-slide-video .slide-left-content h1, main .need-semsto-sec .temp-title, main .customer-sec .customer-title{font-size: 25px !important;}
      main .main-slide-video .slide-left-content p, main .contact-sec-left .contact-info li, main .bg-section .form-sec .semsto-form-bg .form-right-sec .form-content .form-desc{font-size: 15px; line-height: 28px;}
      main .faster-project-sec{padding: 40px 0 0;}
      main .projects-sec .project-inner-text .title, main .integration-sec .integration-inner-text .title{font-size: 26px !important;}
      main .customer-sec .customer-say-main .teaser-content{width: 330px; height: auto;}
      main .customer-sec .customer-say-main .img-bg div.image::after{height: 1060px;}
      main .ourteam-content-sec .content-bg{padding: 40px 0;}
      main .ourteam-content-sec .our-mission-sec .our-mission-text .title, main .capabilities-menu .cap-title, main .customize-sec .customize-bg .cap-title, main .flexible-package-sec .flexible-title, main .good-company-sec .customer-title, main .career-sec .description .desc-width .title, main .career-sec .description .desc-width .text, main .career-sec .work-hard-sec .work-title, main .career-sec .work-hard-sec .work-content .title, main .career-sec .work-hard-sec .work-content .title-blue, main .work-on-semsto .desc-width .title, main .story-desc .title, main .faq-main-section .description .desc-width .title, main .faq-main-section .description .desc-width .text, main .faq-sec .faq-title, main .project-manage-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .project-manage-inner-tab .spa-main .spa-slide .employee-content .title, main .ceo-client-sec .title-bg .client-title, main .finance-inner-tab .spa-main .spa-slide .tab-section .data-tab-title, main .about-us-sec .description .desc-width .text, main .blog-title-bg .content-bg .description .desc-width .title, main .blog-title-bg .content-bg .description .desc-width .text, main .management-sec .temp-title, main .it-main .financial-bg .financial-content .title, main .whyneed-slide-video .slide-left-content h1 span, main .process-timeline .sectiontitle h2, main .msg-info .image h1,  main .marketing-sec .sec-title, main .help-center-sec .description .desc-width .title, main .pricing-sec .title-bg .pricing-title,  main .marketing-sec .sec-title, main .demo-point .title, main .pricing-point .title, main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h2,  main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h2, main .parallax-item .animated-text .parallex-title, main .value-matrix-sec .section-bg .content-title .title, main .service-industry-sec .blog-detail-content .detail-left-sec .title, main .it-services-sec .blog-detail-content .detail-left-sec .title, main .real-estate-sec .blog-detail-content .detail-left-sec .title, main .architect-sec .blog-detail-content .detail-left-sec .title,  main .service-industry-sec .blog-detail-content .detail-left-sec .article-title, main .architect-sec .blog-detail-content .detail-left-sec .article-title, main .it-services-sec .blog-detail-content .detail-left-sec .article-title, main .real-estate-sec .blog-detail-content .detail-left-sec .article-title, main .blog-detail-sec .blog-detail-content .detail-left-sec .title, main .blog-detail-sec .blog-detail-content .detail-left-sec .article-title,  main .enterprise-sec .security-sec .security-left-content .title, main .demo-head .title-bg .pricing-title, main .demo-head .title-bg p{font-size: 22px !important; line-height: 36px;}
      main .ourteam-content-sec .our-mission-sec .our-mission-img::after{height: 330px;width: 260px; left: -8px;bottom: -15px;}
      main .ourteam-content-sec .our-mission-sec .our-culture-img::after{left: -7px;bottom: -16px;height: 160px;width: 260px;}
      main .ourteam-content-sec .our-mission-sec .our-mission-text{margin-top: 50px;}
      main .ourteam-content-sec .our-mission-sec {padding: 0 0 50px;}
      main .about-us-sec .about-content-sec{padding: 50px 0;}
      main .about-us-sec .we-can-sec::after {height: 480px;}
      main .contact-sec-left{padding: 40px;}
      main .contact-sec-left .contact-title{font-size: 35px !important;}
      main .our-branch-sec .title{font-size: 28px !important; margin-bottom: 40px;}
      footer .footer-main .footer-menulist{display: inline-block;}
      footer .footer-main .footer-bottom .footer-menu{font-size: 13px;line-height: 20px;}
      main .faq-sec .faq-title{font-size: 22px !important; margin-bottom: 30px;}
      main .faq-sec #accordionFlushExample .accordion-item .accordion-button{padding: 0;}
      main .pricing-sec .pricing-table table h1{font-size: 26px;}
      main .pricing-sec .pricing-table table td:first-child {position: sticky;left: 0;background-color: #ddd;}
      main .pricing-sec .pricing-table table .price-txt, main .growth-inner-text{padding: 10px;}
      main .terms-condition-sec .terms-condition-content h3{font-size: 18px; margin-bottom: 20px;}
      main .terms-condition-sec .title-sec .title{font-size: 28px !important;}
      footer .footer-main .social-media a{font-size: 14px; margin-left: 4px;}
      main .capabilities-menu .icon-grid a{width: 38%;}
      main .customize-sec .customize-padding{padding-top: 20px;}
      main .get-start-sec{margin-bottom: 0;}
      main .workflow-automation-sec .slide-video .responsive-video, main .projectmanage-slide-video .responsive-iframe, main .career-sec .work-hard-sec .video .work-video, main .career-sec .work-hard-sec .product-video, main .bg-section .form-sec .semsto-form-bg .video .work-video, main .problem-solving-sec .slide-video .responsive-video{max-width: 336px;}
      main .whyneed-slide-video .responsive-iframe, main .whyneed-slide-video .responsive-iframe{max-width: 336px !important;}
      main .capabilities-sec .capabilities-project{padding-top: 0;}
      main .spa-main .spa-slide .employee-content .title, main .spa-main .spa-slide .employee-content .desc, main .spa-main .spa-slide .tab-section .tab-content .service-content h3, main .enterprise-sec .title-bg .enterprise-title, main .customer-exp-sec .customer-main .customer-left .content-card .subtitle{font-size: 20px !important; line-height: 35px;}
      main .spa-main .spa-slide .tab-sec-2 .sec-right-btn li .check-btn, main .spa-main .spa-slide .blog-sec .blog-main .blog-text .check-btn{font-size: 13px;}
      main .spa-main .spa-slide .tab-sec-2 .sec-right-btn li{padding: 0 5px;}
      main .spa-main .spa-slide .tab-sec-2 .sec-right-btn li .right-arrow::before{top: 8px;}
      main .spa-main .spa-slide .benefits-project-sec, main .capabilities-project{padding: 20px 0;}
      main .spa-main .spa-slide .benefits-project-sec .project-inner-sec, main .projects-sec .project-inner-sec{margin-bottom: 50px;}
      main .spa-main .spa-slide .sec-right-btn{display: block; text-align: center;}
      main .spa-main .spa-slide .built-title, main .spa-main .spa-slide .tab-sec-2 h2, main .spa-main .spa-slide .tab-sec-2 p, main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content h2, main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content p{text-align: center;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content .sec-right-btn li, main .spa-main .spa-slide .tab-sec-2 .sec-right-btn li{padding: 10px 0;}
      main .spa-main .spa-slide .benefits-blog-sec .blog-main .blog-text, main .spa-main .spa-slide .tab-sec-2, main .faq-sec .accordion{padding: 20px;}
      main .spa-main .spa-slide .hr-integration-sec .integration-left-sec, main .spa-main .spa-slide .spa-component-sec, main .spa-main .spa-slide .platform-sec{padding: 10px;}
      main .spa-main .spa-slide .benefits-blog-sec, main .spa-main .spa-slide .tab-section{padding: 20px;}
      main .enterprise-sec .title-bg .enterprise-title, main .customer-exp-sec .customer-main .customer-left .content-card .subtitle{font-size: 20px !important; margin-bottom: 10px; line-height: 32px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left{padding: 15px;}
      main .enterprise-sec .journey-enterprise-sec .journey-right-video .responsive-iframe-right{max-width: 336px;}
      main .enterprise-sec .journey-goals .goal-title{font-size: 23px !important; margin-bottom: 0;}
      main .enterprise-sec .security-sec, main .career-sec .content-bg{padding: 40px 0;}
      main .career-sec .work-hard-sec .work-content{padding: 30px;}
      main .career-sec .work-hard-sec .work-title, main .value-matrix-sec .section-bg .content-title .title{margin-bottom: 20px;}
      main .ceo-client-sec .ceo-help-sec, main .value-matrix-sec .section-bg{padding: 30px 20px;}
      main .value-matrix-sec .section-bg .problem-sec, main .value-matrix-sec .section-bg .msg-div .msg-box, main .value-matrix-sec .section-bg .solution-sec{padding: 20px;}
      main .management-sec .project-inner-sec .finance-img .chart-img {width: 250px;}
      .marketing-sec .nav {flex-wrap: unset;overflow-x: auto; overflow-y: hidden;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 80px;}
      
  }
  @media screen and (max-width:320px) {
      main .main-slide::after{height: 360px;}
      .marketing-sec .nav{flex-wrap: unset;}
      .btn{font-size: 12px;}
      footer .footer-main .footer-menu, footer .footer-main .footer-menu a{font-size: 14px; margin-bottom: 15px;}
      main .capabilities-menu p, main .flexible-package-sec p{font-size: 14px;}
      main .main-slide-video .slide-left-content .right-btn li:first-child, main .projectmanage-slide-video .slide-left-content .right-btn li:first-child{padding-right: 10px;}
      main .how-work-sec .right-btn li:first-child{padding-right: 7px;}
      main .capabilities-sec .cap-title, main .templates-sec .temp-title, main .customer-sec .customer-title{font-size: 26px !important; margin-bottom: 15px;}
      main .contact-form-sec .contact-form-main .form-main h2{font-size: 22px;}
      main .contact-form-sec .contact-form-main .form-main{padding: 30px;}
      main .story-desc .desc, main .customer-story-sec .customer-inspire .inspire-box .card-body p, main .enterprise-sec .journey-enterprise-sec .journey-content-left .text .right-arrow{font-size: 14px;}
      main .customer-exp-sec .customer-main .customer-left .content-card .subtitle{font-size: 20px !important; ;line-height: 36px;}
      main .customer-exp-sec .customer-main .customer-left .content-card .title{font-size: 24px !important;}
      main .story-desc .title{font-size: 20px !important; margin-bottom: 10px; line-height: 30px;}
      main .customer-story-sec .customer-inspire .inspire-box .card-body h3{font-size: 18px; margin-bottom: 10px;} 
      main .about-leaders{padding-bottom: 0;}
      main .whyneed-slide-video .slide-left-content .right-btn li:first-child{padding-right: 20px;}
      main .workflow-automation-sec .slide-video .responsive-video, main .projectmanage-slide-video .responsive-iframe, main .career-sec .work-hard-sec .video .work-video, main .career-sec .work-hard-sec .product-video, main .bg-section .form-sec .semsto-form-bg .video .work-video, main .problem-solving-sec .slide-video .responsive-video{max-width: 296px;}
      main .whyneed-slide-video .responsive-iframe{max-width: 296px !important;}
      main .how-work-sec{padding: 0 0 50px;}
      main .how-work-sec .work-list{padding-left: 0;}
      footer .footer-main .social-media a{font-size: 13px; margin-left: 2px;}
      main .whyneed-slide-video .slide-left-content h1, main .workflow-automation-sec .slide-left-content h1, main .projectmanage-slide-video .slide-left-content h1, .employeemanage-slide-video .slide-left-content h1, main .spa-main .spa-slide .employee-content .title, main .spa-main .spa-slide .tab-sec-2 h2, main .spa-main .spa-slide .hr-integration-sec .integration-left-sec .left-content h2, main .employeemanage-slide-video .slide-left-content h1, main .career-sec .work-hard-sec .work-content .title, main .career-sec .work-hard-sec .work-content .title-blue, main .work-on-semsto .desc-width .title, main .career-sec .work-hard-sec .work-title, main .career-sec .description .desc-width .title, main .ourteam-content-sec .description .desc-width .title, main .ourteam-content-sec .description .desc-width .text, main .ourteam-content-sec .our-mission-sec .our-mission-text .title, main .project-manage-inner-tab .spa-main .spa-slide .employee-content .desc, main .capabilities-menu .cap-title, main .problem-solving-sec .slide-left-content h1,  main .customize-sec .customize-bg .cap-title, main .flexible-package-sec .flexible-title, main .good-company-sec .customer-title, main .what-is-new-sec .description .desc-width .title, main .what-is-new-sec .description .desc-width .text, main .getting-started-sec .description .desc-width .title, main .value-matrix-sec .section-bg .content-title .title, main .finance-slide-video .slide-left-content h1, main .finance-inner-tab .spa-main .spa-slide .employee-content .title, main .finance-inner-tab .spa-main .spa-slide .tab-section .tab-content .service-content h3, main .about-us-sec .description .desc-width .text, main .blog-title-bg .content-bg .description .desc-width .title, main .blog-title-bg .content-bg .description .desc-width .text, main .core-values .title, main .about-us-sec .need-semsto-sec .templates-project .temp-caption h2, main .msg-info .image h1, main .event-title-bg .content-bg .description .desc-width .title, main .pricing-sec .title-bg .pricing-title, main .pricing-point .title{font-size: 22px !important; line-height: 35px;}
      main .spa-main .spa-slide .benefits-project-sec .project-inner-text{padding-left: 20px;}
      main .enterprise-sec .journey-enterprise-sec .journey-right-video .responsive-iframe-right{max-width: 296px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left{padding: 6px;}
      main .enterprise-sec .journey-enterprise-sec .journey-content-left .text .right-arrow::before{top: 9px;}
      main .pricing-sec .pricing-table {padding: 40px 0;}
      main .capabilities-menu .icon-grid{justify-content: center;}
      main .capabilities-menu .icon-grid a{width: 45%;}
      main .our-leaders-sec .about-leaders .leader .info .social-link{right: 60px;}
      
      main .whyneed-semsto-customer .customer-say-main .teaser-content h3{font-size: 18px;margin: 0 0 8px;}
  }
  
  @media screen and (max-width:310px){
      main .main-slide .slide-right-content .right-btn li{padding-right: 9px;}
      main .marketing-sec .nav {flex-wrap: unset;overflow-x: auto;overflow-y: hidden;}
  }