@media (max-width: 1440px) {
    .container-fluid {
        padding: 0 50px;
    }

    .journeyContent {
        padding: 0 50px 80px 30px;
    }

    .brandLogo img {
        max-width: 120px;
    }

    .heroOverley h1 {
        font-size: 84px;
        line-height: 69px;
        margin-bottom: 30px;
    }

    .heroOverley p {
        font-size: 20px;
        line-height: 36px;
        max-width: 690px;
    }

    .journeySec {
        display: grid;
        grid-template-columns: 30% 70%;
        padding: 80px 0 0;
    }

    .journeyTitle h2 {
        font-size: 120px;
        line-height: 100px;
    }

    .journeyTitle h2::after {
        top: 15px;
        right: -55px;
    }

    .journeyContent .tab-content {
        background: #F6F6F6;
        padding: 30px 20px 30px 30px;
    }

    .topContent p {
        margin-bottom: 30px;
    }

    .topContent h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .date {
        margin-bottom: 7px;
    }

    .journeyLeft h3 {
        margin-bottom: 10px;
    }

    .journeyLeft p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .journeyTitle {
        transform: translateX(-71px);
    }

    .awards_festival {
        padding: 80px 0;
    }

    .sectioText h2 {
        font-size: 64px;
        line-height: 67px;
        margin-bottom: 30px;
    }

    .sectioText p {
        font-size: 24px;
        line-height: 28px;
    }

    .awardSliderwrapper {
        margin-top: 50px;
    }

    .awardBtn {
        padding: 15px 20px;
        font-size: 18px;
    }

    .publisingsec {
        padding: 100px 0;
    }

    .publisingWrapper .nav-tabs .nav-link {
        font-size: 12px;
        padding: 9px 14px;
    }

    .twsWrapper h4 {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 20px;
    }

    .twsWrapper h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .publisingWrapper .nav.nav-tabs {
        gap: 6px;
        border: none;
        margin-bottom: 10px;
    }

    .candid_debba {
        padding: 80px 0;
    }

    .candidBg img {
        max-width: 730px;
    }

    .candidWrapper .candidItem {
        transform: scale(0.5) translateY(290px);
    }

    .merchandise {
        padding: 80px 0;
    }

    /* .merchandiseItemContent h3 {
        font-size: 80px;
        line-height: 90px;
    } */

    .merchandiseItemContent h3 {
        font-size: 50px;
        line-height: 70px;
    }
    .debbaText {
        top: -20px;
    }

    .merchandiseItemContent p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
        max-width: 420px;
    }

    .shopbtn span {
        font-size: 18px;
    }

    .merchandise .container-fluid {
        padding: 0 50px;
    }

    .aboutSec {
        padding: 100px 0;
    }

    .aboutSec p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .connectionWrapper {
        padding-right: 50px;
    }

    .connectingDots .sectioText h2 {
        line-height: 67px;
    }

    .connectingDots .sectioText p {
        line-height: 42px;
        max-width: 500px;
    }

    .connecttionBtn {
        font-size: 14px;
    }

    .footerContent h3 {
        margin-bottom: 20px;
    }

    .footerlogo {
        font-size: 129px;
        line-height: 100px;
    }

    .morenav {
        gap: 20px;
    }

    .morenav li a {
        font-size: 24px;
        line-height: 18px;
        letter-spacing: 0;
    }

    .contactHead h2 {
        font-size: 36px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .contactHead strong {
        font-size: 18px;
    }

    .contactHead p {
        font-size: 14px;
        line-height: 24px;
        margin: 10px 0 30px;
    }

    .moremenuWrapper {
        padding: 30px 0;
    }

    .contactForm .form-control,
    .contactForm .form-select {
        padding: 10.5px 20px;
    }

    .arrowIcon {
        top: 5px;
    }

    .arrowIcon img {
        max-width: 8px;
    }

    .moremenuWrapper .copyright {
        margin-top: 30px;
    }

    .publisingsec {
        padding: 80px 0;
    }
    .hostimg img {
        max-width: 300px;
    }
    .hostimg  {
        left: 70px;
    }
    .floatingcard img {
        max-width: 340px;
    }
    .deebaImg img {
        max-width: 240px;
        margin: auto;
        display: table;
        margin-top: -50px;
    }
    .softoverley h1 {
        font-size: 84px;
        line-height: 84px;
        margin-bottom: 30px;
    }
    .softoverley h6 {
        font-size: 22px;
        line-height: 31px;
    }
    .camdidAvatar {
        width: 140px;
    }
    .quoteItem h2 {
        font-size: 40px;
        line-height: 58px;
    }
    .quoteItem h6 {
        font-size: 22px;
    }
    .detailbanner {
        max-height: 500px;
    }
    section.aboutSegments {
        padding: 20px 0 50px;
    }
    .contctQuickIcon {
        width: 60px;
        font-size: 30px;
    }
    .contctQuickText {
        font-size: 18px;
    }
    .contctQuickText h3 {
        font-size: 20px;
    }
    .contactRest {
        padding: 80px 0;
    }
    .journeyouter {
        padding: 30px 30px 0;
    }

    /* retreat dubai */
    .dubaiRetreatSec {
        padding: 0 0 80px;
    }
    .retreatCardSec {
        padding: 80px 0;
    }
    .retreatCard p {
        font-size: 16px;
        line-height: 28px;
    }
    .programmeOutline {
        padding: 80px 0;
    }
    .gallerySec {
        padding: 80px 0;
    }

    /* 19.03.2026 */
    .ekoRetreatSec {
        padding: 0 0 80px;
    }
    .kangra_valley_intro {
        padding-bottom: 80px;
    }
    .curatorSec {
        padding: 0 0 80px;
    }
    /* 20.03.20206 */
    .joinDubai {
        padding: 50px 0 80px;
    }
    .joinIntro ul li {
        font-size: 16px;
        line-height: 22px;
    }
    .registrationInner {
        grid-template-columns: 380px  1fr;
    }
    .connectingDotMore {
        padding: 120px 0 50px;
    }

    /* 13.04.2026 */
    .literaryObjects h1 {
        font-size: 64px;
    }
    .objectsContent p {
        margin: 10px 0 20px;
    }
    .literaryObjects {
        padding: 120px 0 30px;
    }
    section.literaryDetails {
        padding: 120px 0 60px;
    } 
    .literaryDetails .mySwiper2   {
        height: 360px;
    }
    .literaryDetails .mySwiper   {
        height: 80px;
    }
    /* 28.04.26 */
    .tabExpLeft {
        padding-left: 50px;
    }
    .tabExpRight {
        padding-right: 50px;
    }
}

