@media  (max-width: 768px){
    .wrapper{
        padding: 0 10px 0 10px;
    }
#login2 .main .row {
    width: 900px;
    height: 750px;
    border-radius: 10px;
    margin-top:10%;
    padding: 5px;
    margin-bottom: 50px;
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);}
   
   .index_logostud{
    margin-top: 10%;
    left: 20%;
    position: absolute;
    width: 100px}

    .index_logostud2{
        margin-top: 12%;
    left: 43%;
    position: absolute;
    width: 200px;}

    .spshs_stud {
    font-weight: bold;
    color: #104d0f;
    width: 100%;
    top: 65%;
    font-size: 20px;
   left:2%;
    position: absolute;
    text-align: center;
            }
            .lmsp_stud{
            font-weight: bold;
            color: #104d0f;
            font-size: 19px;
            top: 230px;
            position: absolute;
            text-align: center;
            padding:0%;
            }}
 @media  (max-width: 768px){
                .wrapper{
                    padding: 0 10px 0 10px;
                }
    .main .row {
        width: 900px;
        height: 750px;
        border-radius: 10px;
        margin-top:10%;
        padding: 5px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);}
       
       .index_logoteach{
        margin-top: 10%;
        left: 20%;
        position: absolute;
        width: 100px}
    
        .index_logoteach2{
            margin-top: 12%;
        left: 43%;
        position: absolute;
        width: 200px;}
    
        .spshs_teach {
        font-weight: bold;
        color: #104d0f;
        width: 100%;
        top: 65%;
        font-size: 20px;
       left:2%;
        position: absolute;
        text-align: center;
                }
                .lmsp_teach{
                font-weight: bold;
                color: #104d0f;
                font-size: 19px;
                top: 230px;
                position: absolute;
                text-align: center;
                padding:0%;
                }

    }
     @media (max-width: 426px){
        .wrapper{
            padding:0px;
       
            }
        }
        @media  (max-width: 376px){
        .wrapper{
            padding:0px;
       
            }
        }
            @media  (max-width: 321px){
                .side-image {
                    border-radius: 10px 10px 0 0;
                    height: 200px}
                
            #login2 .main .row {
                width: 900px;
                height: 750px;
                border-radius: 10px;
                margin-top:10%;
                padding: 5px;
                margin-bottom: 50px;
                box-shadow: 0px 0px 0px 0px;
            }
               .index_logostud{
                margin-top: 10%;
                left: 20%;
                position: absolute;
                width: 70px;}
            
                .index_logostud2{
                    margin-top: 9%;
                    left: 40%;
                    position: absolute;
                    width: 150px;
                }
                .spshs_stud {
                    font-weight: bold;
                    color: #104d0f;
                    width: 100%;
                    top: 75%;
                    font-size: 100%;
                    left: 2%;
                    position: absolute;
                    text-align: center;
                        }
                        .lmsp_stud{
                            font-weight: bold;
                            color: #104d0f;
                            font-size: 64%;
                            top: 88%;
                            position: absolute;
                            text-align: center;
                            padding: 0%;
                            width: 100%;
                            left: 0;
                        }
                        @media  (max-width: 321px){
                .main .row {
                    width: 900px;
                    height: 750px;
                    border-radius: 10px;
                    margin-top:10%;
                    padding: 5px;
                    margin-bottom: 50px;
                    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);}
                }
                   .index_logoteach{
                    margin-top: 10%;
                left: 20%;
                position: absolute;
                width: 70px;}
                
                    .index_logoteach2{
                        margin-top: 9%;
                        left: 40%;
                        position: absolute;
                        width: 150px;}
                
                    .spshs_teach {
                        font-weight: bold;
                        color: #104d0f;
                        width: 100%;
                        top: 75%;
                        font-size: 100%;
                        left: 2%;
                        position: absolute;
                        text-align: center;
                            }
                            .lmsp_teach{
                                font-weight: bold;
                                color: #104d0f;
                                font-size: 64%;
                                top: 88%;
                                position: absolute;
                                text-align: center;
                                padding: 0%;
                                width: 100%;
                                left: 0;
                            }}