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

    .logo{
        width:80%;
        float: left;
    }
    .logo img{
        height:auto;
        width: 25%;
        float: left;
    }
    #menu{
        display:none;
    }
    #cssmenu{
        display: inline-block;
        float: right;
        margin: 10px 0 0 0;
    }
    .header_right{
        float:left;
        margin:12px 0 0;
        padding: 0;
        width:100%;
        border-top: 1px #ddd solid;
    }
    .top-social{
        display: none;
    }

    .header_right_bottom{
        float:left;
        margin: 10px 0 0;
    }
    .top-apply a{
        display:none;
    }
.header_right{
    display: none !important;
}
    .header_right_bottom ul li a{
        float: left;
        margin: 0 12px 0 0;
        font-size: 13px;
    }
    .slider img{
        height: 190px !important;
    }

    #home_etab img {
        width: 44% !important;
        height: 140px !important;
    }

    #home-news{
        float: left;
        width: 100%;
        padding: 30px 0 40px;

    }
    #home-news h2{
        font-size: 21px;
        margin: 0 0 25px;
        font-weight:600;
    }
    .home-news-box{
        width:48%;
        margin-right: 5px;
    }
    .home-news-box img{
        height:110px;
    }
    .home-news-box h3 a{
        font-size: 12px;
    }

    .page_title h1{
        font-size: 30px;
    }

    #home_about{
        margin-bottom:10px;
    }
    #home_about img{display:none;
    }
    .home_about_right{
        width:100%;
        height: auto;
    }
    .home_about_right_inner{
        padding: 20px;
        text-align: justify;
    }

    .home_about_right h2{
        font-size: 24px;
        margin:15px 0 20px;
        text-align: left;
        font-weight: 500;
    }
    .home_programs a{
        font-size: 15px;
        margin:8px 9px 0 0;
        padding:8px 10px;
    }




    #home_program{
        padding: 30px 0 40px;
    }
    #home_program h2{
        font-size: 25px;
        margin:  0 0 20px;
        font-weight: 600;
    }

    #home_program img{
        height: 150px;
    }
    .home_program_box h3 a{
        padding: 10px;
        font-size: 20px;
    }
    .home_program_box{
        margin-bottom:10px;
    }
    #home_campus{
        padding: 50px 0;
    }
    .home_campus a{
        font-size: 20px;
    }

    #affiliation{
        padding: 30px 0 30px;
    }
    #affiliation h2{
        font-size: 25px;
        margin:  0 0 20px;
        font-weight: 600;
    }
    .footer_social{
        float: left;
        font-size: 15px;
        margin: 15px 0 0 0;
    }
    .footer_social i{
        margin: 0 5px 0 3px;
    }

    .UNITECH{
        text-align: left;
    }
    .page_title{
        padding:40px;
    }
    .main_body{
        padding: 0 10px;
    }
    #wrapper{
        padding: 30px 0;
    }

    .container{
        padding: 15px;
    }
    .container h3{
        font-size:20px;
        text-align: left;
    }
    .brand h3{
        font-size:20px;
    }
    .member img{
        height:150px;
        width:120px;
    }
    .member{
        font-size: 12px;
        height:150px;
        line-height: 18px;
    }



    #login{
        height: auto;
        padding: 50px 0 100px;
    }
    .login_box{
        width: 90%;
        margin: 0 auto;
        padding: 15px;
    }
    .login_box img{
        height: 80px;
    }

    .login_box .button{
        margin: 5px 0 20px;
    }
}