@media only screen and (min-width: 1366px) {
    .top-header-wrapper .top-header {
        max-width: 1400px;
        margin: auto;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero {
        max-width: 1400px;
        margin: auto;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper .header-hero {
        max-width: 1400px;
        margin: auto;
    }

    .vacation-areas-wrapper .vacations {
        max-width: 1400px;
        margin: auto;
    }

    .last-vacation-wrapper .vacation-last {
        max-width: 1400px;
        margin: auto;
    }

    .discover-content-wrapper .discover-content {
        max-width: 1400px;
        margin: auto;
    }

    .why-tech-wrapper .why-tech {
        max-width: 1400px;
        margin: auto;
    }

    .news-wrapper .news {
        max-width: 1400px;
        margin: auto;
    }

    .footer-wrapper .footer {
        max-width: 1400px;
        margin: auto;
    }

    .inner-vacations-wrapper .inner-vacations {
        max-width: 1400px;
        margin: auto;
    }

    .header-main-wrapper .header-main {
        max-width: 1400px;
        margin: auto;
    }

    .share-wrapper .shareing {
        max-width: 1400px;
        margin: auto;
    }

    .vacations-page-wrapper .vacations-page {
        max-width: 1400px;
        margin: auto;
    }

    .general-information-page-wrapper .general-information-page {
        max-width: 1400px;
        margin: auto;
    }

    .discover-page-container-wrapper .discover-page-content {
        max-width: 1400px;
        margin: auto;
    }
}

@media only screen and (max-width: 1509px) and (min-width: 1380px){
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .wrapper-image {
        height: 350px !important;
    }
    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
}
@media only screen and (max-width: 1493px) and (min-width: 1390px) {
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .border2 {
        right: 300px;
    }
}

@media only screen and (max-width: 1390px) and (min-width: 1100px) {
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: block !important;
    }
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .border2 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .border1 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text {
        max-width: unset;
        width: auto;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text p {
        font-size: 15px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero {
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: flex-start;
        gap: 100px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: none;
    }

    .why-tech-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .why-tech-wrapper .why-tech h1 {
        font-size: 35px;
    }

    .discover-content-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-wrapper .news form {
        width: 100%;
    }

    .news-wrapper .news .right-box {
        width: 100%;
    }

    .news-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .search-area {
        margin: 6px auto auto;
        width: calc(100% - 100px);
    }

    .inner-vacations-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .inner-vacations-wrapper {
        margin-top: 35px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location article {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
    .modal-for-vacation-overlay .modal .form {
        grid-template-columns: repeat(1, 1fr) !important;
    }
      .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: block !important;
    }
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .border2 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .border1 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text {
        max-width: unset;
        width: auto;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text p {
        font-size: 15px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero {
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: flex-start;
        gap: 100px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        padding-left: 16px;
        padding-right: 16px;
    }

    .top-header-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-main-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .top-header-wrapper .top-header .left {
        gap: 12px;
    }

    .top-header-wrapper .top-header .left .info a {
        font-size: 14px;
    }

    .top-header-wrapper .top-header .right .wrapper-social-icon {
        width: 30px;
        height: 30px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper .header-hero .right-navbar-and-log-reg .navigators a {
        font-size: 16px;
    }

    .header-main-wrapper .header-main .right-navbar-and-log-reg .navigators a {
        font-size: 16px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper .header-hero .right-navbar-and-log-reg .log-reg .register-btn {
        padding: 13px 27px;
        font-size: 15px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper .header-hero .right-navbar-and-log-reg .log-reg .login-btn {
        padding: 13px 18px;
        font-size: 15px;
    }

    .header-main-wrapper .header-main .right-navbar-and-log-reg .log-reg .login-btn {
        padding: 13px 27px;
        font-size: 15px;
    }

    .header-main-wrapper .header-main .right-navbar-and-log-reg .log-reg .register-btn {
        padding: 13px 27px;
        font-size: 15px;
    }

    .vacation-areas-wrapper {
        margin-top: 35px;
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacation-areas-wrapper .vacations .title h1 {
        font-size: 35px;
    }

    .last-vacation-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 35px;
        margin-top: 40px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last h1 {
        font-size: 24px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a {
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a img {
        width: 18px;
        height: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation {
        padding: 12px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom {
        padding-left: 0;
    }

    .discover-content-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .discover-content-wrapper .discover-content h1 {
        font-size: 35px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item {
        padding: 12px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area {
        gap: 8px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time a span {
        text-align: end;
    }

    .why-tech-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .why-tech-wrapper .why-tech h1 {
        font-size: 30px;
    }

    .news-wrapper .news form {
        width: 100%;
    }

    .news-wrapper .news .right-box {
        width: 100%;
    }

    .news-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-wrapper .news {
        padding: 16px;
    }

    .news-wrapper .news .right-box h1 {
        font-size: 24px;
    }

    .news-wrapper .news .right-box p {
        font-size: 15px;
    }

    .news-wrapper .news .right-box {
        gap: 0;
    }

    .news-wrapper .news form .form-email a {
        font-size: 14px;
    }

    .footer-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .footer-wrapper .footer .head-footer .left .left-logo {
        width: 85px;
        height: 65px;
    }

    .footer-wrapper .footer .head-footer .left nav a {
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .left nav {
        gap: 10px;
    }

    .footer-wrapper .footer .head-footer .left {
        gap: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .login-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .register-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .information-and-socials .right .wrapper-social-icon {
        width: 26px;
        height: 26px;
    }

    .discover-page-container-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .search-area {
        margin: 6px auto auto;
        width: 100%;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation .item-last-vacation {
        padding: 6px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 0;
    }

    .inner-vacations-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .inner-vacations-wrapper {
        margin-top: 35px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left .warn-titles .titles h1 {
        font-size: 14px;
    }

    .share-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .general-information-page-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 568px) {
     .modal-for-vacation-overlay .modal .form {
        grid-template-columns: repeat(1, 1fr) !important;
    }
      .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: block !important;
    }
    .top-header-wrapper {
        display: none;
    }

    .hero-container-wrapper {
        margin-top: 0px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .border2 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .border1 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text {
        max-width: unset;
        width: auto;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text p {
        font-size: 15px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero {
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: flex-start;
        gap: 100px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper {
        display: none;
    }

    .header-main-wrapper {
        display: none;
    }

    .hero-container-wrapper .hero-container .mobile-header,
    .mobile-header {
        display: flex !important;
        width: 100%;
        height: 60px;
        background-color: rgb(255, 255, 255);
        border-radius: 18px;
        align-items: center;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .mobile-header a,
    .mobile-header a {
        width: 70px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .hero-container-wrapper .hero-container .mobile-header a img,
    .mobile-header a img {
        width: 100%;
        height: 100%;
        -o-object-fit: scale-down;
        object-fit: scale-down;
    }

    .hero-container-wrapper .hero-container .mobile-header img,
    .mobile-header img {
        width: 35px;
        height: 35px;
    }

    .hero-container-wrapper .hero-container .mobile-header img:active,
    .mobile-header img:active {
        transform: scale(0.98);
    }

    .hero-container-wrapper {
        padding: 12px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .arrow-hero {
        margin-left: 0px;
    }

    .vacation-areas-wrapper {
        margin-top: 30px;
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacation-areas-wrapper .vacations .title h1 {
        font-size: 18px;
    }

    .vacation-areas-wrapper .vacations .title a {
        font-size: 14px;
    }

    .vacation-areas-wrapper .vacations .title {
        justify-content: flex-start;
    }

    .vacation-areas-wrapper .vacations .title a img {
        width: 19px;
        height: 15px;
    }

    .vacation-areas-wrapper .vacations .item-vacations span {
        text-align: center;
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
    }

    .last-vacation-wrapper {
        padding-top: 35px;
        margin-top: 40px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last h1 {
        font-size: 24px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a {
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a img {
        width: 18px;
        height: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation {
        padding: 12px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom {
        padding-left: 0;
    }

    .discover-content-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .discover-content-wrapper .discover-content h1 {
        font-size: 35px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item {
        padding: 12px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time a span {
        text-align: end;
    }

    .why-tech-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .why-tech-wrapper .why-tech h1 {
        font-size: 30px;
    }

    .why-tech-wrapper .why-tech .why-tech-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .news-wrapper .news form {
        width: 100%;
    }

    .news-wrapper .news .right-box {
        width: 100%;
    }

    .news-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-wrapper .news {
        gap: 40px;
        padding: 16px;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }

    .news-wrapper .news .right-box h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .news-wrapper .news .right-box p {
        font-size: 15px;
    }

    .news-wrapper .news .right-box {
        gap: 0;
    }

    .news-wrapper .news form .form-email a {
        font-size: 14px;
    }

    .footer-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .footer-wrapper .footer .head-footer .left .left-logo {
        width: 85px;
        height: 65px;
    }

    .footer-wrapper .footer .head-footer .left nav a {
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .left nav {
        gap: 10px;
    }

    .footer-wrapper .footer .head-footer .left {
        gap: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .login-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .register-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .information-and-socials .right .wrapper-social-icon {
        width: 26px;
        height: 26px;
    }

    .footer-wrapper .footer .information-and-socials .left {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-wrapper .footer .head-footer {
        flex-direction: column;
        gap: 40px;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog .images-blog {
        grid-template-columns: repeat(1, 1fr);
    }

    .discover-page-container-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .search-area {
        margin: 6px auto auto;
        width: 100%;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation .item-last-vacation {
        padding: 6px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 0;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search {
        gap: 0px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs {
        height: auto;
        gap: 50px;
        flex-direction: column;
    }

    .inner-vacations-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .inner-vacations-wrapper {
        margin-top: 35px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left .warn-titles .titles h1 {
        font-size: 14px;
    }

    .share-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top {
        flex-direction: column;
        align-items: flex-start;
        justify-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator {
        gap: 5px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator img {
        width: 15px;
        height: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator .prevpage {
        font-size: 11.5px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator .nowpage {
        font-size: 12.5px;
    }

    .general-information-page-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

    .general-information-page-wrapper .general-information-page .image-and-text {
        grid-template-columns: repeat(1, 1fr);
    }

    .general-information-page-wrapper .general-information-page .image-and-text .image {
        width: 100%;
    }

    .general-information-page-wrapper .general-information-page .image-and-text .image img {
        width: 100%;
    }
}

@media only screen and (max-width: 568px) and (min-width: 468px) {
     .modal-for-vacation-overlay .modal .form {
        grid-template-columns: repeat(1, 1fr) !important;
    }
      .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: block !important;
    }
    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .search input{
        padding-right:0;
    }
    .top-header-wrapper {
        display: none;
    }

    .hero-container-wrapper {
        margin-top: 0px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .border2 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .border1 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text {
        max-width: unset;
        width: auto;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text p {
        font-size: 15px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero {
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: flex-start;
        gap: 100px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper {
        display: none;
    }

    .hero-container-wrapper .hero-container .mobile-header,
    .mobile-header {
        display: flex !important;
        width: 100%;
        height: 60px;
        background-color: rgb(255, 255, 255);
        border-radius: 18px;
        align-items: center;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .mobile-header a,
    .mobile-header a {
        width: 70px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .hero-container-wrapper .hero-container .mobile-header a img,
    .mobile-header a img {
        width: 100%;
        height: 100%;
        -o-object-fit: scale-down;
        object-fit: scale-down;
    }

    .hero-container-wrapper .hero-container .mobile-header img,
    .mobile-header img {
        width: 35px;
        height: 35px;
    }

    .hero-container-wrapper .hero-container .mobile-header img:active,
    .mobile-header img:active {
        transform: scale(0.98);
    }

    .header-main-wrapper {
        display: none;
    }

    .hero-container-wrapper {
        padding: 12px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .arrow-hero {
        margin-left: 0px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 28px;
        line-height: 50px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 33px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        margin-top: 35px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .arrow-hero {
        width: 100px;
    }

    .vacation-areas-wrapper {
        margin-top: 30px;
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacation-areas-wrapper .vacations .title h1 {
        font-size: 18px;
    }

    .vacation-areas-wrapper .vacations .title a {
        font-size: 14px;
    }

    .vacation-areas-wrapper .vacations .title {
        justify-content: flex-start;
    }

    .vacation-areas-wrapper .vacations .title a img {
        width: 19px;
        height: 15px;
    }

    .vacation-areas-wrapper .vacations .item-vacations span {
        text-align: center;
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
    }

    .last-vacation-wrapper {
        padding-top: 35px;
        margin-top: 40px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last h1 {
        font-size: 17px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a {
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a img {
        width: 18px;
        height: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation {
        padding: 12px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom {
        padding-left: 0;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .top-title .titles h2 {
        font-size: 15px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom .date-area span {
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom a {
        padding: 7px 20px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom a span {
        font-size: 16px;
    }

    .discover-content-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .discover-content-wrapper .discover-content h1 {
        font-size: 35px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item {
        padding: 12px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time a span {
        text-align: end;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item {
        height: 330px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .descript p {
        line-height: 20px;
        font-size: 14px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time a {
        gap: 2px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time span {
        font-size: 12.5px;
    }

    .why-tech-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .why-tech-wrapper .why-tech h1 {
        font-size: 30px;
    }

    .why-tech-wrapper .why-tech .why-tech-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-tech-wrapper .why-tech .why-tech-grid .item-grid {
        padding: 12px;
    }

    .why-tech-wrapper .why-tech .why-tech-grid .item-grid p {
        font-size: 14px;
    }

    .news-wrapper .news form {
        width: 100%;
    }

    .news-wrapper .news .right-box {
        width: 100%;
    }

    .news-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-wrapper .news {
        gap: 40px;
        padding: 16px;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }

    .news-wrapper .news .right-box h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .news-wrapper .news .right-box p {
        font-size: 15px;
    }

    .news-wrapper .news .right-box {
        gap: 0;
    }

    .news-wrapper .news form .form-email a {
        font-size: 14px;
    }

    .footer-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .footer-wrapper .footer .head-footer .left .left-logo {
        width: 75px;
        height: 55px;
    }

    .footer-wrapper .footer .head-footer .left nav a {
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .left nav {
        gap: 10px;
    }

    .footer-wrapper .footer .head-footer .left {
        gap: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .login-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .register-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .information-and-socials .right .wrapper-social-icon {
        width: 26px;
        height: 26px;
    }

    .footer-wrapper .footer .information-and-socials .left {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-wrapper .footer .head-footer {
        flex-direction: column;
        gap: 40px;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog .images-blog {
        grid-template-columns: repeat(1, 1fr);
    }

    .discover-page-container-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .search-area {
        margin: 6px auto auto;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .category {
        width: auto;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .category select {
        width: 100%;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation .item-last-vacation {
        padding: 6px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 0;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search {
        gap: 0px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs {
        height: auto;
        gap: 50px;
        flex-direction: column;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 40px !important;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .search {
        border-right: none !important;
    }

    .inner-vacations-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .inner-vacations-wrapper {
        margin-top: 35px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left .warn-titles .titles h1 {
        font-size: 14px;
    }

    .share-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top {
        flex-direction: column;
        align-items: flex-start;
        justify-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator {
        gap: 1px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator img {
        width: 15px;
        height: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator .prevpage {
        font-size: 11.5px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator .nowpage {
        font-size: 12.5px;
    }

    body {
        padding: 6px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date .title-date span,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date-the-end .title-date span {
        font-size: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date .title-date article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date-the-end .title-date article {
        font-size: 14px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right {
        padding: 24px 20px;
        width:100%;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        padding: 24px 22px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location article {
        font-size: 14px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level .level-title img,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time .level-title img,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location .level-title img {
        width: 16px;
        height: 16px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level .level-title span,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time .level-title span,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location .level-title span {
        font-size: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location {
        gap: 3px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        gap: 16px;
    }

    .inner-vacations-wrapper .inner-vacations .content {
        padding: 22px;
        gap: 20px;
    }

    .share-wrapper .shareing .socials a {
        width: 26px;
        height: 26px;
    }

    .general-information-page-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

    .general-information-page-wrapper .general-information-page .image-and-text {
        grid-template-columns: repeat(1, 1fr);
    }

    .general-information-page-wrapper .general-information-page .image-and-text .image {
        width: 100%;
    }

    .general-information-page-wrapper .general-information-page .image-and-text .image img {
        width: 100%;
    }
}

@media only screen and (max-width: 468px) and (min-width: 268px) {
    
    .inputarea label {
        font-size: 14px !important;
    }
    
    .inputarea {
        gap: 8px !important;
    }
    
    .modal-for-vacation-overlay .modal .form {
        gap: 30px !important;
    }
    
    .modal-for-vacation-overlay .modal {
        padding: 12px !important;
        width: 93% !important;
        padding-top: 26px !important;
    }
    
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .wrapper-image {
        height: 230px !important;
    }
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .wrapper-image img {
        object-fit: cover !important;
    }
      .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: block !important;
    }
    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .search input{
        padding-right:0;
    }
    .top-header-wrapper {
        display: none;
    }

    .hero-container-wrapper {
        margin-top: 0px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .border2 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .border1 {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text {
        max-width: unset;
        width: auto;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 40px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text p {
        font-size: 15px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero {
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: flex-start;
        gap: 100px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .header-hero-container-wrapper {
        display: none;
    }

    .hero-container-wrapper .hero-container .mobile-header,
    .mobile-header {
        display: flex !important;
        width: 100%;
        height: 60px;
        background-color: rgb(255, 255, 255);
        border-radius: 18px;
        align-items: center;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-container-wrapper .hero-container .mobile-header a,
    .mobile-header a {
        width: 70px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .hero-container-wrapper .hero-container .mobile-header a img,
    .mobile-header a img {
        width: 100%;
        height: 100%;
        -o-object-fit: scale-down;
        object-fit: scale-down;
    }

    .hero-container-wrapper .hero-container .mobile-header img,
    .mobile-header img {
        width: 35px;
        height: 35px;
    }

    .hero-container-wrapper .hero-container .mobile-header img:active,
    .mobile-header img:active {
        transform: scale(0.98);
    }

    .hero-container-wrapper {
        padding: 12px;
    }

    .header-main-wrapper {
        display: none;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .arrow-hero {
        margin-left: 0px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero {
        margin-top: 35px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .arrow-hero {
        width: 50px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 .special-text {
        font-size: 27px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text h1 {
        font-size: 22px;
        line-height: 36px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text {
        gap: 16px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .go-to-contact-btn {
        padding: 8px 16px;
        text-wrap: nowrap;
        font-size: 14px;
    }

    body {
        padding: 6px;
    }

    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .left-text .arrow-and-btn .go-to-contact-btn {
        margin-top: 10px;
    }

    .vacation-areas-wrapper {
        margin-top: 35px;
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacation-areas-wrapper .vacations .title h1 {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    .vacation-areas-wrapper .vacations .title a {
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    .vacation-areas-wrapper .vacations .title {
        justify-content: flex-start;
    }

    .vacation-areas-wrapper .vacations .title a img {
        width: 19px;
        height: 15px;
    }

    .vacation-areas-wrapper .vacations .item-vacations span {
        text-align: center;
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
    }

    .last-vacation-wrapper {
        padding-top: 35px;
        margin-top: 40px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last h1 {
        font-size: 17px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a {
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .title-vacation-last a img {
        width: 18px;
        height: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation {
        padding: 12px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom {
        padding-left: 0;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .top-title .titles h2 {
        font-size: 15px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom .date-area span {
        font-size: 14px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom a {
        padding: 7px 20px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom a span {
        font-size: 16px;
    }

    .discover-content-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .discover-content-wrapper .discover-content h1 {
        font-size: 24px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item {
        padding: 12px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time a span {
        text-align: end;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item {
        height: auto;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .descript p {
        line-height: 20px;
        font-size: 14px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time a {
        gap: 2px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area .discover-item .bottom .button-and-time span {
        font-size: 12.5px;
    }

    .discover-content-wrapper .discover-content .discover-grid-area {
        margin-top: 18px;
    }

    .why-tech-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
    }

    .why-tech-wrapper .why-tech h1 {
        font-size: 24px;
        text-align: center;
        width: 100%;
    }

    .why-tech-wrapper .why-tech .why-tech-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .why-tech-wrapper .why-tech .why-tech-grid .item-grid {
        padding: 12px;
    }

    .why-tech-wrapper .why-tech .why-tech-grid .item-grid p {
        font-size: 14px;
    }

    .news-wrapper .news form {
        width: 100%;
    }

    .news-wrapper .news .right-box {
        width: 100%;
    }

    .news-wrapper {
        margin-top: 35px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-wrapper .news {
        gap: 40px;
        padding: 16px;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }

    .news-wrapper .news form .form-email input[type=email]::-moz-placeholder {
        opacity: 0 !important;
    }

    .news-wrapper .news form .form-email input[type=email]::placeholder {
        opacity: 0 !important;
    }

    .news-wrapper .news .right-box h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .news-wrapper .news .right-box p {
        font-size: 15px;
    }

    .news-wrapper .news .right-box {
        gap: 0;
    }

    .news-wrapper .news form .form-email a {
        font-size: 14px;
    }

    .footer-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 35px;
        padding-top: 30px;
    }

    .footer-wrapper .footer .head-footer .left .left-logo {
        width: 75px;
        height: 55px;
    }

    .footer-wrapper .footer .head-footer .left nav a {
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .left nav {
        gap: 10px;
    }

    .footer-wrapper .footer .head-footer .left {
        gap: 50px;
        flex-direction: column;
    }

    .footer-wrapper .footer .head-footer .log-reg .login-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .head-footer .log-reg .register-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .footer-wrapper .footer .information-and-socials .right .wrapper-social-icon {
        width: 26px;
        height: 26px;
    }

    .footer-wrapper .footer .information-and-socials .left {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-wrapper .footer .head-footer {
        flex-direction: column;
        gap: 40px;
    }

    .footer-wrapper .footer .information-and-socials {
        flex-direction: column;
        gap: 50px;
    }

    .news-wrapper .news form .form-email a {
        padding: 12px 20px;
        font-size: 14px;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog .images-blog {
        grid-template-columns: repeat(1, 1fr);
    }

    .discover-page-container-wrapper {
        padding-left: 4px;
        padding-right: 4px;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog .images-blog .leftimg,
    .discover-page-container-wrapper .discover-page-content .content-for-blog .images-blog .rightimg {
        height: auto;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog p {
        font-size: 16px;
        margin-top: 24px;
    }

    .footer-wrapper .footer .information-and-socials .left .info a {
        font-size: 13px !important;
    }

    .discover-page-container-wrapper .discover-page-content .content-for-blog {
        margin-top: 24px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vacations-page-wrapper .vacations-page .search-area {
        margin: 6px auto auto;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .category {
        width: auto;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .category select {
        width: 100%;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation .item-last-vacation {
        padding: 24px;
        height: auto;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation .item-last-vacation .top-title .titles h2 {
        -webkit-line-clamp: 5;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs a {
        padding: 10px 75px;
        font-size: 15px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs {
        padding: 10px 10px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .search img {
        width: 26px;
        height: 26px;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .category img {
        width: 26px;
        height: 26px;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 0;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search {
        gap: 0px;
        flex-direction: column-reverse !important;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs {
        height: auto;
        gap: 50px;
        flex-direction: column;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 40px !important;
    }

    .vacations-page-wrapper .vacations-page .search-area .search-inputs .left-search .search {
        border-right: none !important;
    }

    .vacations-page-wrapper .vacations-page .wrapper-vacation .grid-item-last-vacation .item-last-vacation .bottom {
        padding-left: 0;
        flex-direction: column;
        gap: 50px;
    }

    .inner-vacations-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 12px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container {
        margin-top: 30px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 40px;
        padding: 12px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left button {
        width: 100%;
        text-align: center;
        justify-content: space-between;
    }

    .inner-vacations-wrapper .inner-vacations .content .intregant li,
    .inner-vacations-wrapper .inner-vacations .content .intregantwo li {
        gap: 10px;
        font-size: 14px;
    }

    .inner-vacations-wrapper .inner-vacations .content .intregant,
    .inner-vacations-wrapper .inner-vacations .content .intregantwo {
        gap: 12px;
    }

    .share-wrapper {
        margin-top: 24px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left .warn-titles .titles h1 {
        font-size: 14px;
    }

    .share-wrapper .shareing {
        gap: 10px;
    }

    .share-wrapper .shareing .socials {
        gap: 8px;
    }

    .share-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top {
        flex-direction: column;
        align-items: flex-start;
        justify-items: flex-start;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator {
        gap: 5px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator img {
        width: 15px;
        height: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator .prevpage {
        font-size: 11.5px;
    }

    .inner-vacations-wrapper .inner-vacations .top-navigator .nowpage {
        font-size: 12.5px;
    }

    body {
        padding: 6px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date .title-date span,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date-the-end .title-date span {
        font-size: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date .title-date article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date-the-end .title-date article {
        font-size: 14px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right {
        padding: 24px 20px;
        width:100%;
        justify-content:space-between;
        gap:10px;
    }
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date, .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .right .date-the-end{
        gap:10px;
    }
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        padding: 24px 22px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time article,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location article {
        font-size: 14px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level .level-title img,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time .level-title img,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location .level-title img {
        width: 16px;
        height: 16px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level .level-title span,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time .level-title span,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location .level-title span {
        font-size: 15px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .level,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .time,
    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container .location {
        gap: 3px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .status-container {
        gap: 16px;
    }

    .inner-vacations-wrapper .inner-vacations .content {
        padding: 8px;
        gap: 20px;
    }

    .share-wrapper .shareing .socials a {
        width: 26px;
        height: 26px;
    }

    .inner-vacations-wrapper .inner-vacations .vacation-content-container .top .left .warn-titles .warn {
        width: 40px;
        height: 40px;
    }

    .inner-vacations-wrapper .inner-vacations .content p {
        font-size: 14px;
    }

    .inner-vacations-wrapper .inner-vacations .content h1 {
        font-size: 16px;
    }

    .modal-for-vacation-overlay .modal {
        padding: 24px;
    }

    .modal-for-vacation-overlay .modal h1 {
        font-size: 24px;
    }

    .modal-for-vacation-overlay .modal .form {
        margin-top: 17px;
    }

    .modal-for-vacation-overlay .modal .form {
        gap: 30px;
    }

    .general-information-page-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

    .general-information-page-wrapper .general-information-page .image-and-text {
        grid-template-columns: repeat(1, 1fr);
    }

    .general-information-page-wrapper .general-information-page .image-and-text .image {
        width: 100%;
    }

    .general-information-page-wrapper .general-information-page .image-and-text .image img {
        width: 100%;
    }

    .general-information-page-wrapper {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .general-information-page-wrapper .general-information-page h1 {
        font-size: 24px;
        margin-top: 20px;
    }

    .general-information-page-wrapper .general-information-page .image-and-text .text {
        margin-top: 7px;
    }

    .general-information-page-wrapper .general-information-page .image-and-text .text p {
        font-size: 15px;
        line-height: 24px;
    }

    .general-information-page-wrapper .general-information-page .top-navigator {
        gap: 6px;
    }

    .general-information-page-wrapper .general-information-page .top-navigator .nowpage {
        font-size: 15px;
    }

    .general-information-page-wrapper .general-information-page .top-navigator .prevpage {
        font-size: 13px;
    }

    .general-information-page-wrapper .general-information-page .top-navigator .prevpage img {
        width: 16px;
        height: 16px;
    }
     .modal-for-vacation-overlay .modal .form {
        gap: 30px !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .modal-for-vacation-overlay .modal .button-area-cv button[type=submit] {
        padding: 10px 70px !important;
    }
}

@media only screen and (max-width: 350px) {
       .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .wrapper-image {
        height: 230px !important;
    }
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .wrapper-image img {
        object-fit: cover !important;
    }
      .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero {
        display: block !important;
    }
        .modal-for-vacation-overlay .modal .button-area-cv button[type=submit] {
        padding: 10px 70px !important;
    }
    .modal-for-vacation-overlay .modal .form {
        gap: 30px !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .news-wrapper .news form .form-email input[type=email]::-moz-placeholder {
        opacity: 0 !important;
    }

    .news-wrapper .news form .form-email input[type=email]::placeholder {
        opacity: 0 !important;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation .bottom {
        flex-direction: column !important;
        gap: 24px;
    }

    .last-vacation-wrapper .vacation-last .grid-item-last-vacation .item-last-vacation {
        height: auto;
    }
}

/*# sourceMappingURL=responsive.css.map */

@media only screen and (max-width: 1675px) and (min-width: 1390px) {
    .hero-container-wrapper .hero-container .wrapper-bottom-hero .hero .right-hero .wrapper-image {
        height: 300px !important;
    }
}