@media only screen and (min-width: 1430px) {
    .container {
        max-width: 1290px;
    }
}

@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

@media only screen and (min-width: 1800px) {
    .container {
        max-width: 1630px;
    }
}

@media only screen and (max-width: 1799px) {
    .adadvantages-banner-img {
        left: 20px;
    }

    .partner-bg:after {
        max-width: 740px;
    }
}

/* 17/04/2021 */
@media only screen and (max-width: 1599px) {
    .about-banner-img {
        height: 590px;
    }

    .about-banner-after {
        bottom: 157px;
        max-height: 30%;
    }

    .about-profile-img {
        margin: -370px auto 30px;
    }

    .about-title,
    .review-info-header h5 {
        font-size: 24px;
    }

    .servic-modal-info h5 {
        font-size: 18px;
    }

    .filter-box-header h4 {
        font-size: 26px;
        padding: 15px 25px;
    }

    .adadvantages-banner-img {
        left: 0;
        width: 780px;
    }

    .adadvantages-banner-info h4,
    .step-title h4,
    .testimonial-title h4 {
        font-size: 32px;
    }

    .adadvantages-banner-info p {
        font-size: 18px;
    }

    .step-info p,
    .step-info p span {
        font-size: 22px;
        display: inline;
    }

    .about-profile-img {
        width: 180px;
        height: 180px;
        margin: -400px auto 30px;
    }

    .btn-feedback-block {
        height: 50px;
    }

    .business-banner-info h2 {
        font-size: 56px;
    }

    .business-banner-section::after {
        bottom: 18%;
    }

    .business-banner-img span {
        width: 100px;
        height: 100px;
        margin: 35px auto -50px;
    }

    .business-banner-img span+img {
        height: 470px;
    }

    .business-left-info h4 {
        font-size: 28px;
    }

    ul.business-right-ul li h5 {
        font-size: 28px;
        margin-bottom: 50px;
    }

    .business-pills {
        margin: 80px auto 120px;
    }

    .advantages_item_info h5 {
        font-size: 28px;
    }

    .advantages_item_info span {
        width: 70px;
        height: 70px;
    }

    .advantages_rows {
        margin-bottom: 70px;
    }

    .features-profle-info p {
        font-size: 20px;
    }

    .features-profle-info h5 {
        font-size: 28px;
    }

    .features-profle {
        height: 450px;
    }

    .pricing-title-info h4 {
        font-size: 40px;
    }

    .pricing-title-info p {
        font-size: 16px;
    }

    .pricing-box-ul li h6 {
        font-size: 28px;
    }

    .area-section {
        padding: 50px 0 100px;
    }

    .index-banner .about-banner-after {
        bottom: 0 !important;
    }

    .index-banner-img {
        height: 95%;
    }

    .cosmetics-box-main {
        left: 12%;
    }

    .cosmetics-box-main {
        transform: translateY(-50%) scale(0.8);
    }

    .index-banner {
        height: 750px;
    }

    .index-banner-img img {
        height: 98%;
    }

    .index-service-section .who-r4u-section h5 {
        font-size: 29px;
    }

    .pocket-info h3 {
        font-size: 45px;
    }

    .advantages-home-item-info h5 {
        font-size: 36px;
    }

    .advantages-home-item-info span {
        width: 70px;
        height: 70px;
    }

    .digital-main-title h4 {
        font-size: 38px;
    }

    .soical-media-info h5 {
        font-size: 38px;
    }

    .partner-bg:after {
        max-width: 650px;
    }

    .list-item-price a {
        font-size: 12px !important;
    }

    .btn-white span {
        font-size: 20px;
    }

    .list-header-wrap h2 {
        font-size: 24px;
    }

    .fc-center .btn-group button {
        font-size: 12px !important;
    }

    .fc-right button {
        padding: 8px 18px !important;
    }

    .pac-container.pac-logo {
        top: 425px !important;
    }

    .cosmetics-box-main {
        top: 47%;
    }
}

@media only screen and (max-width: 1429px) {
    .filter-box-header h4 {
        font-size: 24px;
    }

    .reviews-ul-info li p,
    .reviews-ul-info li span,
    .testimonial-profile-info .area_info_rating_wrap+p,
    .who-r4u-section p {
        font-size: 16px;
    }

    .review-top-box {
        padding: 20px 25px 45px 25px;
    }

    .review-top-box h5 {
        font-size: 40px;
    }

    .adadvantages-banner-img {
        left: 0;
        width: 750px;
    }

    .advantages-information h5 {
        font-size: 18px;
    }

    .business-banner-info h2 {
        font-size: 40px;
        max-width: 700px;
        margin: 0 auto 60px;
    }

    .business-banner-info {
        padding-top: 100px;
    }

    .business-pills {
        margin-bottom: 80px;
    }

    .pricing-title-info {
        margin-bottom: 30px;
    }

    li.basic-boxxs {
        height: 570px;
    }

    .cosmetics-box-main {
        left: 8%;
    }

    .pocket-section:after {
        width: 100%;
        max-width: initial;
    }

    .pocket-info h3 {
        font-size: 40px;
    }

    .pocket-info p {
        font-size: 18px;
    }

    .advantages-home-item-info h5 {
        font-size: 30px;
    }

    .advantages-home-item-info span {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }

    .advantages-home-item-info h6 {
        font-size: 20px;
    }

    .digital-main-title h4 {
        font-size: 32px;
    }

    .digital-main-title {
        margin-bottom: 30px;
    }

    .digital-main-section:after {
        height: 320px;
    }

    .digital-main-ul {
        margin-bottom: 45px;
    }

    .digital-main-section {
        padding: 60px 0;
    }

    .soical-media-info h5 {
        font-size: 30px;
    }

    .soical-media-ul li {
        width: 140px;
        height: 140px;
    }

    .soical-media-ul li span {
        margin: 10px auto 20px;
    }
}

@media only screen and (max-width: 1365px) {
    .stylish-profile h6 {
        font-size: 16px;
    }

    .advantages-ico-title h5,
    .adadvantages-banner-info h4,
    .step-title h4,
    .testimonial-title h4,
    .who-r4u-section h5 {
        font-size: 30px;
    }

    .adadvantages-banner-img {
        width: 710px;
    }

    .partner-bg:after {
        max-width: 540px;
    }
}

