@media only screen and (max-width: 1400px) {
    #choose__destination .choose__slider .swiper-button-next {
        right: -40px;
    }

    #choose__destination .choose__slider .swiper-button-prev {
        left: -40px;
    }

    #news__slider .n-slider__outer .custom-button-next {
        right: -40px;
    }

    #news__slider .n-slider__outer .custom-button-prev {
        left: -40px;
    }
}

@media only screen and (max-width: 1024px) {
    :root {
        /* font-size */
        --font-size-h2: 32px;
        --font-size-h3: 24px;
        --font-size-h4: 22px;
        --font-size-h5: 20px;
    }

    h2 {
        line-height: 36px;
    }

    h3 {
        line-height: 30px;
    }

    h4 {
        line-height: 30px;
    }

    h5 {
        line-height: 28px;
    }

    p {
        line-height: 26px;
    }

    section {
        padding: 30px 25px;
    }

    /* header start */
    .header__banner {
        padding: 15px 25px;
    }

    .header__main {
        padding: 10px 25px 0;
        margin-bottom: 15px;
    }

    .header__main .mobile__menu {
        display: flex;
    }

    .header__main .mobile__menu svg {
        width: 28px;
        height: 28px;
    }

    .header__main .header__menu,
    .header__main .header__search {
        display: none;
    }

    #header__popup .header__menu,
    #header__popup .header__search {
        display: flex;
    }

    /* header end*/

    /* highlight destination section css start */

    #highlight__destination .highlight__outer {
        height: 240px;
        padding: 15px;
    }

    #highlight__destination .highlight__col2 .highlight__outer {
        height: 496px;
    }

    #highlight__destination .highlight__col1 {
        width: calc(60% - 7.5px);
    }

    #highlight__destination .highlight__col2 {
        width: calc(40% - 7.5px);
    }

    #highlight__destination .highlight__col3 {
        width: 100%;
        flex-direction: row;
    }

    /* highlight destination section css end */

    /* Search destination section css start */
    #search__destination .search__main {
        padding: 25px;
    }

    #search__destination .search__outer {
        gap: 30px;
    }

    #search__destination .search__outer .search__heading {
        width: 29%;
    }

    #search__destination .search__outer .search__content {
        width: calc(71% - 30px);
    }

    /* Search destination section css end */

    #heading__bar {
        padding-bottom: 15px;
    }

    /* event & pride destination section css start */
    #event__section .event__outer {
        gap: 20px;
        padding-top: 30px;
    }

    #event__section .event__icon svg {
        width: 36px;
        height: 36px;
    }

    #event__section .event__col {
        width: calc(25% - 15px);
        padding: 15px 15px 49px;
        box-shadow: 0px 0px 20px 0px #00000021;
        border-radius: 30px;
        position: relative;
    }

    /* event & pride destination section css end */

    /* travel news section css start  */
    #travel__section .travel__banner {
        height: 380px;
        padding: 30px 25px;
        margin-top: 30px;
    }

    #travel__section .travel__outer {
        gap: 30px;
    }

    #news__list {
        width: calc(70% - 30px);
        gap: 20px;
    }

    #news__list .news__image {
        width: 47%;
    }

    #news__list .news__data {
        width: 47%;
        padding-bottom: 0;
    }

    #news__list .news__data .news__btn {
        position: relative;
        bottom: 0;
    }

    #side__bar {
        width: 30%;
        gap: 20px;
    }

    #side__bar .opinion__poll {
        padding: 30px 18px 24px;
    }

    #side__bar .latest__post {
        padding: 30px 18px 10px;
    }

    #side__bar .latest__post .latest__data h6 {
        font-size: 14px;
        line-height: 18px;
    }

    #side__bar .latest__post .latest__data .latest__btn {
        font-size: 14px;
        line-height: 22px;
    }

    /* travel news section css end */

    /* clever section css start  */
    #clever__section .cleaver__outer {
        margin-top: 30px;
        gap: 24px;
    }

    .cleaver__outer .clever__inner {
        height: 260px;
        width: calc(33.33% - 16px);
    }

    /* clever section css end  */

    /* choose destination section css start */
    #choose__destination .choose__slider .swiper-slide-next+.swiper-slide+.swiper-slide {
        opacity: 0;
    }

    #choose__destination .choose__slider .swiper-slide {
        min-height: 360px;
    }

    #choose__destination .choose__slider .swiper-slide:hover .slider__image {
        height: 240px;
    }

    #choose__destination .slider__image {
        height: 380px;
    }

    #choose__destination .choose__slider .swiper-button-next {
        width: 32px;
        height: 32px;
        right: -25px;
    }

    #choose__destination .choose__slider .swiper-button-prev {
        width: 32px;
        height: 32px;
        left: -25px;
    }

    #choose__destination .choose__slider .swiper-pagination {
        padding-top: 30px;
    }

    /* choose destination section css end */

    /* editor pick section css start */
    #editor__pick .editor__outer .editor__col {
        width: calc(50% - 5px);
    }

    /* editor pick section css end */

    /* post category section css start */
    #category__section .category__list {
        gap: 15px 20px;
    }

    #category__section .category__list li {
        width: calc(50% - 10px);
        font-size: 16px;
    }

    #category__section .category__list li a{
        padding: 15px;
    }
    #category__section .category__outer {
        gap: 30px;
    }

    #category__section .category__col2 {
        width: calc(38.5% - 0px);
    }

    /* post category section css end */

    /* post category section css start */
    #map__section {
        padding-bottom: 30px;
    }

    /* post category section css end */

    #footer {
        padding: 40px 25px 80px;
    }

    #footer .footer__col .news__letter input {
        width: 300px;
    }

    #footer .footer__col .news__letter button {
        padding: 5px 24px;
    }

    #footer .footer__copyright {
        flex-wrap: nowrap;
    }

    #footer .footer__copyright .copyright__text {
        font-size: 13px;
        line-height: 20px;
    }

    #footer .footer__copyright .privacy__policy {
        font-size: 13px;
        line-height: 20px;
    }

    /* hero section css start  */

    /* #hero__banner .hero__main {
        height: 340px;
        padding: 40px;
    } */

    /* hero section css end  */

    /* destination page css end */
    #news__list.destination__list {
        width: calc(70% - 30px);
    }

    #travel__destination .destination__outer {
        padding-top: 30px;
        gap: 30px;
    }

    #travel__section.destination__related .travel__outer {
        gap: 30px;
    }

    #travel__section.destination__related #side__bar .latest__post .latest__col {
        padding: 10px;
        gap: 10px;
    }

    #travel__section.destination__related #side__bar .latest__post .latest__image {
        width: 100px;
        height: 90px;
    }

    #travel__section.destination__related #side__bar .latest__post .latest__data {
        width: calc(100% - 110px);
    }

    #travel__section.destination__related #news__list.related__list {
        width: calc(64% - 30px);
    }

    #travel__section.destination__related #news__list .news__image {
        width: 50%;
    }

    #travel__section.destination__related #news__list .news__data {
        width: calc(50% - 15px);
    }

    /* destination page css end */

    /* main search page css start  */
    #main-search #hero__banner {
        padding-bottom: 30px;
    }

    .search__location .clever__inner {
        height: 350px !important;
        padding: 15px;
    }

    #main-search #travel__destination .destination__outer {
        gap: 30px;
    }

    #main-search #news__list.destination__list {
        width: calc(70% - 30px);
    }

    .destination__list .search-list__wrapper {
        gap: 15px;
        padding: 20px;
    }

    .destination__list .search-list__wrapper .wrapper__col {
        width: calc(70% - 15px);
    }

    .destination__list .search-list__wrapper .search-list__image {
        width: 30%;
    }

    .destination__list .search-list__wrapper .wrapper__col .box__data h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .destination__list .search-list__wrapper .wrapper__col p {
        font-size: 14px;
        line-height: 23px;
    }

    /* main search page css end  */

    /* agb page css start  */
    #agb__section .agb__sidebar {
        margin-left: 30px;
    }

    #agb__section .agb__data-image {
        width: calc(70% - 30px);
    }

    #agb__section .agb__content p {
        margin-bottom: 20px;
    }

    /* agb page css end  */

    /* event & pride page css start  */
    #upcoming__event .day__list {
        gap: 20px;
    }

    #upcoming__event .day__list li {
        width: calc(25% - 15px);
    }

    #upcoming__event .upcoming__list .cleaver__outer {
        gap: 20px;
    }

    #upcoming__event .upcoming__list .cleaver__outer .clever__inner {
        height: 360px;
        width: calc(33.33% - 13.33px);
    }

    #news__slider .n-slider__outer .custom-button-next {
        width: 39px;
        height: 39px;
        top: calc(50% - 20px);
        right: 0;
    }

    #news__slider .n-slider__outer .custom-button-prev {
        width: 39px;
        height: 39px;
        top: calc(50% - 20px);
        left: 0;
    }

    /* event & pride page css end  */

    /* single page css start  */
    #single__content {
        padding-top: 60px;
    }

    #single__content .single__main {
        gap: 30px;
    }

    #single__content .single__outer {
        width: calc(70% - 30px);
        gap: 30px;
    }

    #single__content .single__outer .opening__main .opening__row {
        font-size: 15px;
        line-height: 15px;
    }

    #single__content .single__outer .opening__main .opening__inner .opening__time {
        width: 114px;
    }

    #video__section .single__videos {
        gap: 18px;
    }

    #video__section .single__videos .video__col {
        width: calc(33.33% - 12px);
    }

    /* single page css end  */

}

