@media screen and (min-width: 1200px) {
  .mobile_extraservice .top-cat-wrap .cat-box {
    flex: 0 0 13%;
    max-width: 13%;
  }

  .top-cat-wrap .cat-box p {
    max-width: 95%;
  }

  .top-cat-wrap .cat-box .icon {
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 1199px) {
  h1 {
    font-size: 42px;
    line-height: 52px;
  }

  .bannerText {
    top: 40%;
  }

  .component-section .form-control option {
    font-size: 13px;
    line-height: 15px;
  }

  .top-cat-wrap .cat-box p {
    font-size: 11px;
    line-height: 14px;
  }

  /*.mobile_extraservice .top-cat-wrap .cat-box p {
    font-size: 9px;
  }*/

  .top-cat-wrap .cat-box {
    padding: 5px 5px;
  }

  .top-cat-wrap .cat-box .icon img {
    height: 45px;
    width: 45px;
  }

  .top-cat-wrap .cat-box:nth-of-type(2) .icon img {
    height: 40px !important;
  }

  p {
    font-size: 14px;
    line-height: 22px;
  }

  .category-carousal {
    padding: 30px;
  }

  .offer-section {
    padding: 30px 64px 0;
    border-top: 8px solid #f2f4f6;
  }

  h4 {
    font-size: 16px;
    line-height: 26px;
  }

  h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .offer-cont .title {
    font-size: 14px;
    height: 15px;
  }

  .help-section .title {
    font-size: 26px;
    line-height: 25px;
  }

  .help-section .sub-title {
    font-size: 18px;
    line-height: 24px;
  }

  .btn {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 2px;
    padding: 15px 30px;
  }

  .protection-section .heading {
    font-size: 20px;
    line-height: 30px;
  }

  .protection-section .sub-heading {
    font-size: 14px;
    line-height: 20px;
  }

  .protection-section .box .image-wrap img {
    width: 60px;
  }

  .protection-section .box {
    padding: 0 0 0 90px;
  }

  .get-section .title {
    font-size: 32px;
    line-height: 42px;
  }

  .get-section .sub-title {
    font-size: 18px;
    line-height: 26px;
  }

  .get-section .info img {
    width: 100px;
  }

  .footer p {
    font-size: 12px;
  }

  .foot-logo img {
    width: 55px;
  }

  .social img {
    width: 100px;
  }

  .social a {
    font-size: 18px;
    line-height: 14px;
    margin-left: 3px;
  }

  .bannerText h1 {
    font-size: 24px;
    line-height: 34px;
  }
}

@media screen and (max-width: 1024px) {
  .my-accout-inner #right_content {
    padding-bottom: 80px;
  }

  .payment-summery-sidebar table td {
    font-size: 11px !important;
    padding: 10px 10px !important;
    margin: 0px !important;
  }

  .my-account-sec {
    padding-bottom: 100px !important;
  }

  .amount-card-header #toggle-open-btn {
    background: transparent;
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .amount-card-header {
    margin-top: 20px;
  }

  .fs-subtitle {
    font-size: 14px;
    margin: 15px 0px;
  }

  .myacc_bck {
    display: block;
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 30px;
    left: 20px;
  }

  #wa-widget-send-button {
    display: none !important;
  }

  .inner_banner h1 {
    margin-bottom: 0;
  }

  .my-account-sec {
    padding: 40px 0;
  }

  h2 {
    font-size: 22px;
    line-height: 28px;
  }

  h4 {
    font-size: 14px;
    line-height: 20px;
  }
}