@media (max-width: 991.98px) {


    .container-fluid {
        padding: 0 15px;
    }

    .headerRight ul {
        display: none;
    }

    .heroOverley {
        position: static;
    }

    .heroOverley h1 {
        font-size: 34px;
        line-height: 39px;
        margin-bottom: 20px;
    }

    .heroOverley p {
        font-size: 18px;
        line-height: 27px;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .deskbanner {
        display: none;
    }

    .mobilebanner {
        display: block;
    }

    .brandLogo img {
        max-width: 110px;
    }

    .journeySec {
        display: block;
        padding: 180px 0 0;
        position: relative;
        margin-top: 50px;
    }

    .journeyTitle {
        transform: translateX(0px);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0 15px;
    }

    .journeyTitle .revealtext span:first-child {
        color: var(--black);
    }

    .journeyTitle h2 {
        font-size: 80px;
        line-height: 80px;
    }

    .journeyTitle h3 {
        font-size: 18px;
        line-height: 27px;
    }

    .journeyContent {
        padding: 30px 15px 15px;
    }

    .awards_festival {
        padding: 80px 0 120px;
        min-height: auto;
    }

    .awardSliderwrapper {
        margin-top: 30px;
    }

    .awardSliderwrapper .customnav {
        top: 120%;
    }

    .awardSliderwrapper .customnav.swiper-button-prev {
        left: 40%;
    }

    .awardSliderwrapper .customnav.swiper-button-next {
        right: 40%;
    }

    .moreBtn {
        /* position: fixed; */
        top: 20px;
        right: 15px;
    }

    .journeyContent .nav-tabs {
        margin: 0px 0 15px;
        gap: 15px;
        border: none;
    }

    .journeyContent .nav-tabs .nav-link {
        font-size: 14px;
        line-height: 22px;
        padding: 9px 14px;
    }

    .journeyContent .tab-content {
        padding: 15px;
    }

    .journeyItem .row {
        flex-flow: wrap-reverse;
    }

    .journeyLeft {
        margin-top: 15px;
    }

    .customnavOuter {
        top: inherit;
        right: 0;
        bottom: 5px;
    }

    .journeySliderWrapper {
        padding: 0 15px;
    }

    .sectioText h2 {
        font-size: 36px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .sectioText p {
        font-size: 18px;
        line-height: 28px;
    }

    .twsWrapper {
        position: static;
        transform: none;
    }

    .publisingWrapper .nav.nav-tabs {
        gap: 6px;
        border: none;
        margin-bottom: 20px;
        flex-flow: nowrap;
        overflow-x: auto;
        /* hide scrollbar */
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE / Edge */
    }

    .publisingWrapper .nav.nav-tabs::-webkit-scrollbar {
        display: none;
        /* Chrome / Safari */
    }

    .publisingWrapper .nav-tabs .nav-link {
        white-space: nowrap;
        font-size: 14px;
    }

    .p3.publishingImg,
    .p4.publishingImg {
        margin-top: 0px;
    }

    .publisingsec .col-md-6 {
        display: none;
    }

    .publishingImg {
        height: 128px;
    }

    .publishingImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .publisingsec .col-md-2,
    .publisingsec .col-md-4,
    .publisingsec .col-md-3 {
        width: 50%;
    }

    .publisingsec .col-md-2:nth-child(1) {
        order: -7;
    }

    .publisingsec .col-md-2:last-child {
        order: -6;
    }

    .publisingsec .col-md-4:first-child {
        width: 100%;
        margin-top: 30px;
    }

    .publisingsec {
        padding: 30px 0 120px;
        position: relative;
    }

    .candidWrapper {
        margin-top: 30px;
    }

    .primaryBtn span {
        /* display: none; */
    }

    .publisingsec .primaryBtn {
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
    }

    .candidBg img {
        max-width: 370px;
    }

    .textUp {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 30px;
        padding-bottom: 6px;
    }

    .merchandise .container-fluid {
        padding: 0 15px;
    }

    .merchandiseImg img {
        max-width: 130px;
    }

    .merchandiseItem {
        gap: 15px;
        margin-bottom: 60px;
    }

.merchandiseItemContent h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}
.candidSlider {
    padding-bottom: 60px;
}

    .merchandiseItemContent p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 20px;
        max-width: 420px;
    }

    .merchandise .container-fluid .row .col-sm-12:last-child .merchandiseItem {
        margin-bottom: 0;
    }

    .shopbtn img {
        display: none;
    }

    .aboutSec {
        padding: 60px 0;
    }

    .aboutSec .textUp {
        margin-bottom: 30px;
    }

    .connectingDots .sectioText h2 {
        line-height: 37px;
    }

    .connectingDots .sectioText p {
        line-height: 30px;
        max-width: 500px;
    }

    .connectionWrapper {
        display: none;
    }

    .mobsliderouter {
        display: block;
    }

    .connectingDots {
        position: relative;
        padding: 30px 0 110px;
        margin-bottom: 0px;
    }

    .connectingDots .primaryBtn {
        position: absolute;
        bottom: 50px;
        left: 50%;
    }

    .footerContent {
        margin-top: 50px;
    }

    .footerArea {
        padding: 20px 0 30px;
    }

    .footerlogo {
        font-size: 36px;
        line-height: 40px;
        margin-top: 70px;
    }

    .copyright p {
        margin-top: 15px;
        text-align: center;
    }

    .copyright {
        margin-top: 10px;
    }

    .moremenuWrapper {
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll;
    }

    .moremenuWrapper {
        padding: 60px 0 20px;
        height: 100vh;
        overflow-y: scroll;
    }

    .closeBtn {
        position: fixed;
        top: 20px;
        right: 15px;
        z-index: 99;
    }

    .morenav li a {
        font-size: 18px;
    }

    .morenav li a img {
        max-width: 7px;
    }

    .contactWrapper {
        margin-left: 0;
        padding-left: 0;
        padding-top: 50px;
        margin-top: 50px;
    }

    .contactWrapper::before {
        width: 100%;
        height: 1px;
        top: 0;
    }

    .lowerPortion .col-md-6 {
        width: 50%;
    }

    .lowerPortion img {
        width: 100%;
    }

    .aboutSec p {
        font-size: 19px;
        line-height: 30px;
    }

    .hostimg {
        position: static;
        padding-top: 50px;
    }

    .hostimg img {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .candid_debba {
        padding-bottom: 0;
    }


    .media {
        padding: 80px 15px 130px;
    }

    .cardview {
        display: none;
    }

    .floatingcardsliderouter {
        display: block
    }

    .floatingcardwraper {
        padding: 0
    }

    .floatingcardwraper .sectioText {
        position: static;
        margin-bottom: 30px;
    }

    .primaryBtn {
        position: absolute;
        bottom: -53px;
        left: 50%;
        transform: translateX(-50%);
    }
    .debbaText {
        top: -59px;
        font-size: 46px;
    }
    .candidchats .row > .col-md-6.col-lg-4:nth-child(3n + 2) .candidcard {
        transform: translateY(0px);
    }
    .quoteItem h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .softoverley {
    position: static;
    }
    .softoverley h1 {
    font-size: 34px;
    line-height: 39px;
    margin-bottom: 20px;
}
.candidChat small {
    margin: 10px 0 15px;
}
.candidChat p {
    min-height: 42px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin-bottom: 10px;
}
/* 18.03.2026 */
.writerWrightContent .sectioText h2 {
    font-size: 36px;
    line-height: 40px;
}
.retreatCard p {
    font-size: 15px;
    line-height: 26px;
}
.dayTag {
    font-size: 20px;
    line-height: 20px;
    padding: 9px 20px;
}
.programmeOutlineInner {
    padding: 15px 20px;
    background: var(--white);
}
.programmeOutline, .retreatCardSec {
    padding: 50px 0;
}
.writerWrightContent p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
}
.programmeOutlineInner p {
    font-size: 15px;
    line-height: 26px;
}
.writerWrightContent {
    margin-top: 30px;
}
.dubaiRetreatSec {
    padding: 0 0 50px;
}
.retreatCard {
    padding: 30px 20px;
}
.programmeOutline .sectioText.text-center h2 {
        font-size: 36px;
        line-height: 40px;
}

/* 19.03.2026 */
.ekoRetreatContent .sectioText h2 {
    font-size: 36px;
    line-height: 40px;
}
.ekoRetreatContent .primaryBtn {
    position: static;
    transform: none;
}
.ekoRetreatContent p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
}
.galleryGrid {
    grid-template-columns: repeat(3, 1fr);
}
.kangra_valley_intro  h2 {
    font-size: 34px;
}
}
@media (max-width: 767px) {
    /* 19.03.2026 */
.ekoWriterleftImg {
    float: none;
    padding-right: 0;
    padding-bottom: 30px;
}
.ekoWriterleftImg img {
    width: 100%;
}
.galItem {
    height: 160px;
}
.weatherText  .sectioText.text-center h2 {
    font-size: 36px;
}
.weatherText p {
  font-size: 15px;
}
.curatorImg {
    float: none;
    padding-right: 0;
    max-width: 100%;
    padding-bottom: 30px;
}
.curatorImg img {
    width: 100%;
}
.middleAlign {
    padding-top: 0;
}
/* 20.03.2026 */
.subHead {
    font-size: 34px;
    margin-bottom: 30px;
}
.joinIntro .row {
    gap: 30px;
}
.registrationInner {
    display: block;
}
.regContent {
    padding: 20px;
    padding-left: 20px;
}
.connectingDotMore {
    padding: 80px 0 0px;
}

/* 13.04.2026 */
.literaryObjects h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
.literaryObjects .journeyContent .nav-tabs .nav-link {
    font-size: 16px;
    padding: 9px 12px;
}
.literaryObjects .journeyContent .nav-tabs {
    gap: 7px;
}
.objectsitemContent h3 {
    font-size: 26px;
}
.productDetails {
    margin-top: 20px;
}
.productDetails h1 {
    font-size: 30px;
}
.productDetails .primaryBtn {
    position: static;
    transform: none;
}
.aboutProduct {
    margin: 15px 0 15px;
}
.size-wrapper {
    gap: 6px;
    flex-flow: wrap;
}
.size-label {
    width: 34px;
    height: 34px;
    font-size: 10px;
}
.literaryDetailsLeft {
    max-width: 530px;
    margin: auto;
}
section.literaryDetails {
    padding: 80px 0 50px;
}
.sizesWrapper {
    margin: 20px 0;
}
.sizeModal .btnclose {
    top: -40px;
    right: -0px;
}
/* 28.04.26 */
.storiessinglebanner h6 {
    margin: 0px 0 15px;
    font-size: 20px !important;
}
.tabmainContent {
    padding-top: 30px;
}
.tabExp {
    display: block;
    padding: 50px 0;
}
.tabExpLeft, .tabExpRight {
    padding: 50px 15px;
}
section.journeysecouter.journeyContent.storiessinglesec {
    padding: 0 0 50px;
}
.tabQuote em {
    font-size: 18px;
    line-height: 28px;
}
}
@media (max-width: 575px) {
    .publishingImg {
        height: 128px;
    }
    .softoverley .col-md-8 {
        text-align: center;
        margin-top: -30px;
    }
    .softoverley h1 {
    margin-bottom: 10px;
}
    section.quoteSec {
        padding: 60px 0 80px;
    }
    .deebadetailContent p {
        font-size: 16px;
        line-height: 26px;
    }
    .QAitem strong {
        font-size: 16px;
        line-height: 26px;
    }
    .brandLogo img {
        max-width: 70px;
    }
    section.deeba-details {
    margin-top: 0;
}
.introPara {
    padding: 40px 0 80px;
}
.softoverley h1 {
    font-size: 46px;
    line-height: 48px;
    margin-bottom: 20px;
}
.detailbanner .softoverley h1 {
    font-size: 34px;
    line-height: 39px;
    margin-bottom: 20px;
}
.connectingDotsItem.candidcard {
    padding-bottom: 108px;
}
.dotdetailImg {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0px;
}
.dotsDetailsWrapper p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
}
section.dotsDetails {
    padding: 0 0 70px;
}
.dotsAbout .row {
    flex-flow: wrap-reverse;
}
.dotsAboutcontent {
    background: linear-gradient(
1deg, #FBF8F4 25.14%, #FFFFFF 100%);
    padding: 30px;
    padding-top: 0;
}
section.dotsAbout {
    padding-bottom: 60px;
}
.segmentOverlry p {
    font-size: 14px;
    line-height: 22px;
}
.aboutPage .revealtext .char {
    display: inline-block;
    opacity: 1 !important;
    transform: scale(1) !important;
    filter: blur(0px) !important;
}
.mediaPage {
    padding: 30px 0 50px;
}
.mediaSingleItem {
    margin-bottom: 30px;
}
.merchandiseSingle {
    margin-bottom: 60px;
}
a.merchandiseSingleImg {
    height: 175px;
}
.show-all.SidesocialBar li:not(:last-child) {
    opacity: 1;
    transition: .5s;
    margin-bottom: 0;
    visibility: visible;
}
.socialplus {
    display: grid;
    place-content: center;
    width: 35px;
    height: 35px;
    background: #000;
    background: var(--primaryColor);
    border-radius: 50%;
    position: relative;
    z-index: 3;
}
.socialplus span {
    width: 12px;
    height: 2px;
    background: var(--white);
    display: inline-block;
    position: relative;
}
.socialplus span:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
    background: var(--white);
    transition: .5s;
    opacity: 1;
}
.socialplus span:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
    background: var(--white);
    transition: .5s;
    opacity: 1;
}
.show-all .socialplus span:after {
    transform: translate(-50%,-50%) rotate(0deg);
    transition: .5s;
    opacity: 0;
}
.SidesocialBar li:not(:last-child) {
    opacity: 0;
    margin-bottom: -20px;
    transition: .5s;
    visibility: hidden;
}
.show-all.SidesocialBar li:not(:last-child) {
    opacity: 1;
    transition: .5s;
    margin-bottom: 0;
    visibility: visible;
}
.contctQuicksItem {
    margin-top: 30px;
}
.journeysecouter.journeyContent .nav-tabs .nav-link {
    font-size: 16px;
    padding: 9px 12px;
}
.journeysecouter  .tab-content h2 {
    font-size: 28px;
}
.journeyouter {
    padding: 20px 20px 0;
}
.journeysecouter.journeyContent {
    padding: 30px 0 0;
}
.journeysecouter.journeyContent .nav-tabs {
    margin: 0px 0 30px;
}
.storiesGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.contactRestImg img {
    max-width: 120px;
}
.crHead {
    font-size: 16px;
}
.contctQuicksItem {
    margin-top: 0;
}
.contctQuickswrap .contctQuicksItem:not(:last-child)::after {
    bottom: -15px;
}
.contctQuickswrap {
    gap: 30px;
    margin-top: 30px;
}
.blogpageWrapper {
    padding-right: 0px;
}
.blogsticky {
    margin-bottom: 30px;
}
/* 18.03.2026 */
.writerWrightContent .sectioText h2 span, .ekoRetreatContent .sectioText h2 span {
    opacity: 1 !important;
    filter: blur(0) !important;
}
.retreatCard h3 {
    min-height: auto;
}
/* 19.03.2026 */
.kangra_valley_intro {
    padding-bottom: 60px;
    padding-top: 30px;
}

