@media (min-width: 1700px) and (max-width: 1850px) {

}

@media (max-width: 1700px) and (min-width: 1500px) {
    .content-container{
        width: 80vw !important;
    }
}

@media (max-width: 1550px) and (min-width: 1280px) {
    :root{
        --content_container: 75vw;
    }
    .promo-3 .image{
        height: 75vh !important;
    }
    .promo-3 .promo-2 {
        height: 25vh !important;
    }
    .promo-3-area .promo-3 .promo-3-left .image .box-area{
        bottom:unset;
        top: 0;
    }
}

@media (max-width: 1280px) and (min-width: 991px) {

}

@media (max-width: 991px) and (min-width: 720px) {

}

@media (max-width: 720px) and (min-width: 560px) {

}

@media (max-width: 560px) {

}

/*Max Treshoolds*/

@media (max-width: 1700px){
    header.desctop .bar{
        padding: 40px;
    }
    header.desctop a.logo img{
        max-width: 95%;
    }

}
@media (max-width: 1600px){

}
@media (max-width: 1500px){
    .shapes video{
        height: 100vh;
        --width : calc(calc(100vh * 1280) / 720);
        width: var(--width);
        left: calc(1 * calc(calc(100vw - var(--width)) / 2));
    }
}
@media (max-width: 1400px){
    header.desctop .bar{
        padding: 25px;
    }
    header.desctop a.logo img{
        max-width: 95%;
    }

}
@media (max-width: 1376px){

    .main-slider-area .hero-1,
    .main-slider-area .typed-cursor
    {
        font-size: 4em;
    }
    .section-title-1{

    }
}
@media (max-width: 1279px){
    header.desctop{
        left: 0;
        flex-direction: row;

    }

    header.desctop .bar{
        width: 100vw;
        flex-direction: row !important;
        height: 120px;
        border-left: none !important;
        border-right: none !important;
        background: rgba(255, 255, 255, 0.07);
        backdrop-filter: blur(5px);
        position: relative;
        z-index: 30;
    }
    header.desctop .bar div:last-child{
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
    }
    header.desctop .bar div:last-child > ul {
        flex-direction: row !important;
    }
    header.desctop .bar div:last-child > *{
        margin-left: 10px;
    }
    header.desctop .bar div:last-child > .header-list{
        display: none;
    }
    header.desctop .bar div:last-child .menu-toggler,
    header.desctop .bar div:last-child > .header-list
    {
        margin-bottom: 0 !important;
    }
    header.desctop .bar div:last-child > .header-list li a{
        padding-top: 5px;
    }
    header.desctop .bar div:last-child > .header-list li{
        margin-left: 10px;
        margin-bottom: 0;
    }
    header.desctop .bar div:last-child > p{
        display: none !important;
    }
    header.desctop .bar a.logo img{
        max-width: 120px;
    }
    header.desctop .menu-content{
        width: 100vw;
        height: 100vh;
        left: 100vw;
        position: fixed;
        top: 0;
        z-index: 1;

        transition: all 0.4s ease-in-out;
    }
    header.desctop.opened .menu-content{
        left: 0;
    }

    .menu-toggler.opened {
        border: 1px solid WHITE;
        transform: rotate(135deg) perspective(100px) translateZ(10px);
    }
    header.desctop .menu-content ul.main-nav li a{
        font-size: 2.5em;
        width: fit-content;
    }
    header.desctop .menu-content ul.main-nav{
        width: 100%;
    }
    header.desctop .menu-content ul.main-nav li{
        margin-top: 30px;
        text-align: center;
        justify-content: center;
        width: 100%;
    }
    .main-slider-area .hero-1,
    .main-slider-area .typed-cursor
    {
        font-size: 3em;
    }

    .section-title-1{
        font-size: 2.2em;
    }
    .section-title-2{
        font-size: 1.6em;
    }
    .section-title-3{
        font-size: 1.3em;
    }
    .section-title-4{
        font-size: 1.3em;
    }
    .numbers{
        display: flex;
        flex-direction: column;
    }
    .numbers > *{
        width: 100% !important;
    }
    .numbers > span{
        writing-mode: unset !important;
        text-align: center;
        background: transparent !important;
        color: var(--pagefont_clr) !important;
        border-bottom: 1px solid #ddd !important;
        font-size: 0.8em !important;
    }
    .numbers > .count-number{
        background: var(--pagefont_clr);
        color: WHITE;
        margin-bottom: 5px !important;
    }
    .numbers p.identy{}
    .numbers p.identy span{}
    .numbers p.identy span:first-child{
        font-size: 1em !important;
        padding-bottom: 5px;
    }
    .numbers p.identy span:last-child{
        margin-top: 5px;
        font-size: 0.7em !important;
        line-height: 1em;
    }
    footer a.logo img{
        height: 70px;
    }
    footer a.block-1 span{
        font-size: 1.3em;
        font-weight: 900;
    }
    footer a.block-1{
        width: 150px;
        left: calc(50% - 70px);
    }
    footer .footer-links ul{
        flex-direction: column;
    }
    footer .footer-links ul > li{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    footer .footer-links ul > li > a{}
}
@media (max-width: 1200px){
    header.desctop,
    header.desctopline
    {
        display: none !important;
    }
    header.mobile{
        display: flex !important;
    }
    .main-wrap{
        padding-top: 100px;
    }
}
@media (max-width: 991px){

}
@media (max-width: 768px){}
@media (max-width: 560px){}
/*Min Treshoolds*/

@media (min-width: 1700px){}
@media (min-width: 1500px){

}
@media (min-width: 1400px){

}
@media (min-width: 1281px){
    header.desctop.opened{
        left: 0;
        background: #0000004a;

    }
}
@media (min-width: 1201px){

    header.desctopline
    {
        display: flex !important;
    }
    header.desctop{
        display: block !important;
    }
    header.mobile{
        display: none !important;
    }
}
@media (min-width: 992px){


}
@media (min-width: 768px){}
@media (min-width: 560px){}