@media screen and (max-width: 991px) {
  .day-list {
    overflow: scroll;
  }

  .day-list ul {
    flex-wrap: nowrap;
    width: 550px;
    justify-content: flex-start !important;
  }

  div#mywallet {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    left: 0;
    right: 0px;
    margin: 0px;
    padding: 0px !important;
  }

  .my_order_act {
    padding-bottom: 80px !important;
  }

  .my-account-sec .my_order_act {
    padding-bottom: 0px !important;
  }

  .my-accout-inner #right_content .tab-pane#mywallet {
    overflow: hidden !important;
  }

  .table_wallet {
    max-height: 200px;
    overflow: auto;
  }

  #msform .booking-form-cont {
    padding: 20px 10px 50px 20px !important;
    margin-bottom: 5px;
  }

  .side_bar_custom {
    position: fixed;
    left: -600px;
    top: 0px;
    max-width: 100%;
    border-radius: 0px;
    height: 100vh;
    z-index: 99;
    padding-top: 17px;
    transition: all 0.3s ease-in-out;
  }

  .tabs-left li a {
    position: relative;
  }

  .side_bar_custom {
    /* background-image: url('../images/header-bg.svg') !important;
        background-position: top left; */
    background-color: #fff;
  }

  .namste-sec img {
    width: 22px;
  }

  .namste-sec .verifiedimg {
    max-width: 16px;
  }

  .tabs-left li:last-child a::after {
    display: none;
  }

  .tabs-left li {
    border-bottom: 1px solid #00000029 !important;
  }

  .side_bar_custom p {
    border-bottom: 1px solid transparent;
  }

  .side_bar_custom p {
    border-bottom: 1px solid transparent;
  }

  .mobiel-user-info-header {
    padding: 10px 20px;
    margin-bottom: 30px;
  }

  button#close-sidebar {
    display: none !important;
  }

  button#close-sidebar {
    margin: 0px;
    padding: 0px;
    border: 0px;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 34px;
    width: 34px;
    border: 1px solid red;
    color: red;
  }

  .side_bar_custom h3 {
    text-align: center;
  }

  .side_bar_custom p {
    text-align: center;
  }

  .tabs-left li:last-child {
    padding: 20px 0px;
    margin-top: 0px;
    width: 100%;
    border-bottom: 0px !important;
  }

  .tabs-left li a {
    padding: 15px 15px;
  }

  .tabs-left li a:hover,
  .tabs-left li a.active {
    background-color: transparent !important;
  }

  .side_bar_custom.toggle-sidebar-myaccount {
    left: 0px;
  }

  button#toggle-open-btn {
    border: 0px;
    padding: 10px;
    margin: 0px 0px 30px 0px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  button#close-sidebar,
  #toggle-open-btn {
    display: block;
  }

  .wa-widget-send-button {
    display: none !important;
  }
  .foot-nav ul li.partner_box {
    width: 55%;
  }
  .refer_img {
    max-width: 140px;
    margin-left: inherit;
  }
}

