#containerF
        { width:100%!important
        }
     .boxrightd   {width: 30%; float: right; border: 0px red solid;
        }
        @media only screen and (min-width : 768px) and (max-width :990px) {
 
     .WelcomeName{ font-size:16px;
        }
         .Main_Container
        { width: 100%!important;max-width: 60.5%;
        }
        .boxrightd
        {
           width: 36%!important;
        }
        .photo-back-s
        { width:47px!important
        }
}
        
@media only screen and (max-width: 767px) {

        .Main_Container,.Blog_Heading,.Upcoming_Birthday_Heading
        { max-width:100%; margin:10px 0;box-sizing: border-box;
        }
        .boxrightd
        { width:99%;
        }
        .school-name
        { position:relative;font-size: 20px!important;
        }
        .WelcomeName
        { position:absolute; top:0; right:0;line-height: 17px;
    font-size: 16px;
        }
        .school-name-main
        { line-height:50px;
        }
        .scAdd
        { float:left;font-size: 14px;margin:0;
        }
        .header-in
        { height:150px; position:relative;
        }
        .menu-h-master
        { position:absolute; left:0; bottom:0;
        }
}
        @media only screen and (max-width: 480px)
        {
            .MainProfileContainer
            { width:100%;width: 100%;
    margin: 0;margin: 0;
    border: 0;
            }
            .masterin,.header-right,.school-name-main
            { width:100%;
            }
            .logo
            { width:100%!important
            }
            .header-in,.menu
            { height:auto!important
            }
            .menu-h-master
            { position:relative!important; height:auto
            }
            ul.menu li
            { margin:0;
            }
            ul.menu .topnav
            { margin:0; margin:2px;
            }
        }