@media (min-width: 1600px) {
   .container {
      max-width: 1600px;
   }
   .container-2 {
      max-width: 1400px;
   }
}
@media (max-width: 1599px) {
   .header-wrapper {
      padding: 8px 20px;
   }
   .header-area {
      margin-top: 40px;
   }
   .hero-area {
      padding: 160px 0 50px;
   }
   .logo img {
      max-width: 160px;
   }
   .header-nav-menu {
      gap: 20px;
   }
   .header-nav-menu li a {
      font-size: 18px;
   }
   .search-btn img {
      width: 24px;
   }
   .header-nav {
      gap: 40px;
   }
   .header-social {
      gap: 16px;
   }
   .header-right {
      gap: 50px;
   }
   .social-icon {
      width: 44px;
      height: 44px;
   }
   .hero-wrapper {
      background-size: cover;
      background-position: right;
   }
   .tools-article {
      padding: 30px;
   }
   .article-title {
      font-size: 40px;
   }
   .btn-wrapper {
      gap: 24px;
   }
   .theme-btn {
      padding: 13px 40px;
   }
   .play-icon {
      width: 180px;
   }
   .tools-area-title {
      margin-bottom: 20px;
   }
   .tools-article-container.three .star-shape {
      right: -96px;
   }
   .tools-area-2 .article-title {
      font-size: 32px;
   }
   .tools-area-2 .tools-article-container.two .star-shape {
      width: 100px;
      right: -85px;
   }
   .tools-area-2 .tools-article-container.four .star-shape {
      width: 100px;
      right: -110px;
   }
   .tools-area-2 .tools-article-container.one .star-shape {
      left: -80px;
      width: 100px;
   }
}
@media (max-width: 1399px) {
   .logo img {
      max-width: 140px;
   }
   .header-nav-menu {
      gap: 16px;
   }
   .header-nav {
      gap: 30px;
   }
   .header-right {
      gap: 40px;
   }
   .hero-wrapper {
      padding: 80px 0 60px 40px;
   }
   .hero-title span {
      font-size: 50px;
   }
   .hero-title h1 {
      font-size: 40px;
   }
   .hero-title {
      width: 530px;
      height: 450px;
   }
   .header-area {
      margin-top: 30px;
   }
   .hero-area {
      padding: 140px 0 50px;
   }
   .section-title .title {
      font-size: 90px;
   }
   .welcome-area-wrapper .row {
      --bs-gutter-x: 30px;
   }
   .para-style {
      font-size: 16px;
      line-height: 26px;
   }
   .dots-shape {
      width: 180px;
      height: 180px;
   }
   .welcome-area .dots-shape.one {
      left: -70px;
   }
   .welcome-area .dots-shape.two {
      top: 288px;
      left: -70px;
   }
   .welcome-area .dots-shape.three {
      right: -90px;
   }
   .welcome-right .dots-shape {
      right: -110px;
   }
   .tools-area-title span {
      font-size: 50px;
      padding: 10px 30px 5px;
      min-width: 280px;
   }
   .article-thumb {
      width: 49%;
   }
   .article-content {
      width: 49%;
   }
   .article-title {
      font-size: 36px;
      margin-bottom: 15px;
   }
   .article-desc {
      margin-top: 15px;
   }
   .theme-btn {
      padding: 13px 30px;
      font-size: 16px;
   }
   .tools-article-container.two .star-shape {
      top: -62px;
      left: -40px;
      width: 100px;
   }
   .tools-article-container.three .star-shape {
      right: -75px;
      width: 100px;
   }
   .play-icon {
      width: 160px;
   }
   .tools-area-title .star-shape {
      width: 80px;
      top: -35px;
      right: -49px;
   }
   .testimoinial-area-title, .testimonial-container {
      max-width: 1040px;
   }
   .testimonial-container .dots-shape {
      width: 140px;
      height: 140px;
   }
   .testimonial-container .dots-shape.one {
      left: -115px;
   }
   .testimonial-container .dots-shape.two {
      right: -100px;
   }
   .testimonial-title .title {
      font-size: 40px;
      padding: 15px 30px 11px;
   }
   .qoute-icon {
      width: 70px;
      height: 70px;
      left: -50px;
      top: -20px;
   }
   .qoute-icon img {
      width: 34px;
   }
   .testimonial {
      padding: 50px 30px;
   }
   .testimonial-desc {
      font-size: 18px;
      line-height: 28px;
   }
   .cta-area {
      padding: 60px 0;
   }
   .cta-title {
      font-size: 30px;
      max-width: 350px;
   }
   .input-field {
      font-size: 16px;
      padding: 18px 20px;
   }
   .cta-form .star-icon {
      width: 30px;
   }
   .cta-form .form-btn {
      font-size: 14px;
      padding: 8px 24px;
   }
   .tools-area-2 .tools-article-wrapper .row {
      --bs-gutter-x: 35px;
      --bs-gutter-y: 35px;
   }
   .tools-area-2 .tools-article {
      padding: 25px;
      gap: 35px;
   }
   .tools-area-2 .play-video .play-icon {
      width: 130px;
   }
   .tools-area-2 .article-title {
      font-size: 28px;
   }
   .tools-area-2 .article-desc p {
      margin-bottom: 25px;
   }
   .form-input.email-input input {
      padding-right: 145px;
   }
   .slider-nav img {
      width: 24px;
   }
}

