@media all and (max-width: 1399px) {
  .carousel-control-next, .carousel-control-prev {width:8%;}
  .main-slider-section .main-slider-overlay h1 {font-size: 54px;} 
  .carousel-fade .carousel-item img {height: 600px;object-fit: cover;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption h1 {font-size: 45px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption p.lead {font-size: 16px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption p b {font-size: 18px;}
  .slider-section {max-width: 1140px;height: 45vh;}
  .card-custom h3 {font-size: 54px;}
  
  .industry-card p {font-size: 16px;}

  .get-a-quote .middle-content {padding: 0 24px;}
  .get-a-quote .left-side-image, .get-a-quote .right-side-image {height: 450px;}
  .get-a-quote .middle-content h1.display-4 {font-weight: 600;font-size: 54px;}
  .get-a-quote .middle-content h3 {font-size: 21px;margin: 15px 0 24px 0;}
  .xb-cta h2 {font-size: 42px;}
  .xb-cta p {font-size: 16px;}
}
@media all and (max-width: 1199px) {
  h2, h3 {font-size: 30px;}
  h5 {font-size: 18px;}
  h6 {font-size: 16px;}
  p {font-size: 15px;}
  .lead {font-size: 15px;}
  .btn-custom {font-size: 15px;padding: 15px 40px 15px 18px;}
  .btn-custom::before {width: 17px;height: 17px;right: -5px;}
  .main-slider-section .carousel-inner .carousel-item img {height: 640px;}
  .main-slider-section .main-slider-overlay h1 {font-size: 48px;}
  .main-slider-badges {gap: 15px;}
  .main-slider-badges a {height: 45px;font-size: 15px;padding: 0 15px;}
  
  .main-slider-section .carousel-inner .carousel-item .carousel-caption h1 {font-size: 42px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption p b {font-size: 16px;}
  .about-card .about-card-inner {padding: 45px 30px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges {gap: 15px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges a {height: 45px;font-size: 16px;padding: 0 15px;border-radius: 8px;}
  
  .industry-card {padding: 24px 15px;}
  .industry-card p {font-size: 15px;}
  
  .faq-item .faq-question {padding: 15px 20px;font-size: 16px;}
  
  .xb-cta {margin: 60px 0 0 0;padding: 45px 24px;}
  .xb-cta h2 {font-size: 36px;}
  .cta-btns {gap: 30px;}
  footer .footer-contact p {margin-bottom: 5px;font-size: 18px;gap: 10px;}

  .slider-section {max-width: 960px;height: 40vh;}
  .dashboard-section .city-card .city-card-img img {height: 250px;}
  .card-custom {padding: 20px;}
  .card-custom h3 {font-size: 48px;}
  .card-custom p.lead {font-size: 14px;margin: 0 0 15px 0;}
  .project-wide-section .display-6 {font-size: 36px;margin: 0 0 20px 0;}
  .project-wide-section .lead {font-size: 15px;}
  .get-a-quote .middle-content h1.display-4 {font-size: 48px;}
  .get-a-quote .middle-content h3 {font-size: 18px;margin: 15px 0;}
  .slider-section .slider .slide .overlay { padding: 24px 30px;}
  .slider-section .slider {gap: 24px;}

  .contact-inner-slider .display-5 {font-size: 42px;}
  .f-carousel .f-carousel__slide img {height: 350px;}
  .project-wrape .project-detail ul {display: block;}
}
@media all and (max-width: 991px) {
  p {font-size: 14px;}
  h2 {font-size: 27px;margin: 0 0 24px 0;}
  h5 {font-size: 16px;}
  .pt-80 {padding: 60px 0 0 0;}
  .py-80 {padding: 60px 0;}
  .main-slider-section .main-slider-overlay {padding: 88px 0 0 0;}
  .main-slider-section .carousel-inner .carousel-item img {height: 520px;}
  
  .main-slider-section .carousel-inner .carousel-item .carousel-caption {padding: 0;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption h1 {font-size: 33px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges {gap: 15px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges a {height: 45px;font-size: 16px;padding: 0 15px;border-radius: 8px;}
  .slider-section {max-width: 720px;height: 35vh;}
  .project-wide-section .project-image {margin: 0 0 30px 0;}
  
  .dashboard-section .city-card-content h4 {font-size: 16px;margin: 0 0 10px 0;}
  .industry-card p {font-size: 15px;text-align: center;}
  
  .xb-cta h2 {font-size: 30px;}
  .process-item h4 {font-size: 18px;margin-bottom: 10px;}
  .xb-cta h2 {font-size: 27px;}
  
  
  .project-wide-section .project-image img {width:100%;height:320px;object-fit:cover;object-position:center;}
  .project-wide-section .display-6 {font-size: 30px;margin: 0 0 20px 0;}
  .get-a-quote {padding: 60px 0;}
  .get-a-quote .middle-content {padding: 0 15px;}
  .get-a-quote .middle-content h1.display-4 {font-size: 42px;}
  .get-a-quote .middle-content h3 {font-size: 16px;margin: 15px 0;}
  .get-a-quote .left-side-image, .get-a-quote .right-side-image {height: 420px;}
  .team-card.middle-team-card img {height: 400px;width:100%;object-fit:cover;object-position:center;}
  .advice-section {padding: 60px 0;}
  footer h5 {margin: 0 0 15px 0;} 
  footer {padding: 0 0 15px 0;}
  .contact-inner-slider .display-5 {font-size: 36px;}
  .project-wrape .project-detail ul {display: grid;}
  .amenities-card h6 {font-size: 15px;}
  .aside-card {margin: 30px 0 0 0; padding: 24px 15px;}
  .aside-card h4 {text-align:center;font-size: 18px;}

}
@media all and (max-width: 767px) {
  h1 {font-size: 33px;} 
  h2, h3 {font-size: 27px;}
  .carousel-control-next, .carousel-control-prev {display: none;}
  .main-slider-overlay {padding: 88px 0 0 0;text-align: center;}
  .main-slider-section .main-slider-overlay h1 {font-size: 42px;}
  .main-slider-section .carousel-inner .carousel-item img {height: 575px;}
  .main-slider-badges {gap: 10px;justify-content: center;}
  .main-slider-section .main-slider-overlay p.lead {font-size: 16px;}
  .main-slider-badges a {height: 40px;font-size: 15px;padding: 0 15px;}
  .main-slider-section .main-slider-overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 85%, rgba(0, 0, 0, 0.84) 100%);align-items: end;padding: 0 0 60px 0;}
  
  
  .main-slider-section .carousel-inner .carousel-item .carousel-caption {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 85%, rgba(0, 0, 0, 0.84) 100%);align-items: end;padding: 0 0 45px 0;align-items: center;justify-content: end;text-align: center;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption h1 {font-size: 30px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges {gap: 15px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges a {height: 45px;font-size: 16px;padding: 0 15px;border-radius: 8px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption p.lead {font-size: 16px;}
  
  .xb-cta {padding: 30px 24px;}
  .xb-cta h2 {font-size: 27px;margin: 0 0 15px 0;}
  
  .main-slider-badges {gap: 15px;justify-content: center;display: grid;grid-template-columns: repeat(2, 1fr);}
  .main-slider-badges a {height: 45px;font-size: 16px;padding: 0 15px;text-align: center;justify-content: center;}
  
  .slider-section {max-width: 540px;height: 35vh;}
  .slider-section .slider {gap: 15px;}
  .dashboard-section .city-card .city-card-img img {height: 320px;}
  .card-custom h3 {font-size: 42px;}
  .card-custom h3::after {top: 7px;right: -35px;font-size: 30px;}
  .card-custom p.lead {font-size: 13px;margin: 0 0 10px 0;}
  .get-a-quote {padding: 0;}
  .get-a-quote .left-side-image {border-radius: 0 0 30px 30px;}
  .get-a-quote .right-side-image {border-radius: 30px 30px 0 0;}
  .get-a-quote .middle-content {padding: 30px 15px;}
  .team-card.middle-team-card img {height: 320px;object-position: top center;}
  .team-card.middle-team-card .team-member-info h4 {font-size: 21px;margin-bottom: 5px;}
  .footer-links {margin: 0;}
  .project-call-card {flex-direction: column;gap: 15px;align-items: start;}
  .contact-inner-slider .display-5 {font-size: 33px;}
  .slider-section .slider .slide .slider-overlay {gap: 10px;justify-content: end;padding: 24px 15px;flex-direction: column;align-items: start;height: 100%;}
  .slider-section .slider .slide.show-content .slider-overlay .r-side .btn-custom {margin: 0;height: 40px;font-size: 14px;padding: 0 15px;}
  .slider-section .slider .slide .slider-overlay h4 {margin-bottom: 0;font-size: 18px;}
  .slider-section .slider .slide .slider-overlay p {opacity: 0.9;margin: 0 0 10px 0;}
  .slider-section .slider {gap: 5px;}
  .timeline-step {padding: 15px 0 15px 15px;}
  .timeline-step .timeline-step-header h4 {font-size: 18px;}
  .timeline-step .timeline-step-body p b {font-size: 16px;margin: 0 0 10px 0;}
  .timeline-step .timeline-step-body ul {padding: 0 0 0 10px;}
  .industry-grid {grid-template-columns: repeat(3, 1fr);}
  .industry-card:nth-child(3n) {border-right: 0;}
  .industry-card:nth-child(5n), .industry-card:nth-child(6n) {border-bottom: 1px dashed #c5c2d2;} 
  .industry-card:nth-child(4n) {border-right: 1px dashed #c5c2d2;}
}
@media all and (max-width: 575px) {
  h2,h3 {font-size: 24px;}
  p, ul li {font-size: 14px;}
  .py-80 {padding: 50px 0;}
  .main-slider-section .carousel-inner .carousel-item img {height: 640px;}
  .sticky-step {position: static;margin-bottom: 24px;}
  .timeline::after {width: 2px;}
  .timeline-step::before {width: 12px;height: 12px;left: -7px !important;}
  
  .main-slider-section .main-slider-overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 85%, rgba(0, 0, 0, 0.84) 100%);}
  .main-slider-badges {gap: 5px;}
   .main-slider-badges a {font-size: 14px;padding: 0 10px;}
  
  .industry-grid {grid-template-columns: repeat(2, 1fr);}
  .industry-card:nth-child(2n) {border-right: 0;}
  .industry-card:nth-child(3n) {border-right: 1px dashed #c5c2d2;}
  .industry-card:nth-child(4n) {border-right: 0;}
  .industry-card:nth-child(6n) {border-right: 0;}
  
  .about-card .about-card-inner {padding: 30px 15px;}
  .dashboard-section .city-card-content h4 {font-size: 18px;}
  
  .main-slider-section .main-slider-overlay h1 {font-size: 36px;}
  .main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges {gap: 15px;justify-content: center;display: grid;grid-template-columns: repeat(2, 1fr);}
  .dashboard-section .city-card .city-card-img img {height: 320px;}
  .project-wide-section .display-6 {font-size: 27px;margin: 0 0 20px 0;}
  .get-a-quote .left-side-image, .get-a-quote .right-side-image {height: 350px;}
  .get-a-quote .middle-content h1.display-4 {font-size: 36px;}
  .team-card.middle-team-card img {height: 420px;object-position: top center;}
  .contact-inner-slider .display-5 {font-size: 30px;}
  .project-call-left p {font-size: 15px; }
  .f-carousel .f-carousel__slide img {height: 320px;}
  .project-wrape .project-detail ul {display: block;}
  .btn-close {top: -12px;right: -5px !important;}
  .form-overlay {padding: 24px 15px;}
  .form-overlay h3 {font-size: 21px;margin: 20px 0 0 0;}
}