@media only screen and (min-width: 1921px) and (max-width: 3840px) {
  .inside,
  .footer .inside {
    width: 96%;
  }
  .filter .text {
    width: 17%;
  }
  .filter .select {
    width: 17%;
  }
  
  .filter .group {
    width: 34%;
  }
  .filter .calendar.from,
  .filter .calendar.to {
    width: 50%;
  }
  .filter .submit {
    width: 10%;
  }


}
@media only screen and (min-width: 1861px) and (max-width: 1920px) {
  .footer .inside {
    width: 1660px;
  }
  
}
@media only screen and (min-width: 1861px) {

  .directions .inside {
    width: 1504px;
  }

  .contact-form .inside,
  .rent-page .inside {
    width: 1740px;
  }
  .about .inside {
    width: 1702px;
  }
  .requirements .inside {
    width: 1740px;
  }

  .forbidden .inside {
    width: 1740px;
  }
  .lagedge_sizes .inside {
    width: 1740px;
  }
  

}
@media only screen and (min-width: 1501px) {
  .opendate-intro .insdide {
    width: 1600px;
  }
  .return-intro .inside {
    width: 1600px;
  }
}
@media only screen and (min-width: 1401px) {
  .contact-information .inside {
    width: 1440px;
  }

  .contact-phones .inside {
    width: 1200px;
  }

  .rules .inside {
    width: 1580px;
  }
  .about_pets .inside {
    width: 1500px;
  }
}