@media screen and (max-width: 1024px) {
  .amount-card-header img {
    max-width: 52px;
    max-height: 52px;
  }

  .amount-card-header h4.avial-balane {
    font-size: 22px;
    margin-bottom: 0px;
  }

  ul.time_slot_ul.dubai_timeslot li:last-child {
    width: 100%;
  }

  .gotoMyOrder_mobile {
    display: block !important;
  }

  .gotoMyOrder {
    display: none !important;
  }

  .tabs-left li:last-child a {
    text-align: center;
    justify-content: center;
    background: #ffa500 !important;
    max-width: 100px;
    padding: 7px;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 34px auto 0 auto;
    color: #fff !important;
    border-radius: 5px !important;
  }

  .tabs-left li a::after {
    content: "\f054";
    position: absolute;
    right: 10px;
    color: #0000007a;
    font-family: fontawesome;
  }

  .side_bar_custom p,
  .side_bar_custom h3,
  .tabs-left li a {
    color: #000000a3 !important;
  }

  .side_bar_custom {
    /* background-image: url('../images/header-bg.svg') !important;
        background-position: top left; */
    background-color: #fff;
  }

  .user-icon-logo,
  .mobiel-user-info-header h4 {
    display: block;
  }

  .mobiel-user-info-header h3 {
    font-size: 20px;
    color: #000 !important;
  }

  .mobiel-user-info-header p {
    color: #00000063 !important;
    padding: 0px !important;
  }

  .user-icon-logo {
    text-align: center;
    font-size: 40px;
  }

  .mobiel-user-info-header {
    padding: 10px 20px;
    margin-bottom: 35px;
    background-image: url("../images/header-bg.svg") !important;
    background-position: top left;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mobiel-user-info-header h3 {
    padding: 0px;
  }

  .contact-form input.btn.btn-success {
    max-width: 120px;
    margin: 15px auto 0 auto;
  }

  .mobiel-user-info-header h4 {
    margin-bottom: 30px;
    font-size: 22px;
    text-transform: capitalize;
  }

  .countZero-mobile {
    position: fixed;
    right: 14px;
    top: 113px;
    background: #a4e8e9;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 99;
  }

  .inut-flag-box .pplace-hoder-country-code {
    top: 13px !important;
    left: 5px !important;
  }

  a.countZero-mobile i {
    font-size: 16px;
  }

  span.cart-count {
    right: 8px;
    top: -15px;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
  }

  .foot-nav {
    display: flex;
    flex-direction: column-reverse;
  }

  .header .container {
    position: relative;
  }

  .navbar-light .navbar-toggler {
    right: 0;
  }

  .navbar-light .navbar-brand img {
    width: 80px;
  }

  #navbarSupportedContent {
    background: #1d2131;
    padding: 20px;
  }

  .header .navbar li {
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0;
  }

  .component-section .form-control {
    font-size: 12px;
  }

  .srch-cat p {
    font-size: 12px;
    margin: 0 8px 0 0;
  }

  h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .quick-links-heading {
    font-size: 20px !important;
  }

  .foot-nav ul li {
    font-size: 16px;
    line-height: 15px;
    display: block;
    text-align: left;
    padding: 7px 0px;
    font-weight: 600;
    color: #222;
    text-align: center;
  }

  .tabs-left li {
    font-size: 13px;
    line-height: 13px;
  }

  .tabs-left li a {
    padding: 5px 6px;
    font-size: 14px;
  }

  .tabs-left li a:before {
    left: 8px;
    width: 2px;
    height: 10px;
  }

  .tab-content label {
    font-size: 13px;
  }

  .tab-content .btn {
    font-size: 11px;
    line-height: 13px;
    padding: 10px 20px;
  }

  .nav-tabs.tabs-left .dropdown-menu {
    min-width: 100%;
  }

  .nav-tabs.tabs-left .dropdown-menu li {
    font-size: 12px;
    line-height: 14px;
  }

  .nav-tabs.tabs-left .dropdown-menu li a {
    padding: 8px 30px;
  }

  .nav-tabs.tabs-left .dropdown-menu li a:before {
    left: 20px;
    height: 8px;
  }

  .tab-content textarea.form-control {
    height: 62px;
  }

  .tab-content .form-control {
    height: 35px;
  }

  .tab-content select.form-control {
    height: 35px !important;
  }

  .order-table .table-bordered th {
    font-size: 12px;
    line-height: 12px;
  }

  .order-table .table-bordered td {
    font-size: 11px;
  }

  .order-table .table-bordered td .active-btn,
  .order-table .table-bordered td .inactive-btn {
    padding: 2px 3px;
    font-size: 10px;
  }

  .booking-form-cont .feature-product p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0.5rem;
  }

  #msform .booking-form-cont .image-wrapper img {
    height: 100px;
  }

  .booking-form-cont .number {
    margin: 10px 0;
  }

  #msform .form-cart-total .table-bordered td,
  #msform .form-cart-total .table-bordered th {
    border: 1px solid #dee2e6;
    font-size: 14px;
  }

  #login-modal .modal-content {
    border: 0px !important;
    background-color: transparent;
    height: 100vh;
    /* border-radius: 0px !important; */
  }

  #login-modal .modal-body {
    border-radius: 0px !important;
  }

  .inner-container.staticPage {
    padding-bottom: 100px !important;
  }

  #addTicketModal .modal-content {
    height: 100vh;
    overflow: scroll;
    padding-bottom: 70px;
  }

  .service-list-mobile-desing {
    display: block;
  }

  .service-list {
    display: none;
  }

  .service_booking .inner_banner h1 {
    margin-top: 20px;
  }

  .summery-page {
    padding-top: 0px;
  }

  /* location box for phone */

  .location_box {
    z-index: 999;
    bottom: 0 !important;
    left: 0 !important;
    right: 0;
    top: unset !important;
    position: fixed;
    text-align: center;
    background: #0009;
    height: 100%;
    /* z-index: 9999999; */
  }

  .loaciton-box-for-mobile {
    background: #fff;
    padding: 20px;
    /*border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;*/
    position: absolute;
    bottom: 0;
    top: unset !important;
    left: unset !important;
    transform: translate(-0%, -0%);
    padding-bottom: 100px;
    /* z-index: 9999999; */
    width: 100% !important;
    top: 0 !important;
    padding-top: 25%;
  }

  input.searchGlobal.tt-hint {
    background: unset !important;
  }

  .namste-sec {
    margin-top: 13px !important;
    padding: 10px;
  }

  .namste-sec .content {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
  }

  .namste-sec .content h3 {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .namste-sec p {
    font-weight: 400;
    font-size: 12px;
  }

  .namste-sec h3 {
    font-size: 12px;
    margin: 0px;
  }

  .searchlocation-client {
    position: relative;
  }

  .searchlocation-client input {
    height: 50px;
    padding-left: 35px;
  }

  .searchlocation-client button.Fbtn.btn-subscribe {
    right: unset;
    left: 0;
    border: 0;
    background: transparent;
    color: #00000087;
    top: 7px;
  }

  .loaciton-box-for-mobile .icon img {
    max-width: 100px;
    margin-bottom: 20px;
  }

  .loaciton-box-for-mobile h2 {
    font-size: 18px;
    line-height: 118%;
    margin-bottom: 7px;
  }

  .loaciton-box-for-mobile p {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #0000007d;
  }

  .detect-location-btn {
    background: transparent;
    width: 100%;
    display: block;
    padding: 13px;
    font-weight: 500;
    margin-bottom: 13px;
  }

  .service-booking-confirmation {
    padding-top: 87px;
  }

  .savedAddress {
    width: 100%;
    display: block;
    border: 0px;
    padding: 14px;
    margin-top: 15px;
  }

  .location_box::before {
    display: none;
  }

  /* end */
  .service-list {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .product-thumnail img {
    max-width: 64px;
    height: 64px;
    object-fit: contain;
  }

  .product-thumnail p {
    font-size: 12px;
    line-height: 119%;
  }

  .summery--price {
    font-size: 12px;
    font-weight: 600;
  }

  .service_booking .inner_banner .breadcrumb-cont {
    margin-bottom: 20px;
  }

  .service_booking .inner_banner {
    padding-top: 0px;
  }

  section.inner_banner .bannerText {
    font-size: unset !important;
  }

  .summery-page .col-md-7 table tr:last-child {
    display: flex;
    flex-wrap: wrap;
  }

  .summery-page .col-md-7 table tr:last-child td {
    padding: 5px 10px;
  }

  .summery-page table {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }

  .summery-page .col-md-7 table tr:last-child a {
    position: absolute;
    right: 11px;
    bottom: 30px;
    padding: 7px 16px;
    line-height: 116%;
    background: #40cdcf;
    color: #fff;
    letter-spacing: 1.2px;
    border-color: #40cdcf;
  }

  .vip-member-duration {
    font-size: 15px;
  }

  .summery-page table a {
    padding: 5px 11px;
    font-size: 12px;
    border-radius: 3px;
  }

  .summery-page .number input {
    height: 24px;
    width: 32px;
    font-size: 12px;
    line-height: 116%;
    padding: 0px;
  }

  .navbar-toggler-icon {
    width: 1.5em;
    height: 1.2em;
  }

  ul.navbar-nav {
    max-height: inherit;
    padding: 20px 30px;
    width: 100%;
  }

  .navbar-collapse {
    padding-right: 82px;
  }

  .navbar-brand,
  .navbar {
    padding: 0;
  }

  .category-section {
    padding-top: 90px;
  }

  .top-cat-wrap {
    margin-top: 0;
  }

  .component-section {
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .top-cat-wrap .cat-box {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .help-section {
    position: relative;
  }

  .help-section .sub-title {
    color: #fff;
    text-shadow: 1px 2px 3px #000000;
  }

  .get-section .sub-title {
    font-size: 14px;
    line-height: 22px;
    padding: 0 50px;
  }

  .get-section {
    padding: 100px 0 130px 0;
  }

  .tab-pane {
    min-height: 200px;
  }

  .bannerText h1 {
    color: #fff;
  }

  .category-section {
    padding-top: 0px;
  }

  .cat-box.text-center .icon {
    height: 52px;
    margin: 4px auto;
    width: 52px;
  }

  .mobile_extraservice .cat-box.text-center .icon {
    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .mobile_extraservice .cat-box.text-center .icon img {
    height: 35px;
    width: 35px;
  }

  #msform fieldset .form-card {
    padding: 20px 0 30px 0;
    width: 100%;
    margin: 0;
  }

  .form-cart-total {
    width: 100%;
  }

  .contact-form-wrap {
    padding: 50px 30px;
  }

  .fixed-alert-view-cart {
    bottom: 72px;
    width: 100%;
    z-index: 99999;
  }

  .summery-page-header li span {
    display: flex;
    line-height: 125%;
    text-align: left;
    max-width: 183px;
    flex-wrap: wrap;
  }

  .twitter-typeahead {
    width: 100% !important;
    /* border-radius: 36px; */
  }

  .twitter-typeahead input {
    border: 1px solid #40cdcf;
    border-radius: 10px !important;
  }

  footer {
    background-color: #fff;
    background: #fff;
  }

  .login-form > img {
    margin-bottom: 27px;
    width: 233px;
    margin: 0 auto 27px auto;
    display: block;
  }

  .my-accout-inner {
    margin-top: 0px;
    padding: 10px;
  }

  .enter-location-form-inner {
    max-height: 100%;
    overflow: auto;
  }

  #add_address .modal-dialog .modal-content {
    height: 100vh;
    overflow: scroll;
    padding-bottom: 120px;
  }

  .testimonial__more_review {
    margin: 0px 0px;
  }

  section.testimonial {
    padding: 50px 0px 0px 0px;
  }

  #serviceModel .modal-header .modal-title {
    font-size: 18px;
    line-height: 116%;
  }

  #serviceModel .modal-header {
    padding: 10px 10px;
  }

  .services-lists-area {
    border: 0px;
    padding-bottom: 200px;
  }

  .services-lists-area .col-md-7 {
    padding: 0px !important;
  }

  ul.service-list-are-sidebar {
    padding: 0px;
    border: 0px;
  }

  .view-cart-block {
    padding: 15px 15px;
  }

  h6.sep_sub_cat {
    scroll-margin-top: 100px;
    padding: 8px 0 8px 0px !important;
  }

  .fixed-alert-view-cart {
    left: 0;
    right: 0;
    padding: 0px 0px !important;
  }

  .service-list {
    gap: 20px;
    position: static;
    padding: 10px 5px 5px 5px;
    scroll-margin-top: unset;
  }

  .header__inner .namste-sec {
    display: none;
  }

  .home__header .country-cont.country_location {
    display: none;
  }

  form.search-bar {
    display: none;
  }

  img.logo-header {
    left: 46px;
    max-width: 76px;
  }

  header.home__header {
    display: none;
  }

  ul.my-account__sec li a {
    font-size: 14px;
  }

  .my-account__sec li span {
    margin-top: 8px;
  }

  .mobile-device-header {
    background-color: #fff;
    color: #000;
    display: block;
    padding: 10px;
    /* position: fixed; */
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    box-shadow: 0px 2px 2px #00000026;
  }

  .fixedSearch {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0px 15px 10px 15px;
  }

  /* .tob__banner {
        margin-top: 82px !important;
    } */
  input.searchGlobal.tt-input::placeholder {
    font-weight: 500 !important;
  }

  .mobile-device-header ul {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
  }

  .mobile-device-header ul li {
    padding: 0px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .mobile-device-header ul li:last-child {
  }

  .mobile-device-header ul li p i {
    margin-right: 6px;
    font-size: 14px;
  }

  .mobile-device-header ul p {
    margin: 0px;
    color: #000;
  }

  .mobile-device-header i {
    font-size: 24px;
  }

  .mobile-device-header ul li button {
    border: 0px;
    background-color: transparent;
    color: #fffc;
    font-size: 9px;
    padding: 0px;
    height: unset !important;
    line-height: 116%;
  }

  .mobile-device-header ul li button i {
    font-size: 15px;
    color: #000;
  }

  .comman-banner-block {
    margin: 0px auto 0px auto;
  }

  .namaste-inmobile {
    display: flex !important;
  }

  .comman-banner-block .owl-carousel .owl-item img {
    max-height: 127px;
    border-radius: 10px;
  }

  span.detect-location-current {
    position: absolute;
    right: 7px;
    z-index: 9999;
    color: #0000007d;
    top: 8px;
    border: 1px solid;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }

  .mobile-device-header ul h6 i {
    margin-right: 10px;
  }

  .search-form form {
    display: flex;
    background: #fff;
    align-items: center;
    border-radius: 3px;
    margin-top: 10px;
    position: relative;
  }

  .search-form form a#dropdownMenuLink {
    background: transparent;
    color: #222;
    border-radius: 0px;
    padding: 15px 15px !important;
  }

  .search-form form a#dropdownMenuLink:focus {
    outline: 0px;
    box-shadow: none;
    border: 0px;
  }

  .search-form form input {
    width: 100% !important;
    height: 40px !important;
    border-radius: 0px;
    text-align: left;
    padding-left: 50px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 16px;
    background: transparent !important;
  }

  .search-form form input::placeholder {
    font-size: 16px;
    text-transform: capitalize;
    text-align: left;
    padding: 0px 10px;
    color: #8181818f;
    font-weight: 600;
  }

  span.serach-icon i {
    position: absolute;
    color: #a4e8e9;
    left: 12px;
    top: 7px;
  }

  /* .bannerText {
    display: none;
} */

  .top-cat-wrap {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .top-cat-wrap .cat-box {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    height: 95px;
    border: 0.1px solid #40cdcf47;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .testimonial .col-lg-4 {
    margin-bottom: 10px;
  }

  .testimonial__more_review h2 {
    margin-bottom: 14px;
    margin-top: 14px;
  }

  .category-carousal {
    padding: 9px;
  }

  .offer-section {
    padding: 15px;
    border-top: 8px solid #f2f4f6;
  }

  .offer-section h2 {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 15px;
  }

  .offer-section h4 {
    margin-top: 5px;
    text-align: left;
    font-size: 16px;
  }

  .offer-section .row .col-sm-12 {
    padding: 10px 0px !important;
  }

  .offer-section .image-wrap {
    margin-bottom: 0px;
    border: 1px solid #40cdcf !important;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
  }

  .offer-section .image-wrap img {
    height: 70px;
    width: 80px;
    object-fit: contain;
  }

  section.offer-section .box .title {
    height: unset !important;
    font-size: 12px;
    line-height: 121%;
    margin-top: 10px;
  }

  .offer-section .box {
    margin-bottom: 10px;
  }

  .help-section,
  .protection-section,
  .get-section {
    padding: 15px 0 !important;
  }

  .get-section .sub-title {
    padding: 0 15px;
    margin-bottom: 10px !important;
  }

  .get-section .title,
  .youtube-section h3 {
    font-size: 22px;
    line-height: 25px;
  }

  .get-section .info.d-flex {
    justify-content: center;
  }

  .get-section {
    background-image: none;
    padding-bottom: 0px !important;
  }

  #serviceModel .cat-box {
    -ms-flex: 0 0 25%;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 3px;
  }

  #serviceModel .cat-box img {
    height: 50px;
    border: solid 1px #40cdcf !important;
    object-fit: contain;
    padding: 4px;
  }

  #serviceModel .cat-box p {
    font-size: 11px;
    line-height: 119%;
    margin-bottom: 0.5rem;
  }

  #smartwizard .icon {
    width: 100%;
    height: 55%;
  }

  #smartwizard {
    justify-content: flex-start;
  }

  .services-lists-area .booking-form-cont .image-wrapper img,
  booking-form-cont .image-wrapper {
    height: 100px !important;
    width: 150px !important;
    object-fit: contain;
    border-radius: 5px;
    margin: 0 auto !important;
    display: block;
  }

  .services-lists-area .booking-form-cont .feature-product,
  .services-lists-area .booking-form-cont .col-12.col-sm-12 {
    position: static;
  }

  .services-lists-area .booking-form-cont {
    position: relative;
  }

  .inner-container {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .booking-form-cont .number {
    width: 94px !important;
  }

  .contact-form-wrap {
    padding: 15px;
  }

  .inner-container h2 {
    margin-bottom: 0px;
    margin-top: 15px;
  }

  .contact-form .form-control {
    height: 50px;
    text-align: left;

    margin: 0px;
  }

  .contact-form .btn {
    width: 100%;
    margin-top: 20px;
  }

  .alert_warning.alert-warning span {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .alert_warning.alert-warning {
    line-height: 127%;
    padding: 15px;
    display: flex;
    align-items: center;
  }

  .form-cart-total {
    padding: 0px;
  }

  #msform .form-cart-total .table-bordered td,
  #msform .form-cart-total .table-bordered th {
    text-align: left;
  }

  .time-slot-cont {
    margin-top: 20px;
  }

  .customer-location {
    padding: 10px 14px;
    margin-top: 0px;
    max-width: 100%;
    width: 100%;
    border: 1px solid #40cdcf;
  }

  .payment-option-thumbnail li {
    border: 1px solid #40cdcf;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 24px;
    border-radius: 5px;
  }

  .payment-option-thumbnail {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .day-list ul li {
    padding: 0 0px;
    width: 67px !important;
    height: 67px !important;
    /*border-radius: 50%;*/
    overflow: hidden;
  }

  .day-list ul li span h4 {
    font-size: 14px;
  }

  .day-list ul {
    justify-content: center;
    gap: 15px;
  }

  .pmt-custom {
    padding-top: 0px;
  }

  #reschedule .modal-content {
    padding-bottom: 100px;
  }

  .time-list ul li {
    width: 100%;
    margin: 8px 0px;
    color: #222;
    border-radius: 30px;
    overflow: hidden;
  }

  .time-list {
    padding: 2px;
  }

  .time-list ul li span {
    border: solid 1px #40cdcf;
    font-size: 11px;
    padding: 10px 7px;
    line-height: 126%;
    border-radius: 30px;
  }

  .tab-pane {
    padding: 15px;
  }

  .tab-content h2 {
    margin-bottom: 5px;
  }

  ul.navbar-nav {
    padding: 0px;
  }

  #navbarSupportedContent {
    padding: 15px;
  }

  .booking-form-cont .number {
    bottom: 0px !important;
    right: 13px;
    top: unset;
  }

  footer {
    display: none;
  }

  .cart-addition-info {
    gap: 0px;
    flex-wrap: wrap;
  }

  div#login_form h2 {
    margin-bottom: 12px;
    font-size: 19px;
    line-height: 141%;
  }

  #login_form,
  #register_form,
  #forgot_form {
    padding: 23px;
    display: flex;
    align-items: center;
    height: 100%;
  }

  .ticketnumber {
    max-width: 720px !important;
    width: 100% !important;
  }

  .ticketnumber .scroll {
    height: auto !important;
    max-height: 300px;
  }

  .modal-dialog {
    margin: 0px !important;
  }

  .opt-cont h2 {
    margin: 24px 0px 15px 0px !important;
  }

  .live-map-out {
    height: 294px;
  }

  #add_address h3 {
    margin-top: 10px;
  }

  .confirmation-box h6 {
    font-size: 12px;
    margin-top: 2px;
  }

  .confirmation-box h2 {
    font-size: 14px;
  }

  .confirmation-box p {
    font-size: 14px;
  }

  .visible-768 {
    display: block;
  }

  .hide-768 {
    display: none;
  }

  #canc_conditon table td {
    line-height: 114%;
  }

  #canc_conditon .modal-title {
    font-size: 14px !important;
  }

  #canc_conditon .modal-dialog {
    padding-top: 131px;
  }

  .payment-summery-sidebar {
    padding-bottom: 100px;
  }

  #msform fieldset {
    padding-bottom: 100px;
  }

  .mobile-device-header .location_box {
    bottom: -152px;
    left: 10px;
  }

  section.my-account-sec.staticPage {
    padding-top: 10px;
  }

  #right_content .tab-pane {
    padding: 0px 10px 50px 0px;
  }

  .saved-address-header h3 {
    font-size: 18px;
  }

  .saved-address-header button {
    padding: 7px 13px;
  }

  button.orders-details-card {
    flex-direction: column;
  }

  .orders-card-right .price {
    text-align: left;
  }

  .home_contain .cmnHeaderFooter {
    display: block;
    padding-bottom: 80px;
  }

  .foot-logo img {
    margin: 0 auto;
    display: block;
  }

  .social.text-right {
    text-align: center !important;
    display: flex;
    gap: 6px;
    justify-content: center;
  }

  .location_box {
    box-shadow: 1px 0px 2px 1px #0000001f;
  }

  .orders-card-left h4 {
    margin-bottom: 2px;
    font-size: 11px;
  }

  .booked_order_details {
    padding-bottom: 50px;
  }

  fieldset#step2 {
    padding-top: 0px !important;
  }

  #orderDetailModal1 {
    padding-right: 0px !important;
  }

  .orderDetailModal_cls .modal-content {
    max-height: 100vh;
    overflow: auto;
    padding-bottom: 70px;
  }

  .container.staticPage {
    padding: 0px 15px;
  }

  #nameModal .modal-footer button {
    width: 100px;
  }

  button.btn.btn-primary.savename {
    width: 150px !important;
  }

  #nameModal .modal-footer {
    justify-content: center !important;
  }
  .mobile_extraservice .top-cat-wrap .cat-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .tabs-left li.my_order_act {
    display: none;
  }

  .help-section a.btn {
    color: #ffffff !important;
  }

  .review-view-lft img {
    width: 40px;
    height: 40px;
  }

  .review-view-lft {
    gap: 6px;
  }

  .review-view-lft h3 {
    font-size: 14px;
  }

  .help-section a.btn:hover {
    color: #ffffff !important;
    background: #0af5d1;
  }

  .offer-section h4 {
    font-size: 12px;
  }

  div#login-modal-otpless {
    top: 10%;
  }
  .book-service-cont h5 {
    font-size: 16px;
  }

  section.help-section::before {
    content: "";
    background: #0000008c;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .help-section .title {
    color: #fff;
  }

  .btn_formnew {
    width: 100%;
  }

  /* ankita css (19-01-2024) */
  /* .mobile_extraservice {
        display: block;
    } */

  .mobile_extraservice .top-cat-wrap .cat-box {
    flex: 0 0 27% !important;
    max-width: 27% !important;
    height: 110px;
  }

  .mobile-menu {
    /* justify-content: unset; */
    gap: 16px;
    padding: 2px 10px !important;
    height: 70px !important;
  }

  ul.mobile-menu li.active {
    /*background: #d3f7f7;*/
    padding: 10px;
    border-radius: 50%;
    width: 75px;
  }

  .mobile-menu li a span {
    text-align: center;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 500;
    line-height: unset;
  }
  .foot-nav ul li.partner_box {
    width: 100%;
  }
  li.partner_box h6 {
    font-size: 14px;
  }
  .refer_img {
    max-width: 120px;
    margin-left: inherit;
    margin: 30px auto 0px;
    display: none;
  }
  span.status_badge_delivered .active-btn {
    padding: 4px;
    min-width: 100px;
    max-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  span.status_badge_delivered {
    font-size: 10px;
  }
  .orders-card-left p {
    font-size: 11px;
  }
  .orders-card-left {
    width: 100%;
  }
  .orderDetailModal_cls h4.modal-title {
    font-size: 13px;
  }
  .orderDetailModal_cls h4.modal-title {
    font-size: 13px;
  }
  input.next.action-button.btn.comnBtn {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #08c4c7 !important;
  }

  .confirmation-box img {
    max-width: 60px;
  }
}