@media (max-width: 1199px) {
   .hero-wrapper {
      padding: 60px 0 50px 30px;
   }
   .hero-title span {
      font-size: 40px;
   }
   .hero-title h1 {
      font-size: 32px;
      max-width: 260px;
   }
   .hero-title {
      width: 440px;
      height: 380px;
      padding-top: 80px;
   }
   .hero-area {
      padding: 130px 0 50px;
   }
   .section-title .subtitle {
      margin-bottom: 20px;
   }
   .section-title .title {
      font-size: 75px;
   }
   .welcome-area-wrapper .row {
      --bs-gutter-x: 20px;
   }
   .dots-shape {
      width: 160px;
      height: 160px;
   }
   .welcome-area .dots-shape.two {
      top: 267px;
   }
   .welcome-area {
      padding: 64px 0 80px;
   }
   .tools-area-title span {
      font-size: 40px;
      padding: 10px 30px 5px;
      min-width: 245px;
   }
   .tools-article {
      padding: 20px;
   }
   .article-thumb {
      width: 48%;
      border-radius: 20px;
      filter: drop-shadow(6px 6px 0 #000);
   }
   .article-title {
      font-size: 30px;
      margin-bottom: 10px;
   }
   .article-desc {
      margin-top: 10px;
   }
   .theme-btn {
      padding: 12px 24px;
      gap: 10px;
   }
   .play-icon {
      width: 140px;
   }
   .tools-article-container.two .star-shape {
      top: -48px;
      left: -32px;
      width: 80px;
   }
   .btn-wrapper {
      gap: 20px;
   }
   .tools-article-container.three .star-shape {
      right: -70px;
      width: 82px;
   }
   .tools-area {
      padding: 50px 0 80px;
   }
   .testimonial-area .container{
      max-width: 100%;
   }
   .testimonial-container {
      padding-top: 30px;
   }
   .testimoinial-area-title, .testimonial-container {
      max-width: 900px;
   }
   .testimonial {
      padding: 40px 20px;
   }
   .testimonial-title .title {
      font-size: 32px;
   }
   .qoute-icon {
      width: 60px;
      height: 60px;
      left: -40px;
      top: -18px;
   }
   .qoute-icon img {
      width: 28px;
   }
   .cta-title {
      font-size: 24px;
      max-width: 280px;
   }
   .cta-form {
      gap: 6px;
   }
   .cta-form .star-icon {
      width: 26px;
   }
   .input-field {
      font-size: 14px;
      padding: 16px;
   }
   .cta-form .form-btn {
      font-size: 14px;
      padding: 6px 16px;
      top: 8px;
      right: 12px;
   }
   .footer-wrapper {
      gap: 60px;
   }
   .social-icon {
      width: 40px;
      height: 40px;
      padding: 6px;
   }
   .social-icon.facebook img {
      width: 12px;
   }
   .social-icon.instagram img {
      width: 22px;
   }
   .scroll-to-top {
      bottom: 20px;
      right: 20px;
   }
   .scroll-to-top img {
      width: 35px;
   }
   .tools-area-2 .tools-article-wrapper .row {
      --bs-gutter-x: 25px;
   }
   .tools-area-2 .tools-article {
      padding: 20px;
      gap: 30px;
   }
   .tools-area-2 .article-title {
      font-size: 24px;
   }
   .tools-area-2 .theme-btn {
      padding: 12px 20px;
   }
   .tools-area-2 .tools-area-title {
      margin-bottom: 60px;
   }
   .tools-area-2 .play-video .play-icon {
      width: 120px;
   }
   .tools-area-2 .tools-article-container.one .star-shape {
      left: -70px;
      width: 90px;
   }
   .tools-area-2 .tools-article-container.two .star-shape {
      width: 90px;
      right: -80px;
   }
   .tools-area-2 .tools-article-container.four .star-shape {
      width: 90px;
   }
   .form-input.email-input input {
      padding-right: 120px;
   }
   .slider-nav-prev {
      left: 15px;
   }
   .slider-nav-next {
      right: 15px;
   }
}


@media (max-width: 991px) {
   .header-area {
      margin-top: 20px;
   }
   .hero-area {
      padding: 120px 0 50px;
   }
   .hero-wrapper {
      padding: 40px 0 30px 20px;
   }
   .hero-title span {
      font-size: 36px;
   }
   .hero-title h1 {
      font-size: 28px;
      max-width: 220px;
   }
   .hero-title {
      width: 370px;
      height: 330px;
      padding-top: 70px;
   }
   .section-title .title {
      font-size: 60px;
   }
   .section-title {
      margin-bottom: 35px;
   }
   .welcome-thumb {
      margin-left: 0;
      margin-bottom: 30px;
   }
   .tools-area-title span {
      font-size: 36px;
      min-width: 220px;
   }
   .tools-article {
      padding: 30px 20px;
      flex-wrap: wrap;
      gap: 30px;
   }
   .tools-article-container:nth-child(even) .tools-article {
      flex-wrap: wrap-reverse;
   }
   .article-thumb {
      width: 100%;
   }
   .article-content {
      width: 100%;
   }
   .tools-article-container.two .star-shape {
      top: -40px;
      left: -32px;
      width: 70px;
   }
   .tools-area {
      padding: 50px 0 60px;
   }
   .testimonial-area-wrapper {
      padding: 0;
      border: 0;
      filter: unset;
   }
   .section-title .subtitle {
      margin-bottom: 10px;
   }
   .testimonial-title {
      margin-bottom: 30px;
   }
   .testimonial-desc {
      font-size: 16px;
      line-height: 26px;
   }
   .cta-title {
      max-width: 100%;
      text-align: center;
   }
   .cta-area {
      padding: 50px 0;
   }
   .cta-wrapper {
      gap: 30px;
   }
   .footer-wrapper {
      gap: 40px;
      flex-direction: column;
   }
   .copyright-link, .copyright-text {
      font-size: 12px;
   }
   .slider-nav img {
      width: 20px;
   }
}

@media (max-width: 767px) {
   .logo img {
      max-width: 120px;
   }
   .header-area {
      margin-top: 15px;
   }
   .header-wrapper {
      padding: 6px 10px;
   }
   .hero-area {
      padding: 100px 0 40px;
   }
   .hero-title span {
      font-size: 30px;
   }
   .hero-title h1 {
      font-size: 24px;
      max-width: 170px;
   }
   .hero-title {
      width: 290px;
      height: 260px;
      padding-top: 50px;
   }
   .welcome-area {
      padding: 50px 0 60px;
   }
   .section-title .subtitle span {
      font-size: 18px !important;
   }
   .section-title .title {
      font-size: 40px;
   }
   .dots-shape {
      width: 130px;
      height: 130px;
   }
   .welcome-area .dots-shape.one {
      left: -80px;
   }
   .welcome-area .dots-shape.two {
      top: 235px;
      left: -80px;
   }
   .welcome-area .dots-shape.three {
      top: 120px;
   }
   .tools-area-title span {
      font-size: 26px;
      min-width: auto;
      padding: 10px 20px 5px;
      filter: drop-shadow(8px 8px 0 var(--yellow));
   }
   .tools-area-title span.yellow-bg {
      filter: drop-shadow(8px 8px 0 var(--steelblue));
   }
   .tools-area-title {
      gap: 20px;
   }
   .tools-article-container:nth-child(odd) .tools-article {
      padding: 30px 0;
   }
   .play-icon {
      width: 100px;
   }
   .tools-area-title .star-shape {
      width: 60px;
      top: -25px;
      right: -35px;
   }
   .article-title {
      font-size: 24px;
   }
   .btn-wrapper {
      gap: 16px;
      flex-wrap: wrap;
   }
   .theme-btn {
      padding: 10px 20px;
      gap: 10px;
      font-size: 14px;
   }
   .tools-article {
      padding: 20px 15px;
   }
   .tools-article-container.two .star-shape {
      top: -32px;
      left: -20px;
      width: 55px;
   }
   .tools-article-container.three .star-shape {
      right: -30px;
      width: 55px;
   }
   .testimonial {
      padding: 30px 15px;
   }
   .testimonial-title .title {
      font-size: 26px;
      padding: 12px 24px 10px;
   }
   .qoute-icon {
      width: 50px;
      height: 50px;
      left: -35px;
      top: -15px;
   }
   .qoute-icon img {
      width: 24px;
   }
   .testimonial-desc {
      font-size: 14px;
      line-height: 24px;
   }
   .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
   }
   .form-input.name-input {
      width: 100%;
   }
   .form-input.email-input {
      width: 100%;
   }
   .footer-wrapper {
      gap: 30px;
      padding: 30px 0;
   }
   .footer-widget-wrapper {
      gap: 30px;
   }
   .footer-widget ul {
      gap: 16px;
   }
   .copyright-wrapper {
      text-align: center;
   }
   .tools-area-2 .tools-article {
      padding: 20px 15px !important;
   }
   .tools-area-2 .play-video .play-icon {
      width: 100px;
   }
   .slider-nav img {
      width: 16px;
   }
}