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

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

}
@media only screen and (max-width: 1150px) {
    .TitleSec5box {
        position: absolute;
        bottom: 80px;
        width: 24vw;
        height: 80px;
        right: 19vw;
    }
    .TitleSec5box h2.titlesec5 {
        font-size: 1.4vw;
    }
}
@media only screen and (max-width: 1100px) {
    .TitleSec5box {
        position: absolute;
        bottom: -2vw;
        width: 24vw;
        height: 80px;
        right: auto;
        left: 0;
        margin: auto;
    }
    .infoBullet__button_3 {
        transform: translate(300%, -60%) !important;
    }
    .infoBullet__button_2 {
        transform: translate(-250%, -220%) !important;
    }
    .infoBullet__button_1 {
        transform: translate(calc(-420% + 100px), 80%) !important;
    }
}
@media only screen and (max-width: 1050px) {
    .boxBannerSlider {
        right: -2vw;
    }
}
@media only screen and (max-width: 980px) {
    section.slide[name="portfolio3"] .wrap {
        padding-top: 150px;
    }
    .containerMain.lastSection {
        flex-wrap: wrap;
    }
    .containerMain.lastSection .col {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .boxBannerSlider i.brdr {
        height: calc(100% - 50px);
    }
    .containerMain .col .row1 {
        justify-content: center;
    }
    .boxSliderAboutus {
        position: relative;
        width: calc(100% - 20px);
        background: transparent;
        min-width: 240px;
    }
    .boxBannerSlider {
        right: 0;
    }
    a.boxCatalog {
        width: calc(100% - 0px);
        transform: translate(0px, -50px);
        min-width: 240px;
    }
    .TitleSec5box {
        bottom: auto;
        top: -10vw;
        left: 0;
        right: 0;
        width: 41vw;
        max-width: 400px;
    }
    .TitleSec5box h2.titlesec5 {
        font-size: 2.4vw;
    }
    .containerMain.lastSection .col:first-child {
        margin-top: 10vw;
    }
    
    .ItemSlideAbout {
        flex-direction: column-reverse;
    }
    .ItemSlideAbout .textSlider1 {
        margin-right: 0%;
    }
    .ItemSlideAbout .picSlider1 {
        width: calc(80%);
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .contentVideo {
        flex-direction: column;
    }
    .contentVideo .col1 , .contentVideo .col2 {
        margin: 10px 0;
        
    }
    .contentVideo .col1  {
        margin: 10px 0;width: calc(80%);
    }
    .contentVideo .col2 {
        width: 80%;
        justify-content: center;
    }
    .itemTitleVideoSec {
        margin: 0 0 20px !important;
    }
    
    section.slide:first-child .background {
        left: 0;
        width: calc(100% );
    }
    .ItemsSlider1 {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .ItemSlideAbout .textSlider1 .itemserv {
        width: fit-content;
        right: -10px;
    }
    .ItemSlideAbout .textSlider1 h2.titleSlider1 , .ItemSlideAbout .textSlider1 h3.subtitleSlider1 {
        text-align: center;
    }
}
@media only screen and (max-width: 890px) {
    .infoBullet__button_3 {
        transform: translate(220%, -60%) !important;
    }

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

}
@media only screen and (max-width: 768px) {
    .ItemSlideAbout .textSlider1 {
        width: calc(100% - 20px);
    }
        .ItemSlideAbout .textSlider1 span.title {
            font-size: 14px;
        }
    .ItemSlideAbout .picSlider1 {
        margin: 0px auto 30px;
    }
    .ItemSlideAbout .textSlider1 span.title {
        width: 200px;
    }
    footer {
        justify-content: space-evenly;
        flex-wrap: wrap;
        height: auto !important;
    }
    section.slide {
        position: relative;
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none;
        width: 100%;
        height: auto;
    }
        section.slide .content {
            position: relative;
            height: auto !important;
            pointer-events: auto !important;
            z-index: 10;
        }
    .navigation {
        display: none !important;
    }
    .slides .kenBurns .background, .slides.animateOnScroll .kenBurns .background, .slides .kenBurns .background, .slides .kenBurns .background {
        -webkit-transform: translate3d(0, 0, 0) !IMPORTANT;
        transform: translate3d(0, 0, 0) !IMPORTANT;
        opacity: 1 !IMPORTANT;
        z-index: 1 !IMPORTANT;
    }
    section.slide .stripe__background-elements {
        transition: all 0s !important;
        transition-delay: 0s !important;
        opacity: 0.5 !important;
        transform: translate(-50%, -50%) scale(1) !important;
    }

    section.slide .stripe__background-shapes {
        transition: all 0s !important;
        transition-delay: 0s !important;
        opacity: 0.5 !important;
        transform: translate(-50%, -50%) scale(1) !important;
    }

    section.slide .js-stripe-vortex {
        transition: all 0s !important;
        opacity: 0.5 !important;
        transform: translate(-50%, -50%) rotate(-360deg) scale(9) !important;
        transition-delay: 0s !important;
    }

    section.slide .contentVideo .col1 .VideoBox {
        transform: translate(0px, 0px) scale(1) !important;
        transition-delay: 0s !important;
        transition: all 0s !important;
    }

    section.slide .itemTitleVideoSec:first-child {
        transition-delay: 0s !important;
        transform: translate(0px, 0px) scale(1) !important;
    }

    section.slide .itemTitleVideoSec:last-child {
        transition-delay: 1s !important;
        transform: translate(0px, 0px) scale(1) !important;
    }
    .contentHomePage {
        position: relative;
        width: 100%;
        max-width: calc(100% - 199px) !important;
        display: flex;
        min-height: unset;
        margin-right: 199px;
        flex-direction: column !important;
    }
    .container .wrap .spaceWrap, .container .wrap.spaceWrap, .container .wrap:not(.noSpaces) {
        padding: 70px 20px;
    }
    .labelTitleSec4 {
        font-size: 14px;
        width: calc(100% - 105px);
    }
    .boxTitleSec4 {
        width: 100%;
    }
    a.linkTitleSec4 {
        width: 100px;
        font-size: 12px;
    }
    .BtnTabs button.btnTab {
        width: 100%;
    }
    .infoBullet__button {
        width: 55px;
        height: 55px;
    }
    .BtnTabs {
        width: 100%;
    }
    .slide {
        max-width: 100% !important;
    }
    .SliderSec3.owl-carousel .item {
        transform: translateX(0px) !important;
    }
    body .contentHomePage {
        max-width: calc(100% - 0px) !important;
        margin-right: 0px !important;
    }
    .popup .wrap {
        padding: 0
    }
    .popup .embedVideo {
        height: 100vh!important;
        padding-bottom: 0 !important;
    }
    .ItemSlideAbout .textSlider1 .itemserv {
        width: fit-content;
    }
    .ItemSlideAbout .textSlider1 h2.titleSlider1 {
        text-align: center;
    }
    .ItemSlideAbout .textSlider1 h3.subtitleSlider1, .ItemSlideAbout .textSlider1 h2.titleSlider1 {
        text-align: center;
    }
    .center.active .ItemSlideAbout .itemserv {
        right: -10px;
    }
    .infoBullet__button_3 {
        transform: translate(350%, -60%) !important;
    }
    .infoBullet__button_2 {
        transform: translate(-300%, -220%) !important;
    }
    .infoBullet__button_1 {
        transform: translate(calc(-470% + 100px), 90%) !important;
    }
    .picBoxProdSelected {
        left: 30px !important;
    }
}
@media only screen and (max-width: 680px) {
    section.slide[name="portfolio3"] .wrap .containerMain {
        flex-wrap: wrap;
    }
    section.slide[name="portfolio3"] .wrap .containerMain .col {
        width: calc(100% - 80px);
        margin: auto;
    }
    .TitleSec5box {
        bottom: auto;
        top: -14vw;
        width: 50vw;
    }
    .TitleSec5box h2.titlesec5 {
        font-size: 3vw;
    }
    .infoBullet__button_3 {
        transform: translate(300%, -60%) !important;
    }
    .infoBullet__button_2 {
        transform: translate(-250%, -220%) !important;
    }
    .infoBullet__button_1 {
        transform: translate(calc(-400% + 100px), 90%) !important;
    }
    .SliderSec3.owl-carousel .owl-stage {
        padding: 0px 0 120px;
    }

}
@media only screen and (max-width: 600px) {
    .BtnTabs {
        flex-direction: column;
        margin: 20px auto;
        height: auto;
        border: none;
    }

    .BtnTabs button.btnTab {
        min-height: 50px;
        justify-content: center;
        align-items: center;
        border: 1px solid #fff;
        margin: 2px 0;
    }

    .infoBullet__button_3 {
        transform: translate(250%, -60%) !important;
    }
    .infoBullet__button_2 {
        transform: translate(-200%, -220%) !important;
    }
    .infoBullet__button_1 {
        transform: translate(calc(-450% + 100px), 60%) !important;
    }

}
@media only screen and (max-width: 540px) {
    .container .wrap .spaceWrap, .container .wrap.spaceWrap, .container .wrap:not(.noSpaces) {
        /* padding: 70px 0px; */
    }
    .picBoxProdSelected {
        left: 30px !important;
        width: 61vw;
        height: 49vw;
        top: -6vw;
    }
    .infoBullet__button_1 {
        transform: translate(calc(-230%), 100%) !important;
    }
    .infoBullet__button_2 {
        transform: translate(-20%, -180%) !important;
    }
    .infoBullet__button_3 {
        transform: translate(110%, 0%) !important;
    }
    a.linkProuctsSec3 {
        top: calc(100% + 75px);
    }
}
@media only screen and (max-width: 480px) {
    section.slide[name="portfolio3"] .wrap .containerMain .col {
        width: calc(100% - 40px);
        margin: auto;
    }
    .SliderProductTab.owl-carousel {
        padding: 0 30px;
    }
    .SliderProductTab .owl-nav i.arrowRightSlider, .SliderProductTab .owl-nav i.arrowLeftSlider {
        font-size: 30px;
        color: #ef7c00;
        font-weight: 200;
        
        width: 100%;
        height: 100%;
    }
    .owl-carousel .owl-nav .owl-next , .owl-carousel .owl-nav .owl-prev{
        width: 40px;
        height: 40px;
        /* background: rgba(0, 0, 0, 0.2); */
    }
    .infoBullet__button_3 {
        transform: translate(120%, -60%) scale(0.7) !important;
    }
    .infoBullet__button_2 {
        transform: translate(-150%, -130%) scale(0.7) !important;
    }
    .infoBullet__button_1 {
        transform: translate(calc(-430% + 100px), 90%) scale(0.7) !important;
    }
    a.infoBullet__button.infoBullet__button_1.infoBullet__button_close .tooltipsprod {
        transform: perspective(1000px) scale(0.6) rotateY(0deg) translate(-30px, -20px);
    }
    .infoBullet__button_close .tooltipsprod {
        transform: perspective(1000px) scale(0.6) rotateY(-0deg) translate(30px, -20px);
    }
    a.infoBullet__button.infoBullet__button_2.infoBullet__button_close .tooltipsprod {
        transform: perspective(1000px) scale(0.6) rotateY(0deg) translate(-20px, 30px);
    }
}
@media only screen and (max-width: 420px) {
    .itemTitleVideoSec h2.title {
        font-size: 24px;
        width: 100%;
    }
    .itemTitleVideoSec h3.subtitle {
        width: 100%;
        font-size: 12px;
    }
    .itemTitleVideoSec:last-child h2.title {
        position: relative;
        font-size: 19px;
        font-family: IranSharp;
        color: #f07d00 !important;
        text-align: justify;
        width: 100%;
    }
    .itemTitleVideoSec {
        width: 260px !important;
    }
    .page-loaded .side {
        /*display: none;*/
    }
}
@media only screen and (max-width: 360px) {

}