@media only screen and (max-width: 1860px) {
  .inside,
  .rules .inside {
    width: 1480px;
  }
  .footer .coll-1,
  .footer .coll-2 {
    width: 300px;
  }
  .footer .heading {
    line-height: 1.2;
  }
  .directions .list .item {
    padding-bottom: 100px;
  }
  .filter .text {
    width: 264px;
  }

  .filter .calendar.from,
  .filter .calendar.to {
    width: 164px;
  }
  .filter .select {
    width: 264px;
  }
  .filter .text input,
  .filter .submit button,
  .filter .select select,
  .filter .calendar input {
    height: 60px;
  }
  .filter .calendar.to button {
    right: 14px;
  }
  .directions .list .item .button a {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
  }
  .return-intro .with-icon h4:before {
    left: 0;
  }
  .return-intro .with-icon h4 {
    padding-left: 130px;
  }
  .return-intro .item {
    padding: 40px 30px;
  }
  .return-intro .item h4 {
    font-size: 20px;
  }
  .return-intro .item .item-heading {
    height: 140px;
  }
  .return-intro .item ul li {
    line-height: 1.35;
  }
  .lagedge_sizes .description {
    width: 360px;
    font-size: 18px;
  }
  .lagedge_sizes .example {
    width: 340px;
  }
  .lagedge_sizes .description h3 {
    font-size: 28px;
    margin-bottom: 18px;
  }
  .lagedge_sizes .example img {
    max-width: 100%;
  }
  .lagedge_sizes .example {
    padding: 20px 10px;
    font-size: 18px;
  }
  .lagedge_sizes .example .parameters li {
    padding: 12px 24px 12px 50px;
  }
  .lagedge_sizes .example .parameters li:before {
    left: 30px;
  }
  .forbidden .list {
    width: 1030px;
    gap: 24px 0;
  }
  .forbidden .description {
    width: 360px;
    font-size: 18px;
  }
  .rull_item .icon {
    width: 62px;
    height: 62px;
  }
  .rull_item .text {
    width: calc(100% - 66px);
  }
  .rull_item {
    padding: 16px;
    width: 508px;
    max-width: 49%;
  }
  .forbidden {
    padding: 100px 0;
  }
  .rules h3 {
    margin-bottom: 40px;
  }
  .rules .item {
    padding: 40px;
  }
  .direction_path-section .direction-places {
    padding: 0;
    font-size: 18px;
  }
  .direction_path-section .direction-places__item p {
    padding-left: 52px;
  }
  .direction_path-section .direction_inner .tabulations .buttons button {
    width: 260px;
    height: 54px;
    font-size: 18px;
  }
  .direction_path-section .direction_inner h3 {
    font-size: 22px;
  }
  .direction_tickets .ticket {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .direction_tickets .ticket .place {
    width: 350px;
  }
  .direction_tickets .ticket .description {
    width: 360px;
  }
  .direction_tickets .ticket .order {
    width: 250px;
  }
  .direction_tickets .ticket .description .txt {
    padding-left: 30px;
  }
  .direction_tickets .ticket .place.from:after {
    right: -20px;
  }
  .direction_tickets .ticket .order .price strong {
    font-size: 26px;
  }
  .direction_tickets {
    padding: 60px 0;
  }
  .direction_tickets .button-center a {
    height: 60px;
    font-size: 20px;
    line-height: 60px;
  }
  .direction_tickets .ticket .order .button a {
    height: 60px;
    font-size: 20px;
    line-height: 60px;
  }
  .direction_tickets .ticket .place {
    height: 210px;
  }
  .payment-checkout .inside {
    width: 1320px;
  }
  body section.filter .group {
    flex: 0 0 320px;
  }
  body section.filter .text.place .vue-select .control {
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 1500px) {
  .inside,
  .about_pets .inside,
  .rules .inside {
    width: 1200px;
  }
  .direction_path-section .directions-toggler {
    font-size: 20px;
  }
  .direction_path-section .direction-places__item p {
    padding-left: 36px;
  }
  .direction_path-section .direction-places__item {
    padding: 0 14px;
  }
  .direction_path-section .direction-places__item p:before {
    width: 34px;
    height: 30px;
    background-size: contain;
  }
  .direction_path-section .direction-places {
    font-size: 16px;
  }

  body {
    font-size: 18px;
  }
  .footer {
    font-size: 18px;
  }
  .header_nav .logo img {
    width: 150px;
  }
  .directions .list .item {
    width: 574px;
    padding: 30px;
  }
  .directions .list .item h3 {
    margin-bottom: 20px;
    font-size: 32px;
  }
  .rules h3,
  .title {
    font-size: 42px;
  }
  textarea,
  input[type="text"] {
    font-size: 18px;
  }
  select {
    font-size: 18px;
  }
  ::placeholder {
    font-size: 18px;
  }
  ::-ms-input-placeholder {
    font-size: 18px;
  }
  .directions .list .item {
    padding: 20px;
    padding-bottom: 100px;
  }
  .main_hero .slider .slick-slide .item {
    height: 500px;
  }
  .main_hero h1 {
    font-size: 36px;
  }
  .main_hero h2 {
    font-size: 20px;
  }
  .footer .coll-3 {
    gap: 70px;
  }
  .filter .select,
  .filter .text {
    width: 200px;
  }
  .filter .calendar.from, .filter .calendar.to {
    width: 140px;
  }
  .filter .submit {
    width: 186px;
  }

  .filter .calendar input,
  .filter .select select,
  .filter .text input {
    padding-left: 40px;
  }

  .filter .select:before {
    left: 12px;
  }
  .filter .calendar input {
    background-position: 12px center;
  }
  .filter .text.place input {
    background-position: 12px center;    
  }
  .gallery .inside {
    width: 1200px;
  }
  .about .description strong {
    font-size: 22px;
  }
  .about .description {
    font-size: 18px;
  }
  .logos {
    margin-top: 12px;
  }
  .about .description .button {
    margin-top: 12px;
  }
  .about .description p {
    margin-bottom: 14px;
  }
  .logos li {
    height: 100px;
  }
  .about .about-top_part {
    margin-bottom: 70px;
  }
  .rent_form h3 {
 
    margin-bottom: 16px;
  }
  .rent_form {
    margin-top: -2px;
  }
  .rent_form .message textarea {
    height: 160px;
  }
  .rent_form .input input[type="text"] {
    height: 60px;
  }
  .rent_form select {
    height: 60px;    
  }
  .rent_form .agree input,
  .rent_form .agree span {
    width: 30px;
    height: 30px;
  }
  .rent_form label {
    font-size: 24px;
  }
  .rent_form .button button {
    height: 60px;
  }
  .input input[type="text"] {
    height: 60px;
  }
  .contact-form .message textarea {
    height: 148px;
  }
  .heading {
    margin-bottom: 30px;
  }
  .coll-50.text h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .lagedge_sizes .description {
    width: 100%;
    margin-bottom: 40px;
  }
  .lagedge_sizes .attention-el:before {
    top: 50%;
    transform: translateY(-50%);
  }
  .lagedge_sizes .example {
    width: 32.5%;
  }
  .rull_item {
    max-width: 49.5%;
  }
  .forbidden .list {
    width: 840px;
    font-size: 18px;
    gap: 8px 0;
  }
  .forbidden .description h3:before {
    width: 48px;
    height: 48px;
  }
  .forbidden .description h3 {
    padding-left: 60px;
    font-size: 26px;
  }
  .forbidden .description {
    width: 300px;
  }
  .faq h3 {
    font-size: 42px;
  }
  .about_pets .image img {
    width: 500px;
  }
  .about_pets .description {
    width: 540px;
  }
  .about_pets .content:before {
    left: 338px;
  }
  .about_pets .description h3 {
    font-size: 26px;
  }
  .about_pets .description .button a {
    font-size: 20px;
    width: 410px;
    height: 60px;
    line-height: 60px;
  }
  .direction_path-section .direction-places {
    font-size: 14px;
  }
  .direction_path-section .direction-places__item p {
    padding-left: 46px;
  }
  .direction_tickets .ticket .place {
    padding: 12px;
    width: 264px;
  }
  .direction_tickets .ticket .description .name {
    padding-left: 32px;
  }
  .direction_tickets .ticket .description .name:before {
    top: -4px;
  }
  .direction_tickets .ticket .order {
    width: 220px;
  }
  .direction_tickets .ticket .description {
    width: 300px;
  }
  .direction_tickets .ticket {
    padding: 20px 22px;
    font-size: 16px;
  }
  .direction_tickets .ticket .order .price {
    height: 110px;
    margin-bottom: 12px;
    padding: 26px 10px;
  }
  .direction_tickets .ticket .order .button a {
    height: 54px;
    font-size: 16px;
    line-height: 54px;
  }
  .direction_tickets .ticket .place {
    height: 178px;
  }
  .header .header_nav .nav {
    width: 440px;
    font-size: 16px;
    padding-right: 0;
  }
  .header_nav nav > div > ul {
    gap: 20px;
  }
  .directions .list .item .button {
    bottom: 20px;
    width: calc(100% - 40px);
    left: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .contact-information .information {
    width: 550px;
  }
  .contact-information .information .button {
    margin-top: 26px;
  }
  .contact-information .information p {
    margin-bottom: 16px;
  }

  .button button {
    height: 60px;
  }
  .contact-phones {
    font-size: 26px;
  }
  .about_pets .content {
    padding: 0;
  }
  .main_hero.direction_page .inside {
    height: 500px;
  }
  .payment-widget .inside {
    width: 1200px;
  }
  .payment-block .payment-currency .currencies .radio-button span:before {
    left: 2px;
    top: -6px;
  }
  .payment-block .payment-currency .currencies .radio-button {
    font-size: 18px;
  }
  .directions-block .direction .heading {
    padding: 14px 0;
  }
  .directions-block .direction .time {
    padding: 20px 0;
  }
  .ticket-ordering .buttons-block {
    margin-top: 20px;
  }
  .payment-checkout .collumns {
    gap: 20px 0;
  }
}
@media only screen and (min-width: 1201px) {
  .faq .inside {
    width: 1320px;
  }
  .opendate-intro .inside {
    width: 1440px;
  }
}
@media only screen and (max-width: 1200px) {
  .about_pets .inside {
    width: 960px;
  }
  .rules .inside {
    width: 760px;
  }
  .rules {
    padding: 100px 0;
  }
  .rules .content {
    gap: 20px;
  }
  .rules .item {
    max-width: 100%;
    width: 100%;
  }
  .inside {
    width: 960px;
  }
  body {
    font-size: 16px;
  }
  .footer {
    font-size: 16px;
  }
  .footer .coll-1 {
    width: 220px;
  }
  .footer .coll-2 {
    width: 200px;
  }
  .footer .social li img {
    width: 40px;
  }
  .footer .coll-3 {
    gap: 5vw;
  }
  .filter .select, .filter .text {
    width: 100%;
  }
  .filter {
    padding: 45px 0;    
  }
  .filter .content {
    gap: 10px;
    position: relative;
  }

  .filter .reverse {
    position: absolute;
    right: 12px;
    top: 12px;
  }
  .filter .submit {
    width: 100%;
  }
  .filter .group {
    width: 100%;
  }
  .filter div.content .calendar {
    width: 50%;
  }
  .gallery .inside .desc-text {
    padding-top: 30px;
    margin-bottom: 60px;
  }
  .gallery .inside .title-text,
  .gallery .inside .coll .img:not(:last-child) {
    margin-bottom: 60px;
  }
  .heading {
    font-size: 20px;
  }
  .heading h3 {
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 36px;
  }
  .contact-information .information {
    width: 440px;
    font-size: 18px;
  }
  .contact-phones {
    font-size: 22px;
    padding: 80px 0;
  }
  
  .contact-phones h3 {
    font-size: 32px;
  }
  .contact-information .information a {
    display: inline;
  }
  .return-intro .with-icon h4:before {
    width: 60px;
    height: 40px;
    top: 4px;
  }
  .return-intro .with-icon h4 {
    padding-left: 80px;
  }
  .return-intro .item h4 {
    font-size: 18px;    
  }
  .return-intro .item {
    padding: 30px 20px;
  }
  .return-intro .item .item-heading {
    height: 130px;
  }
  .forbidden .description {
    width: auto;
    margin-bottom: 30px;
  }
  .forbidden .list {
    width: 100%;
  }
  .rules,
  .forbidden {
    padding: 80px 0;
  }
  .rull_item .icon {
    width: 50px;
    height: 50px;
  }
  .rull_item {
    padding: 12px;
  }
  .rull_item .text {
    width: calc(100% - 50px);
  }
  .lagedge_sizes .example .parameters li {
    font-size: 16px;
  }
  .lagedge_sizes .example .parameters li {
    padding: 10px 18px 10px 46px;
  }
  .lagedge_sizes .example .parameters li:before {
    left: 20px;
  }
  .faq h3 {
    font-size: 32px;
  }
  .about_pets .image img {
    width: 400px;
  }
  .about_pets .description {
    width: 500px;
  }
  .about_pets .description h3 {
    font-size: 22px;
  }
  .about_pets .content:after {
    top: 100px;
    width: 160px;
    height: 150px;
  }
  .about_pets .content:before {
    top: -20px;
    left: 210px;
    width: 160px;
    height: 150px;
  }
  .direction_path-section {
    padding: 50px 0;
  }

  .direction_path-section .directions-toggler {
    font-size: 16px;
  }
  .direction_path-section .directions-toggler .flex li img,
  .direction_path-section .directions-toggler .flex li svg {
    top: -4px;
  }
  .main_hero.direction_page {
    font-size: 24px;
  }
  .direction_tickets .ticket .description {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 0;
  }
  .direction_tickets .ticket .place {
    width: calc(50% - 132px);
  }
  .view_schema-1 table td:first-child {
    padding-left: 20px;
  }
  .view_schema-1 .heading {
    padding: 8px 20px;
  }
  .view_schema-1 {
    font-size: 18px;
  }

  .payment-widget .inside {
    width: 960px;
  }
  .ticket-ordering .informtion-forms .block-form .button button {
    padding-left: 0;
  }
  .button button {
    height: 50px;
  }
  .ticket-ordering .informtion-forms .block-form .field {
    margin-bottom: 10px;
  }
  .ticket-ordering .informtion-forms .block-form .button {
    margin-top: 10px;
  }
  .payment-block .payment-notifications .info .info-element p {
    font-size: 18px;
  }
  .payment-block .payment-notifications .info .info-element {
    height: 180px;
    width: 260px;
    padding: 20px;
  }
  .payment-block .form-fields .select select,
  .payment-block .form-fields input {
    height: 60px;
  }
  .payment-block .form-fields {
    margin-bottom: 14px;
  }
  .payment-block .payment-currency .currencies .radio-button {
    padding-left: 14px;
    height: 60px;
  }
  .payment-block .payment-currency .currencies .radio-button:before {
    left: 10px;
  }
  .payment-block .payment-currency .currencies .radio-button:after {
    left: 15px;
  }
  .payment-block .payment-currency .currencies .radio-button span:before {
    background-size: 12px;
    width: 26px;
    height: 26px;
    top: -4px;
  }
  .directions-block .direction .heading {
    padding: 12px 0;
    margin-bottom: 14px;
    font-size: 18px;
  }
  .directions-block .direction .time {
    padding: 14px 0;
  }
  .directions-block .button button {
    height: 50px;
  }
  .directions-block .reverse-button button {
    width: 42px;
    height: 42px;
  }
  .directions-block .reverse-button button:after {
    background-size: 24px;
  }
  .payment-block .payment-notifications .info .info-element {
    height: 220px;
    padding: 6px;
  }
  .payment-block .payment-notifications .info .info-element .button button {
    font-size: 20px;
  }
  #winew-booking-app .payment-block .form-fields .select select, .payment-block .form-fields input {
    height: 50px;
    font-size: 20px;
  }
  #winew-booking-app .payment-block .city-select .vs__selected {
    font-size: 18px;
    min-width: 80%;
  }
  #winew-booking-app .payment-block .city-select .vs__dropdown-toggle {
    min-height: 50px;
  }
  body section.filter .group {
    flex: 0 0 100%;
  }

  .information_line,
  .header .header_nav .nav {
    display: none;
  }
}

