@media all and (max-width: 1399px) {
    p {font-size: 15px;}
    h2 {font-size: 36px;margin: 0 0 24px 0;}
    .navbar-brand img {width: 180px;display: block;}
    .menu>ul>li>a {padding: 30px 12px;font-size: 15px;font-weight: 550;}
    .navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom {height: 50px;font-size: 16px;}
    .carousel-inner .head-contact-form h3 {margin: 0 0 5px 0;font-size: 24px;}
    .carousel-inner .head-contact-form .lead {font-size: 15px;margin: 0 0 15px 0;}
    .carousel-inner .carousel-item img {height: 700px;}
    .slider-section {max-width: 1140px;height: 40vh;}
    .dashboard-section .team-card-content h4 {font-size: 18px;}
    .dashboard-section .team-card .team-card-img img {height: 225śpx;}
    .project-wide-section .iq-btn-text-holder {font-size: 27px;}
    .marquee-vertical-wrapper {height: 480px;}
    .marquee-vertical-row img {width: 125px;}
    .footer-contact p {font-size: 14px;}ś
    .footer-social a {font-size: 21px;}
    .transformer-card img {height: 320px;}
    .transformer-bottom .display-3 {font-size: 42px;}
    .transformer-card .card-body h5 {font-size: 21px;}
    .transformer-card .card-body {padding: 15px;}
    .slider-overlay .head-contact-form h3 {font-size: 24px;}
    .feature-box {padding: 30px 10px 15px;}
    .thankyou-section {height: 80vh;}
    .dashboard-section .city-card .city-card-img img {height: 380px;}
    .project-wide-section .three-image-row .image-grid {grid-template-columns: repeat(auto-fit, minmax(156px, 3fr));}
    .project-wide-section .product-list .list-item {font-size: 14px;line-height: 1.2;}
    .project-wide-section h2 {margin: 0 0 15px 0;font-size: 33px;}
}

