@media only screen and (min-width : 0) and (max-width :720px) {

    body {
        font-family: Arial;
        background-image: url(/IMAGES/bbs_bg.jpg);
        background-repeat: inherit;
        background-color: #f2edec;
        margin: 0 auto;
        overflow-x: hidden;
        background-position: center top;
    }

    .header-top {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 0px;
        background-color: #8b0031;
        float: left;
        height: 28px;
        display: block;
        line-height: 28px;
    }

    .brij_behari_img {
        width: 850px;
        height: 230px;
        margin-top: 5px;
        float: left;
        display: none;
        border: solid 0px green;
        margin-left: 0px;
    }

    .Full_min {
        background-image: url(/IMAGES/fol.png);
        height: auto;
        display: block;
        float:left;
        width: 100%;
    }

    .header {
        width: 100%;
        float: left;
        display: block;
        height: auto;
    }

    .header_one {
        width:90%;
        max-width: 1059px;
        margin: 0 auto;
        display: block;
        background-position: center;
        height: auto;
    }

    .logo_name {
        position: relative;
        z-index: 1000;
        display: block;
    }

    .BBSC_Logo {
        margin-top: -284px;
        float: left;
        display: block;
        margin-left: 34px;
    }

    .logoforschool {
        width: 192px;
        height: 163px;
        float: right;
        display: none;
        margin-top: 12px;
        background-image: url(/IMAGES/schol_logo.png);
    }

    .med {
        width: 100%;
        height: 400px;
        margin-top: 88px;
        float: left;
        display: block;
    }

    .med_one {
        width: 77%;
        height: 400px;
        background-position: center;
        margin: 0 auto;
        display: block;
    }

    .med_iframe1 {
        width: 247px;
        height: 268px;
        float: left;
    }

    .med_iframe2 {
        width: 247px;
        height: 268px;
        float: left;
        margin-left: 0px;
    }

    .med_iframe3 {
        width: 247px;
        height: 268px;
        float: left;
        margin-left: 0px;
    }

    .med_iframe4 {
        width: 247px;
        height: 268px;
        float: left;
        margin-left: 0px;
    }


    .more {
        width: 247px;
        height: 68px;
        float: left;
        border: solid 0px #000000;
        margin-left: 0px;
    }


    .morehref {
        background-image: url(../IMAGES/school_college_btn.png);
        width: 245px;
        margin-left: 0px;
        height: 61px;
        display: block;
        background-repeat: no-repeat;
    }

        .morehref:hover {
            background-image: url(../IMAGES/school_college_btn_hover.png);
            width: 245px;
            margin-left: 0px;
            height: 61px;
            display: block;
            background-repeat: no-repeat;
        }



    .morehref1 {
        background-image: url(../IMAGES/vidya_mandir_btn.png);
        width: 245px;
        height: 61px;
        margin-left: 0px;
        display: block;
        background-repeat: no-repeat;
    }

        .morehref1:hover {
            background-image: url(../IMAGES/vidya_mandir_btn_hover.png);
            width: 245px;
            height: 60px;
            display: block;
            margin-left: 0px;
            background-repeat: no-repeat;
        }


    .morehref2 {
        background-image: url(../IMAGES/HINDI_MEDIUMh.png);
        width: 245px;
        height: 61px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
        background-repeat: no-repeat;
    }

        .morehref2:hover {
            background-image: url(../IMAGES/HINDI_MEDIUM.png);
            width: 245px;
            margin-left: 0px;
            margin-top: 3px;
            height: 61px;
            display: block;
            background-repeat: no-repeat;
        }



    .morehref3 {
        background-image: url(../IMAGES/HINDI_MEDIUM_1.png);
        width: 245px;
        height: 61px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
        background-repeat: no-repeat;
    }



        .morehref3:hover {
            background-image: url(../IMAGES/HINDI_MEDIUMh_1.png);
            width: 245px;
            margin-left: 0px;
            margin-top: 0px;
            height: 61px;
            display: block;
            background-repeat: no-repeat;
        }


    .mobile_size {
        width: 100%;
        display: block;
        margin: 0 auto;
        height: 360px;
        border: solid 0px #000000;
    }
    .footer01 {
    background: #c91100;
    width: 100%;
    display:none;
    height: 40px;
    float: left;
}

}