@media (max-width:999px) {
 
   
    .headtext,.headtext1,.headtext2,.htextactive{
        font-size: 50px;
        display: flex;
        padding-top: 0px;
        align-items: left;
        overflow: hidden;
        justify-content: top;
        height: 120px;


    }
    .headtext{
        right:0;
        margin-right: 0;
    }
    a{
        text-decoration: none;
        color: unset;
    }
    h4{
        display: flex;
        justify-content: center;
    }
    .head{
        overflow: hidden;
        height: 500px;
    }
    .content{
        margin: auto;
        width: unset;
    }
    .footer{
        display: flex;
        height: unset;
        padding-bottom: 50px;
        flex-direction: column;
    }
    .sec{
        width: unset;
        text-align: left;
    }
    .flinks{
        display: flex;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: left;
        align-items: center;
        text-align: left;
    }
 

    .headtextb{
        height: 20px;
    }
    .qleft{
        width:unset;
        overflow-x: hidden;

    }
    body{
        background:
        url(./img/icon-c.png) no-repeat fixed,
        linear-gradient(25deg,var(--back),rgb(45, 47, 49));
        background-repeat: no-repeat, no-repeat;
        background-attachment: fixed,fixed;
        background-size: 900px, cover;
        background-position: top,center;
    
    }
    .qright{
        width: 80%;
        height:300px;
        margin:auto;
        padding:0px;
        padding-top:10px;
    }
    .getst{
        box-shadow: 
        inset 0px 40px 0px var(--transpdoc), 
        inset 0px -40px 0px var(--transpdoc),
         inset -40px 0px 0px var(--transpdoc),
          inset 40px 0px 0px var(--transpdoc);
        filter: drop-shadow( 200px 0px 0px white, -200px 0px 0px white, 0px 200px 0px white, 0px 200px 0px white, );

    }

.footer,.para,.parat,.list li,.flinks,.qright{
    opacity: 1;
    transform: scale(1) translateY(0%);
    visibility:visible;
    animation: none;
}

    @keyframes fades{
        30%,100%{
            opacity:1;
        transform: scale(1) translateY(0px) rotateY(0deg);
        }
        15%{
            opacity:0;
            transform:scale(0) translateY(100%) rotateY(90deg);
        }
    }
    .ui{
        width:70%;
        border:10px solid transparent;
        border-radius:0px;
    }
    .gets{
        width: unset;
    }
    .left{
        line-height: 1.5;
        width: max-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: left;
    }
    .right{
        line-height: 1.5;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .right img{
        width:200px;
    }
}