@media only screen and (min-width : 768px) and (max-width : 1024px){

 #nav4{
    display: none !important;
 }
 #simple-menu
    {
        width:100%;
        padding:8px 0 8px 5px;
        color:#ffffff;
        text-decoration: none;
        display:block;
        background:#000000;
        font-weight:bold;
        font-size:15px;
    
    
    }
    #top_right, #top_right2
    {
        
        width:100%;
        background:#ddd;
        
    }
    img{max-width: 100% !important; height: auto !important;}

    #header{
        width: 100% !important;
        text-align: center;
    }
    #cont_are
    {
        width:100%;
    }
    #top_text,#logo,#icon{
        display: none;
    }
     .univ-name{display:block}
    .univ-name h3{color:Maroon; font-weight:bold;margin:4px 0;font-size: 1.8em;padding: 8px 0}
    
    .univ-name h4, .univ-name h5{margin:4px 0}
    .style-change{
        float: none;
        padding-top: 8px;
    }
    #web, .albums{
        float: none;
    }

 .pic_lib, .pic_Erp, .pic_adm, .pic_cal{
    width: 25% !important;
 }
 #face_cion
    {
        float:none;
        padding:70px 0 10px 0;
    }

}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    #cont_are
    {
    	width:100%;
    }
    .pic_lib,
    .pic_Erp,.pic_cal,.pic_adm,
    .left_in,.week,.week4,
    #ga,#ga2,#ga3,#new1,#blue_whit,#footer_iner,#footer_iner2,#f_in,#header
    {
		width:100%;
				
    }
    #ContentPlaceHolder1_Grd_Tender td{ padding:3px; display: block !important; width: 100% !important}
    .pic_lib, .pic_Erp, .pic_adm, .pic_cal{
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .form_box > p{border-bottom: none !important;}
    .pic_lib img, .pic_Erp img, .pic_adm img, .pic_cal img{
        width: 40px;
    }
    .pic_lib h1, .pic_Erp h1, .pic_adm h1, .pic_cal h1{font-size: 18px}
    .MsoTableColorfulList
    {	
    	width:100% !important;
    }
    table
    {
        width: 100%;
        margin-top: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom:15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;	
    }
    .MsoNormalTable{
        width: 100% !important;
    }
    #header{text-align:center;}
    #simple-menu
    {
    	width:100%;
    	padding:8px 0 8px 5px;
    	color:#ffffff;
    	text-decoration: none;
    	display:block;
    	background:#000000;
    	font-weight:bold;
    	font-size:15px;
    
    
    }
    .head_title{
    	font-size: 14px;
    	margin-top:5px !important;
    	margin-bottom: 5px !important; 
    }
    #ContentPlaceHolder1_Grd_achieve td{
    	min-height: 100px !important;
    	margin-top:5px !important;
    	margin-bottom:5px !important;  
    }
    #allachieves td {
    display: block;
    width: 100%;
}
   /* #moblibrary{display:none;}*/
    .MsoNormal > span{display:block;}
    .MsoNormalTable{margin-left:0 !important;}
    #left_side{width:90%;}
    .MsoTableGrid,.MsoTableGrid{width:100% !important;margin-left:0;}
    .bg_right_matter
    {
    	width:100%;
    	padding:0 6px;
    }
    .content_matter > div{width: 100% !important;}
    .content_matter > div{margin-left: 0 !important;}
    .content_matter > div{padding-top: 0px !important;}
    #footer_iner2
    {
    	padding:0 8px;
    	margin: 0 0 10px 0;
    }
    .form_box{
        width: 100% !important;
        overflow-x: scroll; 
    }


	#footer,#footer_back
	{
		height:auto;
	}    
	#copy
	{
		width:100%;
		float:none;
		padding:  5px;
	}
    #our,#our2,#our3,#our4,#our5
    {
    	float:none;
    	width:100%;
    	margin-left:0;
    	
    }
    #new2,#nwq, #new_text
    {
    	width:100%;
    }
    #shdow
    {
    	background-image:none;
    	width:100%;
    }
    .whe
    {
    	height:30px;
    	
    }
    #face_cion
    {
    	float:none;
    	padding:70px 0 10px 0;
    }
    #rebg
    {
    	float:none;
    	padding:5px 0 0 5px;
    }
    #rebg2
    {
    	margin-left:0;
    }
    #hite_main,.content_matter
    {
    	width:99%;
    }
    .godady
    {
    	float:none;
    	width:100%;
    	padding-left:5px;
    }
    #web
    {
    	padding-top:0;
    }
	.wht, .style-change
	{
		width:245px;
		float:left;
	}
	.uni-name
	{
		display:block !important;
	}

    #ContentPlaceHolder1_DataList1 p{
        width: 100% !important;
    
    }
    .content_matter span{
        font-size: 10px !important;
    }

    #hit
    {
    	width:100%;
    }
    .send,.pay,.counter, .email
    {
    	margin:8px 0;
    }
    #logo
    {
    	display:none;
    }
    #top_right, #top_right2
    {
    	
    	width:100%;
    	background:#ddd;
    	
    }
    .univ-name{display:block}
    .univ-name h3{color:Maroon; font-weight:bold;margin:4px 0;font-size: 1.8em;padding: 8px 0}


    
    .bg_left_link,#nav4, #top_text, #icon
    {
    	display:none;
    }
    #icon-mob
    {
    	display:none;
    }
    #icon-mob img
	{
		height:117px;
		
	}
   
    
}