@media screen and (max-width: 480px) {
  .saved-add-action {
    margin-left: auto;
    display: flex;
    gap: 10px;
  }

  .bannerText h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .top-cat-wrap .cat-box {
    flex: 0 0 50%;
    max-width: 50%;
  }

  p {
    font-size: 13px;
    line-height: 21px;
  }

  #msform .booking-form-cont .image-wrapper img {
    height: 85px !important;
  }

  .booking-form-cont .number {
    width: 150px;
  }

  .booking-form-cont .feature-product p.price {
    font-weight: 600;
    position: absolute;
    left: 20px;
    bottom: 0;
  }
}

@media screen and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 50% !important;
    right: unset !important;
    width: 100% !important;
    bottom: 0;
    top: unset !important;
    transform: translate(-50%, -6%) !important;
  }
}

@media screen and (max-width: 767px) {
  .top-cat-wrap .cat-box {
    height: 115px;
  }

  .inner-banner-right-block {
    height: 175px;
  }

  #msform {
    margin-top: 0;
  }

  .inner-container h2 {
    margin-top: 0;
  }

  .service-thumbnail img {
    height: 55px;
  }

  .service-thumbnail .img {
    padding: 8px;
  }

  .offer-section .image-wrap {
    height: 65px;
  }
  #serviceModel .cat-box img {
    height: 55px;
  }
  .day-list {
    overflow: scroll;
    padding: 0;
  }
  .day-list ul {
    justify-content: center;
    gap: 0px;
  }
  #reschedule li {
    width: 48%;
  }

  #reschedule .time-list li {
    border-radius: 20px;
  }
}

