@media screen and (max-width: 1120px) {
  .header,
  .followers,
  .cond-details,
  .services-wrap,
  .screen-show,
  .all-services,
  .customer-driven {
    padding-left: 20px;
    padding-right: 20px;
  }
  .registration {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .middle-content h2 {
    font-size: 60px;
    line-height: 4.6rem;
  }
  .define {
    margin-top: 20px;
    margin-left: 0;
  }
  .services-wrap .section-title {
    width: 100%;
  }
  .pro-text {
    flex-basis: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .box-position {
    gap: 40px;
  }
  .box-sect h3 {
    font-size: 22px;
  }
  .box-sect p {
    font-size: 19px;
  }
  .pro-service {
    flex-direction: column;
  }
  .score-manage {
    height: 250px;
    margin-top: 90px;
  }
  .mrt {
    margin-top: 120px;
  }
  .step-chat {
    margin-top: -100px;
  }
  .step-details h2 {
    font-size: 40px;
    margin-top: 0px;
  }
  .step-details li {
    font-size: 26px;
  }
  .hero91 h1 {
    font-size: 60px;
    line-height: 1.2;
  }
  .brand-banner h1 {
    font-size: 60px;
  }
  .our-work h2 {
    font-size: 180px;
  }
}
@media screen and (max-width: 950px) {
  .driven-text h2 {
    font-size: 35px;
  }
  .middle-content h2 {
    font-size: 56px;
    line-height: 4.4rem;
  }
  .our-work h2 {
    font-size: 160px;
  }
  .brand-banner h1 {
    font-size: 75px;
  }
  .hero91 h1 {
    font-size: 56px;
    line-height: 1.1;
  }
  .box-position {
    gap: 20px;
  }
  .box-sect h3 {
    font-size: 21px;
  }
  .box-sect p {
    font-size: 18px;
  }
  .step-chat {
    margin-top: -70px;
  }
  .step-details h2 {
    font-size: 37px;
    margin-top: 0px;
  }
  .step-details li {
    font-size: 24px;
  }
  .mrt {
    margin-top: 80px;
  }
  .steps h2 {
    font-size: 42px;
  }
  .steps h4 {
    font-size: 20px;
  }
  .stepper {
    gap: 40px;
    margin-top: 90px;
  }
  .manage-what-say h2 {
    font-size: 42px;
  }
  .brand-banner a,
  .foot-register a {
    padding: 20px 50px;
    font-size: 38px;
    width: 360px;
  }
  .foot-register h2 {
    font-size: 38px;
  }
  .who-are-banner {
    gap: 60px;
  }
  .social-manage h3 {
    font-size: 32px;
  }
  .social-manage h2 {
    font-size: 65px;
  }
  .social-manage p {
    font-size: 23px;
  }
}

@media screen and (max-width: 900px) {
  .driven-text h2 {
    font-size: 33px;
  }
  .social-manage h3 {
    font-size: 29px;
  }
  .social-manage h2 {
    font-size: 60px;
  }
  .social-manage p {
    font-size: 21px;
  }
  .feedbacks,
  .question {
    margin: auto;
  }
  .who-are-banner {
    gap: 30px;
  }
  .sol-left h2 {
    font-size: 50px;
  }
  .sol-left p {
    font-size: 23px;
  }
  .middle-content h2 {
    font-size: 50px;
    line-height: 4.2rem;
  }
  .manage-solution {
    flex-direction: column;
  }
  .our-work h2 {
    font-size: 140px;
  }
  .brand-banner h1 {
    font-size: 70px;
  }
  .foot-register h2,
  .manage-why-us h2 {
    font-size: 35px;
  }
  .why-us-right {
    text-align: center;
  }
  .stats {
    flex-direction: column;
  }
  .stars {
    margin-top: -80px;
    margin-left: -80px;
    color: #fff2d8;
    font-size: 70px;
    position: absolute;
  }
  .brand-banner a,
  .foot-register a {
    padding: 20px 40px;
    font-size: 35px;
    width: 320px;
  }
  .hero91 h1 {
    font-size: 50px;
    line-height: 1;
  }
  .about-top {
    flex-direction: column;
    text-align: center;
  }
  .manage-what-say h2 {
    font-size: 37px;
  }
  .about-text {
    flex: 1 1 100%;
  }

  .about-video {
    flex: 1 1 100%;
    margin-top: 20px;
  }

  .about-text h2 {
    font-size: 1.75rem;
  }

  .about-text p {
    font-size: 0.95rem;
  }

  navigation {
    display: none;
  }
  .head-left {
    justify-content: unset;
  }
  .card.left-1 {
    transform: translateX(-250px) scale(0.95) translateZ(-50px) rotateY(8deg);
  }

  .card.right-1 {
    transform: translateX(250px) scale(0.95) translateZ(-50px) rotateY(-8deg);
  }
  .registration-graphic {
    display: none;
  }
  .registration-form {
    padding: 30px 30px 30px 30px;
  }
  .step-chat {
    margin-top: -120px;
  }
  .stepper {
    gap: 20px;
    margin-top: 90px;
  }
  .steps h2 {
    font-size: 40px;
  }
  .steps h4 {
    font-size: 19px;
  }
  .stepper h3 {
    font-size: 21px;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .stepper p {
    font-size: 18px;
    line-height: 27px;
  }
  .mrt {
    margin-top: 80px;
  }
  .score-manage {
    height: 270px;
    margin-top: 60px;
  }
  .score-moment {
    margin-top: -100px;
  }
  .score-text h2 {
    font-size: 34px;
  }
  .score-text h3 {
    font-size: 24px;
    line-height: 36px;
  }
  .score-text p {
    font-size: 15px;
  }
  .head-btn2,
  .l-btn {
    display: none;
  }
  .footer-stat h3,
  .footer-stat h4 {
    font-size: 18px;
  }
  .footer-stat li,
  .footer-stat p {
    font-size: 16px;
  }
  .footer p {
    font-size: 18px;
  }
  .social img {
    width: 36px;
  }
  .creators h2 {
    font-size: 42px;
  }
  .follow-count h3 {
    font-size: 30px;
  }
  .highl {
    font-size: 33px;
  }
  .follow-count p {
    font-size: 16px;
  }
  .cont-form h2,
  .cond-details h2 {
    font-size: 33px;
  }
  .cond-details p {
    font-size: 18px;
  }
  .slide-manage,
  .why-us-manage,
  .contact-box {
    flex-direction: column;
  }
  .slide-content {
    margin-bottom: 50px;
    text-align: center;
  }
  .slide-content h2 {
    font-size: 28px;
    padding-right: 0px;
  }
  .slide-content h3 {
    font-size: 18px;
    margin-top: 0px;
  }
  .register-btn {
    padding: 12px 22px;
    font-size: 16px;
  }
  .slider {
    padding: 50px 20px 90px;
  }
  .accordion h3 {
    font-size: 20px;
  }
  .accordion {
    width: 80%;
  }
  .join-us h1 {
    font-size: 42px;
  }
  .join-us p {
    font-size: 19px;
    line-height: 31px;
  }
  .mission-vision h1 {
    font-size: 42px;
  }
  .manage-mission {
    padding: 20px 50px 30px;
  }

  .manage-mission h2 {
    font-size: 27px;
  }
  .why-us-manage h2 {
    font-size: 33px;
  }
  .why-us-manage li {
    font-size: 19px;
  }
  .founder-manage h2 {
    font-size: 33px;
  }
  .locate-box {
    margin-top: 50px;
  }
  .cont-form {
    flex: unset;
    width: 94%;
    margin-right: 20px;
  }
  .what-say-cont {
    margin-left: 20px;
    margin: auto;
  }
  .manage-what-say {
    flex-direction: column;
    gap: 30px;
    align-items: start;
  }
  .what-say-image {
    display: flex;
    width: 100%;
  }
  .what-say-image img {
    width: 100%;
    margin-right: 20px;
  }
}
@media screen and (max-width: 850px) {
  .driven-text h2 {
    font-size: 30px;
  }
  .social-manage h3 {
    font-size: 27px;
  }
  .social-manage h2 {
    font-size: 54px;
  }
  .social-manage p {
    font-size: 20px;
  }
  .middle-content h2 {
    font-size: 44px;
    line-height: 3.5rem;
  }
  .hero91 h1 {
    font-size: 46px;
    line-height: 1;
  }
  .mrt {
    margin-top: 50px;
  }
  .our-work h2 {
    font-size: 120px;
  }
}
@media screen and (max-width: 768px) {
  .social-manage h3 {
    font-size: 25px;
    text-align: center;
  }
  .social-manage h2 {
    font-size: 48px;
    text-align: center;
  }
  .social-manage p {
    font-size: 19px;
    text-align: center;
    padding-right: 0px;
  }
  .start-btn {
    margin-left: 0px;
  }
  .flying {
    display: flex;
    gap: 30px;
    justify-content: space-evenly;
  }
  .fly-icon {
    margin-left: 30px;
  }
  .who-are-banner,
  .customer-driven,
  .service-list,
  .pro-rate {
    flex-direction: column;
  }
  .bor-right {
    border-right: unset;
    border-bottom: 4px solid #f3b839;
  }
  .rated {
    text-align: center;
  }
  .sol-left h2 {
    font-size: 45px;
  }
  .sol-left p {
    font-size: 21px;
  }
  .accordion-item label {
    font-size: 30px;
  }
  .context {
    font-size: 21px;
  }
  .our-work h2 {
    font-size: 90px;
  }
  .contact-boxs {
    flex-direction: column;
  }
  .brand-banner h1 {
    font-size: 62px;
  }
  .foot-register h2 {
    font-size: 30px;
  }
  .brand-banner a,
  .foot-register a {
    padding: 13px 18px;
    font-size: 25px;
    width: 280px;
  }
  .hero91 h1 {
    font-size: 40px;
    line-height: 1;
  }
  .manage-what-say h2,
  .manage-why-us h2 {
    font-size: 32px;
  }
  .locate-box {
    margin-top: 30px;
  }
  .box-position {
    flex-direction: column;
  }
  .box-manage {
    margin-top: 40px;
  }
  .cont-form h2,
  .cond-details h2 {
    font-size: 29px;
  }
  .cond-details p {
    font-size: 17px;
  }
  .founder-manage h2 {
    font-size: 30px;
  }
  .why-us-manage h2 {
    font-size: 30px;
  }
  .why-us-manage li {
    font-size: 18px;
  }
  .mission-vision h1 {
    font-size: 39px;
  }
  .manage-mission {
    padding: 20px 30px 30px;
  }

  .manage-mission h2 {
    font-size: 25px;
  }
  .manage-mission p {
    font-size: 16px;
    line-height: 24px;
  }
  .misvis-point h3 {
    font-size: 23px;
  }
  .join-us h1 {
    font-size: 39px;
  }
  .join-us p {
    font-size: 18px;
    line-height: 29px;
  }
  .join-us h3 {
    font-size: 19px;
  }
  .accordion {
    width: 90%;
  }
  .accordion h3 {
    font-size: 18px;
  }
  .accordion p {
    width: 100%;
    font-size: 16px;
  }
  .slide-content h2 {
    font-size: 30px;
    padding-right: 0px;
  }
  .slide-content {
    margin-bottom: 50px;
  }
  .slide-content h3 {
    font-size: 17px;
    margin-top: 0px;
  }
  .register-btn {
    padding: 10px 19px;
    font-size: 15px;
  }
  .step-manage {
    flex-direction: column;
  }
  .step-chat {
    margin-top: -150px;
  }
  .step-details h2 {
    font-size: 35px;
    margin-top: 0px;
  }
  .step-details li {
    font-size: 24px;
  }
  .steps h2 {
    font-size: 38px;
  }
  .steps h4 {
    font-size: 18px;
  }
  .stepper h3 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .stepper p {
    font-size: 17px;
    line-height: 24px;
  }
  .followers {
    flex-direction: column;
  }
  .follow-us img {
    width: 80%;
    margin: auto;
    display: block;
  }
  .mrt {
    margin-top: 20px;
  }
  .score-count {
    flex-direction: column;
  }
  .score-manage {
    height: unset;
    margin-top: 90px;
  }
  .score-moment {
    margin-top: -120px;
  }
  .foot,
  .foot2 {
    flex-basis: 50%;
  }
  .footer {
    flex-direction: column;
  }
  .footer p {
    margin-bottom: 20px;
  }
  .creators h2 {
    font-size: 39px;
  }
  .score-text h2 {
    font-size: 31px;
  }
  .score-text h3 {
    font-size: 21px;
    line-height: 33px;
  }
  .earn-btn {
    padding: 12px 32px;
    font-size: 19px;
  }
  .sign-title h2 {
    font-size: 28px;
  }
  .sign-title h2 span {
    font-size: 18px;
  }
  .create-btn {
    padding: 9px 20px;
    font-size: 15px;
  }
  .founder-manage p {
    font-size: 17px;
    line-height: 27px;
  }
  .highls {
    font-size: 19px;
  }
  .border-right h3 {
    font-size: 20px;
  }
  .founder-left {
    width: 90%;
  }
  .middle-content h2 {
    font-size: 38px;
    line-height: 3.2rem;
  }
  .right-img,
  .left-img {
    display: none;
  }
  .banenr-full {
    padding: 50px 20px 50px;
  }
  .middle-content {
    margin-right: 0px;
  }
}
@media screen and (max-width: 600px) {
  .accordion-item label {
    font-size: 27px;
  }
  .context {
    font-size: 20px;
  }
  .our-work h2 {
    font-size: 70px;
  }
  .brand-banner h1 {
    font-size: 45px;
  }
  .foot-register h2 {
    font-size: 27px;
  }
  .founder-left {
    width: 95%;
  }
  .border-right {
    padding: 30px;
  }
  .border-right h3 {
    font-size: 19px;
  }
  .founder-manage p {
    font-size: 16px;
    line-height: 25px;
  }
  .highls {
    font-size: 18px;
  }
  .founder-manage h2 {
    font-size: 28px;
  }
  .why-us-manage h2 {
    font-size: 27px;
  }
  .why-us-manage li {
    font-size: 17px;
  }
  .join-us {
    gap: 20px;
    margin-bottom: 0px;
  }
  .join-us h1 {
    font-size: 36px;
  }
  .join-us p {
    font-size: 17px;
    line-height: 25px;
  }
  .join-us h3 {
    font-size: 18px;
  }
  .step-details h2 {
    font-size: 32px;
  }
  .step-details li {
    font-size: 22px;
  }
  .earn-btn {
    padding: 12px 32px;
    font-size: 20px;
  }
  .check-icon {
    width: 25px;
  }
  .stepper,
  .join-us,
  .misvis-point {
    flex-direction: column;
  }

  .form-section {
    display: unset;
  }
  .form-section input[type="text"],
  .form-section input[type="password"],
  .form-section input[type="number"],
  .form-section select {
    width: 95%;
  }

  .form-section select {
    width: 100%;
  }
  .form-field {
    margin-bottom: 20px;
  }
  .steps h2 {
    font-size: 35px;
  }
  .steps h4 {
    font-size: 17px;
  }
  .stepper h3 {
    font-size: 18px;
    margin-top: 20px;
  }
  .stepper p {
    font-size: 16px;
    line-height: 22px;
  }
  .follow-count h3 {
    font-size: 28px;
  }
  .highl {
    font-size: 31px;
  }
  .follow-count p {
    font-size: 15px;
  }
  .foot {
    flex-basis: 100%;
  }
  .foot2 {
    flex: 1;
  }
  .footer-stat h3,
  .footer-stat h4 {
    font-size: 17px;
  }
  .footer-stat li,
  .footer-stat p {
    font-size: 15px;
  }
  .footer p {
    font-size: 17px;
  }
  .creators h2 {
    font-size: 36px;
  }
  .sign-title h2 {
    font-size: 26px;
  }
  .sign-title h2 span {
    font-size: 17px;
  }
  .create-btn {
    padding: 7px 13px;
    font-size: 14px;
  }
  .submit-btn {
    padding: 14px 20px;
    font-size: 16px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 520px) {
  .our-work h2 {
    font-size: 50px;
  }
  .join-us h1 {
    font-size: 32px;
  }
  .form-section input[type="text"],
  .form-section input[type="password"],
  .form-section input[type="number"],
  .form-section select {
    width: 93%;
  }
  .steps h2 {
    font-size: 32px;
  }
  .foot2 {
    flex-basis: 100%;
  }
  .footer-stat li {
    border-bottom: 1px solid #2a2a27;
  }
  .creators h2 {
    font-size: 32px;
  }
  .earn-btn {
    padding: 13px 32px;
    font-size: 19px;
  }
}
@media screen and (max-width: 450px) {
  .sign-title {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .sign-title h2 {
    margin-bottom: 0px;
  }
}