@media (max-width: 1300px) {
    .form-back {
        width: 80%;
        height: 60%;
    }
    .barberia-body {
        background-size: cover;
    }
    .barberia-white.barberia-unas {
        background-size: auto 100% !important;
        background-position: 65% 0 !important;
    }
    .logo-barberia img {
        max-height: 50px;
    }
    .barberia-black .barberia-name {
        font-size: 16px;
    }
    .barberia-black .cambiar-ubicacion {
        font-size: 20px;
    }
    .barberia-black .cambiar-h {
        font-size: 14px;
    }
    .barberia-header-container {
        padding: 10px;
    }
    .header-barberia-p {
        font-size: 10px;
    }
    .bar-menu li,
    .barberia-white .bar-menu li,
    .card-content h3,
    .card-content p {
        font-size: 14px;
    }
    .barberia-service {
        min-width: 20%;
    }
    .barberia-black .barberia-h3,
    .barberia-black .barberia-login-h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .barberia-small {
        font-size: 10px;
    }
    .main-photo {
        width: 25%;
    }
    .cal-b,
    .barberia-black .cambiar-p,
    .barberia-black .cambiar-i,
    .barberia-black .barberia-h4,
    .customer-input,
    .customer-input-div .fa-solid,
    .customer-input-div .fa-regular,
    .customer-input-div .additional-phone,
    .time-flex .fa-solid,
    .time-flex .fa-regular,
    .added-price,
    .barberia-p,
    .customer-input-div .country-code-label .country-code-input {
        font-size: 12px;
    }
    .container-barberia-main {
        flex-direction: column;
    }
    .second-photo {
        width: 100%;
    }
    .barberia-btns {
        justify-content: center;
    }
    .reserve-btn {
        width: 60%;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .customer-form-btn {
        font-size: 12px;
    }
    .header-unauth-logo {
        padding: 0 10px;
    }
    .slider-txt {
        padding: 0 20px 0 0;
        justify-content: start;
    }
    .slide {
        min-height: 320px;
    }
    .itogi-btns {
        width: 60%;
    }
    .abs-lt {
        font-size: 36px;
    }
    .main-h4-inside,
    .meet-calendar,
    .standarts {
        width: 90%;
    }
    .main-h4-inside h4 {
        font-size: 20px;
        padding: 10px 0;
    }
    .meet-month {
        width: 32%;
    }
    .meet-month h4 {
        font-size: 16px;
    }
    .meet-meeting b,
    .meet-meeting p,
    .meet-btn,
    .standart i,
    .standart p {
        font-size: 14px;
    }
    .small-slide h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .small-slide ul li {
        font-size: 14px;
    }
    .small-slide {
        max-height: 160px;
    }
    .reviews {
        width: 90%;
        padding-top: 10px;
        padding-left: 10px;
    }
    .video-rut {
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
    }
    .standarts-40 {
        width: 40%;
    }
    .input-box input,
    .input-box input.for-phone {
        font-size: 14px;
        font-weight: 400;
        padding: 5px 5px 5px 40px;
    }
    .input-box input.for-phone {
        padding: 5px 5px 5px 50px;
    }
    .txt-description h2 {
        font-size: 20px;
    }
    .txt-description h3 {
        font-size: 18px;
        margin: 5px 0;
    }
    .txt-description p, .txt-description ul li {
        font-size: 14px;
    }
    .black-square {
        width: 200px;
        height: 100px;
    }
    .barberia-black {
        background-size: 100% !important;
        background-position: top left !important;
    }
    .barberia-white {
        background-size: 100% !important;
        background-position: top left !important;
    }
    .barberia-white .main-photo {
        width: 40%;
    }
    .barberia-white .barberias-choose {
        width: 70%;
    }
    .barberia-white .barberia-h4 {
        font-size: 16px;
    }
    .barberia-white .barberia-p,
    .barberia-white .barberia-i,
    .barberia-white .barberia-b {
        font-size: 14px;
    }
    .barberia-white .small-i {
        font-size: 12px;
    }
    .barberia-white .second-photo {
        width: 57%;
    }
    .container-for-slider {
        overflow: hidden;
        padding: 40px 0 40px 50px;
    }
    .abs-h3 {
        font-size: 36px;
    }
    .block-h {
        font-size: 20px;
    }
    .block-p {
        font-size: 14px;
    }
    .time-bar-input {
        font-size: 10px;
    }
    .item .cert-name h3 {
        font-size: 24px;
    }
}

@media (max-width: 900px) {
    .barberia-black {
        background-size: auto 100% !important;
        background-position: top left !important;
    }
    .barberia-white {
        background-size: auto 100% !important;
        background-position: top left !important;
    }
    .slider-txt {
        width: 40%;
    }
    .slider-content {
        width: 60%;
    }
    .fly-form {
        left: 30%;
    }
    .waiter-sign {
        width: 100%;
    }
    .menew-item {
        font-size: 14px;
    }
    .item .cert-name h3 {
        font-size: 18px;
    }
    .item p.cert-issue {
        font-size: 10px;
    }
}

@media (max-width: 890px) and (max-height: 450px) {
    .barberia-black {
        background-size: 100% auto !important;
    }
    .barberia-white {
        background-size: 100% auto !important;
    }
    .barberia-white .barberias-choose {
        height: auto;
    }
    .container-reservar {
        padding: 10px 0 0 50px;
    }
    .customer-input-div {
        min-width: 25%;
    }
}

@media (max-width: 699px) {
    .form-btn {
        width: 80%;
    }
    .logo-barberia img {
        max-height: 30px;
    }
    .barberia-black .barberia-name {
        font-size: 12px;
    }
    .header-barberia-p {
        font-size: 8px;
    }
    .barberias-choose {
        height: auto;
        padding: 40px 20px;
        width: 70%;
    }
    .barberia-black .barberia-h3,
    .barberia-black .barberia-login-h3,
    .barberia-black .cambiar-ubicacion {
        font-size: 14px;
    }
    .barberia-service {
        padding: 10px;
    }
    .barberia-black .cambiar-p,
    .barberia-black .cambiar-i,
    .barberia-black .barberia-h4,
    .barberia-black .added-service,
    .barberia-black .added-price,
    .barberia-black .barberia-small {
        font-size: 8px;
    }
    .cal-b,
    .customer-input,
    .customer-input-div .fa-solid,
    .customer-input-div .fa-regular,
    .customer-input-div .additional-phone,
    .time-flex .fa-solid,
    .time-flex .fa-regular,
    .customer-input-div .country-code-label .country-code-input {
        font-size: 10px;
    }
    .card-content h3,
    .card-content p {
        width: 80%;
        margin-bottom: unset;
    }
    .barberia-p,
    .customer-form-btn,
    .card-content h3,
    .card-content p {
        font-size: 10px;
    }
    .container-reservar {
        padding: 0;
        justify-content: center;
        align-items: center;
    }
    .reserve-btn {
        font-size: 10px;
        margin-bottom: 5px;
        padding: 10px 5px;
    }
    .container-barberia-main {
        flex-direction: column;
    }
    .second-photo {
        width: 100%;
    }
    .barberia-choose-div {
        padding: 10px;
    }
    .customer-input {
        padding: 10px 5px 10px 25px;
    }
    .customer-input-div .country-code-label {
        width: 15px;
        left: 5px;
    }
    .customer-input-div .fa-solid,
    .customer-input-div .fa-regular,
    .customer-input-div .additional-phone,
    .time-flex .fa-solid,
    .time-flex .fa-regular{
        left: 0;
    }
    .time-flex {
        margin-bottom: 10px;
    }
    .container-time {
        margin: 0;
    }
    .get-errors p {
        font-size: 12px;
    }
    .abs-lt,
    .abs-lt.school {
        font-size: 28px;
    }
    .courses-h4 {
        font-size: 18px;
    }
    .course-item {
        width: 100%;
    }
    .block-description {
        left: 0;
        width: 300px;
    }
    .black-btn,
    .sol-btn,
    .anchor-btn,
    .user-language,
    .personal-input-new,
    .personal-bar-check span {
        font-size: 10px;
    }
    .txt-description {
        padding: 20px;
    }
    .txt-description h2 {
        font-size: 14px;
    }
    .txt-description h3 {
        font-size: 14px;
        margin: 5px 0;
    }
    .txt-description p, .txt-description ul li {
        font-size: 12px;
    }
    .fly-form {
        width: 350px;
        left: 0;
    }
    .container-menu,
    .container-menew {
        width: 50%;
    }
    .current-previous-theme p {
        font-size: 8px;
    }
    .homework-option {
        font-size: 10px;
    }
    .order-split img {
        height: auto;
        width: 100%;
    }
    .item {
        padding: 10px;
    }
    .menew-item {
        font-size: 12px;
    }
    .slide {
        min-height: 250px;
        background-position: 50% 50%;
    }
    #slider {
        border-radius: 5px;
    }
    .order-name {
        font-size: 8px !important;
    }
    .order-split,
    .order-big-split,
    .order-split.for-personal {
        padding: 5px;
    }
    .personal-workday-new {
        width: 100%;
    }
    .personal-workday-new.hidden-domingo {
        max-height: 30px;
        width: 47%;
    }
    @keyframes unfold {
        from {
            width: 47%;
            max-height: 30px;
        }
        to {
            width: 100%;
            max-height: unset;
        }
    }
    @keyframes fold {
        from {
            width: 100%;
        }
        to {
            width: 47%;
            max-height: 30px;
        }
    }
    .yu-btn {
        font-size: 10px;
    }
    .black-square {
        width: 200px;
        height: 100px;
    }
    .weekday-bar.barberia-workday b,
    .weekday-bar.barberia-workday .time-bar-container .time-bar-div p {
        font-size: 10px;
    }
    .weekday-bar.barberia-workday .morning-afternoon {
        font-size: 10px;
    }
    .barberia-black {
        background-size: auto 100% !important;
        background-position: top left !important;
    }
    .barberia-white{
        background-size: auto 100% !important;
    }
    .barberia-white .barberia-h4,
    .barberia-white .barberia-p,
    .barberia-white .barberia-b,
    .barberia-white .change-barberia-weekdays .weekday-bar.barberia-workday .morning-afternoon {
        font-size: 12px;
    }
    .barberia-white .barberia-i {
        font-size: 10px;
    }
    .barberia-white .barberia-name {
        font-size: 18px;
    }
    .barberia-white .barberia-h3,
    .barberia-white .barberia-login-h3,
    .barberia-white .reserve-btn,
    .barberia-white .change-barberia-weekdays .weekday-bar.barberia-workday b {
        font-size: 16px;
    }
    .barberia-white .main-photo {
        width: 25%;
    }
    .barberia-white .second-photo {
        width: 100%;
        border-radius: 0;
    }
    .barberia-white .second-photo img {
        border-radius: 0;
    }
    .barberia-white .container-barberia-contacts {
        padding: 10px;
    }
    .barberia-white .barberia-location {
        min-width: 60%;
    }
    .barberia-white .barberia-btns {
        width: 40%;
    }
    .barberia-white .barberia-location .barberia-p,
    .barberia-white .change-barberia-weekdays .weekday-bar.barberia-workday .time-bar-container .time-bar-div p {
        font-size: 14px;
    }
    .barberia-white .cambiar-ubicacion {
        font-size: 24px;
    }
    .barberia-white .cambiar-h {
        font-size: 18px;
    }
    .barberia-white .cambiar-p,
    .barberia-white .cambiar-i,
    .barberia-white .cambiar-b {
        font-size: 14px;
    }
    .barberia-white .barberias-choose {
        height: 70%;
    }
    .barberia-white .barberia-choose-div {
        min-width: 90%;
    }
    .barberia-white .customer-form-btn {
        font-size: 14px;
    }
    .barberia-white .contacts-barberia,
    .barberia-black .contacts-barberia {
        flex-wrap: wrap;
        justify-content: end;
    }
    .barberia-white .contacts-barberia .header-barberia-p {
        margin-bottom: 10px;
        font-size: 12px;
    }
    #changeLang {
        flex-basis: 100%;
        margin-bottom: 10px;
    }
    .block-plus {
        width: 45%;
        min-width: unset;
        margin-bottom: 100px;
    }
    .home-btn {
        width: 40%;
    }
    .header-logo {
        width: 20%;
    }
    .fast-btns {
        padding: 0 20px 0 0;
        width: 40%;
    }
    .home-btn-menew,
    .home-btn p {
        font-size: 14px;
    }
    .menew-ul {
        padding-left: 20px;
    }
    .menew-item i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .calendar .header-logo {
        display: none;
    }
    .calendar .fast-btns {
        width: 75%;
        gap: 1%;
        justify-content: start;
    }
    .calendar .fast-btns i {
        display: none;
    }
    .item b,
    .item p,
    .barberia-pagina,
    .personal-input,
    .order-data-item.personal-data-item p,
    .change-form-input,
    .change-form-input.service-input,
    .change-form-input.new-service-input,
    .form-btn,
    .footer-menu ul li,
    .fly-select.header-cal-select,
    .fly-input,
    .fly-select,
    .unpaid-inside .unpaid-sub-header h3,
    .unpaid-inside .unpaid-subs-container .crear-input-div .add-select,
    .crear-input-div .country-code-input,
    .crear-input-div .additional-phone {
        font-size: 10px;
    }
    .crear-btn {
        padding: 10px;
        font-size: 10px;
    }
    .time-elem, .clock-elem, .container-for-shrink {
        height: 40px;
    }
    .clock-elem-empty {
        height: 39px;
    }
    .time-elem.cita-past-time, .time-elem.cita-time {
        max-height: 40px;
        height: 40px;
    }
    .times {
        padding: 60px 10px 20px 20px;
    }
    .header-cal-bar-div {
        min-width: 30%;
    }
    .crear-date-input-div #vanilla-calendar {
        left: unset;
        right: 0;
    }
    .crear-input-div input[name="creartime"] {
        font-size: 7px;
    }
    .crear-form {
        max-width: 80%;
    }
    .weekday-bar {
        max-width: 48%;
    }
    .time-bar-input::-webkit-calendar-picker-indicator {
        display: none;
    }
    .weekday-bar b {
        font-size: 14px;
    }
    .weekday-bar .morning-afternoon {
        font-size: 10px;
    }
    .input-file-text {
        width: 100px;
    }
    .change-barberia-inputs,
    .change-form-elem.elem-services {
        width: unset;
    }
    .change-form-input {
        padding: 10px 5px 10px 30px;
    }
    .change-form-input.service-input,
    .change-form-input.new-service-input {
        padding: 5px;
    }
    .pagination-div {
        padding: 10px;
        font-size: 12px;
        border: 1px solid #dddddd;
        flex-direction: column;
    }
    .pagination-per-page, .pagination-pages {
        width: 100%;
    }
    .pagination-pages {
        justify-content: space-between;
        margin-top: 20px;
    }
    .page-holder {
        width: 100%;
    }
    .page-elem {
        padding: 10px 0;
    }
    .customer-input-div .additional-phone.edit-profile-phone {
        left: 15px;
    }
    .bar-profile-wrapper {
        flex-direction: column-reverse;
    }
    .bar-profile-orders, .bar-profile-user {
        width: 100%;
        max-width: 100%;
    }
    .bar-profile-orders {
        overflow-y: scroll;
    }
    .barberia-header-container .logo-barberia:first-child {
        flex: unset;
        width: 30%;
    }
    .barberia-header-container .logo-barberia:last-child {
        flex: unset;
        width: 70%;
    }
    .bar-menu li,
    .barberia-white .bar-menu li {
        font-size: 12px;
    }
    .bar-login-div {
        max-width: 90%;
        width: 90%;
    }
    .barberia-white .customer-form-btn {
        width: unset;
    }
    .absolute-i {
        display: none;
    }
    .add-new-card-div.cards-fifty {
        width: 100%;
        max-width: unset;
    }
    .cards-label {
        min-width: 55%;
    }
    .update-card,
    .delete-card {
        padding: 5px;
        font-size: 8px;
    }
    .cards-calendar.client-calendar-cards.vanilla-calendar.vanilla-calendar_default  {
        left: -140%;
    }
    .item .cert-name h3 {
        font-size: 16px;
    }
    .item p.cert-issue {
        font-size: 6px;
    }
    .cert-image {
        width: 90%;
    }
    .container-for-slider {
        flex-wrap: wrap;
        padding: 0;
        justify-content: center;
    }
    .slider-txt {
        width: 90%;
        padding: 20px 0;
    }
    .slider-content {
        width: 90%;
    }
    .main-h4-inside.jc-end {
        flex-flow: column-reverse;
    }
    .itogi-btns {
        width: 100%;
    }
    .itogi-btns button {
        padding: 10px;
        font-size: 1rem;
    }
    .meet-meeting b, .meet-meeting p{
        font-size: 7px;
    }
    .meet-btn {
        font-size: 10px;
    }
    .standart i, .standart p {
        font-size: 10px;
    }
    .standarts-60,
    .standarts-40 {
        width: 100%;
    }
    .input-box input.for-phone {
        padding: 5px 5px 5px 50px;
    }
    .for-footer {
        padding: 40px 20px;
    }
    .container-for-blocks.for-block-second {
        margin-bottom: 500px;
    }
    .block-second {
        position: relative;
    }
    .block-plus.for-pi {
        position: absolute;
        top: calc(100% - 100px);
        width: calc(100% - 40px);
        left: 20px;
        height: unset;
    }
    .abs-desc {
        padding: 5px;
    }
    .abs-desc h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .abs-desc p {
        font-size: 8px;
    }
    .block-plus img:hover + .abs-desc, .abs-desc:hover {
        height: 95%;
    }
    .people-h4-div h4 {
        font-size: 14px;
        padding: 10px;
    }
    .people-item {
        width: 30%;
    }
    .results-h4 {
        font-size: 18px;
    }
    .nomination-div {
        justify-content: space-around;
    }
    .first-place {
        flex-basis: 90%;
        width: 90%;
    }
    .second-place {
        width: 45%;
    }
    .first-place h5, .second-place h5 {
        font-size: 12px;
    }
    .results-city {
        width: 100%;
    }
    .results-input {
        font-size: 12px;
    }
    body.kazanpi {
        background-position: 50%;
    }
    .main-section {
        flex-wrap: wrap;
        justify-content: center;
    }
    .abs-menu {
        display: none;
    }
    .abs-img-hidden {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    body.kazanpi h3 {
        font-size: 16px;
    }
    body.kazanpi h1 {
        font-size: 24px;
        line-height: normal;
    }
    body.kazanpi .video-rut {
        width: 20%;
    }
    .abs-sections {
        width: 90%;
    }
    .kazanpi-div {
        padding: 40px 0;
        width: 100%;
    }
    .kazanpi-orange-btn {
        font-size: 14px;
    }
    .org-item {
        width: 40%;
    }
    .kazanpi-ul,
    .kazanpi-programm,
    .container-reviews,
    .kazanpi-form-div {
        width: 100%;
    }
    .container-reviews {
        overflow-x: scroll;
        gap: 10px;
    }
    .container-reviews::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    .container-reviews::-webkit-scrollbar-thumb {
        background: #b84a25;
        border-radius: 10px;
    }
    .container-reviews::-webkit-scrollbar-thumb:hover {
        background: #e85d2d;
    }
    .video-rut {
        min-width: 120px;
    }
    .price {
        width: 100%;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
        margin-bottom: 10px;
    }
    .kazanpi-splitter {
        flex-wrap: wrap;
    }
    .refund-div-inside {
        width: calc(80% - 40px);
        padding: 20px;
    }
}

