.mobile-view{
    display: none;
}

@media (max-width:1200px){
    .article-abstract, .page-content p{
        font-size: 15px
    }
}

@media (max-width:1100px){
    .bar-right{
        display: none;
        position: fixed;
        width: var(--sidebar-width);
        top:0;
        right: 0;
        box-shadow: var(--box-shadow-prime);
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        z-index: 999;
    }

    .button-close-bar{
        display: flex;
    }

    .info-content{
        padding-top: 0!important;
    }

    .infobox-open{
        display: flex;
    }
}

@media (max-width:940px){
    .bar-left{
        display: none;
    }

    .content-header{
        width: 100%;
        left: 0;
        display: flex !important;
    }

    .content-wrap{
        padding-top: 100px;
    }

    .header-logo svg{
        display: flex;
    }
    
    .input-wrapper{
        display: none;

    }

    .download-pop{
        display: flex;
    }
}


@media (max-width: 700px) {
    .text-div{
        padding: 60px !important;
    }

    .sentance-hero{
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .text-content h1{
        font-size: 25px;
        margin-bottom: 15px;
    }

    .text-content p{
        font-size: 13px;
    }

    .content{
        width: 100%;
        padding: 0 20px;
        padding-top: 150px;
    }

    .hero-nav{
        display: none;
    }

    .header-icon h1{
        display: none;
    }
}

@media (max-width:640px){


    .content-header{
        padding: 35px 20px;
    }

    .content-block{
        padding: 0 30px;
    }

    .image-block{
        padding:0;    
    }

    .image-show{
        box-shadow: none;
        border-radius: 0;
    }

    .mobile-view{
        display: flex;
    }

    .header-navig-wrap{
        display: none;
    }
}

@media (max-width:540px){
    .index-header-nav{
        display: none;
    }

    .index-search-bar-active{
        position: fixed;
        top: -1px;
        left: -1px;
        right: -1px;
        border-radius: 0;
        min-width: 100%;
    }

    .hero-abs{
        width: 70%;
        font-size: 12px;
    }

    .index-wrapper{
        width: 100%;
    }
}

@media (max-width:440px){

    .index-search-bar{
        width: 90%;
    }

    .header-button{
        padding: auto 5px;
    }

    .overlay-inner{
        max-width: 100%;
        height: 80vh;
        max-height: none;
        min-width: auto;
        bottom: 0 !important;
        position: fixed;
        left: 0;
        bottom: 0;
    }


}