/* tablet responsive */

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .offer-section .image-wrap {
    height: 105px;
  }

  .offer-section .image-wrap img {
    height: 106px;
    width: 100px;
  }

  .comman-banner-block .owl-carousel .owl-item img {
    max-height: 173px;
  }

  .get-section .row {
    justify-content: center;
  }

  .foot-nav ul li {
    display: inline-block;
    text-align: center;
    padding: 7px 4px;
    color: #000000a8;
  }

  #footer_hc .row:nth-of-type(2) {
    flex-direction: column;
    gap: 10px;
  }

  #serviceModel .modal-dialog {
    max-width: 759px;
    margin: 1.75rem auto;
    margin: 0 auto !important;
  }

  #serviceModel .cat-box {
    -ms-flex: 0 0 20%;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 3px;
  }

  #add_address .modal-dialog.modal-dialog-centered {
    max-width: 100%;
  }

  .live-map-out {
    height: 100%;
  }

  .day-list ul li {
    width: 178px !important;
  }

  .mobile-menu {
    display: flex !important;
  }

  .booking-form-cont .number {
    top: 90px !important;
  }

  .service-list-mobile-desing {
    display: none;
  }

  .service-list {
    display: flex;
  }

  #select_address .modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
  }

  .orderDetailModal_cls .modal-dialog {
    margin: 0 auto !important;
  }

  .modal.show#applycoupon {
    display: flex !important;
    align-items: center;
    height: 100%;
    justify-content: center;
  }

  #applycoupon .modal-content {
    width: 500px;
  }

  .modal-dialog {
    max-width: 100% !important;
  }

  #canc_conditon table {
    width: 100%;
  }

  #login-modal .login-form {
    width: 500px;
    margin: 0 auto;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 991px !important;
  }

  #login_form,
  #register_form,
  #forgot_form {
    justify-content: center;
  }

  #login-modal #login_form .otp-box .box input {
    height: 76px !important;
    width: 76px;
    border-radius: 50%;
  }

  .day-list {
    display: flex;
    justify-content: center;
  }

  .time-list ul li {
    width: 30.3%;
  }

  .side_bar_custom {
    left: -1024px !important;
    width: 100%;
  }

  .side_bar_custom.toggle-sidebar-myaccount {
    left: 0px !important;
  }

  .tabs-left li a {
    padding: 20px 6px;
    font-size: 22px;
  }

  .mobiel-user-info-header h3 {
    font-size: 28px;
  }

  .booking-form-cont .number {
    top: unset !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
  .comman-banner-block .owl-carousel .owl-item img {
    max-height: 239px;
  }

  .namste-sec .content img {
    max-width: 50px;
  }

  .top-cat-wrap .cat-box {
    height: 151px;
  }

  .top-cat-wrap .cat-box .icon img {
    height: 64px;
    width: 64px;
  }

  .top-cat-wrap .cat-box p {
    font-size: 14px;
    line-height: 116%;
  }

  section.offer-section .box .title {
    font-size: 14px;
  }

  .offer-section .image-wrap {
    height: 140px;
  }

  .summery-page .number {
    max-width: 81px;
  }
}