body{
	background: #f5f6f8!important;
	margin: 0px!important;
	padding: 0px!important;
}
 

	.subjectdeatails {
	 
		 font-size: 60%;
		 display: block;
	}
	
	.ft-rt {
		float: right;
		margin-right: 10px;
	}
	
	.cl-logo img {
		max-width: 150px;
		margin-left: calc(50% - 75px);
	}
	
	.department {
		  font-family: Arial, Helvetica, sans-serif;
		  font-weight: 700;
		  font-size: 22px;
		  padding-left: 100px;
		  margin-top: -10px;
 
	}
	
		.department span {
		  font-family: Arial, Helvetica, sans-serif;
		  font-weight: 400;
		  	  font-size: 11px;
	}
	
.header_area {
 
     box-shadow: 0 2px 4px rgba(15,34,58,.30);	
	 float: left;
	 width: 100%;
    	padding-bottom: 35px;
		padding-top: 20px;
 
}	

.card {
	padding-bottom: 50px;
    margin-top: -5px!important;
}


.menubar {
	float: left;
	width: 100%;
	height: 55px;
	     box-shadow: 0 4px 4px rgba(127,23,20,.50);
background: #7f1714;
border-radius: 4px;
margin-top: -28px;	
margin-bottom:  0px;	 
}

.titlebx {
	float: left;
	width: 100%;
	height: 45px;
 
background: #404d8f;
border-radius: 4px 4px 0px 0px; 
margin-top:  28px;	
 
}


.titlebx h3 {
	color: #fff;
	font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 48px;
  padding-left: 15px;
}


.userbox {
 	float: left;
	width: 40%;  	
}

.menubox {
 	float: left;
	width: 60%;  	
}

.userbox h2 {
	color: #fff;
	font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 57px;
  padding-left: 15px;
}

.menubox  ul {
	margin: 0px!important;
	padding: 0px!important;	
	float: right;
 
} 

.menubox  ul li {
   list-style: none;
   margin-top: 8px;
   margin-right: 10px;
   text-transform: uppercase;
   float: left;
} 

.btn-default {
	border: 1px solid #fff;
	color: #fff;
}

.mr-tp30 {
	margin-top: 40px;
		float: left;
	width: 100%;
}

.thumimage img {
	max-width: 100%;
}

.eveposter  img {
	max-width: 100%;
}









/* mansory  */

        .masonry-grid {
            margin: -5px; /* negative margin to maintain outer spacing */
        }
        
        .masonry-grid-column {
            padding: 5px; /* space between images */
        }
        
        .masonry-grid-item {
            margin-bottom: 10px; /* space at the bottom of each item */
            border-radius: 5px;
            overflow: hidden;
        }
        
        .masonry-grid-item img {
            width: 100%; /* ensure the image fills the container */
            height: auto; /* maintain aspect ratio */
            transition: transform 0.2s ease-in-out;
        }
        
        .masonry-grid-item:hover img {
            transform: scale(1.05);
        }
		

#photos-section {
	
}

        .photo-container {
            display: inline-block;
            margin-right: 10px;
            width: 150px;
        }
		
		
		
   /* Footer styles */
    .footer {
        background-color: #333; /* Dark background color */
        color: white; /* White text color */
        text-align: center; /* Centered text */
        padding: 5px 0 0px 0; /* Some padding */
        position: fixed; /* Fix position to the bottom */
        bottom: 0; /* Bottom positioning */
        width: 100%; /* Full width */
    }

    /* Footer links style */
    .footer a {
        color: white; /* White link color */
        text-decoration: none; /* No underline */
        margin: 0 15px; /* Margin around the links */
    }

    .footer a:hover {
        text-decoration: underline; /* Underline on hover */
    }

    /* Responsive adjustments */
    @media (max-width: 600px) {
        .footer {
            font-size: 14px; /* Smaller text on small screens */
        }
    }