@media only screen and (max-width: 1279px) {
    .adadvantages-banner-img {
        width: 650px;
    }

    .advantages-ico-title h5,
    .adadvantages-banner-info h4,
    .step-title h4,
    .testimonial-title h4 {
        font-size: 28px;
    }

    .adadvantages-banner-info p {
        font-size: 16px;
    }

    .step-info p {
        font-size: 20px;
    }

    #testimonial-owl button.owl-prev,
    #testimonial-owl button.owl-next {
        width: 40px;
        height: 40px;
    }

    #testimonial-owl button.owl-prev {
        left: -48px;
    }

    #testimonial-owl button.owl-next {
        right: -48px;
    }
}

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

    #new-area-owl,
    #recommended-area-owl,
    #rated-area-owl {
        max-width: 90%;
        margin: 50px auto 0;
    }

    .filter-wrap {
        flex-wrap: wrap;
    }

    .filter-wrap p {
        width: 100%;
        margin-bottom: 15px;
    }

    .filter-right-info {
        width: 100%;
    }

    .slider:before {
        left: -9px;
    }

    .switch p {
        margin-left: 22px;
    }

    .slider {
        min-width: 35px;
        width: 35px;
    }

    .area-rows-width .col-lg-5 {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .area-rows-width .col-lg-7 {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .area-section-map {
        height: 500px;
    }

    .slider:before {
        left: 0;
    }

    #about-banner-owl .owl-nav button {
        width: 50px;
        height: 50px;
    }

    #about-banner-owl .owl-nav button.owl-prev {
        left: 10px;
    }

    #about-banner-owl .owl-nav button.owl-next {
        right: 10px;
    }

    .a-service-days li p {
        font-size: 14px;
    }

    .review-info-header {
        margin-top: 30px;
    }

    .testimonial-items {
        width: 88%;
        margin: 0 auto;
        padding: 0px 15px;
    }

    #testimonial-owl button.owl-prev {
        left: 0;
    }

    #testimonial-owl button.owl-next {
        right: 0px;
    }

    .adadvantages-banner {
        padding: 100px 0 130px;
    }

    .padding-100 {
        padding: 60px 0px;
    }

    .advantages-items {
        margin: 35px 0px;
    }

    .advantages-ico-title,
    .testimonial-title {
        margin-bottom: 50px;
    }

    .step-img {
        width: auto;
    }

    .about-profile-img {
        width: 150px;
        height: 150px;
        margin: -300px auto 30px;
    }

    .feedback-profile span {
        width: 100px;
        height: 100px;
    }

    .feedback-profile h6 {
        font-size: 24px;
    }

    .feedback-profile p {
        font-size: 18px;
    }

    .business-banner-img span+img {
        max-width: 700px;
        height: 315px;
        object-fit: contain;
        border-radius: 20px;
    }

    .business-bluee {
        padding-top: 60px;
    }

    .business-bluee:after {
        height: 440px;
    }

    .advantages_item_info p {
        font-size: 16px;
    }

    .business-banner-section::before {
        width: 474px;
        height: 433.95px;
        top: 65px;
    }

    .business-banner-section::after {
        width: 570px;
        height: 449px;
        bottom: 10%;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
    }

    .navbar-expand-lg .navbar-nav .nav-link.btn-login {
        font-size: 15px;
    }

    .navbar-expand-lg {
        height: 90px;
        transition: all 0.5s;
    }

    .features-profle {
        height: 430px;
    }

    .features-profle-info p {
        font-size: 18px;
        padding-left: 40px;
    }

    .features-profle-info h5 {
        padding-left: 40px;
    }

    .features-profle-info h6 {
        padding-left: 40px;
    }

    .features-items-owl-section {
        margin: 100px auto;
    }

    li.basic-boxxs {
        height: 670px;
    }

    ul.pricing-box-ul {
        padding-bottom: 120px;
    }

    .soical-media-ul li {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .soical-media-ul li span {
        margin: 0;
    }

    .soical-media-ul li h6 {
        display: none;
    }

    .pocket-info h3 {
        font-size: 32px;
    }

    .index-banner-img img {
        object-position: 70% 70%;
        height: 100%;
    }

    .index-banner-img {
        height: 100%;
    }

    ul.soical-media-ul {
        display: flex;
        flex-wrap: wrap;
        grid-template-columns: unset;
        grid-column-gap: unset;
    }

    .soical-media-ul li {
        margin: 10px;
    }

    .digital-main-partner {
        margin: auto;
    }

    .partner-bg:after {
        opacity: 0.17;
        max-width: 70%;
    }

    .partner-bg {
        padding: 60px 0;
    }

    .partner-infos p {
        opacity: 1;
    }

    .profile-index-wrap span {
        width: 120px;
        height: 120px;
        margin-right: 20px;
    }

    .profile-section-bg:after {
        height: 135px;
    }

    .profile-index-wrap h6 {
        font-size: 24px;
    }

    .profile-index-wrap p {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .profile-navs-pills a.nav-link {
        font-size: 13px;
        padding: 12px 18px;
        display: flex;
        align-items: center;
    }

    .profile-navs-pills a.nav-link span {
        display: inline-block;
        margin-right: 4px;
        width: 20px;
        height: 20px;
    }

    .profile-navs-pills a.nav-link span svg {
        width: 20px;
        height: 20px;
    }

    .profile-header span {
        width: 40px;
        height: 40px;
    }

    .profile-header {
        margin-left: 20px;
    }

    .h-dropdown-item-wrap {
        font-size: 14px;
    }

    .list-header-wrap h2 {
        font-size: 22px;
        margin-right: 10px;
        padding-right: 20px;
    }

    .list-header-wrap {
        margin-top: -48px;
    }

    .list-item-info {
        max-width: 460px;
    }

    .list-item-price .btn-wrap {
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: 0;
    }

    .btn-white.btn-min {
        padding: 7px 14px !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .btn-white.btn-min span {
        font-size: 18px;
    }

    .list-item-price .btn-wrap a {
        margin-left: 0 !important;
        display: block;
        width: 100%;
    }

    .list-item-img {
        min-width: 200px;
    }

    .confirmation-modal-body {
        padding: 60px 20px 20px;
    }

    .confirmation-modal h5 {
        font-size: 26px;
    }

    .confirmation-modal-wrap h5 {
        font-size: 18px;
    }

    .noti-heading-wrap h5 {
        font-size: 20px;
    }

    .notification-item p {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .noti-btn-wrap a {
        font-size: 14px !important;
        letter-spacing: 0;
    }

    .notification-header-wrap span.slider.round {
        min-width: 30px;
        width: 30px;
    }

    .notification-header-wrap .switch {
        padding: 14px;
    }

    .notification-header-wrap h5 {
        font-size: 24px;
        font-weight: 500;
    }

    .setting-about-info h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .setting-about-info h4 span {
        width: 30px;
        height: 30px;
    }

    form.setting-about-form {
        padding: 30px;
    }

    .setting-about-form h5 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .privacy-infos h5 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .privacy-infos p {
        margin-bottom: 20px;
    }

    .privacy-infos h6 {
        font-size: 20px;
    }

    .privacy-infos span {
        font-size: 16px;
        padding-top: 30px;
    }

    .col-lg-5.google_map {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .slider {
        min-width: 35px;
        width: 35px;
    }

    .row.google-rowws {
        flex-wrap: wrap;
    }

    .col-lg-5.google_map {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .map-info-box {
        left: 48%;
    }

    .position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        top: 210px !important;
    }

    .position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
        top: 20% !important;
        position: fixed;
    }

    .price-info h5 {
        display: block;
        text-align: end;
    }
}


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

    /**********  Responsive Menu Bootstrap **********/
    .navbar-expand-lg>.container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /**  menu  **/
    .toggler {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #7bc00b;
        text-align: center;
        z-index: 99;
        display: block;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 20px;
    }

    .areas-dropdown {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 9px;
    }

    .show-menu .toggler {
        width: 40px;
        height: 40px;
        position: fixed;
        top: 20px;
        right: 20px;
        border: none;
    }

    .toggler span {
        position: relative;
        width: 60%;
        height: 2px;
        background-color: #7bc00b;
        display: inline-block;
        vertical-align: top;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .toggler span::before,
    .toggler span::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #7bc00b;
        right: 0;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-animation: openCloseByeSpan 300ms linear forwards;
        animation: openCloseByeSpan 300ms linear forwards;
    }

    .toggler span::before {
        top: -6px;
    }

    .toggler span::after {
        top: 6px;
    }

    .show-menu .toggler span::before,
    .show-menu .toggler span::after {
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -5px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 11px 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link.btn-header-dark {
        margin: 15px 0;
    }

    html.show-menu section,
    html.show-menu footer {
        -webkit-filter: blur(3px) grayscale(1);
        filter: blur(3px) grayscale(1);
    }

    .show-menu .toggler span::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .show-menu .toggler span {
        height: 0;
    }

    #navbarNav {
        background: #fff no-repeat bottom right / auto 170px;
        -webkit-box-shadow: 0 0px 0 10px #fff inset, 0 0 0 11px #fe0d0d inset;
        box-shadow: 0 0px 0 10px #fff inset, 0 0 0 11px #fe0d0d inset;
        padding: 60px 20px 15px;
        position: fixed;
        top: 0;
        right: 0;
        display: block !important;
        width: 65%;
        text-align: center;
        bottom: 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
        height: 100vh;
        overflow: auto;
    }

    .show-menu #navbarNav {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .navbar-toggler {
        border-radius: 10px;
        padding: 0;
        z-index: 99999;
        margin-left: auto;
        background-color: #0c0c0c;
    }

    .burger {
        width: 40px;
        height: 35px;
        cursor: pointer;
        position: relative;
    }

    .burger__line {
        display: block;
        width: 55%;
        height: 3px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        -webkit-transition: .3s all linear;
        -o-transition: .3s all linear;
        transition: .3s all linear;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 4em;
    }

    .burger__line_first {
        top: 10px;
    }

    .burger__line_second,
    .burger__line_third {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 35%;
    }

    .burger__line_fourth {
        bottom: 10px;
    }

    .burger_active .burger__line_first,
    .burger_active .burger__line_fourth {
        opacity: 0;
    }

    .burger_active .burger__line_second {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        width: 50%;
    }

    .burger_active .burger__line_third {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        width: 50%;
    }

    span.burger__line.burger__line_.hird {
        opacity: 0;
    }

    .burger.burger_active span.burger__line.burger__line_.hird {
        opacity: 1;
        transform: rotate(-45deg);
        bottom: 16px;
        left: 9px;
    }

    .filter-wrap {
        flex-wrap: wrap;
        padding-top: 24px;
    }

    .filter-right-info {
        flex-wrap: wrap;
        margin: 0;
        width: 100%;
        margin-top: 19px;
    }

    .area-filter-wrap {
        flex-wrap: wrap;
        margin: -59px 0 0;
        justify-content: center;
    }

    .area-filter-wrap li {
        width: 30% !important;
        margin: 4px !important;
    }

    .filter-right-info .nice-select .list {
        right: 0;
        left: unset;
    }

    #new-area-owl,
    #recommended-area-owl,
    #rated-area-owl {
        max-width: 90%;
        width: 100%;
        margin: 50px auto 0;
    }

    .area-section-map {
        height: 450px;
        margin-bottom: 40px;
    }

    .area_price {
        margin-left: auto;
    }

    .area_info {
        width: 60%;
    }

    .slider:before {
        left: 0;
    }

    .area-rows-width .col-lg-5,
    .area-rows-width .col-lg-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .register-cosmetic-areas:before,
    .register-cosmetic-areas:after {
        opacity: 0;
    }

    .footer-btn-wrap {
        max-width: 330px;
    }

    .language-row h4 {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .navbar-expand-lg .navbar-nav .nav-link.btn-business,
    .navbar-expand-lg .navbar-nav .nav-link.btn-login,
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 12px 0 !important;
    }

    .filter-right-info {
        margin-top: 0;
    }

    .filter-right-info label.switch,
    .filter-box,
    .filter-right-info .select {
        margin: 10px;
    }

    .area-item-wrap {
        flex-wrap: wrap;
    }

    .area_img {
        width: 100%;
        height: 250px;
        margin-bottom: 15px;
    }

    .area-img {
        height: 100%;
        width: 100%;
    }

    .area-img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .area_info {
        padding-left: 0;
    }

    ul.social-media {
        width: 100%;
        justify-content: center;
    }

    .about-banner-img img {
        object-position: center;
    }

    .about-banner-img {
        height: 610px;
    }

    .about-banner-after {
        bottom: 137px;
    }

    .service-row .col-xl-3,
    .service-row .col-xl-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .services-accordion {
        padding: 10px 9px 2px;
    }

    .discount-populer-main {
        margin: 40px 0px;
    }

    .totla-service-wrap {
        width: 60%;
        margin: 50px auto 0px;
    }

    .about-title,
    .review-info-header h5 {
        font-size: 24px;
    }

    .a-service-days li p:nth-child(1) {
        width: 25%;
    }

    .stylish-body-wrap ul {
        justify-content: center;
    }

    .reviews-ul-info li p {
        width: 10%;
    }

    .service-row {
        margin: 0px;
    }

    .servic-modal-info h5 {
        font-size: 16px;
    }

    ul.social-media li a svg {
        width: 35px;
        height: 35px;
    }

    ul.social-media {
        margin: 35px auto 25px;
    }

    .adadvantages-banner {
        padding: 40px 0 50px;
    }

    .adadvantages-banner-img {
        width: 420px;
    }

    .catagory-item-1,
    .catagory-item-4 {
        margin-top: -110px;
    }

    .catagory-item-2,
    .catagory-item-3 {
        margin-top: 35px;
    }

    .who-r4u-main-section:after {
        height: 1015px;
    }

    .catagory-item-ull li a {
        width: 135px;
    }

    .who-r4u-section p {
        padding: 0 90px;
    }

    .advantages-ico-title h5,
    .adadvantages-banner-info h4,
    .step-title h4,
    .testimonial-title h4,
    .who-r4u-section h5 {
        font-size: 26px;
    }

    .advantages-information h5 {
        font-size: 16px;
    }

    .step-info p,
    .step-info p span {
        font-size: 18px;
    }

    .navbar-brand {
        max-width: 170px;
    }

    .adadvantages-banner,
    .d-margin {
        margin-top: 60px;
    }

    .advantages-information span {
        width: 60px;
        height: 60px;
        top: -23px;
    }

    .advantages-information svg {
        width: 25px;
        height: 25px;
    }

    .booking-con {
        margin-top: 100px;
    }

    .business-left-info {
        margin-bottom: 30px;
    }

    ul.business-right-ul li h5 {
        margin-bottom: 25px;
    }

    .client-img {
        width: 100%;
    }

    .business-bluee {
        padding-bottom: 50px;
    }

    .business-pills {
        margin: 60px auto;
    }

    .advantages_item_info span {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }

    .advantages_item_info h5 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .advantages_item_info p {
        font-size: 15px;
    }

    .nav-pills .nav-link {
        padding: 12px 17px;
        font-size: 15px;
    }

    .pricing-box-ul li h6+span {
        width: 90%;
        padding: 15px 5px;
    }

    .boxx-sub-uls {
        padding: 15px;
    }

    li.basic-boxxs {
        height: 600px;
        min-width: 320px !important;
    }

    .pricing-box-ul {
        overflow: auto;
        justify-content: flex-start;
        padding-top: 60px;
    }

    .pricing-box-ul li h6 {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .pricing-box-ul li span {
        width: 80px;
        height: 80px;
        margin-bottom: 15px;
    }

    .boxx-sub-uls li span {
        width: 20px !important;
        height: auto !important;
        margin-bottom: 0 !important;
    }

    li.pink-box::before {
        height: 690px;
    }

    li.pink-box:after {
        height: 220px;
    }

    .pricing-title-info h4 {
        font-size: 30px;
    }

    .advantages_rows2 {
        padding: 30px 0px;
    }

    .area-section {
        padding: 50px 0;
    }

    .index-banner-img img {
        object-position: 0 100%;
    }

    .cosmetics-box-main {
        transform: translate(-50%, -50%) scale(0.87);
        left: 50%;
    }

    .pocket-section {
        padding: 30px 0;
    }

    .pocket-order-1 {
        order: -1;
    }

    .pocket-info h3 {
        font-size: 27px;
        margin-bottom: 15px;
    }

    .pocket-info p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .index-service-section {
        padding-bottom: 50px;
    }

    .index-service-section .who-r4u-section h5 {
        font-size: 22px;
    }

    .advantages-home-title h6 {
        font-size: 18px;
    }

    .advantages-home-title h5 {
        font-size: 28px;
    }

    .advantages-home-title {
        margin-bottom: 50px;
    }

    .advantages-home-item-info h5 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .advantages-home-item-info h6 {
        font-size: 17px;
    }

    .soical-media-info h5 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .partner-infos {
        max-width: 100%;
        text-align: center;
    }

    .partner-bg:after {
        display: none;
    }

    .partner-infos h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .partner-infos p {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .partner-infos h6 {
        font-size: 17px;
    }

    a.partner_btn.btn.main-btn {
        font-size: 15px;
    }

    .partner-bg {
        padding: 40px 0;
    }

    .profile-index-wrap {
        justify-content: center;
        padding-top: 21px;
        align-items: center;
    }

    .profile-navs-pills {
        margin: 18px auto 0px;
    }

    .fc-toolbar.fc-header-toolbar {
        width: 100%;
        margin-bottom: 20px;
    }

    div#calendar {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .calendar-wrap-flexx select.select-cosmetics {
        margin-left: 0;
        margin-right: 0;
    }

    .list-header-wrap {
        margin: 0 0 40px 0;
        width: 100%;
        flex-wrap: wrap;
    }

    .list-header-wrap h2 {
        width: 100%;
        text-align: left;
        margin: -50px 0 0 0;
        padding: 0;
    }

    .listing-pills {
        width: 100%;
        margin: 25px 0 50px;
    }

    .listing-pills a {
        margin: 0 30px 0 0;
    }

    h5.list-section-title {
        margin-top: 0 !important;
    }

    .list-item-top-wrap {
        flex-wrap: wrap;
        padding: 15px 15px 0 15px;
    }

    .list-item-img {
        margin-bottom: 20px;
    }

    .list-item-info {
        max-width: 100%;
        margin-bottom: 18px;
    }

    .list-item-info-top h5 a {
        font-size: 17px;
    }

    .list-item-info-top {
        padding: 15px;
        margin-bottom: 12px;
    }

    .list-item-info h3,
    .list-item-info h4 {
        font-size: 17px;
        padding-left: 15px;
    }

    .list-item-price h4 {
        font-size: 22px;
        font-weight: 500;
    }

    .list-item-box {
        margin-bottom: 25px;
    }

    .list-item-price .btn-wrap a {
        width: auto;
        margin: 0 10px 10px 0 !important;
    }

    .list-item-price {
        margin: 0;
        width: 100%;
    }

    .list-item-price .btn-wrap {
        justify-content: flex-start;
        margin: 0;
    }

    .list-item-price h4 {
        text-align: left;
    }

    .profile-section-bg:after {
        height: 225px;
    }

    .favourites-header-left h5 {
        font-size: 20px;
    }

    a.btn.btn-adress {
        font-size: 14px !important;
        letter-spacing: initial;
    }

    .addresses-item-box h6 {
        font-size: 20px;
    }

    .addresses-item-box {
        padding: 15px;
    }

    .addresses-item-box span {
        width: 40px;
        height: 40px;
        margin-bottom: 12px;
    }

    .addresses-item-box p {
        margin: 0;
    }

    .payment-box-profile-wrap h6 {
        font-weight: 500;
    }

    .modals-modals-info h5 {
        font-weight: 400;
    }

    .setting-flex-pills a.nav-link,
    .nav-link-delete {
        padding: 12px;
        font-size: 14px;
    }

    .setting-flex-pills {
        padding: 12px;
    }

    .setting-flex-pills a.nav-link span.setting-pill-icon {
        margin-right: 11px;
    }

    .setting-flex-pills a.nav-link svg,
    .nav-link-delete svg {
        width: 20px;
        height: 20px;
    }

    .setting-about-form h5 {
        font-size: 18px;
    }

    form.setting-about-form {
        padding: 20px;
    }

    .setting-about-info p {
        font-size: 15px;
    }

    .review-information {
        font-size: 16px;
    }

    .privacy-infos p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .nbooking-detail h4,
    .setting-title {
        font-size: 23px;
        font-weight: 600;
    }

    .row.notification-detail-row:after {
        display: none;
    }

    .worning-message {
        flex-wrap: wrap;
    }

    a.add-checkout-booking {
        text-align: left;
        margin-bottom: 20px;
    }

    .set-time-head {
        margin-top: 20px;
    }

    .col-lg-5.google_map {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row.google-rowws {
        flex-wrap: wrap;
    }

    .pac-container.pac-logo {
        top: 430px !important
    }

    .service-row .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .service-row .col-xl-9 {
        -ms-flex: 0 0 68.5%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .register-cosmetic-areas:after {
        width: 180px;
    }

    .register-cosmetic-areas-info h6 {
        font-size: 23px;
    }

    .footer-btn-wrap {
        max-width: 300px;
    }

    .about-main-section {
        padding-bottom: 40px;
    }

    .a-service-map .reservation-about-map {
        width: 100% !important;
    }

    .specifics-main ul li {
        padding: 10px;
    }

    .specifics-main ul li span {
        width: 40px;
        height: 40px;
        padding: 11px;
    }

    .stylish-body-wrap ul {
        justify-content: flex-start;
    }

    .stylish-body-wrap .show-full-ratings-info {
        padding: 12px 0;
    }

    .review-info-header-wrap {
        flex-wrap: wrap;
        margin-bottom: 11px;
    }

    .review-info-profile {
        width: 100%;
        margin-bottom: 15px;
    }

    .main-review-info-tag-box {
        width: 100%;
        flex-wrap: wrap;
    }

    .review-information {
        margin-bottom: 9px;
    }

    .list-item-price h4 {
        font-size: 20px;
    }

    .list-item-info h3,
    .list-item-info h4 {
        font-size: 16px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .filter-right-info {
        justify-content: center;
    }

    .totla-service-wrap {
        width: 80%;
    }

    .service-item-img {
        width: 160px;
    }

    .service-item-info {
        width: calc(100% - 160px);
    }

    .stylish-header-wrap .about-title {
        font-size: 16px;
    }

    .stylish-body-wrap ul li {
        margin-bottom: 25px;
    }

    .stylish-main-div {
        margin-bottom: 15px;
    }

    .about-title,
    .review-info-header h5 {
        font-size: 20px;
    }

    .specifics-main {
        margin-top: 40px;
    }

    .review-info-header-wrap {
        display: block;
    }

    .main-review-info-tag-box {
        display: flex;
        margin-top: 20px;
    }

    .main-review-info-tag-box p {
        margin: 0px;
    }

    .reviews-ul-info li p {
        width: 15%;
    }

    .service-media-wrap {
        padding: 18px 15px;
    }

    .service-media-wrap a.select--btnn {
        margin-left: 5px;
    }

    .about-profile-info h5 {
        font-size: 28px;
    }

    .about-profile-info h6 {
        font-size: 16px;
    }

    .adadvantages-banner-img,
    .who-r4u-main-section:after {
        display: none;
    }

    .who-r4u-section p {
        padding: 0px;
    }

    .advantages-ico-title h5,
    .adadvantages-banner-info h4,
    .step-title h4,
    .testimonial-title h4,
    .who-r4u-section h5 {
        font-size: 24px;
    }

    #testimonial-owl button.owl-prev {
        left: -10px;
    }

    #testimonial-owl button.owl-next {
        right: -10px;
    }

    .language-row h4 {
        margin: 0px;
    }

    .about-profile-info ul.rating-ul li {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .public-main-div ul li span i {
        width: 45px;
        height: 45px;
    }

    .advantages-item span {
        width: 60px;
        height: 60px;
    }

    .advantages-item svg {
        width: 28px;
        height: 28px;
    }

    .advantages-item {
        margin-bottom: 15px;
    }

    .nav-pills .nav-link {
        padding: 10px 30px;
    }

    .feedback-profile h6 {
        font-size: 20px;
    }

    .feedback-profile p {
        font-size: 18px;
    }

    .feedback-profile {
        margin: 40px 0px;
    }

    .business-banner-img span+img {
        height: auto;
    }

    .business-banner-img span {
        width: 60px;
        height: 60px;
        margin-bottom: -30px;
    }

    .business-banner-section::after {
        bottom: 0;
    }

    .business-banner-info h2 {
        font-size: 32px;
    }

    .business-bluee {
        padding-top: 40px;
    }

    .business-left-info h4 {
        font-size: 22px;
    }

    ul.business-right-ul li {
        padding: 25px;
        width: 33.33%;
        min-width: 33.33%;
    }

    ul.business-right-ul {
        overflow: auto;
        justify-content: flex-start;
    }

    ul.business-right-ul li h5 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 12px;
    }

    ul.business-right-ul li p {
        font-size: 16px;
    }

    .business-bluee:after {
        height: 415px;
    }

    .client-profile-rows .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .business-pills {
        margin: 40px auto;
    }

    .nav-pills .nav-link {
        padding: 10px 20px;
    }

    .item-orders {
        order: -1;
    }

    .business-left-info h6 {
        margin-bottom: 5px;
    }

    .advantages_item_img {
        max-width: 330px;
        margin-bottom: 20px;
        margin-left: -30px;
    }

    .advantages_rows {
        margin-bottom: 40px;
    }

    .features-profle {
        width: 290px;
        height: 350px;
        margin-left: 15px;
    }

    .features-items-owl-section:after {
        width: 100%;
    }

    .features-profle-info {
        margin-left: 15px;
    }

    .features-profle-info p {
        padding: 0;
        margin-bottom: 23px;
        max-width: 95%;
        font-size: 16px;
    }

    .features-profle-info h5 {
        padding: 0;
        font-size: 22px;
    }

    .features-profle-info h6 {
        padding: 0;
    }

    .features-profle-info span {
        margin: 0 0 -35px 0;
    }

    .features-items-owl-section {
        margin: 50px 0;
    }

    .advantages_rows2 .advantages_item_img {
        margin-left: 0;
    }

    ul.catagory-item-ull {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    ul.catagory-item-ull li {
        width: 50%;
        margin: 15px 0 !important;
        text-align: center;
    }

    ul.catagory-item-ull li a {
        margin: auto;
    }

    .who-r4u-section {}

    .pocket-img {
        max-width: 320px;
        margin: 0 auto 25px;
    }

    .pocket-info {
        text-align: center;
    }

    .pocket-info h3,
    .pocket-info p {
        max-width: 100%;
    }

    .pocket-info ul {
        justify-content: center;
    }

    .advantages-home-item-img {
        max-width: 350px;
        margin: 0 auto 20px;
    }

    .advantages-ordermd {
        order: -1;
    }

    .advantages-home-item-info {
        text-align: center;
    }

    .advantages-home-item-info span {
        margin: 0 auto 10px;
    }

    .digital-main-title h4 {
        font-size: 24px;
    }

    .digital-main-title h6 {
        font-size: 18px;
    }

    .digital-main-ul li h5 {
        font-size: 22px;
    }

    .digital-main-ul li p {
        font-size: 18px;
    }

    .digital-main-section:after {
        height: 270px;
    }

    .index-map-title h5 {
        font-size: 25px;
    }

    .index-map-image:after {
        height: 200px;
    }

    .social-media-img {
        max-width: 320px;
        margin: 0 auto 15px;
    }

    .soical-media-info {
        text-align: center;
    }

    .soical-media-info br {
        display: none;
    }

    ul.soical-media-ul {
        justify-content: center;
    }

    .padding-100.social-media-section {
        padding-bottom: 30px;
    }

    .list-item-img {
        width: 100%;
        min-width: 100%;
        height: 250px;
    }

    .list-item-price .btn-cancel {
        margin: 8px 0 12px 0;
    }

    .list-item-bottom-wrap {
        flex-wrap: wrap;
    }

    .list-item-profile-wrap {
        margin: 11px 0;
    }

    .fc-toolbar.fc-header-toolbar {
        flex-wrap: wrap;
        align-items: center;
        margin-left: -5px;
        margin-right: -5px;
    }

    .fc-right button {
        padding: 4px 11px !important;
    }

    .fc-left {
        margin: 5px;
    }

    .fc-right {
        margin: 5px;
    }

    .fc-center {
        margin: 5px;
    }

    .fc th.fc-day-header {
        font-size: 14px;
    }

    .fc-basic-view .fc-week-number,
    .fc-basic-view .fc-day-number {
        font-size: 14px;
    }

    .profile-index-wrap span {
        width: 80px;
        height: 80px;
    }

    .profile-index-wrap h6 {
        font-size: 20px;
    }

    .profile-index-wrap p {
        font-size: 15px;
    }

    .profile-index-wrap ul {
        margin: 0;
    }

    .profile-index-wrap ul li a {
        font-size: 15px;
    }

    .profile-navs-pills {
        margin-top: 35px;
    }

    .profile-section-bg:after {
        height: 205px;
    }

    .favourites-header-left h5 {
        padding-right: 15px;
        margin-right: 15px;
    }

    .setting-row .col-xl-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .setting-flex-pills {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .setting-flex-pills a {
        white-space: nowrap;
        display: block;
    }

    a.nav-link-delete {
        margin-bottom: 25px;
    }

    .setting-row .col-xl-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .worning-message h5 {
        font-size: 16px;
        margin-bottom: 12px;
        width: 100%;
    }

    .worning-message h6 {
        margin-bottom: 12px;
        width: 100%;
    }

    .btn-choose {
        margin: 0;
    }

    .choose-modal-body {
        padding: 0 20px 20px;
    }

    .hairchoosbox h5 {
        font-size: 24px;
    }

    .hairchoosbox span {
        width: 55px;
        height: 55px;
    }

    .hairchoosbox:after {
        height: 80%;
    }

    .service-item-main {
        flex-wrap: wrap;
    }

    .service-item-img {
        width: 100%;
        height: 220px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .service-item-info {
        width: 100%;
    }

    .stylish-profile-reviews {
        padding: 12px;
        overflow: initial;
    }

    .stylish-profile-review-item {
        margin-bottom: 12px;
        padding: 12px;
        border-radius: 15px;
    }

    a.profile-reviews-close {
        position: absolute;
        right: -10px;
        top: -10px;
    }

    .profile-review-info h6 {
        font-size: 18px;
        font-weight: 600;
    }

    .profile-review-info p {
        font-size: 13px;
    }

    .profile-review-item-wrap+p {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .review-infos span {
        font-size: 13px;
    }

    .review-infos .review-box {
        margin-right: 8px;
        font-size: 14px;
    }

    .review-box span {
        width: 20px;
        height: 20px;
        border-radius: 6px;
    }

    .review-box span i {
        font-size: 10px;
    }

    .ratings-items-box {
        margin: 7px 0;
    }

    p.review-info-tag-box.review-info-tag-box2 {
        margin-left: auto;
        margin-right: 0;
    }

    .navbar-expand-lg {
        height: 70px;
    }

    ul.pricing-box-ul {
        flex-wrap: wrap;
    }

    li.basic-boxxs {
        width: 100%;
        margin: 15px 0;
        height: auto;
    }

    li.pink-box::before {
        opacity: 0;
        visibility: hidden;
    }

    .list-item-bottom-wrap p {
        width: auto;
    }

    .list-item-profile-wrap {
        margin: 10px auto;
    }

    .index-dekstop-mobile {
        display: none;
    }

    .index-map-mobile {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .area-filter-wrap li {
        width: 45% !important;
    }

    .area-pills {
        overflow: auto;
        width: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .area-pills a {
        white-space: nowrap;
    }

    .area-filter-wrap li {
        width: 100% !important;
    }

    .area_info {
        width: 100%;
        margin-top: 17px;
        order: 1;
    }

    .area_price {
        width: 100%;
        text-align: left;
        padding-left: 0;
        order: 0;
    }

    .wishlist_icon {
        margin-left: 0;
    }

    .area_info_rating_wrap {
        flex-wrap: wrap;
    }

    .area_info_rating_wrap ul.rating-ul {
        margin-bottom: 10px;
    }

    .register-cosmetic-areas-info h6 {
        font-size: 18px;
        padding: 0 10px;
    }

    .top-footer .col-xl-3 {
        max-width: 50% !important;
        flex: 0 0 50%;
    }

    .footer-btn-wrap a {
        width: 100%;
    }

    ul.social-media li a,
    ul.social-media li a svg {
        width: 35px;
        height: 35px;
    }

    .area-section {
        padding-bottom: 40px;
    }

    #navbarNav {
        width: 80%;
    }

    .about-pills {
        width: auto;
    }

    .service-item-main,
    .about-box,
    .time_price_info,
    .servic-modal-header-wrap {
        display: block;
    }

    .about-box li {
        width: 100%;
        padding: 25px 5px 0px;
    }

    .about-box li:last-child {
        padding-bottom: 33px;
    }

    .about-main-section .nav-link {
        padding: 10px 18px;
    }

    .about-pills {
        margin: 0px 15px 30px;
    }

    .totla-service-wrap,
    .service-item-img,
    .servic-modal-info {
        width: 100%;
    }

    .totla-service-wrap .main-btn {
        padding: 9px 10px;
        font-size: 13px;
    }

    .service-item-info {
        width: 100%;
        margin-top: 15px;
    }

    .price-info {
        margin-top: 15px;
    }

    .price-info h5 {
        font-size: 14px;
    }

    a.select--btnn {
        margin-left: auto;
    }

    .register-cosmetic-areas {
        height: 160px;
    }

    .about-main-section {
        padding: 50px 0px;
    }

    ul.social-media li a,
    ul.social-media li a svg {
        width: 25px;
        height: 25px;
    }

    .footer-show footer {
        padding-top: 120px;
    }

    ul.social-media {
        margin: 25px auto 20px;
    }

    .f-logo a {
        width: 180px;
    }

    .about-main-section .container {
        padding: 0px;
    }

    .about-banner-img {
        height: 410px;
    }

    .about-profile-img {
        width: 150px;
        height: 150px;
    }

    .about-banner-after {
        bottom: 337px;
        max-height: 120px;
    }

    .about-profile-img {
        margin: -450px auto 30px;
    }

    #about-banner-owl .owl-nav button {
        width: 35px;
        height: 35px;
    }

    #about-banner-owl .owl-nav button i {
        font-size: 18px;
    }

    .about-profile-info h5 {
        font-size: 22px;
    }

    .about-profile-info h6 {
        font-size: 14px;
    }

    .a-service-days li p:nth-child(1) {
        width: 40%;
    }

    .stylish-header-wrap .about-title {
        font-size: 13px;
    }

    .stylish-header-search input {
        width: 97%;
        font-size: 13px;
        padding: 0 15px 0 32px;
    }

    .stylish-header-search a {
        left: 8px;
    }

    .main-btn {
        padding: 6px 10px;
    }

    .stylish-body-wrap ul {
        position: relative;
        left: 15px;
    }

    .specifics-main ul li {
        padding: 12px 16px;
        width: 47%;
    }

    .reviews-ul-info li p {
        width: 30%;
    }

    .reviews-ul-info {
        padding: 10px 0px 20px;
    }

    .review-info-header {
        display: block;
    }

    .filter-box-header h4 {
        font-size: 20px;
    }

    .service-sub-item li {
        padding: 7px 15px;
    }

    .review-information {
        font-size: 14px;
    }

    .reviews-ul-info li p {
        width: 20%;
    }

    .reviews-ul-info li span {
        width: 80%;
    }

    ul.rating-ul li {
        width: 20px;
        height: 20px;
        font-size: 8px;
        border-radius: 6px;
    }

    .ratings-items-box .rating-ul i {
        font-size: 11px;
    }

    .ratings-items-box {
        padding: 15px 10px;
    }

    .step-img:after {
        right: 0;
    }

    .adadvantages-banner-info h4,
    .step-title h4,
    .testimonial-title h4,
    .who-r4u-section h5,
    .advantages-ico-title h6 {
        font-size: 18px;
    }

    .advantages-ico-title {
        margin-bottom: 0px;
    }

    .testimonial-title {
        margin-bottom: 25px;
    }

    .step-roww {
        margin: 50px 0px;
    }

    .step-info {
        padding-top: 25px;
    }

    .padding-100 {
        padding: 40px 0px;
    }

    .advantages-items {
        margin: 35px 0px 0;
    }

    ul.footer-menu li a,
    .testimonial-profile-info .area_info_rating_wrap+p,
    .adadvantages-banner-info p,
    .who-r4u-section p {
        font-size: 14px;
    }

    footer h4 {
        margin-bottom: 18px;
    }

    .footer-btn-wrap a img {
        width: 115px;
        margin: 0px;
    }

    span.quote-icon {
        width: 40px;
        position: relative;
        top: -20px;
    }

    .testimonial-profile img {
        width: 90px !important;
        height: 90px;
    }

    .testimonial-profile {
        top: 10px;
    }

    .testimonial-profile span {
        bottom: 13px;
        font-size: 13px;
    }

    #testimonial-owl button.owl-prev {
        left: 0px;
    }

    #testimonial-owl button.owl-next {
        right: 0px;
    }

    #testimonial-owl button.owl-prev,
    #testimonial-owl button.owl-next {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .who-r4u-section h5 {
        margin-bottom: 20px;
    }

    .about-box li h6,
    .totla-service-wrap h6,
    .servic-modal-body h6,
    .about-title,
    .review-info-header h5,
    .a-service-media h6,
    .advantages-item h6,
    .public-main-div h6,
    .public-main-div ul li span,
    .review-info-profile div h6,
    .filter-box-header h4,
    .testimonial-profile-info h5 {
        font-size: 18px;
    }

    .about-box li span {
        width: 40px;
        height: 40px;
    }

    .service-accordion-margin svg {
        width: 35px;
        height: 35px;
    }

    .service-link-wrap {
        padding: 8px 20px;
        font-size: 16px;
    }

    .services-body ul li a {
        padding: 5px;
    }

    .services-body ul li a p,
    .totla-service-wrap p,
    .servic-modal-body ul li,
    .a-service-media p,
    .about-discription-main p,
    .advantages-item p,
    .stylish-profile h6,
    .review-top-box p,
    .reviews-ul-info li span,
    .venue-replay-info p,
    .service-sub-item li p,
    .review-info-search input,
    .area_info p {
        font-size: 14px;
    }

    .totla-service-wrap {
        padding: 12px 0px 12px 20px;
    }

    .service-modal-rating-wrap ul.rating-ul li {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .review-top-box h5 {
        font-size: 24px;
    }

    .btn-black {
        font-size: 14px;
        padding: 8px 22px;
    }

    .area-accordion-link p,
    .advantages-ico-title h5,
    .step-info p,
    .step-info p span,
    .testimonial-profile-info h6,
    .area_info h6 {
        font-size: 16px;
    }

    .star-rating label {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .star-rating label {
        font-size: 12px;
    }

    .filter-box-icon {
        width: 40px;
        height: 40px;
    }

    .filter-box-icon svg {
        width: 20px;
        height: 20px;
    }

    .stylish-body-wrap ul li {
        width: 135px;
        min-width: 135px;
    }

    span.experts-imgg {
        width: 135px;
        height: 135px;
    }

    .review-box span {
        width: 20px;
        height: 20px;
    }

    .review-box span i {
        font-size: 10px;
    }

    .business-banner-section::after {
        left: 0;
        width: 60%;
        transform: rotate(45deg);
        display: none;
    }

    .business-banner-info h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .business-banner-section::before {
        width: 424px;
        height: 393.95px;
        opacity: 0.2;
    }

    .business-banner-info {
        padding-top: 70px;
    }

    ul.business-right-ul li p {
        font-size: 14px;
    }

    ul.business-right-ul li h5 {
        font-size: 22px;
    }

    ul.business-right-ul li {
        padding: 20px;
    }

    .area-pills {
        justify-content: center;
        width: max-content;
    }

    .client-profile-rows .col-lg-2 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .client-profile-rows {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start !important;
    }

    .advantages_item_info h5 {
        font-size: 20px;
    }

    .pricing-title-info h4 {
        font-size: 24px;
    }

    .boxx-sub-uls li span {
        margin-right: 10px;
    }

    li.basic-boxxs {
        min-width: 280px !important;
    }

    .navbar-brand {
        max-width: 150px;
    }

    .burger__line {
        height: 2px;
    }

    .area-banner {
        height: 400px;
        margin-top: 20px;
    }

    .area-pills {
        overflow: auto;
        width: 100%;
        justify-content: flex-start;
        margin: 30px 0 25px;
    }

    .area-banner-item-img {
        height: 180px;
    }

    #new-area-owl {
        margin: 20px auto 0;
    }

    .btn-white {
        padding: 7px 15px;
    }

    .digital-main-ul {
        overflow: auto;
    }

    .digital-main-ul li {
        min-width: 190px;
        width: 190px;
    }

    .soical-media-info h5 {
        font-size: 22px;
    }

    .advantages-home-item-info h5 {
        font-size: 20px;
    }

    .row.advantages-home-row:nth-last-child(1) {
        margin: 0;
    }

    .pocket-info h3 {
        font-size: 24px;
    }

    button.close .fas {
        font-weight: 100;
    }

    button.close {
        font-size: 18px;
        width: 35px;
        height: 35px;
    }

    .index-booking-pills.nav-pills .nav-link {
        padding: 0;
    }

    .favourites-header-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .favourites-header-wrap {
        padding-top: 10px;
        flex-wrap: wrap;
    }

    .favourites-header-right {
        justify-content: flex-start;
    }

    .avatar-upload .avatar-preview {
        width: 100px;
        height: 100px;
    }

    .avatar-upload .avatar-edit input+label {
        width: 40px;
        height: 40px;
    }

    .avatar-upload {
        max-width: 110px;
        margin-bottom: 40px;
    }

    .modal-input {
        margin-bottom: 12px;
    }

    .detail-wrap-box {
        flex-wrap: wrap;
    }

    .detail-wrap-box-img {
        margin-bottom: 20px;
        width: 200px;
        height: 130px;
    }

    .detail-wrap-box-infos h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .confirmation-modal h5 {
        font-size: 20px;
        font-weight: 600;
    }

    .detail-wrap-box-info h5 {
        font-weight: 400;
        margin-bottom: 10px;
    }

    .detail-wrap-box-info p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .detail-wrap-box-info a {
        margin-bottom: 15px;
    }

    .nbooking-detail ul li p {
        font-size: 15px;
    }

    .nbooking-detail ul li p span {
        width: 29px;
    }

    .nbooking-detail ul li {
        padding: 15px;
    }

    .notification-detail-row .col-lg-6 {
        padding: 0 15px;
    }

    .pac-container.pac-logo {
        top: 430px !important;
    }

    .map-info-box {
        max-width: 130px;
        padding: 6px;
        border-radius: 10px;
    }

    .map-store-img {
        height: 70px;
        margin-bottom: 6px;
        border-radius: 10px;
    }

    .map-store-info h5 {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .map-store-info p {
        font-size: 12px;
    }

    span.register-cosmetic-lines2 {
        left: -40px;
    }

    span.register-cosmetic-lines {
        right: -40px;
    }

    .position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        top: 280px !important;
    }

    .about-pills {
        margin: 40px 0 0 0;
    }

    .totla-service-wrap {
        margin-top: 32px;
    }

    .service-row .col-xl-3 {
        margin-bottom: 0;
    }

    .service-media-wrap {
        flex-wrap: wrap;
        margin: 12px 0;
        padding: 10px 12px;
    }

    .time_price_info {
        margin-top: 15px;
    }

    .service-info-top h6 {
        align-items: center;
    }

    .price-info {
        margin-top: 10px;
    }

    .service-item-main {
        padding: 12px;
    }

    .service-item-img {
        margin-bottom: 12px;
    }

    .service-media-wrap .service-media-infos,
    .service-media-wrap .price-info {
        width: 100%;
        margin: 6px 0;
        justify-content: flex-start;
    }



    .service-media-wrap a.select--btnn {
        margin-left: auto;
    }

    .specifics-main ul li {
        padding: 8px;
    }

    .about-box li h6,
    .totla-service-wrap h6,
    .servic-modal-body h6,
    .about-title,
    .review-info-header h5,
    .a-service-media h6,
    .advantages-item h6,
    .public-main-div h6,
    .public-main-div ul li span,
    .review-info-profile div h6,
    .filter-box-header h4,
    .testimonial-profile-info h5 {
        margin-bottom: 14px;
    }

    .about-discription-main,
    .specifics-main {
        margin-bottom: 25px;
    }

    .a-service-media span {
        width: 40px;
        height: 40px;
        padding: 11px;
    }

    .a-service-media a {
        font-size: 15px;
    }

    .a-service-media h6 {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .stylish-header-wrap {
        flex-wrap: wrap;
        margin-bottom: 23px;
    }

    .stylish-header-wrap .about-title {
        font-size: 17px;
        margin-bottom: 13px;
    }

    .stylish-body-wrap {
        width: 100%;
        /* overflow-x: scroll; */
    }

    .stylish-body-wrap ul {
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .stylish-body-wrap ul li {
        margin: 0;
        width: 50%;
        padding: 10px;
    }

    .stylish-body-wrap span.experts-imgg {
        width: 110px;
        margin: auto;
        height: 110px;
    }

    .stylish-body-wrap .stylish-profile-reviews {
        max-width: 90%;
        width: 100%;
        left: 0;
    }

    .stylish-body-wrap .profile-review-item-wrap {
        flex-wrap: wrap;
    }

    .stylish-body-wrap .profile-review-info {
        width: 100%;
        margin-bottom: 13px;
    }

    .stylish-body-wrap .review-infos {
        width: 100%;
    }


    a.profile-reviews-close {
        right: -5px;
        top: -5px;
    }

    .stylish-body-wrap ul {
        left: 0;
    }

    .pillss-row {
        margin: 0 auto;
    }

    .review-info-body .review-info-profile {
        flex-wrap: wrap;
    }

    .review-info-body p.review-info-tag-box.review-info-tag-box2 {
        margin: 12px 0 0 0;
    }

    .review-info-body .main-review-info-tag-box {
        margin-top: 9px;
        display: flex;
    }

    .review-info-body .review-information {
        margin-bottom: 12px;
    }

    .review-info-body .review-info-items {
        padding: 12px;
    }

    .review-info-body .review-info-profile div h6 {
        margin-bottom: 4px;
    }

    .booking-infor-right a.btn-black.cancelService {
        margin-left: auto;
    }

    .listing-pills {
        margin-bottom: 15px;
    }

    .list-item-bottom-wrap p,
    .list-item-bottom-wrap h5 {
        width: 100%;
    }

    .list-item-profile-wrap {
        width: 100%;
    }

    .area-banner-item {
        height: 220px;
    }

    .area-banner {
        height: 480px;
    }

    .area-banner-item-img {
        width: 100%;
        height: 100%;
    }

    .owl-buttons button.owl-next {
        right: -5%;
    }

    .owl-buttons button.owl-prev {
        left: -5%;
    }

    #new-area-owl,
    #recommended-area-owl,
    #rated-area-owl {
        margin-top: 40px;
    }

    .area-banner .area-pills {
        margin-top: 40px;
    }

    section.area-filter {
        position: relative;
        top: 0;
    }

    section.filter-wrap-main {
        position: relative;
        top: 0;
    }

    .area-item-wrap {
        position: relative;
    }

    a.wishlist_icon {
        position: absolute;
        top: 27px;
        right: 27px;
        z-index: 9;
    }

    .area_price {
        order: 3;
        margin-top: 15px;
    }

    .area_info {
        margin-top: 0;
    }
}

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

    .filter-right-info label.switch,
    .filter-box,
    .filter-right-info .select {
        width: 100%;
    }

    .area-accordion-link p {
        font-size: 20px;
    }

    .filter-box-header h4 {
        font-size: 20px;
        padding: 10px 25px;
    }

    .area-accordion-link p {
        font-size: 18px;
    }

    .owl-buttons .owl-nav button {
        transform: scale(0.59) translateY(-50%) !important;
    }

    .ratings-items-rows {
        margin-top: 20px;
    }

    .feedback-modal-header h4 {
        font-size: 18px;
    }

    .feedback-modal-body {
        padding: 15px;
    }

    .servic-modal-footer {
        padding: 15px;
    }

    .filter-items-widths .nice-select .list {
        right: 0px;
    }

    .business-bluee:after {
        height: 310px;
        top: -100px;
    }

    .business-banner-img span {
        margin-top: 20px;
    }

    .business-bluee {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    ul.business-right-ul li {
        width: 140px;
        min-width: 140px;
    }

    .business-left-info h4 {
        font-size: 20px;
    }

    .business-left-info {
        margin-bottom: 15px;
    }

    .client-profile-rows .col-lg-2 {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .nav-pills .nav-link {
        padding: 8px 13px;
        font-size: 14px;
    }

    .advantages_item_info span {
        margin-bottom: 10px;
    }

    .advantages_item_info p {
        font-size: 14px;
        line-height: 1.6;
    }

    .advantages_item_info h5 {
        font-size: 20px;
    }

    .features-profle {
        width: calc(100% - 30px);
        margin: 0 auto;
        height: 300px;
    }

    .features-profle-info p {
        font-size: 14px;
    }

    .features-profle-info h5 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .features-profle-info h6 {
        font-size: 14px;
    }

    #features-items-owl .owl-nav {
        margin: -40px 0 0 15px;
        justify-content: flex-start;
    }

    #features-items-owl .owl-nav button {
        width: 40px;
        height: 40px;
    }

    .pricing-box-ul li h6 {
        font-size: 22px;
    }

    .pricing-box-ul li span {
        width: 60px;
        height: 60px;
    }

    li.gray-box:after {
        top: 60px;
    }

    li.basic-boxxs {
        height: auto;
        width: 100%;
        min-width: 100% !important;
    }

    ul.pricing-box-ul {
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 30px;
    }

    li.pink-box::before {
        height: auto;
    }

    li.pink-box:after {
        height: 180px;
        top: 0;
    }

    li.basic-boxxs.pink-box {
        border: 1px solid #db8a8a66;
    }

    .features-profle {
        height: 235px;
    }

    .advantages_rows2:after {
        width: 100%;
    }

    .advantages-home-row {
        margin-bottom: 40px;
    }

    .index-map-image {
        margin: 0;
    }

    .soical-media-ul li {
        width: 80px;
        height: 80px;
        margin: 5px;
    }

    .soical-media-ul li span svg,
    .soical-media-ul li span {
        width: 35px;
        height: 35px;
    }

    .index-map-title h5 {
        font-size: 22px;
    }

    .soical-media-info h5 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .index-map-title h6 {
        font-size: 18px;
    }

    .digital-main-title h4 {
        font-size: 22px;
    }

    .digital-main-ul li {
        height: 140px;
    }

    .digital-main-section {
        padding: 30px 0;
    }

    .pocket-info h3 {
        font-size: 22px;
    }

    .pocket-info p {
        font-size: 14px;
    }

    .pocket-info ul li {
        margin: 5px;
    }

    .notification-header-wrap {
        flex-wrap: wrap;
    }

    .notification-header-wrap h5 {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .noti-heading-wrap {
        flex-wrap: wrap;
    }

    .noti-heading-wrap h5 {
        width: 100%;
        margin-bottom: 12px;
    }

    .noti-btn-wrap a {
        margin: 0 10px 10px 0;
    }

    .notification-item {
        padding: 15px;
    }

    .privacy-infos form {
        padding: 20px;
    }

    .custom-control-label {
        font-size: 14px;
    }

    .review-info-profile div p {
        flex-wrap: wrap;
    }

    .review-info-profile div p span {
        margin-left: 0;
    }

    .review-info-header-wrap h5 {
        text-align: left;
    }

    .setting-about-info h4 {
        align-items: flex-start;
        display: block;
    }

    .setting-about-info h4 span {
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .review-info-tag-box {
        align-self: flex-start;
        text-align: left;
    }

    .about-input textarea {
        height: 150px;
    }

    .nbooking-detail ul li {
        flex-wrap: wrap;
    }

    .nbooking-detail ul li span {
        width: 100%;
        margin-bottom: 6px;
    }

    .nbooking-detail ul li p {
        width: 100%;
    }

    .nbooking-detail ul li h6 {
        text-align: left;
        margin: 0;
    }

    .payment-item-infos.booking-infor-wrap {
        flex-wrap: wrap;
    }

    .booking-infor-left {
        width: 100%;
    }

    .booking-infor-right {
        width: 100%;
        margin-top: 15px;
    }

    h4.checkout-title {
        font-size: 22px;
    }

    .profile-navs-pills {
        overflow: auto;
        max-width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        box-shadow: none;
    }

    .profile-navs-pills a {
        white-space: nowrap;
    }
}


@media only screen and (max-width: 399px) {
    .specifics-main ul li {
        width: 100%;
    }

    .about-main-section .nav-link {
        padding: 8px 12px;
    }



    .profile-index-wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .profile-index-wrap span {
        margin-bottom: 15px;
    }

    .profile-section-bg:after {
        height: 340px;
    }

    .list-header-wrap h2 {
        margin: 20px 0 0 0;
        border: none;
    }

    .index-booking-pills {
        margin-left: 0;
    }

    .listing-pills {
        margin-top: 20px;
        flex-wrap: nowrap;
        overflow: auto;
        margin-bottom: 0;
        padding: 0 0 30px 0;
    }

    .listing-pills a {
        margin: 0;
        padding-top: 0;
        margin-right: 19px;
        height: auto;
        display: block;
    }

    .list-item-img {
        height: 180px;
    }

    .favourites-header-right {
        width: 100%;
    }

    .favourites-header-left h5 {
        border: none;
    }

    .calendar-wrap-flexx select.select-cosmetics {}

    .calendar-wrap-flexx {
        margin: 30px 0 0 0;
    }

    div#calendar {
        margin-top: 10px;
    }

    .modal-profile-address p {
        font-size: 14px;
    }

    .modal-items-pricing h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .modal-profile-address {
        padding: 15px;
    }

    .modal-items-pricing {
        padding: 15px;
    }

    .modal-body.modal-body22 {
        padding: 15px;
    }

    .confirmation-modal p {
        font-size: 18px;
        margin-bottom: 21px;
    }

    .confirmation-modal div h5 {
        font-size: 16px;
    }

    .confirmation-modal h5 {
        font-size: 24px;
    }

    .confirmation-modal-body {
        padding-top: 40px;
    }

    .detail-wrap-box {
        box-shadow: 0 13px 66px hsl(0deg 100% 23% / 6%);
        padding: 15px;
    }

    .detail-wrap-box-img {
        width: 100%;
        margin-right: 0;
    }

    .confirmation-modal p {
        font-size: 15px;
    }

    .pac-container.pac-logo {
        top: 460px !important;
    }

    .position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        top: 310px !important;
    }

    section.area-filter {
        position: relative;
        top: 20px;
    }

    .position-class .pac-container.pac-logo {
        top: 630px !important;
    }

    .position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
        top: 97% !important;
        position: absolute;
    }

    .modal-content {
        max-height: 500px;
        overflow: auto;
    }

    section.filter-wrap-main {
        position: relative;
        top: 0;
    }

    .navbar-expand-lg {
        height: 60px;
    }

    .area-banner .area-pills li {
        text-align: center;
    }

    .area-banner .area-pills {
        width: max-content;
        margin: 30px auto 0px;
    }

    .area-banner #new-area-owl,
    .area-banner #recommended-area-owl,
    .area-banner #rated-area-owl {
        margin-top: 30px;
    }

    .btn-book-block {
        text-align: left;
        justify-content: flex-start;
    }

    .review-info-profile div h6 {
        margin-bottom: 2px;
    }

    a.btn.btn-booking-again.main-btn.book_again {
        margin-bottom: 15px;
        margin-top: 7px;
    }

    .list-item-bottom-wrap p {
        width: 100%;
    }

    .list-item-profile-wrap {
        width: 100%;
    }

    h5.list-section-title {
        font-size: 18px;
        margin-bottom: 25px;
    }

    section.area-filter {
        position: relative;
        top: -20px;
    }
}

@media only screen and (max-width: 374px) {
    .about-main-section .nav-link {
        padding: 9px 11px;
        font-size: 13px;
    }

    .main-review-info-tag-box {
        display: block
    }

    .main-review-info-tag-box p {
        margin-bottom: 15px;
    }

}