.journeysecouter.journeyContent.storiessinglesec  .nav-tabs .nav-link {
    font-size: 14px;
}
}


@media (min-width: 576px) and (max-width: 767.98px) {
.dotdetailImg {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0px;
}
section.dotsDetails {
    padding: 0 0 80px;
}
.dotsAbout .row {
    flex-flow: wrap-reverse;
}
.dotsAboutcontent {
    background: linear-gradient(
1deg, #FBF8F4 25.14%, #FFFFFF 100%);
    padding: 30px;
}
.merchandiseSingle {
    margin-bottom: 60px;
}
.show-all.SidesocialBar li:not(:last-child) {
    opacity: 1;
    transition: .5s;
    margin-bottom: 0;
    visibility: visible;
}
.socialplus {
    display: grid;
    place-content: center;
    width: 35px;
    height: 35px;
    background: #000;
    background: var(--primaryColor);
    border-radius: 50%;
    position: relative;
    z-index: 3;
}
.socialplus span {
    width: 12px;
    height: 2px;
    background: var(--white);
    display: inline-block;
    position: relative;
}
.socialplus span:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
    background: var(--white);
    transition: .5s;
    opacity: 1;
}
.socialplus span:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
    background: var(--white);
    transition: .5s;
    opacity: 1;
}
.contctQuicksItem {
    margin-top: 30px;
}
.storiesGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.storiesPage  {
    padding-bottom: 50px;
}
.blogpageWrapper {
    padding-right: 0px;
}
.blogsticky {
    margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .journeyTitle {
        display: flex;
    }

    .journeySec {
        padding: 130px 0 0;
        margin-top: 100px;
    }

    .customnavOuter {
        top: 30px;
        right: 0;
        bottom: inherit;
    }

    .publishingContent .col-sm-8 {
        width: 100%;
    }

    .publishingImg {
        height: 180px;
    }

    .publisingWrapper .nav.nav-tabs {
        justify-content: center;
    }

    .heroOverley {
        position: absolute;
        top: 50%;
    }

.connectingDots .primaryBtn {
    position: static;
    transform: none;
}

    .mobsliderItem h5 {
        min-height: 95px;
    }

    .footerlogo {
        font-size: 76px;
        line-height: 70px;
    }

    .copyright p {
        margin-top: 0px;
        text-align: left;
    }

    p.ctexRight {
        text-align: right;
    }

    .awards_festival {
        padding: 20vh 0;
    }

    .contactWrapper {
        margin-left: 50px;
        padding-left: 25px;
        position: relative;
        transform: translateX(100%);
        opacity: 0;
        transition: 0.1s;
        margin-top: 0;
        padding-top: 0;
    }

    .contactWrapper::before {
        background: #6B6B6B66;
        width: 1px;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        position: absolute;
    }

    .moremenuWrapper {
        padding: 100px 0 20px;
        height: 100vh;
        overflow-y: scroll;
    }
    .deebaAboutText {
        padding: 20px 30px;
    }
    .detailbanner .softoverley {
    position: absolute;
    bottom: 40px !important;
}
.connectingDotsItem.candidcard {
    padding-bottom: 108px;
}
.dotdetailImg {
    width: 370px;
    height: 200px;
}
.dotsDetailsWrapper p {
    font-size: 16px;
    line-height: 28px;
}
.dotsDetailsWrapper h3 {
    font-size: 20px;
    line-height: 24px;
}
section.dotsDetails {
    padding: 0 0 80px;
}
.segmentOverlry p {
    font-size: 14px;
    line-height: 22px;
}
.merchandiseSingle {
    margin-bottom: 60px;
}

/* 18.03.2026 */
.writerWrightContent {
    margin-top: 0;
}
.writerWrightContent p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 15px;
}
.writerWrightContent .primaryBtn {
    margin-top: 30px !important;
}
.writerleftImg {
    height: 100%;
}
.writerleftImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* 20.03.2026 */
.registrationBanner.detailbanner .softoverley {
    bottom: 0 !important;
}
.subHead {
    font-size: 34px;
    margin-bottom: 30px;
}
.registrationInner {
    grid-template-columns: 300px  1fr;
}
.regContent {
    padding: 30px;
    padding-left: 30px;
}