@media (max-width: 420px) {
    .barberia-black .barberia-name {
        font-size: 10px;
    }
    .container-barberia-flex {
        padding: 10px;
    }
    .barberia-service {
        padding: 5px;
    }
    .barberia-p,
    .personal-bar-check span {
        font-size: 8px;
    }
    .show-create-btn {
        font-size: 12px;
    }
    .barberia-choose-div {
        min-width: 80%;
        margin-bottom: 20px;
    }
    .main-header {
        font-size: 14px;
        margin-left: 5px;
    }
    .weekday-bar.barberia-workday .morning-afternoon,
    .card-content h3,
    .card-content p {
        font-size: 8px;
    }
    .menu {
        padding: 40px 0 0 10px;
    }
    .menew-item {
        font-size: 10px;
    }
    .order-data-item.bars-btns {
        flex-direction: column;
        align-items: center;
    }
    .black-btn,
    .sol-btn,
    .anchor-btn {
        padding: 5px;
        font-size: 10px;
    }
    .home-btn p {
        font-size: 14px;
    }
    .home-btn i {
        margin-right: 10px;
        font-size: 14px;
    }
    .homeun-btn img {
        height: 40px;
    }
    .fly-form {
        width: 300px;
        left: 0;
    }
    .abs-p {
        font-size: 12px;
    }
    .signup-form {
        padding: 0 20px;
    }
    .container-menu {
        min-width: 30%;
    }
    .menu-item {
        font-size: 10px;
        margin-bottom: 15px;
    }
    .item {
        padding: 10px 5px 5px 5px;
    }
    .item h3 {
        font-size: 12px;
    }
    .item h3 {
        margin-bottom: 5px;
    }
    .order-big-split {
        min-width: 50%;
    }
    .item b,
    .item p,
    .barberia-pagina,
    .personal-input,
    .order-data-item.personal-data-item p,
    .change-form-input,
    .change-form-input.service-input,
    .change-form-input.new-service-input,
    .form-btn,
    .footer-menu ul li,
    .fly-select.header-cal-select,
    .fly-input,
    .fly-select,
    .unpaid-inside .unpaid-sub-header h3,
    .unpaid-inside .unpaid-subs-container .crear-input-div .add-select {
        font-size: 10px;
    }
    .check-personal-bar {
        margin-bottom: 5px;
    }
    .order-split.for-personal .personal-input {
        flex-basis: 100%;
    }
    .main-container.change-profile {
        align-items: start;
    }
    .change-form-header {
        font-size: 14px;
    }
    .change-form .crear-input-div {
        flex-basis: 100%;
    }
    .change-form-input {
        padding: 10px 5px 10px 30px;
    }
    #change-btn {
        width: 50%;
    }
    .for-footer {
        padding: 20px;
    }
    .header-logo img {
        max-height: 30px;
    }
    .calendar .header-logo {
        display: none;
    }
    .calendar .fast-btns {
        flex: 1;
        width: auto;
        gap: 1%;
    }
    .crear-btn {
        padding: 10px;
        font-size: 10px;
    }
    .times {
        padding: 60px 10px 20px 20px;
    }
    .time-elem,
    .clock-elem,
    .container-for-shrink {
        height: 40px;
    }
    .time-elem.cita-past-time,
    .time-elem.cita-time {
        max-height: 40px;
        height: 40px;
    }
    .clock-elem-empty {
        height: 39px;
    }
    .container-new-form {
        width: 10%;
        height: 50%;
    }
    .fly-form.new-fly-form {
        width: 300px;
        height: 400px;
    }
    .fly-input.fly-date-chose {
        font-size: 12px;
    }
    .crear-form {
        max-width: 80%;
    }
    .barberia-white .barberia-name {
        font-size: 16px;
    }
    .abs-h3 {
        font-size: 20px;
    }
    .unpaid-container {
        margin: 10px 0 50px 0;
    }
    .unpaid-slider-content {
        display: none;
    }
    .unpaid-inside {
        border-radius: unset;
        width: 90%;
        padding: 50px 10px 50px 10px;
    }
    .unpaid-inside h3 {
        font-size: 24px;
    }
    .unpaid-sub h4 {
        font-size: 14px;
    }
    .unpaid-sub {
        padding: 5px;
    }
    .unpaid-sub p {
        font-size: 12px;
    }
    .unpaid-subs-container.subs-form {
         width: unset;
    }
    .bar-profile-orders, .bar-profile-user {
        max-width: unset;
        width: 90%;
    }
    .bar-menu li,
    .barberia-white .bar-menu li {
        font-size: 10px;
    }
    .barberia-white .customer-form-btn {
        font-size: 12px;
    }
    .item .cert-name h3 {
        font-size: 8px;
    }
    .item p.cert-issue {
        font-size: 4px;
    }
    .slide {
        min-height: 200px;
    }
}