/* мини  экран width */ 
@media (max-width:768px){
    .headerPadingTopobejct{
            padding-bottom:12px;
    }
    #Contener_Cover_left_layoutDisplay_none{
        display: none;
    }
    #regBoxMobiles{
        top:70px;
        left: 17px;
        
    }
    #fixed-line_advertising{
        display: block;
        position: fixed;
        max-width: none;
        z-index: 121;
        bottom: 0px;
        width:100%;
        height:auto;
    }
    .fixed-line_advertisingRadiusBotton{
        border-radius:20px 20px 0 0 ;
        margin-bottom:-5px;
    }
    #fixed-line_advertising_span_mibiles{
        position: relative;
        top:40px;
        right: 20px;
        display: block;
        float: right;
        cursor: pointer;
        z-index:19;
        font-size:40px;
    }
    .col1{
       display: none; 
    }
    .Layout_top-45pxmobiles{
        position: relative;
        z-index: 2;
        top:-45px;
    }
    .Layout{
        width:55%;
        padding:0;
    }
    .arkApplicationResurs{
        position: fixed;
        z-index:10;
        width:90px;
        height:auto;
        right:5%;
        bottom:10px;
        background:var(--liheral-gradient-pup);
        border-radius:20px;
    }
    .ark{
        overflow: hidden; 
    }
    .ark_link{
       max-width:80px;
       width:100%;
       height:80px;
       display: block;
       padding: 5px;
       overflow: hidden; 
    }
    
    #NewNeaderMobil{
        width:99.5%;
        background-color: var(--newHeader);
        overflow: hidden;
        position: fixed;
        z-index:10;
        height: 45px;
        bottom:0;
        border-radius: 20px 20px 0 0;

    }
    .ico{
        display:none;
    }
    #mobile_menu1{
        display:block;
        overflow: hidden;
    }
    /*  */
    #munu1{
        background:none;
        gap: 10px;
        padding: 0 20px 20px;
        height:45px;
    }
    #btn_link1{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        overflow: hidden;
        width:100%;
        gap: 0;
        height:45px;
    }

    #btn_link2{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        overflow: hidden;
        width:0px;
        gap: 0;
        height:auto;
    }
    #text-span1{
        width: 100%;
        font-size:14px;
        text-align: center;
    }
    .fostaff44{
        width:100%;
        height:45px;
        display: flex;
        flex-direction: row-reverse;
        overflow: hidden;
    }
    .webNewFosstaf44overhelinks{
        width:46px;
        height:45px;
        overflow: hidden;
    }
    .cover{
        display: none;
    }
    #videoCover{
        position:relative;
        top: 0;
        display: block;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: none;
        z-index:1;
    }

    #VideoCover{
        position: absolute;
        width:auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        border-radius: 0 0 20px 20px;
    }
    .body{
        margin-top:0px;
    }
    #filterVideo{
        position:absolute;
        width: 100%;
        height: 100%;
        background: var(--mobli-cover_filter);
    }
    #for{
        background-color: aqua;
        position: absolute;
    }
    .constvg{
        width:20%;
    }
    .titleCoverVideo{
        position: absolute;
        top:50%;
        transform: translate(0%,-50%);
        width:96%;
        height:auto;
        padding-left:16px;
        padding-right: 16px;
        overflow: hidden;
    }
    h1{
       text-align: left;
    }
    .textCover{
        text-align: center;
    }
    p{
        text-align: left;
    }
    #arkApplicationResurs{
        position: absolute;
        bottom:67px;
        z-index:3;
    }
    #NewContent_img_wrap_MobileSize{
        max-width:100%;
        width:50%;
    }
}
@media ( max-width:425px){
    #NewNeaderMobil{
        width:99.1%;}
    .Layout{
        width:100%;
        padding:0;
    }
    
    #mobile_menu1{
        display: block;
    }
    #munu1{
        background:none;
    }
   
    #btn_link{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        overflow: hidden;
        width:45px;
        gap: 0;
        height:45px;
    }
    #text-span1{
        width: 45px;
        font-size:12px;
        margin-right:1px;
    }
    .cover{
        display: none;
    }
    #videoCover{
        position:relative;
        display: block;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: none;
        cursor:pointer;
    }
    #videoCover:active{
        position:relative;
        display: block;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: none;
        cursor:pointer;
    }
    #arkApplicationResurs {
        position: absolute;
        bottom: 375px;
        left: 16px;
        z-index: 3;
    }
    #VideoCover{
        position: absolute;
        width:auto;
        height:auto;
        min-width: 100%;
        min-height:100%;
        object-fit: cover;
    }
    .body{
        margin-top:0;
    }
    .titleCoverVideo{
        position: absolute;
        width:92%;
        height:auto;
        padding-left:16px;
        padding-right: 16px;
        overflow: hidden;
    }
    .constvg{
        width:40%;
    }
}
@media  (max-width:411px){
    #NewNeaderMobil{
        width:99%;}
}
@media  (max-width:375px) {
    #NewNeaderMobil{
        width:98.9%;}
    .title{
        padding-left:16px;
        padding-right:16px;
        margin-top:5px;
        margin-bottom: 5px;
    }
    .span{
        padding-left:16px;
        padding-right: 16px;
    }
    .New_a{
        padding-left:16px;
        padding-right: 16px;
        margin-bottom: 5px;
    }
    .New_P{
        padding-left:16px;
        padding-right: 16px;
        margin-bottom:5px;
    }
    .titleCoverVideo{
        position: absolute;
        width:91%;
        height:auto;
        padding-left:16px;
        padding-right: 16px;
        overflow: hidden;
    }
    .constvg{
        width:40%;
    }
    
    
}
@media  (max-width:320px){
   
    .titleCoverVideo{
        position: absolute;
        width:89.1%;
        height:auto;
        padding-left:16px;
        padding-right: 16px;
        overflow: hidden;
    }
    .constvg{
        width:40%;
    }
}