@media only screen and (min-width: 680px) and (max-width: 1199px) {
  .payment-block .dp__calendar .dp__calendar_item {
    max-width: 13%;
    width: 13%;
  }
  .payment-block .dp__calendar .dp__cell_inner {
    width: 100%;
    aspect-ratio: 1;
    height: auto;
  }
  .payment-block .payment-notifications .booking-calendar-col {
    padding: 12px;
  }
  .dp__calendar .dp__cell_inner {
    font-size: 12px;
  }
  .dp__calendar .dp__cell_inner.dp__today,
  .dp__calendar .dp__pointer {
    border-width: 2px;
  }
  .order-directions .coll label {
    font-size: 20px;
    padding: 18px 20px 18px 4px;
  }


}

@media only screen and (min-width: 1199px) {
  .header-controls-mobile {
    display: none;
  }
  
  
}
@media only screen and (min-width: 961px) {
  .desc-text-mobile {
    display: none;
  }
}
@media only screen and (max-width: 960px) and (min-width: 681px) {
  .payment-widget .dp__instance_calendar {
    width: calc(30vw - 12px);
  }
}
@media only screen and (max-width: 960px) {
  .gallery .inside {
    padding: 0;
  }
  .gallery .inside {
  }
  .gallery .content {
    padding: 0 20px;
  } 
  .gallery .coll .desc-text,
  .gallery .coll .title-text {
    display: none;
  }
  
  .footer .coll-3 {
    gap: 30px;
  }
  .footer {
    padding: 60px 0;
  }
  .main_hero .slider .slick-slide .item {
    height: 400px;
  }
  .about .image {
    max-width: 100%;
    width: 460px;
    order: -1;
    margin-bottom: 20px;
  }
  .about .description {
    width: 100%;
    max-width: 100%;
  }
  .logos {
    margin-top: 36px;
  }
  .about .description p {
    margin-bottom: 20px;
  }
  .main_hero .texts {
    margin-top: 30px;
  }
  .rent-page .inside {
    width: 680px;
  }
  .rent-page .description {
    width: 100%;
    max-width: 100%;
  }
  .rent_form {
    max-width: 100%;
    width: 100%;
  }
  .contact-information .information a img {
    width: 30px;
  }
  .notification-text {
    font-size: 20px;
  }
  .about_pets .image img {
    width: 360px;
  }
  .about_pets .description {
    width: 450px;
  }
  .coll-50.text h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .simple-page {
    padding: 40px 0;
  }
  .accordion .list-item .name {
    font-size: 20px;
  }
  .direction_path-section .direction-places {
    gap: 16px 0;
    justify-content: space-around;
  }
  .direction_path-section .direction-places__item {
    max-width: 49%;
  }
  .direction_tickets .ticket .place.from {
    margin-right: 12px;
  }
  .direction_tickets .ticket .place {
    width: calc(50% - 118px);
  }
  .direction_tickets .ticket .order {
    width: 200px;
  }
  .main_hero.direction_page .small-intro .services-icons li {
    width: 50px;
    height: 50px;
  }
  .main_hero.direction_page .small-intro .services-icons li img {
    max-width: 26px;
    max-height: 26px;
  }
  .payment-widget .coll {
    max-width: 49.5%;
    width: 49.5%;
  }
  .payment-block .payment-currency .button {
    margin-top: 20px;
  }

  .payment-widget .payment-notifications .coll {
    max-width: 33%;
  }
  .payment-widget .form-fields .coll {
    max-width: 33%;
  }
  .payment-widget .payment-currency .coll {
    width: 400px;
  }
  .payment-block .payment-notifications .info .info-element p {
    font-size: 16px;
  }
  .payment-block .payment-notifications .info .info-element {
    height: 180px;
  }
  .payment-widget .coll {
    max-width: 32.8%;
  }
  .dp__month_year_wrap {
    font-size: 18px;
  }

}
@media only screen and (max-width: 920px) {
  .return-intro h3 {
    font-size: 28px;
  }
  .return-intro .attention-el {
    margin-top: 30px;
  }
  .return-intro {
    padding: 60px 0;
  }
  .return-intro .item .item-heading {
    height: 146px;
  }
}
@media only screen and (max-width: 860px) {
  .footer .coll-3 .coll-4_ {
    padding-top: 0;
  }
  .about_pets .content:before {
    top: 80px;
    left: 280px;
  }
  .about_pets .content {
    justify-content: center;
  }
  .about_pets .content:after {
    top: auto;
    bottom: 230px;
  }
  .about_pets .description {
    order: -1;
    margin-bottom: 30px;
    width: 100%;
  }
  .footer .coll-3 .coll-4_ .heading {
    display: none;
  }
  .footer .coll-3 {
    display: block;
  }
  .footer .coll-3 ul {
    margin-bottom: 30px;
  }
  .footer .coll-3 .coll-4_ ul:last-child {
    margin-bottom: 0;
  }
  .header_nav .logo img {
    width: 145px;
  }
  .header .header_nav {
    padding: 8px 0;
  }
  .directions .list .item .img .slick-dots {
    bottom: 14px;
  }
  .mobile-phone-widget,
  .mobile-navigation-widget {
    padding-top: 72px;
  }
  .return-intro .item {
    width: 100%;
    max-width: 100%;
  }
  .return-intro .item.with-icon {
    margin-bottom: 20px;
  }
  .return-intro .item .item-heading h4 {
    margin-bottom: 0;
  }
  .return-intro .item .item-heading {
    height: auto;
    margin-bottom: 20px;
  }
  .return-money_form {
    background: none;
  }
  .lagedge_sizes .content {
    gap: 20px;
    justify-content: center;
  }
  .lagedge_sizes .description {
    margin-bottom: 20px;
  }
  .lagedge_sizes .example {
    max-width: 100%;
    width: 400px;
  }
  .requisits .text {
    width: 100%;
    max-width: 100%;
    padding: 30px;
    margin-bottom: 20px;
    justify-content: flex-start;
  }
  .requisits .text > div {
    max-width: 100%;
  }
  .requisits .image {
    width: 100%;
    height: 300px;
    max-width: 100%;
  }
  .direction_path-section .direction_inner .tabulations .buttons {
    gap: 14px;
  }
  .direction_path-section .direction_inner .tabulations .buttons button {
    width: 220px;
  }
  .view_schema-1 .table td > p {
    display: block;
  }
  .view_schema-1 .table td:nth-child(3) {
    display: none;
  }
  .view_schema-1 .heading {
    text-align: left;
    font-size: 18px;
  }
  .view_schema-1 table td:first-child {
    padding-left: 10px;
    padding-right: 10px;
  }
  .payment-block .payment-notifications .info .info-element .button button {
    font-size: 18px;
  }

}
@media only screen and (max-width: 840px) {
  .directions .list .item h3 {
    font-size: 24px;
  }
  .title {
    font-size: 32px;
  }
  .contact-phones {
    font-size: 18px;
  }
  .message textarea {
    height: 120px;
  }
  .return-money_form .heading h3 {
    font-size: 32px;
  }
  .return-money_form .heading p strong {
    line-height: 1.15;
  }
  .return-money_form .field_group {
    margin-bottom: 14px;
  }
  .payment-block .payment-notifications .info .info-element {
    height: 194px;
  }
  .payment-block .payment-notifications .info .info-element .button button {
    height: 42px;
  }
  .payment-block .payment-notifications .info .info-element .button button span:before {
    left: 0;
    top: 0;
  }

}
@media only screen and (max-width: 760px) {
  .rull_item {
    max-width: 100%;
    width: 100%;
    padding: 20px;
  }
  .direction_path-section .direction_inner .tabulations .buttons button {
    width: 200px;
    font-size: 16px;
  }
  .direction_path-section .buy-ticket a {
    height: 56px;
    line-height: 56px;
    font-size: 18px;
  }
  .view_schema-1 .icons .flex li img {
    max-width: 30px;
    max-height: 30px;
  }
  .view_schema-1 .icons .flex li {
    width: 48px;
    height: 48px;
  }
  .view_schema-1 {
    font-size: 16px;
  }
  .main_hero.direction_page .small-intro .services-icons {
    gap: 12px;
  }
  #winew-booking-app .main_hero ul {
    display: none;
  }
  #winew-booking-app .main_hero:after {
    display: none;
  }
  #winew-booking-app .main_hero {
    background: #EAEAEA;
  }
  #winew-booking-app .main_hero .inside {
    height: 130px;
    padding-top: 115px;
  }
  #winew-booking-app .main_hero h1 {
    color: #000;
    text-transform: none;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
  }
  .payment-block .form-fields .select:after {
    width: 16px;
    background-size: contain;
  }
  .ticket-ordering .image {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
  .order-directions {
    gap: 12px;
  }
  .oneway.payment-widget .payment-notifications > .info {
    display: none;
  }
  .roundtrip.payment-widget .payment-notifications > .info:last-child {
    display: none;
  }
  section.payment-widget div div.coll.info {
    min-height: 260px;
  }
  .order-directions .coll label {
    padding: 14px 20px 14px 4px;
    font-size: 16px;
  }
  .footer .content .coll {
    width: 100%;
    text-align: center;
  }
  .footer .content .coll-3 {
    margin-top: 40px;
  }
  .footer .social {
    justify-content: center;
  }
  .footer .heading {
    margin-bottom: 20px;
  }
  .copy {
    padding: 30px 0;
  }
  .footer {
    font-size: 24px;
    padding: 50px 0;
  }
  .directions .list .item {
    width: 100%;
    max-width: 100%;
  }
  .directions .inside {
    width: 666px;
  }
  .directions .item:first-child {
    margin-bottom: 30px;
  }
  .main_hero h1 {
    margin-bottom: 14px;
  }
  .main_hero h2 {
    font-size: 18px;
  }
  .main_hero .slider .slick-slide .item {
    height: 350px;
  }
  .gallery .inside .title-text, .gallery .inside .coll .img:not(:last-child) {
    margin-bottom: 16px;
  }
  .gallery {
    padding: 60px 0;
  }
  .gallery .inside .desc-text {
    margin-bottom: 40px;
  }
  .about {
    text-align: center;
  }
  .about .about-part {
    justify-content: center;
  } 
  .logos li {
    height: 65px;
  }
  .about .description .button {
    margin-top: 36px;
  }
  .about .about-top_part {
    margin-bottom: 40px;
  }
  .rent_form label {
    text-align: center;
  }
  .rent_form .heading {
    text-align: center;
  }
  .rent-page .description {
    text-align: center;
  }
  .contact-information .information {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    order: -1;
  }
  .contact-information {
    padding: 40px 0;
  }
  .contact-information {
    padding: 40px 0;
  }
  .contact-information .socials ul {
    justify-content: center;
  }
  .contact-information .information {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .contact-information .image {
    max-width: 100%;
    height: 260px;
  }
  .contact-phones h3 {
    font-size: 24px;
  }

  .contact-phones .content .coll h4 {
    justify-content: center;
  }
  .contact-phones .content .coll:not(:last-child) {
    margin-bottom: 40px;
  }
  .contact-phones .content .coll {
    text-align: center;
    width: 100%;
    justify-content: center;
  }
  .contact-phones .coll-2:before,
  .contact-phones .coll-2:after {
    display: none;
  }
  .contact-phones {
    font-size: 24px;
  }
  .contact-form .block-form {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .field_group {
    margin-bottom: 10px;
  }
  .contact-form .image {
    max-width: 100%;
    height: 400px;
  }
  .heading {
    text-align: center;
  }
  .field_group label {
    font-size: 24px;
  }
  .field_group.agree {
    justify-content: center;
  }
  .contact-information .information {
    font-size: 24px;
  }
  .coll-50.image {
    width: 100%;
    max-width: 100%;    
  }
  .coll-50.text {
    margin-bottom: 20px;
    order: -1;
    width: 100%;
    max-width: 100%;
  }
  .return-money_form .input input[type="text"] {
    height: 50px;
  }
  .return-money_form h4 {
    margin-bottom: 18px;
    font-size: 24px;
  }
  .return-money_form .form-footer {
    font-size: 20px;
    line-height: 1.3;
  }
  .notification-text_simple ul {
    gap: 20px;
  }
  .lagedge_sizes .description h3 {
    font-size: 24px;
  }
  .faq h3 {
    font-size: 24px;
  }
  .rules h3, .title {
    font-size: 24px;
    line-height: 1.15;
  }
  .notification-text .ico img {
    width: 40px;
  }
  .notification-text .notification-text_inner {
    align-items: flex-start;
  }
  .notification-text {
    font-size: 18px;
    padding: 20px;    
  }
  .faq {
    padding: 60px 0;
  }
  .faq h3 {
    margin-bottom: 30px;
  }
  .about_pets .content:before {
    top: 120px;
    left: auto;
    right: 0px;
  }
  .direction_path-section .direction-places__item {
    height: 70px;
  }
  .direction_tickets .ticket .place {
    width: 47.8%;
    height: 150px;
  }
  .direction_tickets .ticket .place.from {
    margin-right: 0;
  }
  .direction_tickets .ticket {
    padding: 16px 14px;
  }
  .direction_tickets .ticket .order {
    width: 100%;
    margin-top: 14px;
  }
  .direction_tickets .ticket .order .price span:after {
    top: 8px;
  }

  section.payment-widget div div.coll {
    width: 100%;
    max-width: 100% !important;
  }
  .payment-widget .inside {
    width: 440px;
  }
  .payment-block .form-fields,
  .payment-block .payment-notifications {
    gap: 12px;
  }
  .payment-block .payment-notifications .info .info-element {
    height: auto;
    gap: 20px;
    padding: 20px;
  }
  .payment-block .payment-currency .currencies .radio-button:after {
    left: 30px;
  }
  .payment-block .payment-currency .currencies .radio-button:before {
    left: 25px;
  }
  .main_hero.pay-page ul button {
    width: 50px;
    height: 50px;
  }
  .main_hero.pay-page ul {
    gap: 30px;
  }
  .main_hero.pay-page ul li:not(:last-child):after {
    width: 22px;
    right: -26px;
    background-position: right center;
  }
  .ticket-ordering .collumns {
    gap: 20px;
  }
  section.payment-widget .bus-shape_wr {
    justify-content: center;
  }
  .directions-block .collumns {
    gap: 20px;
  }
}


@media only screen and (min-width: 581px) {
  .path-mobile {
    display: none;
  }
}

@media only screen and (max-width: 580px) {
  .direction_path-section .tabulations {
    display: none;
  }
  .view_schema:not(:last-child) {
    margin-bottom: 60px;
  }
  .view_schema:not(.active) {
    display: block;
  }
  .path-pc {
    display: none;
  }
  .field_group .input:not(:last-child) {
    margin-bottom: 10px;
  }
  .rent_form h3 {
    font-size: 24px;
  }
  .rent_form .field_group-50 .flex .input {
    max-width: 100%;
  }
  .rent_form .field_group-50 .flex .input:not(:last-child) {
    margin-bottom: 10px;
  }

  .return-money_form .attach-photos .photo p {
    height: 30px;
  }
  .return-money_form .attach-photos .photo {
    padding: 12px;
  }
  .return-money_form .attach-photos .photo svg {
    width: 32px;
  }
  .return-money_form .heading h3 {
    font-size: 26px;
  }
  .return-money_form {
    padding: 60px 0;
  }
 
  .return-intro h3 {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .notification-text_simple ul {
    gap: 10px;
  }
  .requisits .image {
    height: auto;
  }
  .breadcrumbs {
    font-size: 18px;
  }
  .direction_path-section .direction-places__item {
    max-width: 100%;
  }
  .direction_path-section .directions-toggler {
    font-size: 14px;
  }
  .direction_path-section .directions-toggler .flex li img,
  .direction_path-section .directions-toggler .flex li svg {
    width: 24px;
    left: 0;
  }
  .direction_path-section .directions-toggler .flex {
    gap: 10px;
  }
  .direction_path-section .directions-toggler .flex li {
    padding: 0 6px 10px 32px;
  }
  .direction_path-section .direction_inner h3 {
    display: none;
  }
  .direction_path-section .direction_inner .tabulations {
    padding-top: 0;
  }
  .mr-60 {
    margin-right: 0;
  }
  .view_schema-1 table td strong:first-child,
  .view_schema-2 table td strong:first-child {
    margin-bottom: 6px;
    display: block;
  }

  .main_hero h1 {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .about_pets .content:before {
    display: none;
  }
  .about_pets .content:after {
    bottom: 260px;
    right: -12px;
  }
  .about_pets .description .button a {
    font-size: 18px;
  }
  .requisits .text {
    padding: 20px;
  }
  .heading {
    font-size: 18px;
  }
  .breadcrumbs {
    font-size: 16px;
  }
  .direction_tickets .ticket .place {
    width: 100%;
  }
  .direction_tickets .ticket .place.from:after {
    right: 50%;
    top: 104%;
    transform: rotate(90deg);
    margin-right: -4px;
  }
  .direction_tickets .ticket .place.from {
    margin-bottom: 22px;
  }
  .main_hero.pay-page ul button {
    width: 42px;
    height: 42px;
  }
  .main_hero.pay-page ul button img {
      max-height: 20px;
      max-width: 20px;
  }
  .payment-checkout ul li {
    padding: 12px 0px;
  }
  .payment-checkout ul .has-icon {
    padding-left: 30px;
  }
  .payment-checkout ul .has-icon:before {
    left: 0;
  }
  .payment-block .payment-currency .currencies .radio-button:after {
    left: 20px;
  }
  .payment-block .payment-currency .currencies .radio-button:before {
    left: 15px;
  }
  
  .main_hero.direction_page .small-intro .services-icons {
    gap: 8px;
  }
  .main_hero.direction_page .small-intro .services-icons li img {
    max-width: 20px;
    max-height: 20px;
  }
  .main_hero.direction_page .small-intro .services-icons li {
    width: 44px;
    height: 44px;
  }
  .main_hero.direction_page {
    font-size: 20px;
  }
}
@media only screen and (max-width: 440px) {
  .payment-block .payment-widget .dp__instance_calendar {
    width: calc(100vw - 56px);
  }
  .payment-block .dp__calendar .dp__calendar_item {
    max-width: 13%;
    width: 13%;
  }
  .payment-block .dp__cell_inner.dp__today,
  .payment-block .dp__calendar .dp__cell_inner:not(.dp__cell_disabled) {
    border-width: 2px;
  }
  .payment-block .dp__calendar .dp__cell_inner {
    max-width: 100%;
    font-size: 14px;
    aspect-ratio: 1;
    height: auto;
    line-height: 1;
    
  }
  #winew-booking-app .payment-block .form-fields .select select, .payment-block .form-fields input {
    font-size: 16px;
  }
  .payment-block .payment-notifications .booking-calendar-col {
    padding: 12px;
  }

  .footer {
    font-size: 20px;
  }
  .copy {
    font-size: 18px;
  }
  .main_hero h1 {
    font-size: 28px;
    line-height: 1.15;
  }
  .main_hero h2 {
    font-size: 18px;
  }
  .inside {
    padding: 0 12px;
  }
  .message textarea {
    height: 80px;
  }
  
  .about_pets .description .button a {
    font-size: 16px;
  }
  .about_pets .content:after {
    width: 140px;
    height: 120px;
  }
  .requisits {
    padding-bottom: 60px;
  }
  .heading h3 {
    font-size: 24px;
  }
  .view_schema-1 .heading {
    padding: 8px 10px;
  }
  .main_hero.pay-page ul {
    gap: 20px;
  }
  .main_hero.pay-page ul li:not(:last-child):after {
    width: 16px;
    right: -18px;
  }
  .main_hero.direction_page .small-intro .services-icons li {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 420px) {
  .gallery .inside .coll {
    max-width: 100%;
    margin-bottom: 16px;
  }
  .gallery .inside .desc-text {
    padding-top: 0;
  }
}
@media only screen and (max-width: 380px) {
  .about_pets .image img {
    width: 320px;
  }
  .about_pets .content:after {
    bottom: 220px;
  }

}