@media all and (max-width: 1199px) {
   h2 {font-size: 30px;margin: 0 0 20px 0;}
   p {font-size: 15px;}
   .lead {font-size: 15px;}
   .py-80 {padding: 60px 0;}
   .navbar-brand img {width: 150px;}
    .navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom {height: 45px;font-size: 15px;padding: 0 20px;}
    .new-section-right-image .absolute-text {width: 145px;height: 200px;border-radius: 80px;bottom: -15px;} 
    .slider-section {max-width: 960px;height: 40vh;}
    .dashboard-section .team-card .team-card-img img {height: 180px;}
    .dashboard-section .team-card-content h4 {font-size: 15px;}
    .project-wide-section .three-image-row .image-grid {gap: 10px;grid-template-columns: repeat(auto-fit, minmax(115px, 3fr));}
    .project-wide-section .iq-btn-text-holder {font-size: 21px;}
    .project-wide-section .three-image-row {padding: 24px 0 0 0;}
    .project-wide-section .iq-button .iq-btn-icon-holder {height: 40px;width: 40px;border: 1.5px solid #f21011;}
    .card-custom h3 {font-size: 48px;}
    .card-custom p.lead {font-size: 15px;margin: 0 0 15px 0;}
    .arrow {display: none;}
    .card-custom p {font-size: 14px;}
    .card-custom h3::after {right: -30px;font-size: 27px;}
    .slider-section .slider .slide .overlay h4 {font-size: 30px;}
    .marquee-vertical-row img {width: 102px;}
    .marquee-vertical-wrapper {height: 420px;}

    .dashboard-section .city-card .city-card-img img {height: 618px;}
    .dashboard-section .city-card-content p {font-size: 15px;}

    .carousel-inner .carousel-item img {height: 420px;}
    .slider-overlay {position: static; margin: 30px 0 0 0;}
    .slider-overlay .head-contact-form {padding: 30px 24px;background-color: #fff2ef;}
    .slider-overlay .head-contact-form h3 {font-size: 30px;}
    .slider-overlay .head-contact-form .lead {font-size: 16px;margin: 0 0 24px 0;}
    .carousel-indicators {justify-content: center;}

    .dashboard-section .city-card .city-card-img img {height: 350px;}
    .dashboard-section .city-card-content h3 {font-size: 21px;}

    .power-section h2 {font-size: 30px;}
    .transformer-card img {height: 250px;}
    .transformer-bottom .display-3 {font-size: 36px;}
    .feature-box p {font-size: 14px;}
    .thankyou-card {margin: 80px auto 0 auto;padding: 45px;}
    
}
@media all and (max-width: 991px) {
    p {font-size: 15px;}
    h2 {font-size: 27px;margin: 0 0 24px 0;}
   .pt-80 {padding: 60px 0 0 0;}
   .py-80 {padding: 60px 0;}
   .carousel-inner .carousel-item img {height: auto;}
   .project-image {display: none;}
   .project-wide-section {background-color: #252828;padding: 60px 0;}
   .our-clients {padding: 60px 0 0 0;}
   .marquee-vertical-row {grid-template-columns: repeat(8, 1fr);}
   .marquee-vertical-wrapper {height: 250px;}
   .power-section {padding: 30px 0;}
   .transformer-card .a-1 {display:none;}
   .transformer-card .a-2 {display:none;}
   .transformer-card img {height: 200px;}
   .transformer-card .card-body {padding: 15px 0;}
   .transformer-card .card-body h5 {font-size: 16px;}
   .transformer-bottom .display-3 {font-size: 30px;}
   .feature-box p {font-size: 16px;}
   .footer-logo img {width: 255px;}
    .footer-logo h5 {font-size: 16px;}
    .dashboard-section .city-card .city-card-img img {height: 320px;}
}
@media all and (max-width: 767px) {
    h1 {font-size: 33px;}
    h2 {margin: 0 0 20px 0;}
    p {font-size: 15px;}
   .lead {font-size: 15px;}
   .sub-title {font-size: 15px;display: block;}
   .carousel-inner .carousel-item img {height: auto;}
   .slider-overlay .head-contact-form .btn-custom {font-size: 16px;padding: 0 15px;}
  .navbar-brand img {width: 130px;}
  .slider-overlay .head-contact-form h3 {font-size: 27px;}
  .new-section-right-image .absolute-text h3 {font-size: 48px;}
  .dashboard-section .team-card-content {padding: 15px 0 0 0;}
  .dashboard-section .team-card .team-card-img img {height: 180px;}
  .iq-button {margin: 10px 0 0 0;}
  .card-custom h3 {font-size: 42px;}
  .footer-contact {border-left: none;padding: 30px 0 0 0;}
  .footer-contact {border-left: none;padding: 16px 0 0 0;}
  .transformer-bottom .display-3 {font-size: 30px;}
  .dashboard-section .city-card .city-card-img img {height: 380px;}
  .dashboard-section h4 {font-size: 18px;}
  .carousel-indicators {margin: 0 auto;}
  .thankyou-card {margin: 80px auto 0 auto;padding: 30px 24px;}
   .project-wide-section .three-image-row .image-grid {gap: 15px;grid-template-columns: repeat(auto-fit, minmax(160px, 3fr));}
}

@media all and (max-width: 575px) {
    h2 {font-size: 24px;}
    p {font-size: 14px;}
    .py-80 {padding: 50px 0;}
    .navbar-brand img {width: 130px;}
    .is-sticky .navbar-brand img {width: 110px;}
    .carousel-inner .carousel-item img {height: auto;object-position: left;}
    .dashboard-section .team-card .team-card-img img {height: 280px;}
    .dashboard-section .team-card-content h4 {font-size: 18px;}
    .project-image { display: block;margin: 0 0 30px 0; border-bottom: 1px solid #ffffff30;padding: 0 30px;}
    .project-wide-section {background-color: #252828;padding: 0 0 60px 0;}
    .slider-overlay .head-contact-form {padding: 24px 15px;background-color: #fff2ef;}
    .slider-overlay .head-contact-form h3 {font-size: 21px;}
    .slider-overlay .head-contact-form .lead {font-size: 15px;margin: 0 0 15px 0;}
    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(2.8rem + 2px);}
    .form-floating > label {font-size: 15px;}
    .new-section-right-image .absolute-text {width: 120px;height: 160px;left: 20px;}
    .new-section-right-image .absolute-text h3 {font-size: 42px;}
    .footer-contact p span {display: none;}
    .footer-logo img {width: 250px;margin-bottom: 15px;}
    .transformer-card img {height: 280px;}
    .transformer-card .card-body h5 {font-size: 21px;}
    .power-section h2 {font-size: 27px;}
    footer {padding: 30px 0 20px;}
    footer .footer-contact h6 {font-size: 21px;}
    .dashboard-section .city-card-content {display: flex;align-items: start;padding: 15px;}
    .dashboard-section .city-card-content .btn-custom {margin:15px 0 0 0;}
    .dashboard-section .city-card-content h3 {margin: 0 0 5px 0;font-size: 24px;}
    .dashboard-section .city-card .city-card-img img {height: 320px;}

    .navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom {border-radius: 100%;padding: 0;height: 45px;width: 45px;min-width: 45px;min-height: 45px;align-items: center;justify-content: center;font-size: 21px;}
    .navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom .btn-custom-icon-holder {margin: 0;}

    .thankyou-section {height: 70vh;}
    .thankyou-card {margin: 60px auto 0 auto;padding: 30px 15px;}
    .thankyou-card h1 {font-size: 30px;}
    .thankyou-contact-detail {gap: 15px;flex-direction: column-reverse;}
    
}