/* large screens */

@media (min-width: 1540px) {
  .container {
    max-width: 1250px;
  }
  .client-profile {
    width: 250px;
    height: 250px;
  }
}

@media (max-width: 1366px) {
  .slider_btn {
    height: 90px;
    font-size: 1rem;
  }

  .client-profile {
    width: 180px;
    height: 180px;
  }

  .quote-large img {
    max-width: 200px;
  }
}

/* Desktops/Laptops */

@media (max-width: 1200px) {
  .socialIcons {
    padding-right: 0;
  }
  .main-heading {
    font-size: 50px;
  }
  .services_caption h3 {
    font-size: 35px;
  }
  .about_service h3 {
    font-size: 20px;
  }
  .about_service p {
    font-size: 12px;
  }
  .formHead {
    font-size: 15px;
  }

  .testimonial-wrapper h2 {
    font-size: 2.188rem;
  }
  .client-profile {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 1050px) {
  .navbar ul > li > a {
    font-size: 0.938rem;
  }

  .navbar ul {
    gap: 5px;
  }

  .testimonial-section .gallery-thumbs {
    width: 30%;
  }

  .testimonial-section .testimonial {
    width: 70%;
  }
}

/* Laptops */

@media (max-width: 1024px) {
  .section-heading {
    font-size: 2.188rem;
  }
}

@media (max-width: 992px) {
  .light-logo {
    display: none;
  }
  .dark-logo {
    display: block;
  }
  .navbar ul {
    gap: 10px;
    margin: 1.5rem 0;
  }

  .navbar {
    background: var(--white);
    padding: 5px 65px;
  }

  .navbar ul > li > a {
    color: var(--black);
    padding: 0 0 5px;
  }

  .navbar ul > li > a.get-touch-btn {
    padding: 8px 12px;
  }

  .navbar .socialIcons {
    margin: 1rem;
    margin-left: auto;
  }

  .calendar-time-wrapper {
    flex-direction: column;
  }

  .calendar-section,
  .time-slots-section {
    flex: 1;
  }

  .socialIcons {
    display: none;
  }

  .socialIcons.mob-social-icon {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 15px;
  }

  .socialIcons i {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }

  .customer_feedback {
    font-size: 13px;
  }

  .services {
    padding: 0 0 2rem;
  }

  .store-buttons a {
    max-width: 120px;
  }

  .inner-item h2 {
    font-size: 1.25rem;
  }

  .testimonial-wrapper .quote {
    display: none;
  }

  .testimonial-section {
    display: block;
  }

  .quote-large img {
    max-width: 100px;
  }

  .testimonial-section .gallery-thumbs {
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 2rem 0;
    text-align: center;
    background: transparent;
  }

  .quote-large {
    display: none;
  }

  .testimonial-section .testimonial {
    width: 100%;
  }

  .client-profile-content {
    width: 100%;
    text-align: center;
  }

  .client-section {
    margin: 18rem 0 0;
  }

  .testimonial-wrapper h2 {
    font-size: 2rem;
  }

  .testimonial-section .testimonial-container {
    max-height: 100%;
  }

  .testimonial-section .testimonial {
    padding: 2rem 3rem;
  }

  .testimonial ul.slick-dots {
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
  }

  .quote {
    display: block;
    margin-bottom: 0;
  }

  .test-content {
    margin: 0;
  }

  .inner-item {
    padding: 20px;
  }

  .container {
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
  .navbar-brand img {
    max-width: 120px;
  }

  .hero {
    min-height: 500px;
  }
  .section-heading {
    font-size: 1.75rem;
  }
  .appointment-details-form {
    padding: 30px 20px;
  }

  .form-actions {
    flex-direction: column;
  }

  .success-container {
    padding: 40px 20px;
  }

  .time-slots-grid {
    max-height: 300px;
  }

  .tab-50 {
    width: 50%;
  }
  .tab-100 {
    width: 100%;
  }
  .tab-none {
    display: none;
  }
  .main-heading {
    font-size: 30px;
  }
  .headermsg {
    font-size: 12px;
  }
  .slider_btn,
  .u_btn {
    width: 250px;
    height: 60px;
  }
  .carousel-indicators {
    position: relative;
  }
  .customer_feedback {
    flex-wrap: wrap;
    gap: 0;
  }

  .client-section {
    margin: 15rem 0 0;
  }

  .client-img-content {
    max-width: 160px;
    height: 150px;
    width: 150px;
  }

  .socialIcons {
    width: 100%;
    justify-content: center;
  }

  #scrollTopBtn {
    bottom: 110px;
  }

  .inner-item h2 {
    font-size: 1.2rem;
  }

  .get-in-touch {
    border-radius: 10px 10px 0 0;
    margin: 0 20px;
  }

  .map-outer {
    margin: 0 20px;
    width: auto;
  }

  .user-card {
    flex-direction: column-reverse;
  }

  .user-content,
  .user-img,
  .pro-card,
  .case-study,
  .mob-app-content {
    width: 100%;
  }

  .user-img {
    margin-top: 1rem;
  }

  .user-content h3 {
    font-size: 1.2rem;
  }

  .pro-container,
  .pro-container.pro-reverse,
  .mobile-app-row {
    flex-direction: column;
  }

  .client-profile {
    width: 130px;
    height: 130px;
  }

  .case-study {
    padding: 10px 0 0;
  }
  .hero.booking-banner {
    min-height: 350px;
    max-height: 350px;
  }
  .fc .fc-toolbar-title {
    font-size: 1rem;
  }
  .testimonial-section .testimonial {
    padding: 2rem 2rem 3rem;
  }
  .container {
    max-width: 100%;
  }

  .slider_btn i {
    font-size: 25px;
  }
  .slider_btn img {
    max-width: 30px;
  }
}

@media (max-width: 575px) {
  .header,
  .customer_feedback {
    padding: 15px 30px;
  }

  .pro-container,
  .pro-container.pro-reverse {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-heading {
    font-size: 1.563rem;
  }

  .appointment-container {
    margin: 0 auto 6rem;
  }

  .client-section {
    margin: 14rem 0 0;
  }

  .test-content p {
    font-size: 14px;
  }

  .appointment-contact {
    flex-direction: column;
  }

  .slider_btn,
  .u_btn {
    margin: 15px 0;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .navbar {
    padding: 5px 20px;
  }
  .socialIcons {
    margin-top: 30px;
  }
  .slider_caption {
    margin-top: 20px;
  }
  .productRating {
    padding: 25px 20px;
  }

  .client-section {
    margin: 16rem 0 0;
  }

  .quote-icon {
    max-width: 30px;
  }
  .client-profile {
    width: 120px;
    height: 120px;
  }

  .testimonial-wrapper h2 {
    font-size: 1.8rem;
  }
  .inner-item {
    margin: 0;
  }
  .service .slick-arrow {
    height: 32px;
    width: 32px;
  }

  .service .slick-arrow svg {
    width: 20px;
  }

  .service .slick-list {
    margin: 0 40px;
  }
}

@media (max-width: 380px) {
  .client-section {
    margin: 20rem 0 0;
  }
}

@media (max-width: 340px) {
  .client-section {
    margin: 22rem 0 0;
  }
}