@media only screen and (max-width: 1700px) {
    .second_section_divs {
        flex-direction: column-reverse;
        align-items: center;
    }
    .second_section {
        min-height: max-content;
        width: 100%;
        /* padding: 0; */
    }
    .tour_map {
        margin-bottom: 80px;
    }
    .second_section_box {
        width: 100%;
    }
    .tour_details {
        gap: 40px;
        justify-content: space-between;
    }
    .tour_details_content {
        margin: 0;
    }
    .side_bar {
        flex-direction: row;
        align-items: flex-start;
        padding: 0;
        min-height: unset;
        width: unset;
    }
    .active_button {
        margin-right: 0;
        margin-top: 85px;
    }
    .second_section {
        padding: var(--page-padding);
    }
    .tour_details_content_box {
        margin: 0;
    }
}
@media screen and (max-width: 1600px) {
    .tour_details_img_container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 1;
        > img {
            width: 100%;
        }
    }
    .tour_details_content_box {
        max-width: 582px;
    }
}
@media screen and (max-width: 1450px) {
    .img_row {
        flex-wrap: wrap;
    }
    td:nth-child(3) > div {
        flex-direction: column;
        align-items: flex-start;
    }
    .first_section_title h1{
        font-size: 65px;
        line-height: 95px;
    }
}
@media screen and (max-width: 1320px) {
    .second_section_box {
        margin-top: 54px;
    }
    .tour_map {
        margin-bottom: 160px;
    }
    .map_title {
        display: none;
    }

    .tour_details {
        flex-direction: column;
        align-items: center;
    }
    .tour_details_content_title {
        display: none;
    }
    .tour_details_content_box {
        max-width: unset;
        margin: 50px 0;
    }
    .tour_map,
    .tour_details,
    .tour_gallery {
        margin-bottom: 0;
    }
    .tour_details_img_container {
        width: 100%;
        height: unset;
    }

    .third_section_box {
        margin-bottom: 80px;
    }
    .days {
        width: 100%;
        min-height: unset;
        margin-left: 0;
    }
    .days_container {
        display: flex;
        justify-content: center;
    }
    .price_includes {
        margin-top: 120px;
    }
    td:nth-child(3) > div {
        flex-direction: row;
        align-items: center;
    }
}
@media screen and (max-width: 1024px) {
    .first_section_button {
        display: none;
    }
    .tour_details_img_container {
        width: 100%;
        height: auto;
    }
    .imgs_popup_blck_web{
        padding: 0 20px;
    }
    .gallery_arrow_web svg{
        width: 50px;
        height: 50px;
    }
    .close_galery_web{
        right: 95px;
    }
    .tour_gallery {
        grid-template-columns: repeat(2, minmax(auto, 330px));
        gap: 26px;
    }
    .tour_bottom {
        justify-content: flex-start;
        gap: 38px;
    }
    .tour_bottom > h3 {
        font-size: 40px;
        min-width: fit-content;
    }
    .third_section_box {
        margin-top: 200px;
    }
    article {
        flex-direction: column-reverse;
        align-items: center;
    }
    .price_includes {
        align-self: flex-start;
    }
    .price_line_header > h3 {
        font-size: 40px;
        line-height: 27.278px;
    }
    .price_div > p {
        max-width: max-content;
        font-size: 18px;
    }
    .book_now_text {
        font-size: 16px;
    }
    .tour_details_content_text {
        font-size: 16px;
        line-height: 19px; /* 118.75% */
        letter-spacing: 0.2px;
    }

    .third_section_box {
        padding: var(--page-padding);
    }

    .day_text > h4 {
        font-size: 18px;
        line-height: 21.809px;
    }
    .day_circle {
        width: 104px;
        height: 104px;
    }
    .day_circle > h4 {
        font-size: 50px;
        line-height: 21.809px; /* 43.617% */
    }
    .day_circle > p {
        font-size: 30px;
        line-height: 21.809px; /* 43.617% */
    }
    .tour_details_content_box {
        flex-shrink: unset;
    }
}
@media screen and (max-width: 940px) {
    .first_section_title > h1 {
        font-size: 50px;
        line-height: 110%; /* 73.402px */
        letter-spacing: 4.8px;
    }
}
@media screen and (max-width: 540px) {
    td:nth-child(3) > div {
        flex-direction: column;
        align-items: flex-start;
    }
    .close_galery_web {
        right: 30px;
        top: -55px;
    }

}
@media screen and (max-width: 480px) {
    .first_section_title > h1 {
        font-size: 30px;
    }
    .side_bar_img_box{
        width: 40%;
    }
    .header_links{
        gap: 12px;
    }
    .logo {
        width: 110px;
    }
    .adm_sp{
        font-size: 14px;
        text-align: center;
    }
    .first_section_button {
        left: 16px;
        bottom: 16px;
    }
    .first_section_button_arrow_line {
        width: 48px;
    }
    .first_section_button_circle {
        width: 18px;
        height: 18px;
    }
    .first_section_button_text > span {
        color: #fff;
        text-align: justify;
        font-size: 14px;
        font-weight: 300;
        line-height: 104.5%; /* 14.63px */
        letter-spacing: 0.07px;
    }

    .second_section_box {
        width: 100%;
    }

    /* minchev ste */

    .side_bar_box {
        width: 102px;
    }
    .side_bar_button > span {
        font-size: 14px;
        font-weight: 550;
        line-height: 16.81px; /* 120.071% */
        letter-spacing: 0.381px;
    }
    .active_button {
        margin-top: 46px;
    }

    .tour_details_img_container {
        width: 100%;
        height: inherit;
    }
    .tour_details_content {
        margin: 0;
        gap: 30px;
    }
    .tour_details_content_text {
        font-size: 14px;
        font-weight: 550;
        line-height: 19px; /* 135.714% */
        letter-spacing: 0.2px;
    }
    .tour_bottom > h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 122.336%; /* 26.914px */
        letter-spacing: 1.76px;
    }
    .book_now_text {
        font-size: 14px;
        font-weight: 300;
        line-height: 104.5%; /* 14.63px */
        letter-spacing: 0.106px;
    }
    .book_now_button {
        padding: 10px 24px;
        gap: 20px;
    }
    .book_now_arrow {
        width: 58px;
        margin: 0;
    }
    .book_now_circle {
        width: 20px;
        height: 20px;
        right: -10px;
    }
    .arrow_symbol {
        margin-bottom: 2px;
    }
    .table {
        margin-top: 24px;
    }
    .table tbody {
        /*height: 58px;*/
        width: 100%;
    }
    .table th {
        font-size: 12px;
        font-weight: 550;
        line-height: 34.184px; /* 284.867% */
        letter-spacing: 0.122px;
    }
    .table td > .table_div {
        padding: 0 6px;
    }
    .table_div > span {
        font-size: 12px;
        font-weight: 300;
        line-height: 22.14px; /* 184.496% */
        letter-spacing: 0.079px;
    }
    .table td:nth-child(odd) {
        font-size: 14px;
        font-weight: 550;
        letter-spacing: 0.122px;
    }
    /*.table td:nth-child(3) > div > img {*/
    /*    width: 80px;*/
    /*}*/
    td:nth-child(3) > div {
        flex-direction: row;
        align-items: center;
    }
    /* Tour Map */

    .tour_map {
        margin-bottom: 120px;
        margin-top: 40px;
    }

    /* Tour Gallery */

    .tour_gallery {
        margin-top: 40px;
        margin-bottom: 120px;
        grid-template-columns: minmax(auto, 330px);
        gap: 30px;
    }

    /* Third Section */

    .third_section_box {
        margin-top: 106px;
    }

    /* price includes */
    .price_includes {
        margin-top: 100px;
    }
    .price_includes_text {
        width: 100%;
        gap: 74px;
    }
    .price_includes_text > h3 {
        margin-left: 16px;
        font-size: 30px;
        font-weight: 550;
        line-height: 27.278px; /* 90.925% */
        letter-spacing: 0.618px;
    }
    .price_includes_text > p {
        font-size: 16px;
        font-weight: 550;
        line-height: 27.278px; /* 170.485% */
        letter-spacing: 0.618px;
    }
    .price_includes_text > p:nth-child(3) {
        margin-bottom: 12px;
    }
    .price_includes_text > p:nth-child(4) {
        margin-bottom: 8px;
    }
    .price_includes_text > p:nth-child(8) {
        margin-bottom: 4px;
    }
    .price_includes_text > p:nth-child(9) {
        margin-bottom: 6px;
    }
    .price_div > p {
        font-size: 16px;
        margin-left: 20px;
    }

    /* days */

    .days_container {
        padding: 0 24px;
    }

    #car {
        width: 50px;
    }

    .day {
        margin-top: -44px;
        position: absolute;
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .even_day {
        flex-direction: row-reverse;
        right: -24px;
    }
    .odd_day {
        flex-direction: row;
        left: -24px;
    }

    .day_text > h4 {
        font-size: 16px;
        line-height: 13.774px; /* 86.086% */
        letter-spacing: 0.312px;
        max-width: 180px;
    }

    .day_circle {
        width: 66px;
        height: 66px;
    }
    .day_circle > h4 {
        font-size: 30.297px;
        font-weight: 550;
        line-height: 13.774px; /* 45.463% */
        letter-spacing: 0.312px;
    }
    .day_circle > p {
        font-size: 20.198px;
        font-weight: 550;
        line-height: 13.774px; /* 68.194% */
        letter-spacing: 0.312px;
    }
}
@media screen and (max-width: 400px) {
    .table tbody {
        height: unset;
        padding: 8px 4px;
    }
    .day_title > h1{
        font-size: 50px;
    }
    .tour_details_content_box{
        gap: 10px;
        margin-top: 0;
    }
    .day_title{
        gap: 10px;
    }
    .starss_td img{
        max-width: 65px;
    }
    .starss_td span{
        font-size: 12px;
    }
    .day_modal_container{
        padding: 20px;
    }
    .table td > .table_div {
        width: 80px;
    }
    .imgs_popup_blck_web {
        padding: 0 8px;
        gap: 2px;
    }
    .gallery_arrow_web svg {
        width: 36px;
        height: 36px;
    }

}
@media screen and (max-width: 360px) {
    .side_bar_box {
        width: 86px;
    }
    .side_bar_button {
        gap: unset;
    }
    .last_loc > div {
        flex-direction: column;
        align-items: center;
        /*flex-wrap: wrap;*/
    }
    .last_loc{
        width: 26% !important;
    }
}