@media only screen and (min-width:0px) and (max-width:1076px){
    
    .guZdik{ min-width:100% ;}
    .menu-sec .text-end{
        text-align: center!important;
    }
    
    .sc-aXZVg.guZdik{
        min-width: 220px!important;
        overflow: hidden;
    }
    .anuvadini img{
        width: 150px;
    }
    .moe img{
        width: 100px;
    }
    .login-box{
        max-width: 90%;
        margin: auto;
    }
    .text-end div{
        align-items: baseline!important;
    }
    .summarizeDivRIn{
        overflow: hidden;
    }
    select[aria-label="Default select example"]{
    width: 100%;
}
}

@media only screen and (min-width:575px) and (max-width:767px){
    .diivv{
        flex-flow: row;
    }
    .diivv .col-sm-8{
        width: 68%;
    }
    .diivv .col-sm-4{
        width: 30%;
        text-align: end!important;
    }
    .diivv .menu-sec .text-end{
        text-align: end!important;
    }
}