/*================================================================================================*/
/*=================[                                                            ]=================*/
/*=================[    !!!!!!!!   CSS CREATED BY Workdo  !!!!!!!!   ]=================*/
/*=================[                                                            ]=================*/
/*================================================================================================*/
@media screen and (max-width:500px) {

  /**** HOME PAGE CSS ****/
  #view_theme5 .home-banner-section {
    background: linear-gradient(to bottom, var(--theme-color) 19%, var(--second-color) 19% 100%);
  }

  #view_theme5 .home-banner-section .more-card-btn,
  #view_theme5 .more-card-second-section .more-card-btn {
    flex-direction: column;
  }

  #view_theme5 .home-banner-section .more-card-btn .btn:not(:last-of-type),
  #view_theme5 .more-card-second-section .more-card-btn .btn:not(:last-of-type) {
    margin-bottom: 15px;
  }

  #view_theme5 .service-section .service-card-wrapper .service-card {
    max-width: 100%;
  }

  #view_theme5 .service-section .service-card-wrapper .service-card:not(:last-of-type) {
    margin-bottom: 15px;
  }

  #view_theme5 .qr-scaner-wrapper {
    max-width: 100%;
  }
}

@media screen and (max-width:420px) {
  :root .theme16-v1, :root .theme16-v2, :root .theme16-v3, :root .theme16-v4, :root .theme16-v5 {
    --h1: normal 600 32px/1 var(--Strawford);
    --h2: normal 600 26px/1 var(--Strawford);
    --h3: normal 600 24px/1 var(--Strawford);
    --h4: normal 600 20px/1 var(--Strawford);
    --h5: normal 600 18px/1 var(--Strawford);
    --h6: normal 600 16px/1 var(--Strawford);
  }

  /**** HOME PAGE CSS ****/
  #view_theme5 .padding-top {
    padding-top: 40px;
  }

  #view_theme5 .padding-bottom {
    padding-bottom: 40px;
  }

  #view_theme5 .section-title {
    margin-bottom: 20px;
  }

  #view_theme5 .client-contact .contactlink a span {
    font-size: 18px;
    margin-left: 10px;
  }

  #view_theme5 .client-contact .contactlink a .contact-svg svg {
    height: 20px;
    width: 20px;
  }

  #view_theme5 .client-contact .contactlink a .contact-svg img {
    height: 20px;
    width: 20px;
  }

  #view_theme5 .client-contact .contactlink a .contact-svg {
    height: 36px;
    width: 36px;
  }

  #view_theme5 .social-icon li {
    height: 40px;
    width: 40px;
  }

  #view_theme5 .social-icon li a svg {
    height: 22px;
    width: 22px;
  }

  #view_theme5 .social-icon li a img {
    height: 22px;
    width: 22px;
  }

  #view_theme5 .service-card-inner .service-icon svg {
    height: 30px;
    width: 30px;
    margin: 0 auto 15px;
  }

  #view_theme5 .service-card-inner .service-icon img {
    height: 30px;
    width: 30px;
    margin: 0 auto 15px;
  }

  #view_theme5 .service-card-inner h5 {
    margin-bottom: 12px;
  }

  #view_theme5 .card-social-icons li a svg {
    height: 20px;
    width: 20px;
  }

  #view_theme5 .card-social-icons li a img {
    height: 20px;
    width: 20px;
  }

  #view_theme5 .card-social-icons li {
    height: 40px;
    width: 40px;
  }

  #view_theme5 .appo-form-details {
    padding: 30px 0px 10px;
  }

  #view_theme5 .close-search {
    height: 26px;
    width: 26px;
  }

  #view_theme5 .daily-hours-content .daily-hours-inner ul li {
    font-size: 13px;
  }

  #view_theme5 .daily-hours-content .daily-hours-inner ul li p {
    font-size: 13px;
  }

  #view_theme5 .daily-hours-content .daily-hours-inner ul li span {
    font-size: 13px;
  }

  #view_theme5 .service-section .service-card-wrapper .service-card {
    max-width: 100%;
  }

  #view_theme5 .service-card-wrapper .service-card:not(:last-of-type) {
    margin-bottom: 15px;
  }

  #view_theme5 .close-btn {
    padding: 14px 20px;
  }

  #view_theme5 .qr-code-text p {
    font-size: 14px;
  }

  #view_theme5 .share-card-wrapper .section-title {
    margin-bottom: 23px;
  }

  #view_theme5 .qr-scaner-wrapper .card-social-icons {
    margin-bottom: 15px;
  }

  #view_theme5 .qr-scaner-wrapper .qr-code-text {
    margin: 30px 0px;
  }

  #view_theme5 .buisness-hour-wrapper {
    padding: 20px 10px;
  }

  #view_theme5 .qr-image {
    height: 200px;
    width: 200px;
  }

  #view_theme5 .picker__holder {
    max-width: 300px;
  }

  #view_theme5 .testimonial-itm-inner .testi-client-img img {
    border-radius: 115px;
  }

  #view_theme5 .card-payment-section .app-info-div a {
    max-width: calc(50% - 5px);
  }

  #view_theme5 .card-payment-section .section-title {
    margin-bottom: 16px;
  }

  /**** HOME PAGE CSS end****/
}

@media screen and (max-width:370px) {

  /**** HOME PAGE CSS ****/
  #view_theme5 .home-banner-section .client-text {
    margin: 20px 0px;
  }

  #view_theme5 .client-contact {
    padding-top: 20px;
  }

  #view_theme5 .appointment-section .appointment-date {
    flex-direction: column;
  }

  #view_theme5 .appointment-date .date-label, .appointment-hour .hour-label {
    max-width: 100%;
    margin-bottom: 15px;
  }

  #view_theme5 .social-icon-wrapper {
    max-width: 100%;
  }

  #view_theme5 .title-svg svg {
    height: 25px;
    width: 25px;
  }

  #view_theme5 .title-svg img {
    height: 25px;
    width: 25px;
  }

  #view_theme5 .title-svg {
    height: 45px;
    width: 45px;
  }

  #view_theme5 .social-icon-wrapper li a svg {
    height: 25px;
    width: 25px;
  }

  #view_theme5 .social-icon-wrapper li a img {
    height: 25px;
    width: 25px;
  }

  #view_theme5 .appointment-detail .form-group {
    max-width: 100%;
  }

  #view_theme5 .appointment-detail .form-group:not(:last-of-type) {
    padding-right: 0px;
  }

  #view_theme5 .form-group {
    margin-bottom: 15px;
  }

  #view_theme5 .form-btn-group .btn {
    padding: 14px 15px;
  }

  #view_theme5 .daily-hours-content .daily-hours-inner ul li {
    font-size: 13px;
  }

  #view_theme5 .daily-hours-content .daily-hours-inner ul li p {
    font-size: 12px;
  }

  #view_theme5 .daily-hours-content .daily-hours-inner ul li p span {
    font-size: 12px;
  }

  /**** HOME PAGE CSS end****/
}