/* 14.04.2026 */
.literaryDetailsLeft {
    max-width: 530px;
    margin: 0 auto 30px;
}
.productDetails .primaryBtn {
    position: static;
    transform: none;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .heroOverley h1 {
        font-size: 64px;
        line-height: 69px;
    }

    .heroOverley p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .heroOverley {
        bottom: -20px;
    }

    .journeyTitle h2 {
        font-size: 80px;
        line-height: 80px;
    }

    .journeyTitle {
        transform: translateX(-54px);
    }

    .journeyTitle h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .publisingWrapper .nav-tabs .nav-link {
        font-size: 10px;
        padding: 9px 5px;
    }

    .publisingsec .primaryBtn {
        transform: translateY(200px);
    }

    .headerRight ul {
        gap: 30px;
    }

    .footerlogo {
        font-size: 90px;
        line-height: 90px;
    }

    a.merchandiseImg img {
        max-width: 230px;
    }
    .dotdetailImg {
        width: 370px;
        height: 200px;
    }
    .segmentOverlry p {
        font-size: 14px;
        line-height: 20px;
    }
    .segmentOverlry h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .segmentItem:hover .segmentOverlry {
        padding: 20px 20px;
        overflow-y: scroll;
    }

    /* 18.03.2026 */
    .writerleftImg {
        height: 100%;
    }
    .writerleftImg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .retreatCard h3 {
        font-size: 22px;
    }
    .dayTag {
        font-size: 20px;
    }
    /* 20.03.2026 */
    .registrationBanner.detailbanner .softoverley {
        bottom: -30px;
    }
    .subHead {
        font-size: 44px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1339.98px) {
    .heroOverley h1 {
        font-size: 64px;
        line-height: 69px;
    }
}