.ibody {
			-webkit-transform: scale(0.75);
			-moz-transform: scale(0.75);
			transform: scale(0.75);	
			margin-top: 0px;		
			transform-origin: top;			
		}
		.list {
            list-style: none;
            padding: 0px;
            margin: 0px;

        }
		
		.list .li_profile {
			padding-bottom: 20px;
		}
		
		.card {
			width:370px;
			height:500px;
			background-color:#28a8e0;
			border-radius: 30px;
			z-index: 1;
			position: relative;
			color: white;			
			font-family: sans-serif;
			font-weight: bold;
			margin:10px;
			box-shadow: 10px 10px 25px -5px grey;
			float: none;
		}
		
		.card a {
			font-size:20px;
		}
		
		.card .photo{
			position:absolute;
			z-index: 2;
			border-radius: 34px 34px 0px 0px;
			overflow: hidden;
			height:400px;
		}
		.card .photo img{
			width:366px;
			margin: 2px 2px 0px 2px;
			display: block;
		}
		
		.card .text_left{
			position:absolute;
			z-index: 3;
			height:100px;
			overflow:hidden;
			top:340px;
			width:370px;
			padding-left:20px;
			padding-top:10px;
			background-color:#28a8e0;
			color:white;
                        line-height: 14px;
		}
		
		.text_left img {
			width: 20px;
			vertical-align: middle;
			padding-right: 5px;
		}
		
		div.icon_right{
			position:absolute;
			z-index: 5;
			display: block;
			top: 444px;
			width: 144px;
			right: -43px;
		}
		
		.card .icon_right img{
			width:45px;
			padding-bottom:0px;
		}
		
		.card .more_icon{
			position:absolute;
			z-index: 4;
			bottom:-50px;
		}
		
		.more_icon img{
			width : 45px;
			margin: -20px 0px 41px 155px;
			display: block;
		
		}
		
		.card .infoBox {
			margin-left: 350px;
			width: 600px;
			height: 500px;
			padding: 20px 20px 23px 40px;
			border-radius: 0px 34px 34px 0px;
			border-style: solid;
			border-color: #28a8e0;
			border-left-style: none;	
		}
		
		.card .infoTxt {
			margin: 2px 2px 2px 6px;
			width: 98%;
			height: 98%;
			color: #28a8e0;
			font-size: 22px;
		}
		
		.more_icon_img {		
			-webkit-transition-duration: 0.8s;
			-moz-transition-duration: 0.8s;
			-o-transition-duration: 0.8s;
			transition-duration: 0.8s;
		}
		
		.name {
			font-size: 20px;
			margin-right:65px;
                        line-height: 20px;
		}
		
		.title {
			font-size: 15px;
			margin-right:43px;
                        line-height: 20px;
		}
		
		.division {
			font-size: 15px;
                        line-height: 20px;
		}
		
		.department {
			font-size: 15px;
			margin-right:43px;
                        line-height: 20px;
		}
		 
		.institution {
			font-size: 15px;
			margin-right:43px;
                        line-height: 20px;
		}
		.academics {
			font-size: 10px;
			margin-right:60px;
		}
		
		
		
		
		/*----------------------*/
		
		        .sort {
            padding: 8px 22px;
            border-radius: 6px;
            border: none;
            display: inline-block;
            color: #fff;
            text-decoration: none;
            background-color: #28a8e0;
            height: 55px;
            width: 160px;
            font-size: 14px;
            margin-left: 10px;
        }

        .sort:hover {
            text-decoration: none;
            background-color: #1b8aba;
        }

        .sort:focus {
            outline: none;
        }

        .sort:after {
            width: 0;
            height: 0;
            border-bottom: 5px solid transparent;
            content: "";
            position: relative;
            top: -10px;
            right: -5px;
        }

        .sort.asc:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff;
            content: "";
            position: relative;
            top: 13px;
            right: -5px;
            display: none;
        }

        .sort.desc:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #fff;
            content: "";
            position: relative;
            top: -10px;
            right: -5px;
        }

@media (max-width: 770px) {
	
	
	
	
}