@media (max-width: 1400px) {
  #RepairProcess .container .bottom .row {
    row-gap: 20px;
  }
  #RepairProcess .container .bottom .row .col-lg-3 .process-card .text-div span {
    font-size: 20px;
  }
  #Services .container .bottom .appliance-services .col-lg-3, #Services .container .bottom .appliance-services .col-lg-4 {
    width: 33.33%;
  }
  #Savemore .container .bottom .row {
    row-gap: 20px;
    justify-content: center;
  }
  #Savemore .container .bottom .row .col-lg-4 {
    width: 50%;
  }
}
@media (max-width: 1300px) {
  #Intro .floating-div {
    width: 65%;
  }
  #Appointment .bottom .container .left {
    max-width: 600px !important;
  }
  #Appointment .bottom .container .left .address-details input {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  #Intro .floating-div {
    width: 75%;
  }
  #AboutUs .container .bottom {
    padding: 0 2rem;
  }
  #RepairProcess .container .bottom .row .col-lg-3 .process-card .text-div span {
    font-size: 18px;
  }
  #BrandsWeRepair .container .bottom .swiper-container {
    width: 100%;
    max-width: 100% !important;
  }
  #BrandsWeRepair .container .bottom .swiper-container .brand-item {
    width: 45% !important;
  }
}
@media (max-width: 1060px) {
  #Intro .floating-div {
    width: 100%;
  }
  #Services .container .bottom .appliance-services .col-lg-3, #Services .container .bottom .appliance-services .col-lg-4 {
    width: 50%;
  }
  #ServiceAreas .container .bottom {
    flex-direction: column;
  }
  #ServiceAreas .container .bottom .left #map2 {
    height: 500px;
  }
  #ServiceAreas .container .bottom .right {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  #Appointment .bottom .container .appointment-content {
    flex-direction: column;
    align-items: center;
  }
  #Appointment .bottom .container .appointment-content .left {
    width: 100%;
    max-width: unset !important;
  }
  #Appointment .bottom .container .appointment-content .right {
    width: 100%;
    max-width: unset !important;
  }
  #Appointment .bottom .container .appointment-content .right .contact-card,
  #Appointment .bottom .container .appointment-content .right .map-card {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #RepairProcess .container .bottom .row .col-lg-3 .process-card {
    height: 230px;
  }
  #Savemore .container .bottom .row {
    row-gap: 20px;
    justify-content: center;
  }
  #Savemore .container .bottom .row .col-lg-4 {
    width: 100%;
  }
  #Message .container .bottom .message-card {
    width: min(100%, 1000px);
  }
}
@media (max-width: 900px) {
  #Testimonials .container .all .bottom .reviews-details {
    gap: 20px;
  }
  #Testimonials .container .all .bottom .reviews-details .review-detail-div {
    justify-content: space-between;
    flex: 1;
  }
  #Testimonials .container .all .bottom .reviews-details .review-detail-div span:first-child {
    font-size: 28px;
  }
  #Testimonials .container .all .bottom .reviews-details .review-detail-div span:last-child {
    font-size: 14px;
    text-align: center;
  }
}
@media (max-width: 700px) {
  #Services .container .bottom .appliance-services .col-lg-3, #Services .container .bottom .appliance-services .col-lg-4 {
    width: 50%;
  }
  #Services .container .bottom .appliance-services .col-lg-3 .service-card, #Services .container .bottom .appliance-services .col-lg-4 .service-card {
    padding: 8px;
  }
  #Services .container .bottom .appliance-services .col-lg-3 .service-card .name-div, #Services .container .bottom .appliance-services .col-lg-4 .service-card .name-div {
    height: 40px;
    display: flex;
    align-items: center;
  }
  #Services .container .bottom .appliance-services .col-lg-3 .service-card .name-div span, #Services .container .bottom .appliance-services .col-lg-4 .service-card .name-div span {
    display: block;
    font-size: 18px;
    width: 100%;
    text-align: center;
  }
  #Message .container .bottom .message-card .name-zipcode,
  #Message .container .bottom .message-card .email-phone {
    flex-direction: column;
  }
  #AboutUs .top h2,
  #Testimonials .top h2,
  #RepairProcess .top h2,
  #Services .top h2,
  #Savemore .top h2,
  #Appointment .top h2,
  #Message .top h2,
  #BrandsWeRepair .top h2,
  #ServiceAreas .top h2,
  #Blog .top h2 {
    font-size: 30px !important;
  }
  #AboutUs .container .top h2,
  #Testimonials .container .top h2,
  #RepairProcess .container .top h2,
  #Services .container .top h2,
  #Savemore .container .top h2,
  #Appointment .container .top h2,
  #Message .container .top h2,
  #BrandsWeRepair .container .top h2,
  #ServiceAreas .container .top h2,
  #Blog .container .top h2 {
    font-size: 30px !important;
  }
}
@media (max-width: 600px) {
  #Intro .floating-div .floating-content {
    padding: 10px;
  }
  #Intro .floating-div .floating-content .text-div h2 {
    font-size: 25px;
  }
  #Intro .floating-div .floating-content .text-div p {
    font-size: 15px;
  }
  #Intro .floating-div .floating-content .appointment {
    flex-direction: column;
  }
  #Intro .floating-div .floating-content .appointment a {
    font-size: 14px;
    width: 70% !important;
  }
  #Intro .floating-div .floating-content .appointment a img {
    width: 25px;
    height: 25px;
  }
  #Intro .floating-div .floating-content .appointment a span {
    width: 100%;
    text-align: center;
  }
  #Intro .floating-div .floating-content .small-items {
    gap: 10px;
  }
  #Intro .floating-div .floating-content .small-items .item {
    gap: 3px;
  }
  #Intro .floating-div .floating-content .small-items .item img {
    width: 16px;
    height: 16px;
  }
  #Intro .floating-div .floating-content .small-items .item span {
    font-size: 15px;
  }
  #AboutUs .container .bottom {
    padding: 0 0;
  }
  #Appointment .bottom .container .appointment-content {
    flex-direction: column;
    align-items: center;
  }
  #Appointment .bottom .container .appointment-content .left {
    width: 100%;
    max-width: unset !important;
  }
  #Appointment .bottom .container .appointment-content .left form .name-and-phone-div,
  #Appointment .bottom .container .appointment-content .left form .savemore-item-div {
    flex-direction: column;
  }
  #Appointment .bottom .container .appointment-content .left form .savemore-item-div {
    align-items: flex-start !important;
  }
  #Message .container .bottom button {
    width: 90% !important;
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  #Services .container .bottom .appliance-services .col-sm-6 .service-card {
    flex-direction: column;
  }
}/*# sourceMappingURL=responsive.css.map */