.btnFrame:nth-child(9),
.btnFrame:nth-child(10),
.btnFrame:nth-child(11),
.btnFrame:nth-child(12),
.btnFrame:nth-child(13),
.btnFrame:nth-child(14),
.btnFrame:nth-child(15),
.btnFrame:nth-child(16),
.btnFrame:nth-child(17),
.btnFrame:nth-child(18),
.btnFrame:nth-child(19),
.btnFrame:nth-child(20),
.btnFrame:nth-child(21),
.btnFrame:nth-child(22),
.btnFrame:nth-child(23),
.btnFrame:nth-child(24),
.btnFrame:nth-child(25),
.btnFrame:nth-child(26),
.btnFrame:nth-child(27),
.btnFrame:nth-child(28),
.btnFrame:nth-child(29) {
    display: none !important;
}

.loadedMammut .nextPrevSection {
    transform: translateX(0%);
    pointer-events: none;
}

.loadedMammut .nextPrevSection * {
    pointer-events: auto;
}

@media only screen and (max-width: 3000px) {}

@media only screen and (max-width: 1460px) {
    .titleLargeSec .animateTitle {
        top: 55px;
        font-size: 90px;
    }

    nav.navbar .col1 .menuTop {
        grid-gap: 20px;
    }

    .brandsLove {
        max-width: 980px;
    }

    .titleCenter .title {
        font-size: 22px;
    }

    .titleCenter .subtitle {
        font-size: 14px;
    }

    .btnBarayand {
        height: 40px;
        font-size: 12px;
        min-width: 170px;
    }

    .contentsec4 .rowBtn {
        grid-gap: 10px;
    }

    .contentSec3 .slider5Item {
        max-width: 1200px;
    }

    .container {
        width: calc(100% - 40px);
    }

    .nextPrevSection {
        top: 0;
        bottom: 0;
        margin: auto;
        height: 90vh;
    }
}

@media only screen and (max-width: 1400px) {
    .logoNav {
        width: 100px;
        padding: 0 10px;
    }

    nav.navbar {
        padding: 0px 0;
    }
}

@media only screen and (max-width: 1360px) {
    nav.navbar .col1 .menuTop {
        grid-gap: 20px;
    }

    section.slide .container.buttonfixed .space {
        height: 24vw !important;
    }
}

