@media (max-width: 1480px) {
    .mainSlider .sliderItem .sliderDetail .right img:last-child {
        display: none;
    }

    .mainSlider .sliderItem .sliderDetail .right {
        top: 0
    }
}

@media (max-width: 1320px) {
    .aboutUs .aboutMedia {
        width: 500px;
    }
}

@media (max-width: 1200px) {
    .aboutUs {
        text-align: center;
        gap: 30px;
        flex-direction: column;
    }

    .aboutUs .aboutMedia {
        width: 450px;
    }
}

@media (max-width: 1110px) {
    .aboutUs .right {
        /* display: none; */
    }

    .whatsUp .numberList {
        width: 100%;
        padding: 15px 40px;
        padding-left: 15px;
    }
}

@media (max-width: 1090px) {
    .navbarMenu .mainMenu, .navbarMenu .right, .turTitle .right, .mapTimeline {
        display: none;
    }
    .tripHero .container {
            flex-direction: column;
            gap: 10px !important;
        }
    .whyUs, .aboutCard {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .whyUs img, .mapTimeline .timelineItem, .searchArea button[type="submit"], .videoArea .videoItem .videoMedia img, .tripHero .heroMedia, .contactCards .contactCard a, .mapTimeline .timelineItem .timelineLocation:before, .aboutCard .left .content, .aboutCard .right .content {
        height: auto;
    }

    .aboutCard {
        gap: 0;
    }

    .aboutContact {
        flex-direction: column;
    }

    .aboutContact .contactList {
        width: 100%;
        min-width: 100%;
    }

    .aboutCard .left .content, .aboutCard .right .content {
        width: 100%;
        padding: 30px 15px;
    }

    .aboutCard ul {
        margin-top: 0;
    }

    .aboutCard .media img {
        height: auto;
    }

    .aboutCard .numberList {
        padding: 0;
    }

    .aboutCard .whatsUp .numberList .number {
        flex-direction: row;
    }

    .videoArea .videoItem .videoMedia {
        height: auto;
    }

    .mainSlider .sliderItem .sliderDetail .right {
        display: none;
    }

    .blogList.gridType {
        grid-template-columns: 1fr!important;
    }

    .owl-nav {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-nav button[type="button"].owl-prev {
        position: relative;
        left: 0;
    }

    .owl-nav button[type="button"].owl-next {
        position: relative;
        right: 0;
    }

    .travelTab {
        display: block;
    }

    .contactCards .contactCard a {
        align-items: start;
        text-align: left;
    }

    .contactCards .contactCard .iconTitle {
        flex-direction: row;
        gap: 5px;
        margin-bottom: 5px;
    }

    .contactCards .contactCard h3 {
        margin: 0;
        font-size: 16px;
    }

    .contactCards .contactCard span br {
        display: none;
    }

    #itineraryFixed {
        opacity: 1;
        visibility: inherit;
    }

    #turTitleFixed {
        display: block;
    }

    .calendarList .calendarItem .right, .calendarList .calendarItem .left {
        flex-direction: column;
        gap: 10px;
    }

    .calendarList .calendarItem .right {
        align-items: end;
    }

    .calendarList .calendarItem .left {
        align-items: start;
        gap: 0;
    }

    .calendarList .calendarItem .right a.button {
        height: auto;
        padding: 6px 15px;
        font-size: 12px;
    }

    .calendarList .calendarItem {
        padding: 1rem;
        align-items: start;
    }

    .calendarList .calendarItem .calendarMeta span:before {
        content: ", ";
    }

    .calendarList .calendarItem .calendarMeta {
        flex-direction: row;
        flex-direction: row-reverse;
        gap: 0;
        white-space: nowrap;
        font-size: 14px;
    }

    .calendarList .calendarItem .left .departure {
        display: none;
    }

    .calendarList .calendarItem .right .departure {
        display: block;
    }

    .calendarList .calendarItem .departure span:before {
        display: none;
    }

    .calendarList .calendarItem .departure span {
        font-size: 12px;
        max-width: 100px;
        margin: 0;
    }

    .calendarList .calendarItem .right .price span {
        font-size: 15px;
    }

    .tripHero .heroInfo {
        width: 100%;
        padding: 1rem 1rem 1.5rem;
        max-width: 100%;
    }

    .tripHero .heroInfo h2, .tripHero .calendar h3 {
        font-family: "acumin-pro-semi-condensed";
        font-size: 22px;
        margin-bottom: .5rem;
    }

    .tripHero .heroContent {
        display: grid;
    }

    .tripHero .heroContent p.heroDesc {
        grid-row: 1;
        margin: 0;
    }

    .heroBox p {
        font-size: 20px;
    }

    .mapItinerary h2 {
        font-family: "acumin-pro-semi-condensed";
        font-size: 22px;
        padding-bottom: 1.25rem;
        margin: 0;
    }

    .mapItinerary iframe {
        margin-bottom: 20px;
    }

    .mapItinerary .itineraryHeading .left span {
        min-width: 64px;
        font-size: 18px;
        padding: 1em 0;
    }

    .mapItinerary .itineraryHeading .left {
        font-size: 16px;
    }

    .accordionContent {
        padding: 1.5rem .8em 2.5em;
    }

    .mapItinerary .daysDetail {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .mapItinerary .locationList .locationItem i {
        width: 42px;
        min-width: 42px;
        height: 42px;
        font-size: 24px;
    }

    .mapItinerary .locationList .locationDetail h4 {
        font-size: 20px;
    }

    p {
        font-size: 14px;
    }

    .mapItinerary .iconList .iconItem i {
        font-size: 30px;
    }

    .mapItinerary .iconList .iconItem {
        font-size: 16px;
    }

    .mapItinerary .iconList .iconItem span {
        font-size: 14px;
    }

    .mapItinerary .daysMedia img {
        width: 100%;
    }

    .mapItinerary .itineraryHeading .right span {
        font-size: 12px;
    }

    .heroBox i {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .tripHero {
        flex-direction: column;
    }

    .tripHero .heroMedia {
        width: 100%;
    }

    .faqArea h2, .faqHome h2 {
        font-size: 20px;
    }

    .turTitle .turDetail .left h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .turTitle .turDetail {
        /* padding: .688rem 0 */
    }

    #turTitleFixed .turDetail .right {
        display: block;
    }

    #turTitleFixed .viewDates {
        font-size: 12px;
        white-space: nowrap;
    }

    .itineraryArea .itineraryMenu li a, .itineraryArea .itineraryMenu li a.button {
        font-size: 14px;
        padding: .25rem .5rem;
        height: 40px;
    }

    .blogContent {
        flex-direction: column;
    }

    .blogContent .right {
        width: 100%;
        min-width: 100%;
        ; }

    .mainItem {
        padding: 30px 0
    }

    .pageDetail {
        flex-direction: column;
        gap: 20px;
    }

    .routeCalendar {
        gap: 0;
    }

    .infoBox {
        padding: 10px;
        font-size: 13px;
        grid-row: end;
        margin: 0;
        text-align: left;
    }

    .footerMiddle {
        padding: 20px 0;
    }

    .bankPage {
        display: grid;
    }

    .infoBox strong {
        border: none;
    }

    .pageTitle {
        padding: 25px 0;
    }

    .pageTitle h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .bankMenu ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .bankMenu li:last-child {
        grid-column: 1 / span 2;
    }

    .bankMenu li a {
        height: auto;
        padding: 10px;
        background: #f8f8f8;
    }

    .bankMenu li img {
        max-width: 100px;
        height: 30px;
        object-fit: contain;
        width: auto;
    }

    .bankaAccord img {
        height: 30px;
        object-fit: contain;
        max-width: 100px;
        width: auto;
    }

    .bankaAccord {
        padding: 0;
        background: transparent;
    }

    .bankaAccord .bankaDetail {
        display: none;
    }

    .bankaaccord .moneySelect .bankaDetail {
        display: flex;
        padding: 10px;
        flex-direction: row;
        background: #f8f8f8;
        margin-bottom: 10px;
    }

    .pageDetail .pageMenu ul {
        flex-direction: row;
        white-space: nowrap;
        overflow-x: scroll;
        gap: 10px;
        margin-bottom: 10px;
    }

    .routeContent .travelMeta {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .routeContent .routeItem .meta {
        gap: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .routeContent .routeItem .meta span.distance i {
        font-size: 14px;
        width: 26px;
        height: 26px;
    }

    .routeContent {
        gap: 7px;
    }

    .routeContent .routeItem .meta span.time {
        margin-top: 0;
        background: transparent;
        color: var(--subDesc);
    }

    .routeContent .routeItem .meta span {
        font-size: 11px;
        padding: 0;
        color: var(--subDesc);
        background: transparent;
        justify-content: center;
    }

    .routeContent .routeItem .meta span.distance {
        grid-column: 1 / span 2;
        font-size: 13px;
    }

    .routeContent .routeItem .meta span.city {
        width: auto;
        margin-bottom: 5px;
        grid-column: 1 / span 2;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .routeHeading span {
        font-size: 13px;
    }

    .routeHeading {
        margin-bottom: 10px;
        padding: 10px;
        margin-top: 10px;
    }

    .pageDetail .pageMenu li a.active, .pageDetail .pageMenu li a:hover {
        background: #f1462424;
    }

    .travelTab li a {
        padding: 10px;
        font-size: 12px;
    }

    .pageDetail .routeMenu span span {
        font-size: 15px;
    }

    .pageDetail .routeMenu strong {
        font-size: 12px;
        padding: 0;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pageDetail .pageMenu li a {
        background: #f8f8f8;
        border: none;
        padding-right: 15px;
        font-size: 15px;
        padding: 10px 20px;
        gap: 20px;
    }

    .quotationHeading {
        font-size: 22px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .quotationHeading i {
        font-size: 40px;
    }

    .quotationHeading:before {
        height: 3px;
    }

    .contactFaq, .homeFaq {
        flex-direction: column;
        gap: 30px;
    }

    .contactFaq .left, .homeFaq .left {
        min-width: 100%;
        width: 100%;
    }

    .navbarMenu .mobileMenu {
        display: flex;
    }

    .navbarMenu .mobileMenu a {
        color: var(--primaryColor);
        font-size: 28px;
    }

    .galleryMenu ul {
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: start;
        margin-bottom: 20px;
    }

    .navbarMenu .left {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .timelineArea .timelineDate {
        width: 80px;
        min-width: 90px;
        justify-content: start;
    }

    .timelineArea .timelineContent:before {
        left: -22px;
        width: 8px;
        height: 8px;
    }

    .timelineArea .timelineContent:after {
        left: -20px;
    }

    .timelineArea {
        gap: 0;
    }

    .timelineArea .timelineContent .content {
        padding: 15px;
    }

    .timelineArea .timelineContent p, .pageContent li, .pageContent p {
        color: var(--textColor);
        font-weight: 500;
        font-size: 15px;
    }

    .contactContainer {
        display: grid;
    }

    .contactDetail li {
        font-size: 14px;
    }

    .contactDetail li strong {
        font-size: 16px;
    }

    .contactDetail ul {
        gap: 10px;
    }

    .contactDetail .contactForm {
        display: none!important;
    }

    .contactDetail .contactSocial ul {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .contactCards {
        grid-template-columns: 1fr;
        gap: 15px;
        grid-row: 1;
    }

    .contactForm {
        grid-row: 1;
    }

    .contactForm form h3 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .contactForm form {
        gap: 10px;
    }

    input[type="text"], input[type="date"], input[type="email"], input[type="tel"], select, textarea {
        height: 40px;
        font-size: 12px;
    }

    textarea {
        height: 100px;
    }

    .contactCards .contactCard i {
        width: auto;
        height: auto;
        background: transparent;
        color: var(--textColor);
        font-size: 20px;
    }

    .contactCards .contactCard a {
        padding: 0;
        background: transparent;
    }

    .contactCards .contactCard a {
        height: auto;
    }

    .contactDetail {
        display: grid;
        margin: 0;
    }

    .formInput {
        gap: 10px;
    }

    .mobileNone {
        display: none;
    }

    .desktopHide {
        display: block;
    }

    .contactSocial ul {
        margin-top: 10px;
    }

    .contactDetail .left {
        width: 100%;
        min-width: 100%;
    }

    .mainSlider .sliderItem .sliderDetail {
        height: 70vh;
        justify-content: start;
        justify-content: center;
    }

    .mainSlider .sliderItem .sliderDetail .left {
        width: 100%;
    }

    .navbar, header.scroll .navbar {
        padding: 15px;
    }

    .mainContent {
        padding-top: 111px;
    }

    .videoGrid {
        grid-template-columns: 1fr 1fr;
    }

    .videoArea .videoItem .videoMedia img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }

    .commentTitle .videoMenu ul {
        white-space: nowrap;
        overflow-x: scroll;
    }
}

@media (max-width: 1024px) {
    .mainSlider .sliderItem h2 {
        line-height: 140%;
        font-size: 40px;
    }

    .mainSlider .sliderItem p {
        font-size: 18px;
    }

    .headingTitle, .aboutUs .aboutDetail h3, .videoArea .videoHeading h3 {
        font-size: 30px;
    }
}

@media (max-width: 1000px) {
    .travelPage{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 920px) {
    .videoArea .videoHeading {
        flex-direction: column;
        gap: 10px;
        text-align: left;
        align-items: start;
    }

    .dateTravelList {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .travelGrid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .travelGrid .travelItem a {
        flex-direction: column;
        display: flex;
    }

    .campaignsList {
        flex-direction: column;
        display: flex;
    }

    .whatsUp .numberList {
        flex-direction: column;
        padding: 0;
    }

    .whatsUp .numberList .number {
        width: 100%;
        height: auto;
        text-align: left;
        align-items: start;
    }

    .videoArea .videoHeading a.allMore {
        display: block;
        background: transparent;
        padding: 0;
        color: #fff;
        font-size: 16px;
        text-transform: none;
        text-decoration: revert;
    }

    .footerMiddle .footerWidget {
        gap: 25px;
    }
}

@media (max-width: 790px) {

.auto_contant_2{
  grid-template-columns: 1fr 1fr;
}
#ana_fiyat2 {
    display: grid;
    grid-template-columns: 1fr;
}
.travelList.ikili{

    grid-template-columns: 1fr;
}

      .heroDescTourDesc.sagSidebarAlanli .icerikAlani {
          width: 100%;
          padding:0;
      }

      .heroDescTourDesc.sagSidebarAlanli .sagSidebarAlan {
          width: 100%;
      }

      .heroDescTourDesc.sagSidebarAlanli .container {
          display: block;
      }


.mapTimeline .timelineItem .timelineLocation{
  margin:0;
}
.mapTimeline li .timelineItem .timelineLocation .locationItem {
    padding: 5px 0px 5px 10px;
    font-size: 12px;
}

.mapTimeline .timelineItem .timelineDay .dayItem {
    font-size: 12px;
}
.mapTimeline .timelineItem .timelineLocation:before {
    display: none;
}
.mapTimeline .timelineItem .timelineLocation:after {
    display: none;
  }

.mapTimeline li:first-child .timelineItem .timelineLocation .locationItem {
    padding: 5px 0px 5px 10px;
}

    .travelPage{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .tripHero .iconList {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .timelineList {
        grid-column-gap: 80px;
    }

    .timelineList .right, .timelineList .left {
        gap: 20px;
    }

    .timelineList .left .content:after, .timelineList .right .content:after, .timelineList .left .content:before, .timelineList .right .content:before {
        right: -45px;
    }

    .timelineList .right .content:after, .timelineList .right .content:before {
        left: -47px;
    }

    .timelineList .right .content:before {
        right: auto;
    }

    .timelineList .left .content:before, .timelineList .right .content:before {
        height: 10px
    }

    .tripHero .iconList .iconItem:last-child {
        /* grid-column: 1 / span 2; */
    }

    .blogTitle h1 {
        font-size: 30px;
    }

    .blogList .blogItem img {
        width: auto;
        max-width: 300px;
    }

    .videoGrid {
        grid-template-columns: 1fr;
    }

    .videoArea .videoItem .videoMedia {
        height: auto;
        overflow: inherit;
    }

    .videoArea .videoItem .videoMedia img {
        border-radius: 12px;
    }

    .headingTitle, .aboutUs .aboutDetail h3, .videoArea .videoHeading h3 {
        font-size: 22px;
    }

    .mainItem {
        padding: 1.5rem 0
    }

    .aboutUs p, .aboutUs .aboutDetail strong, .videoArea .videoHeading span, .travelList .travelItem p.travelDesc {
        font-size: 14px;
    }

    .travelList .travelItem .travelDetail h3 {
        font-size: 24px;
    }

    .mainSlider .sliderItem p {
        font-size: 16px;
    }

    .mainSlider .sliderItem h2 {
        font-size: 22px;
    }

    .mainSlider .sliderItem p {
        font-size: 16px;
    }

    .footerMiddle .footerWidget {
        grid-template-columns: 1fr 1fr;
    }

    .eyobus-nerede {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .footerMiddle .footerWidget .footerItem:nth-child(3) {
        grid-row: 2;
        grid-column: span 2;
    }

    .footerMiddle .footerWidget .footerItem:nth-child(4) {
        grid-row: 1;
        grid-column: span 2;
    }
}

@media (max-width: 640px) {
    /* .whatsUp .numberList {
        width: 100%;
        padding: 15px 40px;
        padding-left: 15px;
        gap: 15px;
        border-radius: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
    } */.aboutVideo {
        width: 100%;
    }

    .dateTravelList {
        grid-template-columns: 1fr;
    }

    .timelineList.desktop {
        display: none;
    }

    .timelineList .left .content:after, .timelineList .right .content:after, .timelineList .left .content:before, .timelineList .right .content:before {
        display: none;
    }

    .timelineList.mobile {
        display: block;
    }

    .timelineArea .timelineContent h6 {
        flex-direction: column-reverse;
        align-items: start;
        gap: 5px;
    }

    .timelineArea .timelineContent h6 span {
        margin-left: 0;
    }

    .bankaAccord .moneySelect .moneyTab ul {
        gap: 10px;
    }

    .bankaAccord .moneySelect .moneyTab li a {
        font-size: 12px;
        padding: 10px;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        background: #f8f8f8;
    }

    .bankaAccord .moneySelect .moneyTab li a.active:after {
        width: 15px;
        height: 15px;
        line-height: 15px;
    }

    .whatsUp .numberList .number i {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .whatsUp .numberList .number .detail strong, .whatsUp .numberList .number .detail span {
        font-size: 14px;
    }

    .footerBottom .footerSection {
        flex-direction: column;
        gap: 10px;
    }

    .whatsUp .numberList .number {
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 580px) {
    .travelPage{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 550px) {
    .topbar {
        display: none;
    }

    .mainSlider .travelSearch .searchArea {
        width: 100%;
        border-radius: 25px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom: 0;
    }

    .pageTitle .startendDate {
        flex-direction: column;
        align-items: start;
    }

    .blogContent .typeSelect {
        display: none;
    }

    .blogList .blogItem a {
        flex-direction: column;
        gap: 20px;
    }

    .blogList .blogItem img {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-width: 100%;
    }

    .mainItem {
        padding: 30px 0;
    }

    .mainContent {
        padding-top: 70px;
    }

    header.scroll {
        transform: translateY(0px);
    }

    .owl-nav {
        justify-content: center;
        gap: 10px;
    }

    .travelList .travelItem p.travelDesc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .travelList .travelCard {
        height: 483px;
    }

    .travelList .travelItem .priceButton {
        display: flex;
    }

    .travelList .travelItem .priceButton .right span.button {
        display: flex;
        justify-content: center;
        width: auto;
    }

    .mainSlider .sliderItem a.button, .travelList .travelItem .priceButton .right {
        width: auto;
    }
}

@media (max-width: 480px) {
    .whatsUp .numberList {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 15px 0;
        margin: 0;
    }

    .travelTab ul {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 10px;
    }

    .mobileText {
        display: block;
    }

    .desktopText {
        display: none;
    }

    .tripApplication .application {
        margin: 15px 0;
        flex-direction: column-reverse;
        gap: 15px;
    }

    .tripApplication .application a {
        width: 100%;
    }

    .mapItinerary {
        padding: 1.5rem 0;
    }

    .bankaAccord {
        padding: 0;
        background: transparent;
        padding-top: 20px;
        margin-top: 0;
        border-radius: 0;
        border-top: 1px solid #f4f4f4;
    }

    .bankaAccord .moneySelect .moneyTab li a {
        background: #f8f8f8;
    }

    .bankaAccord .bankaDetail {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .pageTitle h2 {
        font-size: 22px;
    }

    .footerBottom .footerSection .right {
        display: none;
    }

    .formInput {
        flex-direction: column;
    }
}

@media (max-width: 440px) {
    .dateTravelList {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .footerMiddle .footerWidget {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 290px) {
    .travelList .travelItem .priceButton {
        padding-bottom: 40px;
    }

    .travelList .travelItem .priceButton .right span.button, .travelList .travelItem .priceButton .right {
        width: 100%;
    }
}