@media only screen and (max-width: 991px) {
    #event__section .event__col {
        width: calc(50% - 10px);
    }

    #upcoming__event .upcoming__list .cleaver__outer .clever__inner {
        width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 767px) {
    :root {
        /* font-size */
        --font-size-h2: 24px;
        --font-size-h3: 20px;
        --font-size-h4: 18px;
        --font-size-h5: 18px;
    }

    h2 {
        line-height: 34px;
    }

    h3 {
        line-height: 28px;
    }

    h4 {
        line-height: 30px;
    }

    h5 {
        line-height: 24px;
    }

    p {
        line-height: 25px;
    }

    section {
        padding: 20px 15px;
    }

    .header__banner {
        padding: 10px 15px 0;
    }

    .header__main {
        padding: 5px 15px;
        margin-bottom: 0;
    }

    .header__main .header__outer {
        border-bottom: none;
    }

    .header__main img.logo__image {
        max-width: 78px;
    }

    .header__main .mobile__menu svg {
        width: 20px;
        height: 20px;
    }

    #header__popup .popup-content {
        padding: 30px 15px 30px;
    }

    #header__popup .search__bar {
        width: 176px;
    }

    #header__popup .search__bar input[type="text"] {
        width: 100%;
        padding: 6px 15px;
    }

    #header__popup .search__bar button {
        padding: 8px;
        right: 3px;
        top: 3px;
        width: 35px;
        height: 35px;
    }

    #header__popup .popup-content #closePopup {
        right: 15px;
        top: 15px;
        font-size: 36px;
    }

    /* highlight destination section css start */

    #highlight__destination {
        padding-top: 20px;
    }

    #highlight__destination .highlight__col3 {
        flex-direction: column;
    }

    #highlight__destination .highlight__col1 {
        width: 100%;
    }

    #highlight__destination .highlight__row.horizontal__row {
        flex-wrap: wrap;
    }

    #highlight__destination .highlight__col2 {
        width: 100%;
    }

    #highlight__destination .highlight__outer {
        height: 306px !important;
    }

    #highlight__destination .highlight__outer .destination__content svg {
        width: 27px;
    }

    #highlight__destination .highlight__outer .destination__content h5 {
        width: calc(100% - 27px);
        line-height: 24px;
    }

    #highlight__destination .highlight__outer .destination__category {
        font-size: 11px;
        line-height: 11px;
        padding: 7px 8px;
    }

    /* highlight destination section css end */

    /* Search destination section css start */
    #search__destination .search__main {
        padding: 15px;
        gap: 20px;
    }

    #search__destination .search__outer {
        gap: 10px;
    }

    #search__destination .search__outer .search__heading {
        width: 100%;
    }

    #search__destination .search__outer .search__content {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    #search__destination .search__form .search__field {
        width: 100%;
    }

    #search__destination .search__form input {
        padding: 8px 15px;
        height: 45px;
    }

    #search__destination .search__form .submit__field button {
        padding: 5px 20px;
        gap: 10px;
        margin-left: 0;
    }

    #search__destination .popular__search {
        gap: 10px;
        flex-wrap: wrap;
    }

    #search__destination .popular__search li {
        font-size: 16px;
        line-height: 24px;
    }

    #search__destination .popular__search ul {
        gap: 6px;
    }

    /* Search destination section css end */

    #heading__bar {
        padding-bottom: 10px;
        flex-wrap: nowrap;
    }

    #heading__bar .view__more {
        padding: 8px 11px;
        font-size: 12px;
        line-height: 12px;
        min-width: 80px;
    }

    /* event & pride destination section css start */
    #event__section .event__outer {
        gap: 33px;
        padding-top: 20px;
    }

    #event__section .event__col {
        width: 100%;
    }

    #event__section .event__icon svg {
        width: 27px;
        height: 27px;
    }

    /* event & pride destination section css end */

    /* travel news section css start  */
    #travel__section .travel__banner {
        height: 306px;
        padding: 15px;
        margin-top: 25px;
    }

    #travel__section .travel__banner .travel__category {
        font-size: 11px;
        line-height: 11px;
        padding: 7px 8px;
    }

    #travel__section .travel__banner .travel__content h2 {
        width: calc(100% - 27px);
        line-height: 34px;
    }

    #travel__section .travel__banner .travel__content svg {
        width: 27px;
    }

    #travel__section .travel__outer {
        padding-top: 20px;
    }

    /* travel news section css end  */

    #news__list {
        width: 100%;
        gap: 10px;
    }

    #news__list .news__col {
        padding: 15px;
        gap: 10px;
    }

    #news__list .news__image {
        width: 100%;
    }

    #news__list .news__image img {
        height: 166px;
    }

    #news__list .news__data {
        width: 100%;
    }

    #news__list .news__image .news__category {
        font-size: 11px;
        line-height: 11px;
        padding: 7px 8px;
        right: 15px;
        top: 15px;
    }

    #news__list .news__data .news__title {
        margin: 0 0 10px;
    }

    #news__list .news__data .news__except {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #news__list .news__data .news__btn {
        line-height: 30px;
    }

    #news__list #load__more__btn.travel__news__btn a {
        margin-top: 10px !important;
    }

    #news__list .ad__row {
        padding: 10px !important;
        margin-top: 30px;
    }

    #news__list .ad__row .ad__text {
        font-size: 12px;
        line-height: 12px;
    }

    #side__bar {
        width: 100%;
        gap: 10px;
        max-width: 100%;
    }

    #side__bar .ad__row {
        padding: 10px;
    }

    #side__bar .ad__row .ad__text {
        font-size: 16px;
        line-height: 15px;
    }

    #side__bar .latest__post .latest__post_heading {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 34px;
    }

    #side__bar .latest__post .latest__col {
        padding: 5px;
        gap: 10px;
    }

    #side__bar .latest__post .latest__data {
        width: calc(100% - 105px);
    }

    #side__bar .latest__post .latest__image {
        width: 95px;
        height: 74px;
    }

    #side__bar .latest__post .more__icon svg {
        width: 50px;
        height: 50px;
    }


    /* clever section css start  */
    #clever__section .cleaver__outer {
        margin-top: 30px;
        gap: 20px;
    }

    .cleaver__outer .clever__inner {
        height: 306px;
        width: 100%;
    }

    .cleaver__outer .clever__inner {
        height: 306px;
        width: 100%;
        padding: 15px;
    }

    .cleaver__outer .clever__inner .clever__content h6 {
        width: calc(100% - 27px);
        line-height: 24px;
    }

    .cleaver__outer .clever__inner .clever__content svg {
        width: 27px;
        height: 27px;
    }

    .cleaver__outer .clever__inner .clever__category {
        font-size: 11px;
    }

    .cleaver__outer .clever__inner .clever__content h6 .clever__extradata {
        margin-top: 5px;
    }

    .cleaver__outer .clever__icons {
        width: 27px;
        gap: 8px;
    }

    /* clever section css end  */


    /* choose destination section css start */
    #choose__destination .choose__slider {
        padding-top: 20px;
    }

    #choose__destination .choose__slider .swiper-slide .slider__image {
        height: 250px !important;
        margin: 0 !important;
    }

    #choose__destination .slider__content .slider__title {
        color: var(--primary-color);
        margin-top: 10px;
        line-height: 24px;
    }

    #choose__destination .choose__slider .swiper-slide-next,
    #choose__destination .choose__slider .swiper-slide-next+.swiper-slide,
    #choose__destination .choose__slider .swiper-slide-next+.swiper-slide+.swiper-slide {
        opacity: 0;
    }

    #choose__destination .slider__content {
        height: auto;
    }

    #choose__destination .slider__image .icon {
        bottom: 16px;
        right: 16px;
    }

    #choose__destination .slider__image .icon svg {
        width: 27px;
        height: 27px;
    }

    #choose__destination .slider__content .slider__text {
        font-size: 16px;
    }

    #choose__destination .choose__slider .swiper-pagination {
        padding-top: 30px;
        display: none;
    }

    #choose__destination .choose__slider {
        padding-top: 0;
        padding-bottom: 50px;
    }

    #choose__destination .choose__slider .swiper-button-next {
        width: 40px;
        height: 40px;
        right: calc(50% - 45px);
        top: unset;
        bottom: -50px;
    }

    #choose__destination .choose__slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: calc(50% - 45px);
        top: unset;
        bottom: -50px;
    }

    #ad__banner .ad-banner__main {
        padding: 10px;
        gap: 5px;
        border-radius: 10px;
    }

    #ad__banner p.ad__text {
        font-size: 12px;
        line-height: 12px;
    }

    #ad__banner img {
        border-radius: 10px;
    }

    /* choose destination section css end */

    /* editor pick section css start */
    #editor__pick .editor__outer .editor__col {
        width: 100%;
        padding: 10px;
    }

    #editor__pick .editor__outer .editor__image {
        width: 100px;
        height: 90px;
    }

    #editor__pick .editor__outer .editor__data {
        width: calc(100% - 120px);
    }

    #editor__pick .editor__outer .editor__data h6 {
        font-size: 15px;
        line-height: 24px;
    }

    #editor__pick .editor__outer .editor__data .editor__btn {
        font-size: 15px;
        line-height: 21px;
    }

    #editor__pick .editor__outer .editor__image .editor__category {
        font-size: 9px;
        line-height: 12px;
        padding: 3px;
        right: 10px;
        top: 10px;
    }

    #load__more__btn {
        font-size: 15px;
        line-height: 21px;
    }

    #load__more__btn a {
        padding: 5px 20px;
        margin: 30px auto 0;
    }

    /* editor pick section css end */

    /* post category section css start */
    #category__section .category__outer {
        margin-top: 30px;
        flex-direction: column-reverse;
    }

    #category__section .category__col1 {
        width: 100%;
    }

    #category__section .category__col2 {
        width: 100%;
    }

    #category__section .category__post {
        padding: 10px;
        border-radius: 20px;
    }

    #category__section .post__data .post__title {
        line-height: 24px;
    }

    #category__section .post__data .post__except {
        font-size: 16px;
    }

    #category__section .post__data .post__btn {
        font-size: 16px;
        line-height: 25px;
    }

    #category__section .category__list {
        gap: 10px 13px;
    }

    #category__section .category__list li {
        width: calc(50% - 6.5px);
        font-size: 12px;
        line-height: 25px;
    }
    #category__section .category__list li a{
        
        padding: 8px 15px;
    }

    #map__section .map__image {
        height: 253px;
        object-fit: cover;
    }

    #map__section .main__heading {
        max-width: 150px;
    }

    #map .map-info__image {
        width: 100%;
    }

    #map .map-info__image img {
        height: 80px;
        border-radius: 5px;
    }

    #map .map-info__details {
        width: 100%;
    }

    #map .map__infowindow {
        gap: 5px;
    }

    #map .map-info__details h6 {
        font-size: 12px;
        line-height: 16px;
    }

    #map .map__infowindow .stars {
        margin: 2px 0;
        font-size: 17px;
        letter-spacing: -1px;
        line-height: 14px;
    }

    #map .map-info__details p {
        font-size: 10px;
        line-height: 12px;
    }

    .gm-style-iw-ch {
        padding-top: 5px;
    }

    .gm-style .gm-style-iw-c {
        padding-left: 5px;
    }

    /* post category section css end */

    /* footer css start  */
    #footer {
        padding: 0px 15px 48px;
        background-size: auto 350px;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    #footer .footer__outer {
        justify-content: space-between;
        padding-bottom: 20px;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    #footer .mobile__footer__logo {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -15px;
    }

    #footer .mobile__footer__logo img {
        width: 170px;
    }

    #footer .footer__col .footer__logo {
        display: none;
    }

    .footer__col.footer__col2 {
        flex-direction: column-reverse;
        display: flex;
        gap: 28px;
        order: 3;
    }

    #footer .footer__col .news__letter {
        margin-top: 0;
    }

    #footer .footer__col .news__letter input {
        width: 100%;
    }

    #footer .footer__col .footer__heading {
        color: var(--primary-color);
        margin-bottom: 15px;
        line-height: 36px;
        font-size: 24px;
        font-weight: 600;
    }

    #footer .footer__col .news__letter button {
        padding: 2px 20px;
        font-size: 14px;
        line-height: 30px;
    }

    #footer .footer__col .news__letter input {
        padding: 12.5px 15px;
    }

    #footer .footer__copyright .privacy__policy {
        display: none;
    }

    #footer .footer__copyright .copyright__text {
        font-size: 15px;
        line-height: 19px;
        text-align: center;
        max-width: 280px;
        margin: 0 auto;
    }

    /* footer css end  */


    /* only mobile view  start */
    .mobile__hide {
        display: none;
    }

    #mobile__sidebar {
        display: flex !important;
    }

    /* only mobile view  end */

    /* hero section css start  */
    #hero__banner .hero__main {
        /* height: 200px; */
        padding: 24px 15px 30px;
        border-radius: 10px;
    }

    #hero__banner .hero__main .hero__title {
        margin-bottom: 0;
    }

    #hero__banner .hero__main .breadcrumb__list {
        gap: 5px;
    }

    #hero__banner .hero__main .breadcrumb__list li {
        font-size: 15px;
        line-height: 15px;
    }

    #hero__banner .hero__main .breadcrumb__list li svg {
        width: 15px;
        height: 15px;
    }

    /* hero section css end  */

    #clever__section.clever__news .cleaver__outer {
        gap: 36px;
    }

    #clever__section .clever__btn a {
        padding: 5px 20px;
        margin: 30px auto 0;
    }

    #editor__pick.editor__news {
        padding-bottom: 40px;
    }

    /* destination page css start  */
    #travel__destination .destination__outer {
        padding-top: 20px;
    }

    #news__list.destination__list {
        width: 100%;
    }

    #travel__destination .destination__outer .cleaver__outer .clever__inner {
        width: 100%;
    }

    #travel__section.destination__related #side__bar {
        width: 100%;
        max-width: 100%;
    }

    #travel__section.destination__related #news__list.related__list {
        width: 100%;
    }

    #travel__section.destination__related #news__list .news__image {
        width: 100%;
    }

    #travel__section.destination__related #news__list .news__data {
        width: 100%;
    }

    #travel__section.destination__related {
        padding-bottom: 40px;
    }

    /* destination page css end */

    /* main search page css start  */
    #main-search #hero__banner {
        padding-bottom: 20px;
    }

    .search__location #load__more__btn a {
        margin: 10px auto 0;
    }

    #main-search #clever__section {
        padding-bottom: 20px;
    }

    #main-search #news__list.destination__list {
        width: 100%;
    }

    #main-search .search-list__outer.dflex {
        gap: 25px;
    }

    .destination__list .search-list__wrapper {
        gap: 10px;
        padding: 10px;
        flex-direction: column-reverse;
    }

    .destination__list .search-list__wrapper .search-list__image {
        width: 100%;
        height: 175px;
    }

    .destination__list .search-list__wrapper .wrapper__col .img__box {
        width: 52px;
        height: 52px;
    }
    .destination__list .search-list__wrapper .wrapper__col .img__box img {
        max-width: 28px;
    }

    .destination__list .search-list__wrapper .wrapper__col .box__data {
        width: calc(100% - 52px);
        padding-left: 14px;
    }

    .destination__list .search-list__wrapper .wrapper__col .box__data h4 {
        font-size: 15px;
        line-height: 24px;
    }

    .destination__list .search-list__wrapper .wrapper__col {
        width: 100%;
    }

    .destination__list .search-list__wrapper .wrapper__col .box__data .box__link {
        font-size: 11px;
        padding: 5px 7px;
    }

    /* main search page css end  */

    /* agb page css start  */
    #agb__section .agb__data-image {
        width: 100%;
    }

    #agb__section .agb__content p {
        font-size: 16px;
        line-height: 24px;
    }

    #agb__section .agb__data-image img {
        border-radius: 10px;
    }

    #agb__section .agb__sidebar {
        margin-left: 0;
        width: 100%;
        float: unset;
        max-width: 100%;
    }

    #agb__section .agb__main {
        display: flex;
        flex-direction: column-reverse;
    }

    /* agb page css end  */

    /* event & pride page css start */
    #upcoming__event .upcoming__topbar {
        flex-wrap: wrap;
        gap: 10px;
        padding-bottom: 20px;
    }

    #upcoming__event .upcoming__search {
        gap: 10px;
        width: 100%;
        justify-content: flex-start;
    }

    #upcoming__event .day__column {
        margin-top: 20px;
    }

    #upcoming__event .day__list {
        gap: 13px;
    }

    #upcoming__event .day__list li {
        font-size: 12px;
        line-height: 25px;
        padding: 8px;
        width: calc(50% - 6.5px);
        gap: 10px;
    }

    #upcoming__event .upcoming__list {
        margin-top: 40px;
    }

    #upcoming__event .upcoming__list .cleaver__outer .clever__inner {
        width: 100%;
        height: 350px;
        padding: 15px;
    }

    #upcoming__event #load__more__btn a {
        margin: 10px auto 0;
    }

    #event-pride #map__section {
        padding-bottom: 20px;
    }

    #news__slider .n-slider__outer .news__image {
        width: 100%;
    }

    #news__slider .n-slider__outer .news__data {
        width: 100%;
    }

    #news__slider .n-slider__outer .news__image img {
        height: 166px;
    }

    #news__slider .n-slider__outer .swiper-pagination {
        display: none;
    }

    #news__slider .n-slider__outer .swiper__button {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
        gap: 10px;
    }

    #news__slider .n-slider__outer .custom-button-next {
        position: relative;
    }

    #news__slider .n-slider__outer .custom-button-prev {
        position: relative;
    }

    #news__slider .n-slider__outer .news-Swiper {
        padding-top: 20px;
    }

    /* event & pride page css end  */

    #gay-map #upcoming__event .upcoming__list {
        margin-top: 20px;
    }

    .clever__tag {
        font-size: 13px;
    }

    /* single page css start  */
    #single__content {
        padding-top: 40px;
    }

    #single__content .single__outer {
        width: 100%;
    }

    #single__content .single__outer .feature__image img {
        border-radius: 20px;
        min-height: 220px;
        object-fit: cover;
    }

    #single__content .single__outer .single__location {
        font-size: 11px;
        line-height: 7px;
        padding: 9px 14px;
        bottom: 15px;
        left: 15px;
        align-items: center;
    }

    #single__content .single__outer .single__title {
        margin-bottom: 10px;
    }

    #single__content .single__outer .content__column p {
        margin-top: 10px;
        line-height: 30px;
    }

    #single__content .single__outer .single__image img {
        border-radius: 10px;
    }

    #single__content .single__outer .single__tags {
        gap: 10px;
    }

    #single__content .single__outer .tag__data {
        font-size: 14px;
        line-height: 18px;
        padding: 9px 11px;
        width: 100%;
        gap: 10px;
    }

    #single__content .single__outer .opening__main {
        column-count: 1;
    }

    #single__content .single__map__outer #map {
        height: 250px;
    }

    #single__content .single__outer .opening__main .opening__inner {
        padding: 10px 0;
        max-width: 100%;
    }

    #video__section .single__videos {
        gap: 20px;
    }

    #video__section .single__videos .video__col {
        width: 100%;
        padding: 9px;
    }

    #event-single #clever__section {
        padding-bottom: 40px;
    }

    #video__section.map__videos .single__videos {
        gap: 20px;
        padding-top: 10px;
    }

    #video__section.map__videos .single__videos .video__col {
        width: 100%;
    }

    #map-single #search__destination {
        padding-bottom: 40px;
    }

    /* single page css end  */

    /* travel single page css start  */
    #single__content .travel-single__outer {
        gap: 20px;
    }

    .travel-single__outer .single__detailbar {
        padding: 5px 0;
    }

    .travel-single__outer img.author__image {
        width: 40px;
    }

    .travel-single__outer .author__box {
        gap: 8px;
    }

    .travel-single__outer .date__time {
        font-size: 14px;
        line-height: 14px;
    }

    .travel-single__outer .travel__content {
        padding: 10px 0;
    }

    .travel-single__outer .travel__content h4 {
        font-size: 24px;
        line-height: 20px;
    }

    .travel-single__outer .travel__content p {
        font-size: 16px;
        line-height: 20px;
    }

    /* travel single page css end */

    #pagination__wrapper {
        margin-top: 25px;
    }

    #pagination__wrapper span.pagination__numb {
        width: 40px;
        height: 40px;
    }

}