@media only screen and (max-width: 1200px) {
    .contentRes {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .contentRes .itemSearch {
        width: calc((100% / 4) - 10px);
    }

    .titleLargeSec .animateTitle {
        top: 65px;
        font-size: 77px;
    }

    .btnBarayand {
        min-width: 170px;
    }

    .rowBtn {
        grid-gap: 5px;
    }

    .row2col .caption,
    .row3col .caption {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1120px) {
    nav.navbar .col1 .menuTop {
        grid-gap: 10px;
        display: none;
    }
}

@media only screen and (max-width: 1100px) {
    section.slide .container.buttonfixed .space {
        height: 28vw !important;
    }
}

@media only screen and (max-width: 980px) {

    .row2col .caption,
    .row3col .caption {
        font-size: 14px;
    }

    .animateTextCaption {
        padding: 0 60px;
    }

    .contentsec4 .rowBtn {
        grid-gap: 10px;
        padding: 0 60px;
    }

    .contentsec4 {
        width: 100% !important;
    }

    .contentsec4 .rowBtn .col {
        width: 100% !important;
    }

    .row2col .caption,
    .row3col .caption {
        margin-bottom: 20px;
    }

    .row2col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.slide .container.buttonfixed .space {
        height: 40vw !important;
    }

    .itemslideHome .animateTextCaption {
        justify-content: center;
        width: 100% !IMPORTANT;
        padding: 0 60px;
        box-sizing: border-box;
    }

    canvas {
        display: none !important;
    }

    section.slide .background {
        background-color: #000;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 100% !important;
        display: block;
    }

    .changeSlideEffect {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1000000000000000;
        background: transparent;
        pointer-events: none;
    }

    .changeSlideEffect i {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        transform-origin: bottom center;
        transition: all 0.5s;
    }

    .changeSlideEffect i:nth-child(1):before {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #171717;
        content: '';
        transition: all 0.5s;
        transform: scaleY(0);
        transform-origin: bottom center;

    }

    .changeSlideEffect i:nth-child(1):after {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #a73103;
        content: '';
        transition: all 0.5s;
        transform: scaleY(0);
        transform-origin: bottom center;
    }

    .changeSlideEffect i:nth-child(2):before {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #e64100 url(/dist/img/changePageLogo.png) no-repeat center / 200px;
        content: '';
        transition: all 0.5s;
        transform: scaleY(0);
        transform-origin: bottom center;
        content: "";
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
        text-transform: uppercase;
        font-style: normal;
        font-weight: bold;
    }


    body.changeslidestart .changeSlideEffect i:nth-child(1):before {
        animation: 1s scaley1 1;
        animation-delay: 0s;
        /* transition-delay: 0s; */
    }

    body.changeslidestart .changeSlideEffect i:nth-child(1):after {
        animation: 1s scaley1 1;
        animation-delay: 0.2s;
    }

    body.changeslidestart .changeSlideEffect i:nth-child(2):before {
        animation: 1s scaley1 1;
        animation-delay: 0.4s;
    }


    body.changeslidestart.endchange .changeSlideEffect i:nth-child(1):before {
        transform: scaleY(0);
        animation: 1s scaley2 1;
        animation-delay: 0.4s;
        transform-origin: top center;
    }

    body.changeslidestart.endchange .changeSlideEffect i:nth-child(1):after {
        transform: scaleY(0);
        animation: 1s scaley2 1;
        animation-delay: 0.2s;
        transform-origin: top center;
    }

    body.changeslidestart.endchange .changeSlideEffect i:nth-child(2):before {
        transform: scaleY(0);
        animation: 1s scaley2 1;
        animation-delay: 0s;
        transform-origin: top center;
    }

    @keyframes scaley1 {
        0% {
            transform-origin: bottom center;
            transform: scaleY(0) translateY(0);
        }

        100% {
            transform: scaleY(1) translateY(0);
            transform-origin: bottom center;
        }
    }

    @keyframes scaley2 {
        0% {
            transform: scaleY(1) translateY(0);
            transform-origin: top center;
        }

        100% {
            transform: scaleY(0) translateY(0);
            transform-origin: top center;
        }
    }


    body.stage-1 .row2col .col:nth-child(2),
    body.stage-4 .row2col .col:nth-child(2),
    body.stage-5 .row2col .col:nth-child(1),
    body.stage-6 .row2col .col:nth-child(2) {
        width: 35vw;
    }

    .btnBarayand {
        min-width: 70px;
    }

    .row2col {
        grid-template-columns: 1fr auto;
    }

    /* .nextPrevSection {
        display: none;
    } */
    /* nav.side {
        display: none !important;
    } */
    body.stage-5 .row2col {
        grid-template-columns: auto 1fr;
    }

    .contentsec5 .row3col.ColCenterAuto {
        grid-template-columns: 1fr !important;
    }

    .contentsec5 .row3col.ColCenterAuto .col:nth-child(2) {
        grid-row: 1;
        max-width: 180px;
        margin: 0 auto;
    }

    .contentsec5 .row3col.ColCenterAuto .col:nth-child(1) {
        margin-top: -100px;
    }

    .side {
        width: 180px;
    }

    .contentsec4 .col {
        width: 100% !important;
    }

    .container.buttonfixed .row2col .col {
        width: 100% !important;
    }
    video.videoBgHome {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        mix-blend-mode: screen;
    }
}

@media only screen and (max-width: 940px) {}

@media only screen and (max-width: 890px) {
    div#lottie span.word {
        font-size: 5rem;
    }

    .contentRes .itemSearch {
        width: calc((100% / 3) - 10px);
    }

    .contactFooter .top .itemNamad {
        width: 70px;
        height: 70px;
    }
}

@media only screen and (max-width: 768px) {
    body.mousemove .slide .SliderOne .swiper-wrapper .itemslideHome .titleLargeSec {
        opacity: 0 !important;
        transform: scale(0) !important;
    }

    body.mousemove .slide .SliderOne .swiper-wrapper .swiper-slide-active .itemslideHome .titleLargeSec {
        opacity: 1 !important;
        transform: scaleY(1) !important;
        transition-delay: 0.8s;
    }

    .slide .SliderOne .swiper-wrapper .itemslideHome .caption {
        opacity: 1;
        transition: all 0.5s;
        transform: translateX(0px);
    }

    body.mousemove .slide .SliderOne .swiper-wrapper .itemslideHome .caption {
        opacity: 0;
        transition: all 0.5s;
        transform: translateX(-400px);
    }
    body.mousemove .slide .SliderOne .swiper-wrapper .swiper-slide-active .itemslideHome .caption {
        opacity: 1;
        transition: all 0.5s;
        transform: translateX(0px);
    }
    .SliderOne .itemslideHome .hoverlinK {
        display: none;
    }
    body.stage-1 .btnPrev, body.stage-9 .btnNext {
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .itemBrand .hoverlinK {
        z-index: 0;
    }

    .itemBrand:hover .hoverlinK {
        z-index: 100;
    }

    .btnFrame .btnBarayand {
        z-index: -1;
        pointer-events: none;
    }

    .btnFrame:hover .btnBarayand {
        z-index: 2;
        pointer-events: auto;
    }

    .itemPortfolio .hoverlinK {
        pointer-events: none;
    }

    .itemPortfolio:hover .hoverlinK {
        pointer-events: auto;
    }

    body.loadedMammut .slide.selected.animstart .titleLargeSec .animateTitle span:before {
        transform: perspective(600px) scale(1) translateY(8px) rotateX(0deg) !important;
    }

    .swiper-container {
        touch-action: pan-y !important;
        /* اجازه دادن به عملکرد افقی (horizontal) */
    }

    a {
        touch-action: manipulation !important;
        /* اجتناب از تداخل با لینک‌ها */
    }

    div#lottie span,
    .Cusrors {
        display: none !important;
    }

    .contentSec2 .titleCenter .title {
        color: #fff !important;
    }

    body,
    html {
        overflow: hidden !important;
    }

    .contentsec5 .row3col.ColCenterAuto .col:nth-child(1) {
        margin-top: 0px;
    }

    .itemslideHome .container .row2col {
        margin-bottom: 14vw;
    }

    .container.buttonfixed .row2col {
        margin-bottom: 10vw;
    }

    .contentsec4 .row2col {
        margin-bottom: 6vw;
    }

    .row3col.ColCenterAuto {
        display: flex;
        flex-direction: column-reverse !important;
        align-items: center;
    }

    .contentsec5 .row3col .col img {
        width: 80%;
        transform-origin: bottom center;
        margin-bottom: -50px !important;
        margin: auto;
        display: flex;
    }

    .contentFooter .socialIcons {
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: 10px;
    }

    .contactFooter .top {
        flex-wrap: wrap;
    }

    .contactFooter {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    .brandsLove {
        grid-gap: 10px;
    }

    .stage-2 section.slide .background {
        top: 6vw;
        width: 80%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .titleCenter span.moreView {
        position: relative;
        width: 140px;
        margin: 5px auto 5px !important;
        left: 0 !important;
        right: 0 !IMPORTANT;
    }

    .titleCenter span.moreView:before {
        display: none;
    }

    .side {
        display: none !important;
    }

    body.stage-1 .row2col .col:nth-child(2),
    body.stage-4 .row2col .col:nth-child(2),
    body.stage-5 .row2col .col:nth-child(1),
    body.stage-6 .row2col .col:nth-child(2) {
        width: 0vw;
    }

    .row2col {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .container {
        width: calc(100% - 20px);
        align-items: flex-end;
    }

    .titleLargeSec .title {
        font-size: 10.3vw;
        white-space: nowrap;
    }

    .animateTextCaption {
        padding: 0 0px;
    }

    .logoNav {
        width: 70px !important;
    }

    nav.navbar {
        padding: 10px 0;
    }

    .logoNav img {
        max-width: 75%;
        height: auto;
    }

    .contentSec3 {
        padding: 120px 0px;
    }
}

@media only screen and (max-width: 680px) {
    div#lottie span.word {
        font-size: 3rem;
    }

    .contentRes .itemSearch span.title {
        font-size: 10px;
        text-align: center;
        background: rgb(0 0 0 / 70%);
    }

    .searchBox .contentSearchbox span.close {
        width: 25px;
        min-width: 25px;
        height: 25px;
    }

    .MoreLinkHome {
        font-size: 12px !important;
    }

    .searchBox .resultSearch {
        min-height: calc(100vh - 70px);
        max-height: calc(100vh - 70px);
    }

    .searchBox .contentSearchbox {
        height: 70px;
        padding: 10px 20px !important;
    }

    .contentSec3 .swiper-pagination span.swiper-pagination-bullet {
        width: 10px;
    }

    .contentSec3 .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 2px;
    }

    .contentSec2 .brandsLove {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .contentSec2 .brandsLove .itemBrand {
        width: calc((100% / 4) - 10px) !important;
    }

    .contentSec2 .brandsLove .itemBrand {
        /* display: none !important; */
    }

    .contentSec2 .brandsLove .itemBrand:nth-child(22),
    .contentSec2 .brandsLove .itemBrand:nth-child(23),
    .contentSec2 .brandsLove .itemBrand:nth-child(24),
    .contentSec2 .brandsLove .itemBrand:nth-child(25),
    .contentSec2 .brandsLove .itemBrand:nth-child(26),
    .contentSec2 .brandsLove .itemBrand:nth-child(27),
    .contentSec2 .brandsLove .itemBrand:nth-child(28),
    .contentSec2 .brandsLove .itemBrand:nth-child(29),
    .contentSec2 .brandsLove .itemBrand:nth-child(30),
    .contentSec2 .brandsLove .itemBrand:nth-child(31),
    .contentSec2 .brandsLove .itemBrand:nth-child(32),
    .contentSec2 .brandsLove .itemBrand:nth-child(33) {
        display: none !important;
    }

    .contentRes .itemSearch {
        width: calc((100% / 2) - 10px) !important;
    }

    .contentSec2 .brandsLove .itemBrand:last-child {
        display: none !important;
    }

    section.slide[name=sec2] .background {
        opacity: 0.4 !important;
    }

    .btnFrame:nth-child(8) {
        display: none !important;
    }

    .changeSlideEffect i:nth-child(2):before {
        font-size: 40px;
    }

    .itemslideHome .container .row2col {
        margin-bottom: 20vw;
    }

    .contentsec5 {
        justify-content: flex-end;
    }

    .stage-2 section.slide .background {
        top: 12vw;
        width: 140%;
        left: 0;
        right: -20%;
        margin: auto;
    }

    .brandsLove .itemBrand {
        grid-column: unset !important;
        grid-row: unset !important;
    }

    .contentSec3 {
        padding: 120px 40px;
    }

    .itemPortfolio strong {
        font-size: 14px;
    }

    .itemPortfolio {
        width: 85%;
    }

    .contentText {
        padding: 0;
        width: calc(100% - 80px) !important;
        margin: 0 auto 40px;
    }

    .contentsec4 {
        width: 100% !important;
    }

    body.stage-5 .row2col {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    body.stage-1 .row2col .col:nth-child(2),
    body.stage-4 .row2col .col:nth-child(2),
    body.stage-5 .row2col .col:nth-child(1),
    body.stage-6 .row2col .col:nth-child(2) {
        width: 100%;
    }

    .titleLargeSec .animateTitle {
        top: -10px;
        font-size: 77px;
    }

    .titleLargeSec .title {
        font-size: 14.3vw;
        white-space: nowrap;
    }

    .contentText {
        padding: 0;
        width: calc(100% - 40px) !important;
        margin: 0 auto 40px;
        padding: 0 !important;
    }

    .itemslideHome .animateTextCaption {
        padding: 0;
    }

    .contentsec4 .rowBtn {
        grid-gap: 10px;
        padding: 0;
    }

    .contentsec6 {
        width: calc(100% - 20px);
        justify-content: flex-end;
    }

    .row2col .caption,
    .row3col .caption {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    section.slide .background {
        top: -15%;
    }
}

@media only screen and (max-width: 620px) {}

@media only screen and (max-width: 600px) {
    .brandsLove {
        grid-template-columns: repeat(5, 1fr);
    }
}


@media only screen and (max-width: 520px) {

    .page-loaded .slide.active,
    .page-loaded .slide.selected {
        -webkit-transform: translateY(0%) scale(1);
        transform: translateY(0%) scale(1);
    }

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

@media only screen and (max-width: 480px) {

    .titleLargeSec .animateTitle {
        top: -10px;
        font-size: 45px;
    }

    body.loadedMammut .slide.selected.animstart .titleLargeSec .animateTitle span:before {
        transform: perspective(600px) scale(1) translateY(15px) rotateX(0deg) !important;
    }

    .contentRes .itemSearch:before {
        padding-top: 73% !important;
    }

    .titleCenter .title {
        font-size: 18px;
    }

    .titleCenter .subtitle {
        font-size: 14px;
    }

    .contentSec2 .brandsLove .itemBrand {
        width: calc((100% / 3) - 20px) !important;
    }

    .contentsec4 .row2col {
        margin-bottom: 0;
    }

    .SliderOne span.swiper-pagination-bullet:after {
        width: 100%;
        height: 100%;
    }

    .SliderOne span.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .row2col .caption,
    .row3col .caption {
        padding-bottom: 20px;
    }

    .row2col .caption,
    .row3col .caption {
        font-size: 12px;
    }

    .animateTextCaption {
        padding: 0;
    }

    .titleLargeSec .title {
        font-size: 42px;
    }

    .titleLargeSec .animateTitle {
        top: -10px;
        font-size: 36px;
    }

    .itemslideHome .titleLargeSec .title {
        font-size: 36px;
    }

    .itemslideHome .container .row2col {
        margin-bottom: 38vw;
    }

    .itemslideHome .titleLargeSec .animateTitle {
        top: -2px;
    }

    .itemAddress {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .itemPortfolio {
        width: 85%;
    }

    .brandsLove {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 420px) {
    .btnBarayand {
        padding: 0 10px;
    }

    .btnBarayand {
        height: 40px;
        font-size: 10px;
        min-width: unset;
    }

    .row2col .caption,
    .row3col .caption {
        font-size: 10px;
    }
}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 280px) {}