@media (max-width: 1400px) {
  .rate-content .info h4 {
    font-size: 19px;
  }

  .track_detail ul {
    min-width: auto;
  }

  .rate_service .pic {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
  }

  .rate_service .rate-content {
    width: calc(100% - 80px);
  }

  .searching-list form {
    width: 57%;
  }

  /* 30/5/22 */

  .progress-rev .progress {
    width: 71%;
  }

  /* 30/5/22 */
}

@media only screen and (max-width: 1199px) {

  /* 30/5/22 */
  .main-service-provider .common-arrow-service .slick-prev {
    left: -17px;
  }

  .my-favourite-sec .sky-blue-btn .btn {
    margin-right: 10px;
  }

  .favourite-item {
    margin-bottom: 10px;
  }

  .reciver .btn {
    min-width: 86px;
  }

  .sender {
    margin: 32px 0 32px auto;
  }

  .reciver p {
    font-size: 14px;
  }

  .sender p {
    font-size: 14px;
  }

  .sky-blue-btn .btn {
    margin-right: 0px;
    min-width: 115px;
    margin-bottom: 10px;
  }

  .searching-list {
    flex-direction: column;
    align-items: initial !important;
  }

  .searching-list form {
    width: 100%;
    margin-top: 15px;
  }

  .main-service-provider .common-arrow-service .slick-next {
    right: -17px;
  }

  .review_left .customer_review .material-icons {
    font-size: 26px;
  }

  .progress-rev .progress {
    width: 68%;
    margin: 0px 5px;
  }

  /* 30/5/22 */

  .tech_man .box {
    background-position: -30px;
  }

  .tech_man .box h5 {
    font-size: 18px;
  }

  .main_slider .caption h1 {
    font-size: 48px;
  }

  .category_wrap .slick-slide a h6 {
    font-size: 15px;
  }

  .rate_service .pic {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    flex: 0 0 50px;
  }

  .rate_service .pic img {
    object-fit: cover;
  }

  .rate_service .info h4 {
    font-size: 16px;
  }

  .rate_service .btn {
    padding: 2px 10px;
    font-size: 14px;
    margin-top: 0px;
  }

  .deals_wrap {
    padding: 0px 81px 32px;
  }

  .rate_service .rate-content {
    width: calc(100% - 50px);
  }

  .rate-content .info {
    padding: 15px 0px;
  }

  .custom_radio .form-check {
    margin-right: 10px;
  }

  .custom_radio .form-check label {
    font-size: 14px;
  }

  /**manage_profile**/
  .member_ship_prifile_pic {
    width: 80px;
    height: 80px;
  }

  .pride-member-profile .service-people-content {
    width: calc(100% - 80px);
  }

  .pride-member-profile .service-people-content p {
    font-size: 12px;
  }

  .apply_form_group {
    margin-bottom: 5px;
  }

  /**========my-booking========**/

  .similar-service-list .box {
    flex: 0 0 50%;
    max-width: calc(50% - 20px);
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .add-new-card .form-control {
    font-size: 15px !important;
    height: 50px !important;
    padding: 10px 18px !important;
  }

  .subscription_page_main .reject-accept-btn .bg-green {
    margin-left: 10px;
  }

  .sidebar.opensidebar {
    left: 0;
  }

  .profile-user .profile-img {
    width: 110px;
    height: 110px;
  }

  .profile-user span {
    bottom: -6px;
  }

  .my-favourite-sec .header_name h2 {
    font-size: 18px;
  }

  .last-transaction ul .common-li figure {
    width: 60px;
    height: 60px;
  }

  .last-transaction ul .common-li .icon-figure figcaption {
    width: calc(100% - 60px);
  }

  .book-date .form-control {
    padding-left: 40px !important;
    background-position: left 17px top 11px;
    background-size: 16px;
  }

  .onversation_content {
    padding-bottom: 102px;
  }

  .date-time-sec {
    max-width: 314px;
  }

  .sidebar-btn {
    border-radius: 0px;
  }

  .mobile-search:hover {
    filter: invert(13%) sepia(94%) saturate(5356%) hue-rotate(0deg) brightness(154%) contrast(115%);
  }

  .sidebar2 .accordion-item {
    padding: 4px 13px;
  }

  .backdrop::after {
    background: #00000045;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .cross-sidebar {
    position: absolute;
    right: 11px;
    top: 7px;
    color: #999085;
  }

  .refer-friend-sec {
    padding-bottom: 140px !important;
  }

  /* 30/5/22 */
  .rating-list li.rate-icon:first-child {
    margin-left: -20px;
    font-size: 14px;
  }

  .sidebar2 {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 270px;
    transition: 0.4s;
    background: #fff;
    z-index: 2;
    box-shadow: 3px 9px 6px 3px #00000021;
  }

  .sidebar2.opensidebar2 {
    left: 0;
  }

  .provider_detail .active-img {
    width: 14px;
    height: 14px;
    bottom: 3px;
    right: 11px;
  }

  .reviews h3 {
    font-size: 20px;
  }

  .progress-rev .progress {
    width: 59%;
  }

  .customer_review h6 {
    font-size: 16px;
  }

  .review_left h5 {
    font-size: 16px;
  }

  .re_viewers .deal_img1 {
    width: 70px;
    height: 70px;
  }

  .customer_review .material-icons {
    font-size: 19px;
  }

  .provider_detail .service-people-content {
    width: calc(100% - 80px);
  }

  .provider_detail .deal_img1 {
    width: 80px;
    height: 80px;
  }

  .provider_detail .deal_img1 {
    width: 80px;
    height: 80px;
  }

  .header_name h2 {
    font-size: 22px;
  }

  .verified_icon a .material-icons {
    font-size: 18px;
  }

  .verified_icon a {
    width: 34px;
    height: 34px;
  }

  .sidebar {
    position: fixed;
    left: -100%;
    z-index: 12;
    top: 0;
    bottom: 0;
    border-radius: 0px;
    box-shadow: 3px 9px 6px 3px #00000021;
    border: none;
    transition: 0.3s;
  }

  .last-transaction .add-ts {
    padding: 15px;
  }

  /* 30/5/22 */

  .main_slider .caption h1 {
    font-size: 36px;
  }

  .grid_5 {
    width: 25%;
  }

  .category_wrap .slick-slide a {
    padding: 9px;
  }

  .category_wrap {
    padding: 19px 21px;
  }

  .category_wrap .slick-prev {
    left: -37px;
  }

  .category_wrap .slick-next {
    right: -37px;
  }

  .tech_man .box {
    background-size: 100%;
    background-position: 0px;
  }

  .header_search {
    max-width: 380px;
  }

  .title h2 {
    font-size: 22px;
  }

  .main_slider .slick-slider .slick-dots {
    bottom: 20px;
  }

  .rate_service .rate-content {
    flex-direction: column;
    width: 100%;
  }

  .deals_wrap {
    padding: 0px 44px 32px;
  }

  /* .DealsOfDay .slick-prev {
  left: -36px;
}
.DealsOfDay .slick-next {
  right: -36px;
} */
  .rate-content .info {
    text-align: center;
  }

  .slick-arrow {
    width: 30px;
    height: 30px;
  }

  .title {
    margin-bottom: 20px;
  }

  .DealsOfDay h3 {
    font-size: 20px;
    width: 100%;
    max-width: 234px;
  }

  .DealsOfDay {
    padding: 52px 0 33px;
  }

  .header_search select {
    padding: 13px 36px;
  }

  .header_search input::placeholder {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 130px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .add-gift-card-wrapper {
    padding: 0;
  }

  .bg-skype-light {
    margin: 24px 0;
  }

  .manage-membership {
    padding: 20px 0px;
  }

  .pride-member-ship figcaption p {
    font-size: 14px;
  }

  .choose-your-plan {
    padding: 36px 0 15px 0;
    text-align: center;
  }

  .plan_list {
    border-radius: 12px;
  }

  .plan-value strong {
    font-size: 24px;
  }

  .plan-value small {
    font-size: 14px;
  }

  .featured-point li {
    font-size: 13px;
  }

  .lg-btn {
    padding: 10px 24px;
    font-size: 16px;
  }

  /* .rating-list li {
    margin-right: 0;
  } */

  .last-transaction .rating-list li {
    padding: 3px 10px;
  }

  .my-wallets-point {
    margin: 0 -10px;
    padding-left: 0 !important;
  }

  .address-sec li {
    padding: 0;
  }

  .last-transaction .add-ts figure {
    width: 64px;
    height: 64px;
  }

  .last-transaction .add-ts figure img {
    max-width: 24px;
  }

  .book_header .form-control {
    font-size: 13px;
    height: 40px;
    padding: 10px;
    border-radius: 6px;
  }

  .book_header label {
    margin: 0 0 5px 0;
  }

  .profile-user {
    width: 110px;
    height: 110px;
  }

  .doc-list {
    font-size: 12px;
  }

  /**=====login==========**/

  .login_left,
  .login_right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .login_left {
    border-radius: 21px;
    overflow: hidden;
  }

  .login_right {
    padding: 24px;
  }

  .login_article {
    padding: 0 64px 44px;
  }

  .login_with {
    padding-top: 36px;
  }

  .service_inner_head {
    background-size: cover;
    /* margin-top:64px 0; */
  }

  .service_inner_head_content h1 {
    font-size: 30px;
  }

  .service_inner_content {
    max-width: 100%;
  }

  .faq-inner .card-header .btn {
    height: auto !important;
    font-size: 14px;
    padding: 15px;
    line-height: 1.3;
  }



  .Abiolabs_points h4 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .Abiolabs_points {
    padding: 32px 24px;
  }

  .blog-list figure {
    flex: 0 0 150px;
    max-width: 150px;
    height: 150px;
  }

  .about_banner,
  .banner_content {
    padding-top: 60px;
  }

  .custom-nav .navbar-nav li>a,
  .custom-nav .navbar-nav .nav-droap-link {
    text-align: left;
    padding-left: 15px !important;
    margin-left: 0;
    color: #000 !important;
    border-bottom: 1px solid #ddd !important;
  }

  .custom-nav .navbar-nav li.curent>a {
    color: #176e92 !important;
  }

  .custom-nav .navbar-nav li a::before,
  .custom-nav .navbar-nav li a::after {
    display: none;
  }



}

@media only screen and (max-width: 767px) {

  .what_we_do_section .col-md-7 {
    padding-top: 20px;
  }

  .what_we_do_section,
  .the_team {
    padding: 44px 0 !important;
  }

  .manager_info {
    height: auto;
    margin-bottom: 20px;
  }

  .Abiolabs_points {
    padding: 24px 10px;
  }



  .reject-accept-btn {
    flex-direction: column;
  }

  .reject-accept-btn span {
    margin-bottom: 6px;
  }

  /**manage_profile**/
  .pride-member-profile .service-people-content p {
    display: block;
  }

  .reward-point-sec.my-favourite-sec .rating-list li {
    padding: 0px 1px 10px 0px;
  }

  .trackbooking .deal_img1 {
    width: 60px;
    height: 60px;
  }

  .trackbooking .service-people-content {
    width: calc(100% - 60px);
  }

  .reward-point-sec ul li {
    padding: 20px 20px 20px 15px;
    position: relative;
  }

  .address-common-sec li .icon-figure {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .address-sec .add-ts .address-zone {
    flex-direction: column;
  }

  .apply_date {
    justify-content: left;
  }

  .header_search .cross-header {
    color: #fff;
    position: absolute;
    right: 11px;
    top: 10px;
    font-size: 16px;
  }

  .chat_member_left {
    position: fixed;
    left: 0;
    background: #fff;
    z-index: 34;
    flex: 1;
    max-width: 85%;
    box-shadow: 0px 4px 5px #0000001f;
    overflow-y: auto;
    height: 100%;
  }

  .chat_content_list {
    max-width: 100%;
  }

  .booking-pickup .pickup-sec article {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .sky-blue-btn .btn {
    margin-right: 7px;
  }

  .reward-sec li .icon-figure {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }

  .wallet-box .btn.bg-orange,
  .wallet-box .btn.bg-skype-blue {
    min-width: 150px;
  }

  .my-wallets-point li {
    margin-right: -4px !important;
  }

  .date-time-sec {
    width: 100% !important;
  }

  .booking-confirmation-sec .rating-list li.rate-icon:first-child {
    margin-left: 0;
  }

  .booking-confirmation-sec .success-modal-sec {
    margin: -24px -21px 0px -21px;
  }

  .booking-address .booking1 {
    flex: 1;
    max-width: 100%;
    margin-bottom: 10px;
    padding-right: 0px;
  }

  .booking-address {
    flex-direction: column;
    align-items: normal !important;
  }

  .header_search.mobileSearch {
    top: 0;
    visibility: visible;
  }

  .schedule_time .custom_radio .radio_indicator {
    font-size: 13px;
    padding: 5px;
    padding-top: 11px;
  }

  .rating-list li:first-child .material-icons {
    font-size: 18px;
  }

  .lg-btn {
    padding: 9px 35px;
    font-size: 15px;
  }

  .small-btn {
    padding: 9px 17px;
    font-size: 15px;
  }

  /* 30/5/22 */
  .amount h3 {
    font-size: 16px;
  }

  .rating-list li.rate-icon:first-child {
    margin-left: -20px;
    font-size: 14px;
  }

  .request-cancellation-sec .rating-list li.rate-icon:first-child {
    margin-left: 0;
  }

  .cvv-text {
    margin-right: 76px;
  }

  .book-modal .deal_img1 {
    width: 70px;
    height: 70px;
  }

  .review_right {
    border-left: 0;
  }

  .filter-icon {
    width: 68px;
  }

  .custom_radio .form-check .form-check-input {
    margin-right: 7px;
  }

  .radio-tags {
    padding: 17px 0;
  }

  .custom_radio .form-check label {
    font-size: 15px;
  }

  .success-modal-sec figure {
    max-width: 250px;
    margin: 0 auto;
    margin-top: 57px;
  }

  .progress-rev .progress {
    width: 80%;
  }

  .re_viewers .deal_img1 {
    margin-bottom: 11px;
  }

  .provider_detail .service-people-content {
    width: calc(100% - 71px);
  }

  .provider_detail .deal_img1 {
    width: 71px;
    height: 71px;
  }

  .header_name h2 {
    font-size: 18px;
  }

  .recommend-btn {
    padding: 7px 15px;
  }

  .rating-list li {
    margin-right: 20px;
    line-height: 24px;
  }

  .book_header h2 {
    font-size: 17px;
  }

  .book_header {
    padding: 9px 21px;
  }

  .modal-footer {
    padding: 2px 14px;
  }

  .service-people-content {
    width: calc(100% - 60px);
  }

  .common-list-header {
    padding: 10px 12px;
  }

  .active-img {
    width: 12px;
    height: 12px;
    bottom: 2px;
    right: 6px;
  }

  .booking-action .btn {
    padding: 4px 13px;
    font-size: 14px;
  }

  .deal_img1 {
    width: 60px;
    height: 60px;
  }

  .service-people h2 {
    font-size: 17px;
  }

  .address-sec li .icon-figure {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .address-sec li figure {
    width: 55px !important;
    height: 55px !important;
  }

  .address-sec li .icon-caption {
    width: calc(100% - 55px);
  }

  /* 30/5/22 */

  .rate_service .box {
    margin-bottom: 15px;
  }

  .rounded-15 {
    border-radius: 5px;
  }

  .providerbanner {
    padding: 16px 0 0px !important;
  }

  .location::after {
    display: none;
  }

  .common-arrow .slick-prev {
    right: 36px;
  }

  .providerbanner.common-arrow .slick-prev,
  .recommended.common-arrow .slick-prev {
    right: 48px;
  }

  .rate_service .slick-arrow {
    top: -66px;
  }

  .rate_service .slick-prev {
    left: auto;
    right: 36px;
  }

  .rate_service .slick-next {
    right: 3px;
  }

  .header_search input::placeholder {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  footer {
    padding: 36px 0;
  }

  .DealsOfDay .box {
    width: calc(100% - 20px);
    margin: 0 5px;
  }

  .DealsOfDay .slick-slider {
    margin-top: 14px;
  }

  .DealsOfDay .slick-list {
    padding: 5px 0px 0px 13px;
  }

  .header_search {
    max-width: 100%;
    position: fixed;
    top: -100%;
    left: 0;
    right: 0;
    transition: 0.3s;
    z-index: 2;
    border-radius: 0px;
    background: #292562;
    padding: 35px 13px 11px 13px;
    border: none;
    visibility: hidden;
  }

  .tech_man .box {
    min-height: 94px;
  }

  .header_search .theme-btn {
    border: 1px solid #fff;
  }

  .main_slider .caption h1 {
    font-size: 30px;
  }

  .main_slider .slick-slider .slick-dots {
    bottom: 7px;
  }

  .main_slider .caption .btn-outline {
    padding: 6px 22px;
  }

  .logo {
    max-width: 141px;
  }

  .tech_man {
    padding: 20px 0;
  }

  .header_search select {
    padding: 13px 12px 13px 36px;
    background: #f4f4f4;
    border-radius: 0px;
  }

  .rate_service .rate-content {
    width: 100%;
  }

  .start-rating span {
    width: 20px;
    height: 20px;
    padding: 3px 5px;
  }

  .start-rating span img {
    width: 11px;
    height: 11px;
  }

  .deals_wrap {
    padding: 0px 45px 19px;
  }

  .price-option li {
    min-width: 90px;
    font-size: 14px;
  }

  .modal-dialog {
    max-width: 540px;
  }

  .add-gift-card {
    max-width: 100%;
  }

  .add-gift-card .btn {
    margin-right: 0 !important;
    min-width: 112px;
  }

  .description {
    padding-bottom: 10px !important;
    font-size: 14px;
    margin-top: 15px;
  }

  .bg-skype-light .btn {
    min-width: 150px;
  }

  .plan_list {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }

  .manage-membership {
    padding-bottom: 0;
  }

  .wallet-box {
    height: 120px;
    margin-bottom: 15px;
    padding: 20px;
  }

  .invite_earn-section {
    padding-right: 20px;
    padding-bottom: 180px;
  }

  .right-announce {
    right: 20px;
    bottom: 20px;
    top: auto;
  }

  .last-transaction .add-ts .icon-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .last-transaction .add-ts {
    flex-wrap: wrap;
  }

  .address-sec .add-ts .icon-caption {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-left: 0px !important;
  }

  .address-sec li .address-right {
    padding: 10px;
  }

  .address-sec li .address-right label {
    font-size: 13px;
  }

  .address-right .icons a img {
    max-width: 16px;
    max-height: 16px;
  }

  .address-sec.last-transaction li .address-right {
    padding-top: 8px;
    border-top: 1px solid #eee;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .address-sec.last-transaction .add-ts {
    padding: 11px 15px;
    justify-content: center;
  }

  .like-report li {
    font-size: 13px;
  }

  .review-booking .customer_review .material-icons {
    font-size: 18px;
  }

  .re_viewers p {
    font-size: 13px;
  }

  .review-booking .progress-rev .progress {
    width: calc(100% - 100px);
  }

  .address-sec.set-location li.add-ts:not(.pagination li) {
    justify-content: flex-start;
    padding: 15px;
  }

  .address-sec .add-ts .icon-caption h2 {
    font-size: 16px;
  }

  /**manage_profile**/
  .pride-member-profile .service-people-content p {
    display: block;
  }

  .apply_date {
    justify-content: left;
  }

  /**=====login==========**/

  .login_article {
    padding: 0 32px 24px;
  }

  .login_article h3,
  .form_article h4 {
    font-size: 24px;
  }

  .login_with_divider {
    margin-bottom: 24px;
  }

  /**========my-booking========**/

  .similar-service-list .box {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
    margin-bottom: 15px;
  }

  .track_detail ul {
    width: 100%;
    margin-bottom: 0;
  }

  .track_detail {
    /* overflow-x: auto; */
    margin-bottom: 15px;
    padding: 0;
  }

  .feature_point ul {
    flex-wrap: wrap;
  }

  .feature_point li {
    margin-bottom: 5px;
  }


}

@media (max-width: 575px) {

  .what_we_do_section,
  .the_team {
    padding: 24px 0 !important;
  }

  .features .ftr-icon-box {
    margin: 24px 0;
  }

  .page_banner {
    padding: 24px 0;
  }

  .analysis_section {
    background: transparent;
    padding: 0;
    margin: 24px 0;
  }

  .analysis_section .section-title {
    margin-top: 15px;
  }

  .page_content .col-md-5 .mb-30 {
    margin-bottom: 10px;
  }

  .add-new-card .form-control {
    height: 45px !important;
  }

  .subscription_page_main .reject-accept-btn .bg-green {
    margin-left: 6px;
  }

  .subscription_page_main .reject-accept-btn .btn {
    font-size: 12px;
  }

  .connecting.track-btns.justify-content-end {
    justify-content: flex-start !important;
  }

  .add-new-card .expire-date-card {
    background-position: right 12px top 10px;
    background-size: 23px;
  }

  .logo {
    max-width: 121px;
  }

  .profile-user span {
    max-width: 27px;
  }

  .manage-radio .form-check .form-check-input {
    margin-top: 8px !important;
  }

  .pickup-sec.my-item-address article {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .confirm-items .common-item-heading {
    font-size: 14px;
  }

  .confirm-items ul li {
    padding: 11px 11px 11px 11px;
  }

  .product-items figcaption strong {
    font-size: 14px;
  }

  .product-items figcaption {
    padding-left: 12px;
    width: calc(100% - 60px);
  }

  .product-items figure {
    width: 60px;
    height: 60px;
  }

  .favourite-item {
    position: absolute;
    right: 0;
    top: 8px;
  }

  .my-favourite-sec .header_name h2 {
    font-size: 16px;
  }

  .login-user a {
    width: 68px;
    font-size: 14px;
  }

  .last-transaction .common-li {
    flex-direction: column;
  }

  .last-transaction .common-li .icon-figure {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
    text-align: center;
  }

  .last-transaction ul .common-li figure {
    margin-bottom: 10px !important;
  }

  .last-transaction .common-li .common-right {
    padding-top: 10px;
    border-top: 1px solid #eee;
    margin-top: 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .last-transaction .common-li .common-right h5 {
    font-size: 16px;
  }

  .last-transaction .common-li .common-right .last-transaction .common-li {
    flex-direction: column;
  }

  .last-transaction ul .common-li .icon-figure figcaption {
    width: 100%;
    padding-left: 0px !important;
  }

  .reward-point-sec.reward-mobile ul li {
    flex-direction: column;
    align-items: normal;
  }

  .reward-point-sec.reward-mobile ul li .icon-figure .icon-caption {
    width: calc(100% - 50px);
  }

  .reward-point-sec ul li figure {
    width: 50px;
    height: 50px;
  }

  .reward-point-sec.reward-mobile ul li .icon-figure {
    margin-bottom: 14px;
  }

  .address-sec .add-ts .address-zone {
    padding: 9px 0px 14px 1px;
  }

  .farm_list_saving {
    font-size: 16px;
  }

  .address-sec .add-ts {
    padding: 3px !important;
  }

  .address-sec li.add-ts .address-right {
    position: initial;
  }

  .saving_price {
    font-size: 20px;
  }

  .onversation_content {
    padding: 15px;
    padding-bottom: 102px;
  }

  .conversation_head {
    padding: 12px 16px;
  }

  .reciver .btn {
    margin-bottom: 7px;
  }

  .product_in_message-inner figcaption {
    max-width: calc(100% - 50px);
    padding-left: 12px;
  }

  .chat_footer_right a {
    padding: 0 5px;
    margin: 0 1px;
  }

  .message_footer_message {
    padding: 0 13px;
  }

  .reciver {
    width: 100%;
  }

  .product_in_message-inner figure {
    width: 50px;
    height: 50px;
  }

  .booking-pickup .pickup-sec article {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .reward-strecher.bg-skype-light {
    padding: 13px 14px;
  }

  .gift-right span {
    font-size: 22px;
  }

  .reward-sec .add-ts {
    flex-direction: column;
  }

  .reward-sec li .address-right {
    justify-content: left;
    margin-top: 18px;
  }

  /* .reward-sec li .icon-figure {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  } */
  .reward-sec li .icon-figure {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .reward-sec li .address-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .reward-sec .address-right a {
    max-width: 100% !important;
  }

  .reward-sec .address-right a {
    max-width: 100% !important;
  }

  .reward-sec li:not(.pagination li) {
    padding: 22px 11px !important;
  }

  .book-date .form-control {
    width: 155px;
  }

  .like-report li {
    margin-right: 13px;
  }

  .pride-member-ship figcaption {
    max-width: calc(100% - 40px);
  }

  .doc-list figure {
    width: 45px;
    height: 45px;
  }

  .doc-list figure img {
    max-width: 28px;
  }

  .add-gift-card .form-control {
    height: 45px;
  }

  .my-wallets-point .rate-icon {
    justify-content: center;
  }

  .pickup-sec li {
    line-height: 28px;
  }

  .pickup-sec article {
    flex: 1;
    max-width: 100%;
  }

  .book-date .form-control {
    background-position: left 15px top 11px;
  }

  .pickup-sec {
    flex-direction: column;
    position: relative;
  }

  .edit {
    position: absolute;
    right: 0;
  }

  form-sec label {
    font-size: 15px;
  }

  .pickup-sec article {
    margin-bottom: 10px;
  }

  .booking-address .booking1 {
    font-size: 14px;
    line-height: 23px;
  }

  .booking-address .booking2 a {
    margin-right: 6px;
    font-size: 13px;
  }

  .confirmation-detail {
    flex-direction: column;
    align-items: normal !important;
  }

  .track-service .green-outline-btn {
    padding: 8px 15px;
    font-size: 14px;
  }

  .booking-confirmation-sec .success-modal-sec {
    margin: -24px -15px 0px -15px;
    padding: 11px 10px;
  }

  .booking-confirmation-sec .success-modal-sec figure {
    max-width: 83px;
  }

  .pay-wallet a {
    padding: 10px 20px !important;
  }

  .payment-form .accordion-button {
    font-size: 18px;
    padding: 10px 18px;
  }

  .add-list .input-group-text {
    max-width: 76px;
  }

  .length-sec select {
    margin-right: 7px;
    font-size: 16px;
    margin-bottom: 10px !important;
    max-width: 105px;
  }

  .doc-upload span {
    padding: 9px 10px;
    font-size: 16px;
  }

  .policy-sec p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 14px;
  }

  .sidebar ul li {
    padding: 8px 1px 10px 10px;
  }

  .header_search .theme-btn {
    padding: 12px 11px;
  }

  .header_search .theme-btn img {
    max-width: 18px;
  }

  .verified_icon a .material-icons {
    font-size: 16px;
  }

  .verified_icon a {
    width: 30px;
    height: 30px;
  }

  .lg-checkbox {
    width: 15px;
    height: 15px;
  }

  .book_header h3 {
    font-size: 15px;
  }

  .book_header .form-control {
    padding: 11px 15px;
  }

  .form-check {
    margin-top: 15px;
  }

  .form-check h5 {
    margin-top: 16px;
  }

  .company-table {
    margin: 0px -8px;
  }

  .schedule_time {
    margin: 14px -5px;
  }

  .custom_radio .form-check .form-check-input:checked {
    background-size: 11px;
  }

  .rating-list li:first-child .material-icons {
    font-size: 17px;
    margin-right: 3px;
  }

  .service-list-sec1 .sorting {
    width: 100% !important;
  }

  .logout_icon .btn {
    padding: 6px 17px 5px 10px;
    min-width: 118px;
  }

  .service-cacellation-card .form textarea {
    max-height: 150px;
  }

  .lg-btn {
    padding: 10px 32px;
    font-size: 14px;
  }

  .small-btn {
    font-size: 14px;
  }

  .service-cacellation-card .form .form-select {
    height: 40px;
    font-size: 14px;
  }

  .sidebar2 .accordion-body ul {
    line-height: 24px;
  }

  /* 30/5/22 */

  .company-table>tr>td {
    padding: 3px 5px;
  }

  .book-modal .deal_img1 {
    width: 55px;
    height: 55px;
  }

  .book-modal .active-img {
    bottom: 1px;
    right: 8px;
  }

  .mastercard-sec .form-control {
    padding: 15px 10px 15px 50px;
  }

  .modal-header h4 {
    font-size: 18px;
  }

  .modal-dialog {
    max-width: calc(100% - 30px);
    margin: 15px auto;
  }

  .mastercard-sec .translate-middle-y {
    max-width: 27px;
  }

  .green-bar li:before {
    border-left: 4px solid transparent;
  }

  .service_lists .verified_icon img {
    max-width: 48px;
    margin-left: 5px;
  }

  .mybooking-tab-content .nav-tabs .nav-link {
    padding: 7px 15px;
  }

  .radio-tags {
    padding: 12px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .custom_radio .form-check {
    margin-right: 10px;
    margin-bottom: 5px;
  }

  .radion-left {
    flex-wrap: wrap;
  }

  .mybooking-tab-content .nav-tabs {
    justify-content: flex-start;
  }

  .service-name h6 {
    font-size: 12px;
  }

  .service-name h5 {
    font-size: 14px;
  }

  .custom_radio .form-check label {
    font-size: 14px;
  }

  .custom_radio .form-check .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-right: 6px;
  }

  .sorting .form-select {
    min-width: 88px;
  }

  .product_search .form-control,
  .sorting .form-select {
    height: 40px;
  }

  .success-modal-sec figure {
    max-width: 150px;
    margin-top: 33px;
  }

  .success-modal-sec figcaption {
    max-width: 290px;
    margin: 17px auto;
    margin-bottom: 41px;
  }

  .success-modal-sec h2 {
    font-size: 25px;
  }

  .success-modal-sec p {
    font-size: 16px;
  }

  .photo_gallery li a h3 {
    font-size: 15px;
  }

  .photo_gallery li {
    margin: 3px 3px;
    width: calc(100% / 5 - 6px);
  }

  .main-service-provider .common-arrow-service .slick-prev {
    left: auto;
    top: -35px;
  }

  .main-service-provider .slick-slider .slick-list {
    margin: 0px -12px;
  }

  .main-service-provider .common-arrow-service .slick-next {
    right: 0;
    top: -35px;
  }

  .common-subheading {
    max-width: 300px;
  }

  .main-service-provider .mobile-color {
    background-color: transparent;
  }

  .progress-rev .progress {
    width: 67%;
  }

  .progress {
    height: 10px;
  }

  .progress-rev {
    font-size: 15px;
  }

  .review_left .customer_review .material-icons {
    font-size: 18px;
  }

  .review_left h5 {
    font-size: 14px;
    margin-top: 7px;
  }

  .customer-rating {
    font-size: 14px;
  }

  .customer_review h6 {
    font-size: 14px;
  }

  .reviews h3 {
    font-size: 16px;
  }

  .re_viewers .deal_img1 {
    width: 50px;
    height: 50px;
  }

  .amount h3 {
    font-size: 15px;
  }

  .custom_check {
    font-size: 14px;
  }

  .company-table>tr>td {
    padding: 3px 6px;
  }

  .description {
    margin-top: 13px;
  }

  .modal-header .btn-close {
    padding: 7px;
    font-size: 12px;
  }

  .schedule_time li {
    width: 25%;
    margin-bottom: 6px;
  }

  .schedule_time .custom_radio .radio_indicator {
    font-size: 12px;
    padding: 4px;
    height: 53px;
    padding-top: 9px;
  }

  .custom_radio input:checked+.radio_indicator:before {
    width: 10px;
    height: 10px;
  }

  /* .book_footer .d-flex {flex-direction: column;} */

  .book_footer .d-flex h2 {
    margin-bottom: 14px !important;
    display: block;
  }

  .book_header .list-unstyled {
    line-height: 23px;
    font-size: 14px;
  }

  .modal-checkbox .form-check-input {
    width: 20px;
    height: 20px;
  }

  .modal-checkbox label {
    width: calc(100% - 20px);
  }

  .book_header h4 {
    font-size: 14px;
  }

  .book_header .form-control {
    height: 45px;
  }

  .modal-title {
    font-size: 18px;
  }

  .modal-header {
    padding: 9px 15px;
  }

  .book_footer h2 span {
    font-size: 19px;
  }

  .book_footer h2 {
    font-size: 17px;
  }

  .book_header h4 a {
    font-size: 14px;
  }

  .book_header {
    padding: 9px 15px;
  }

  .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }

  .service-people h2 {
    font-size: 15px;
  }

  /* .verified_icon img {
  max-width: 39px;
} */
  .address-sec li:not(.pagination li) {
    padding: 11px;
  }

  .address-sec li .icon-figure {
    flex: 0 0 86%;
    max-width: 86%;
  }

  /* .address-sec li figure {
    width: 40px !important;
    height: 40px !important;
  }
  .address-sec li .icon-caption {
    width: calc(100% - 40px) !important;
  } */
  .address-sec li .address-right a {
    max-width: 15px;
  }

  .address-sec li .icon-caption h2 {
    font-size: 16px !important;
  }

  .address-sec li .icon-caption p {
    font-size: 13px !important;
  }

  /* 30/5/22 */

  .rate_service .slick-slide .box {
    margin: 0px 6px;
  }

  .user-account span {
    display: none;
  }

  .title p {
    font-size: 14px;
  }

  .slick-arrow {
    width: 25px;
    height: 25px;
  }

  .slick-arrow .material-icons {
    font-size: 19px;
  }

  .title {
    margin-bottom: 10px;
  }

  .category_wrap .title {
    padding: 8px 0px;
  }

  .category_wrap .slick-prev {
    left: auto;
    right: 34px;
  }

  .DealsOfDay .slick-prev {
    right: 32px;
    left: auto;
  }

  .deals-arrow .slick-arrow {
    top: -20px !important;
  }

  .category_wrap .slick-arrow,
  .DealsOfDay .slick-arrow {
    top: -43px;
  }

  .top-rated-banner .slick-arrow {
    top: -54px;
  }

  .category_wrap .slick-next {
    right: 0px;
  }

  .DealsOfDay .slick-next {
    right: 0px;
  }

  .rate_service {
    padding: 24px 0;
  }

  .mobile-color {
    background: #5cc4b9;
  }

  .DealsOfDay .deals_wrap {
    border: none;
    background: transparent;
  }

  .category_wrap {
    padding: 12px 3px;
    background: #fff;
    border-radius: 0px;

    border: none;
  }

  .category {
    margin-bottom: 10px;
    box-shadow: 0 0px 4px 0px rgb(0 0 0 / 16%);
  }

  .DealsOfDay {
    padding: 46px 0 7px;
  }

  .tech_man {
    padding: 16px 0 10px 0px;
  }

  .DealsOfDay h3 {
    font-size: 20px;
    max-width: 100%;
    padding: 9px 13px;
    background: transparent;
    text-align: left;
    padding: 0 0px;
  }

  .category_wrap .slick-slide a {
    padding: 4px;
  }

  .category_wrap .slick-slide a h6 {
    font-size: 13px;
  }

  .deals_wrap {
    padding: 0px 0px 20px;
  }

  .DealsOfDay .slick-list {
    padding: 5px 0px 0px 4px;
  }

  .DealsOfDay .slick-slider {
    margin-top: 13px;
  }

  /* .DealsOfDay .slick-prev {
    left: 50%;
    top: auto;
    bottom: -22px;
    transform: translateX(-50%);
} */
  .DealsOfDay .box {
    width: calc(100% - 10px) !important;
    margin: 0 5px;
    padding: 17px 8px 12px;
  }

  .DealsOfDay .box h4 {
    font-size: 16px;
  }

  .tech_man h5 {
    color: #836d6d !important;
    font-size: 14px !important;
    margin-top: 11px;
  }

  .main_slider .caption h1 {
    font-size: 24px;
  }

  .main_slider .caption p {
    font-size: 16px;
    font-weight: 300;
  }

  .main_slider .slick-slider .slick-dots {
    bottom: 10px;
    display: none !important;
  }

  .header_right img {
    max-width: 17px;
  }

  .header_right .notification {
    width: 17px;
  }

  .main_slider .caption .btn-outline {
    padding: 6px 13px;
    font-size: 14px;
  }

  .title h2 {
    font-size: 18px;
  }

  .main_slider .main-img {
    min-height: 194px;
  }

  .tech_man .box {
    background-image: none !important;
    flex-direction: column-reverse;
    padding: 0px;
    text-align: center;
  }

  .tech_man .box figure {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
  }

  .tech_man .box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }

  /***modal**/

  .modal-dialog {
    max-width: calc(100% - 14px);
    margin: 7px auto;
  }

  .price-option {
    flex-wrap: wrap;
    margin: 10px -5px 15px -5px;
  }

  .price-option li {
    margin-bottom: 5px;
  }

  .wallet-balence {
    margin-bottom: 10px;
    padding: 10px 0 15px 0;
  }

  .add-money-wallet .modal-title,
  .wallet-balence h5 {
    font-size: 16px;
  }

  .addcreadit-card {
    padding: 10px 0 0 0;
  }

  .add-money-wallet .btn {
    min-width: 110px;
    padding: 7px 15px;
    margin-bottom: 10px;
  }

  .card-img1 img {
    max-width: 32px;
  }

  .cashout-radio input[type="number"] {
    font-size: 14px;
    padding: 10px;
    height: 39px;
    max-width: 120px;
    background-size: 18px;
    margin-right: 43px;
  }

  .wallet-balence strong {
    font-size: 24px;
  }

  .add-money-wallet .modal-body {
    padding: 9px 15px;
  }

  .price-option {
    justify-content: space-between;
  }

  .price-option li {
    flex: auto;
  }

  .searching-list form {
    flex-direction: column;
    position: relative;
  }

  .sorting label {
    display: none;
  }

  .searching-list form .sorting {
    width: calc(100% - 50px);
  }

  .searching-list form .filter-icon {
    padding: 0 8px;
    position: absolute;
    right: 8px;
    bottom: 7px;
    text-align: right;
    width: auto;
  }

  .product_search {
    margin-bottom: 12px;
  }

  .social span img {
    max-height: 18px;
    max-width: 18px;
  }

  .address-sec li .address-right {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100%;
  }

  .address-sec li .icon-caption h2 {
    padding-right: 43px;
  }

  .last-transaction .address-right h5 {
    margin: 0;
  }

  .address-sec li .icon-caption h2 {
    padding-right: 0px;
  }

  .bg-skype-light .btn {
    margin-top: 10px;
  }

  .bg-skype-light {
    padding: 15px;
  }

  .bg-skype-light {
    margin: 15px 0;
  }

  .add-gift-card .btn {
    margin-left: 0;
    margin-top: 15px;
    height: 45px;
  }

  .choose-your-plan h3:after {
    width: 264px;
  }

  .choose-your-plan h3 {
    font-size: 18px;
  }

  .choose-your-plan h3 span {
    top: -10px;
  }

  .plan-head h4 {
    font-size: 18px;
    margin: 0;
  }

  .plan_list-wrapper {
    padding: 10px;
  }

  .connecting-tabs {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .connecting {
    padding: 10px 0;
  }

  .customer-support-text {
    font-size: 18px;
  }

  .customers-figcatipn article p {
    font-size: 14px;
  }

  .customers-service-wrapper {
    padding: 0;
  }

  .connecting-tabs {
    font-size: 13px;
    min-width: 90px;
    height: 36px;
  }

  .connecting-tabs span {
    font-size: 19px;
  }

  .customers-figcatipn {
    padding: 15px 0;
  }

  .customers-figcatipn h4 {
    font-size: 16px;
    font-weight: 400;
  }

  .wallet-price-box .address-right {
    position: initial !important;
  }

  .wallet-box .btn,
  .wallet-box .btn.bg-skype-blue {
    min-width: 120px;
    margin: 10px 0 0 0 !important;
    padding: 10px;
    height: auto;
    line-height: 1;
  }

  .invite-article h4 {
    font-size: 16px;
  }

  .invite_earn-section {
    padding: 14px;
  }

  .right-announce {
    display: none;
  }

  .last-transaction .add-ts .icon-figure {
    flex-direction: column;
  }

  .address-sec.last-transaction .add-ts .icon-caption {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    padding-left: 0 !important;
  }

  .address-sec .my-wallets-point li {
    padding: 2px 10px !important;
    margin: 0;
    font-size: 14px;
  }

  .my-wallets-point {
    justify-content: center;
    flex-direction: column;
  }

  .last-transaction .add-ts .icon-caption h2 {
    padding-right: 0;
  }

  .rating-list .rate-icon .material-icons {
    display: inline-block;
  }

  .wallet-box {
    height: auto;
  }

  .wallet-value strong {
    font-size: 22px;
  }

  .address-sec.set-location figure {
    flex: 0 0 60px !important;
    height: 60px !important;
  }

  .address-sec.set-location figcaption.icon-caption {
    text-align: left;
    padding-left: 15px !important;
    flex: 0 0 100%;
    max-width: calc(100% - 60px);
    padding-top: 0;
  }

  .address-sec.set-location .icon-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .book_header .ps-2 {
    margin-left: 10px;
  }

  .text-approval-pending,
  .text-complete,
  .text-pending {
    display: block;
    text-align: right;
    font-size: 12px;
    max-width: 60px;
  }

  .doc-list figcaption h2 {
    font-size: 14px;
  }

  .doc-list figcaption {
    width: calc(100% - 45px);
    padding-left: 12px;
  }

  .select-doc-sec .inner-select p {
    font-size: 14px;
  }

  .select-doc-sec .inner-select h2 {
    font-size: 16px;
  }

  .profile-user {
    width: 80px;
    height: 80px;
  }

  .profile-user .profile-img {
    width: 80px;
    height: 80px;
  }

  .book_header .form-control {
    height: 40px;
    padding: 10px;
  }

  .profile-user {
    margin-bottom: 10px;
  }

  /**===manage_member_ship**/
  .apply_form_group {
    flex-direction: column;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .apply_form_group label {
    display: block;
    margin-bottom: 2px;
  }

  .apply_form_group .date {
    width: 100%;
    max-width: 100%;
  }

  .apply_form_group:last-child {
    margin-top: 4px;
    align-items: initial;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    flex-grow: 1;
  }

  .pride-member-profile,
  .pride_saving,
  .saving_farms {
    padding: 15px 10px;
  }

  .saving_farms li {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0 0 0;
  }

  .pride_saving span {
    font-size: 14px;
  }

  .pride_saving h5 {
    margin-bottom: 0;
  }

  /**===========login=========**/
  .login_with {
    padding-top: 20px;
  }

  .login_with_divider {
    margin-bottom: 15px;
  }

  .login_with_divider small {
    font-size: 14px;
  }

  /**========my-booking========**/

  .DealsOfDay .box {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .my-booking-content-detail article .item_detail ul li span,
  .total_item_value strong:first-child {
    flex: 0 0 140px;
    max-width: 140px;
  }

  .my-booking-content-detail article .item_detail ul li strong,
  .total_item_value strong:last-child {
    max-width: calc(100% - 140px);
  }

  hr {
    margin: 0.5rem 0;
  }

  .my_booking_detail {
    padding: 0 10px;
  }

  .my-booking-content-detail article {
    padding: 10px 0;
  }

  .my-booking-content-detail article p {
    margin-bottom: 5px;
  }

  .my_booking_detail .service-people-content {
    width: calc(100% - 60px);
    padding-left: 24px !important;
  }

  .service_inner_content {
    margin: 20px auto 20px auto;
  }

  .service_inner_head_content h1 {
    font-size: 24px;
  }

  .section-title h2 {
    font-size: 24px;
    padding-bottom: 15px;
  }

  .hero-waves {
    height: 84px;
  }

  .about_page_who_we_are {
    padding: 32px 0;
  }

  .history_article_box {
    padding: 15px;
  }

  .section-title h2:before {
    bottom: 6px;
  }

  .service_inner_head {
    padding: 50px 0 70px 0;
  }

  .permission_value {
    padding: 10px;
  }

  .permission_value li {
    font-size: 14px;
  }

  .permission_value li strong {
    padding-right: 15px;
  }

  .permission_value li span {
    text-align: right;
  }

  .service_banner_content {
    padding: 10px 15px;
  }

  .service_banner_content ul {
    flex-wrap: wrap;
  }

  .service_inner_content {
    padding: 15px;
  }

  .start_point ul li {
    font-size: 16px;
  }

  .service_tabs_contant .nav-tabs .nav-link {
    font-size: 16px;
  }

  .service_list-point {
    padding: 15px;
  }

  .service_list-point h4 {
    font-size: 20px;
  }

  .routing_cols.result_cols {
    align-items: flex-start;
    text-align: left;
  }

  .service_routing {
    padding: 24px 0;
  }

  .service_content_section {
    padding: 20px 0 0 0;
  }


  .blog-list {
    flex-direction: column;
  }

  .blog-list figure {
    flex: 1;
    height: auto;
    max-width: 200px;
    margin-bottom: 15px;
  }

  .blog-list figure img.w-100.mb-30 {
    margin: 0;
  }

  .blog_caption {
    padding: 10px 0 0 0;
  }

  .blog-list {
    padding: 15px;
  }

  h4 {
    font-size: 20px;
  }

  .Abiolabs_points {
    margin-top: 24px;
  }


}

@media (max-width: 479px) {
  .notification-sec ul .common-li .icon-figure {
    flex-direction: column;
    text-align: center;
  }

  .address-sec.set-location figure {
    flex: 0 0 48px !important;
    height: 45px !important;
  }

  .notification-sec ul .common-li figcaption.icon-caption {
    max-width: 100%;
    padding-left: 0px !important;
    text-align: center;
    padding: 11px 0px 4px 0px;
    flex: 1;
    width: 100%;
  }

  .date-schedule {
    position: initial;
  }

  .notification-sec ul .common-li figure img {
    max-width: 18px;
  }
}

@media (max-width: 450px) {
  .rate_service .col-4 {
    width: 100%;
  }

  .subscription_page_main .common-list-header {
    flex-wrap: wrap;
  }

  .subscription_page_main .common-list-header .service-name {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .subscription_page_main .common-list-header .booking-action {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }

  .subscription_page_main .common-list-header .booking-action .reject-accept-btn {
    align-items: flex-start !important;
    width: 100%;
  }

  .booking-action a {
    margin-right: 0;
    display: block;
    text-align: center;
    margin-bottom: 6px;
  }

  .track-btns .track {
    margin-bottom: 0px;
  }

  .track-btns {
    margin-top: 10px;
  }

  .track-btns a {
    min-width: calc(115px - 7px);
    padding: 10px 6px;
    margin-right: 7px;
    margin-bottom: 7px;
  }

  .address-sec .add-ts figure img {
    max-width: 17px;
  }

  .track-btns span img {
    max-width: 17px;
  }

  .address-sec .add-ts {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }

  .chat_footer_right a img {
    /* min-width: 19px; */
    max-height: 15px;
  }

  .chat_footer_right a {
    padding: 0 4px;
    margin: 0 1px;
  }

  .chat_footer_right a {
    padding: 0 4px;
    margin: 0 1px;
  }

  .chat_footer_add_file {
    width: 28px;
    height: 28px;
    font-size: 27px;
  }

  .message_footer_message .form-contarols {
    height: 39px;
    font-size: 14px;
    padding: 10px 15px;
  }

  .chat_footer_right {
    min-width: 74px;
  }

  .date-time-sec {
    width: 78% !important;
    flex-direction: column;
  }

  .date-time-sec input {
    margin-bottom: 10px;
    width: 200px;
  }

  .track-service a {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }

  .schedule_time li {
    width: 50%;
  }

  .cashout-radio li .form-check {
    flex-wrap: wrap;
  }

  .cashout-radio input[type="number"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cashout-radio li {
    padding: 10px 15px;
  }

  .wallet-balence h5 small {
    font-size: 12px;
  }

  .wallet-balence strong {
    font-size: 20px;
  }

  .payment-form .label-configure span {
    font-size: 14px;
  }

  .card-img1 img {
    max-width: 24px;
  }

  .addcreadit-card {
    padding: 0;
  }

  .booking-action .btn {
    padding: 4px 6px;
    font-size: 13px;
  }

  .reject-accept-btn .btn {
    padding: 3px 9px;
  }

  .address-sec li {
    flex-direction: column;
  }

  .address-sec li .icon-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .inner_heading h3 {
    font-size: 15px;
  }

  .providers-list .theme-btn {
    padding: 5px 12px;
    font-size: 13px;
  }

  .profile_pic .online {
    top: 5px;
    right: 0px;
  }

  .DealsOfDay .offer {
    position: absolute;
    top: -4px;
    left: -36px;
    font-size: 11px;
  }

  .tech_man .col-6 {
    width: 100%;
  }

  .tech_man .box {
    min-height: 0;
  }

  /* .DealsOfDay .slick-list {
  padding: 5px 0px 0px 60px;
} */
  .profile_pic {
    width: 61px;
    height: 60px;
  }

  .profile_pic .rating {
    font-size: 10px;
    bottom: -14px;
  }

  .category_wrap .slick-slide a img {
    max-width: 32px;
    min-height: 40px;
  }

  .DealsOfDay .box h6 {
    padding-top: 7px;
    margin: 3px 0 0;
  }

  .add-gift-card .btn {
    height: 40px;
    font-size: 14px;
    padding: 9px 0;
  }

  .wallet-value strong {
    font-size: 20px;
  }

  .re_viewers .like-report {
    position: absolute;
    top: 19px;
    right: 0;
  }

  .re_viewers {
    position: relative;
  }

  .address-sec.set-location figure {
    flex: 0 0 40px !important;
    height: 40px !important;
  }

  .address-sec.set-location figcaption.icon-caption {
    text-align: left;
    padding-left: 15px !important;
    flex: 0 0 100%;
    max-width: calc(100% - 40px);
    padding-top: 0;
  }

  .address-sec.set-location .icon-caption h2 {
    font-size: 15px;
    padding-right: 0;
  }

  .address-sec.set-location .icon-caption p {
    font-size: 13px;
  }

  .book_header span {
    font-size: 14px;
  }

  /**=====login=====**/
  .login_with_tab img {
    max-width: 20px;
  }

  .login_with_tab span {
    padding-left: 10px;
    font-size: 14px;
  }

  .login_with_tab {
    height: 45px;
    padding: 8px 15px;
  }

  .login_article h3,
  .form_article h4 {
    font-size: 20px;
  }

  .mobile_wrapper {
    height: 44px;
  }

  .login_right {
    padding: 15px;
  }

  .form_article p {
    font-size: 14px;
  }

  .login_left {
    padding: 32px 1px 1px 1px;
  }

  .login_article>a {
    margin-bottom: 20px;
    max-width: 160px;
  }

  .login_article {
    padding: 0 20px 20px;
  }

  .login_form .lg-btn {
    padding: 10px 20px;
  }

  .otp_mobile {
    display: block;
    padding-left: 0;
  }

  .otp_validation {
    padding: 15px 0 6px 0;
  }

  /* my-booking */

  .my_booking_detail .service-people-content {
    width: 100%;
    padding-left: 15px !important;
    padding-top: 16px;
  }

  .my_booking_detail .service-people {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .delevr_condition {
    flex-direction: column;
  }

  .delevr_time {
    padding-bottom: 15px;
  }

  .track_location article {
    text-align: center;
  }

  .distance {
    font-size: 14px;
  }
}

@media (max-width: 390px) {
  .tech_man .box figure {
    width: 60px;
    height: 60px;
  }

  .my-favourite-sec .header_name h2 {
    width: 136px;
  }

  .my-favourite-sec .header_name h2 {
    margin-bottom: 0px !important;
  }

  .message_footer_message .form-contarols {
    font-size: 15px;
    padding: 10px 15px;
  }

  .message_footer_message {
    padding: 0 7px;
  }

  .common-subheading {
    max-width: 217px;
  }

  .common-subheading h3 {
    font-size: 16px;
  }

  .btn {
    font-size: 12px;
  }

  .provider_detail .deal_img1 {
    width: 55px;
    height: 55px;
  }

  .provider_detail .service-people-content {
    width: calc(100% - 55px);
  }

  .header_name h2 {
    font-size: 16px;
    margin-bottom: 4px !important;
  }

  .recommend-btn {
    padding: 7px 13px;
    font-size: 12px;
  }

  .provider_detail .active-img {
    width: 12px;
    height: 13px;
    bottom: 0px;
  }

  .tech_man h5 {
    font-size: 12px !important;
  }

  .stretcher-left strong {
    font-size: 20px;
  }

  .bg-skype-light .btn {
    min-width: 124px;
  }

  .plan-value {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
  }

  .pride-member-ship figcaption h5 {
    font-size: 15px;
  }

  .wallet-price-box {
    padding: 0px;
  }

  .like-report li {
    margin-right: 10px;
    font-size: 11px;
  }

  .like-report li a {
    font-size: 11px;
  }

  .re_viewers p {
    font-size: 12px;
  }

  .review-booking .progress-rev .progress {
    width: calc(100% - 80px);
  }
}