/*
Template Name: College
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************blog****************/
.blog_pg1r1 ul li a{
background: #eff7ff;
 }
.blog_pg1r1 ul li a i{
color: #333;
 }
.tags li a{
padding: 10px 19px;
display:block;
margin: 0px 1px 5px 1px; 
background: #eff7ff;
 }
.tags li a:hover{
background:#ff7350; 
color:#fff;
 }
 .logo {
    max-width: 150px; /* Adjust to fit the design */
    height: auto;     /* Maintain aspect ratio */
    display: inline-block; /* Aligns inline within the navbar */
    vertical-align: middle; /* Vertically aligns in the navbar */
}
/*********************blog_end****************/


@media screen and (max-width : 767px){
.blog_pg1l1i h6{
text-align:center; 
 }
.blog_pg1r{
margin-top:20px; 
 }
.blog_pg1r1 h4{
text-align:center; 
 }
.blog_pg1r1 .social-network{
text-align:center; 
 }
.blog_dt1i1 img{
float:none!important;
margin-right:0!important;
width:100%;
margin-bottom:10px;
 }
.blog_dt1 h4{
text-align:center;  
 }
.blog_dt2il{
text-align:center!important;
margin-top:8px;
margin-bottom:8px;  
 }
.blog_dt3  h3{
text-align:center;  
 }
.blog_dt5  h3{
text-align:center;  
 }
.blog_dt6  h3{
text-align:center;  
 }
.blog_dt6  h6{
text-align:center;  
 }
 }

@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {

 }

@media (min-width:992px) and (max-width:1200px) {

 }
@media (min-width:1201px) and (max-width:1250px) {

 }

 #top {
  background: linear-gradient(90deg, #595cff, #4ac6ff);
    padding: 2px 0;
}

/* Custom size for the image modal */
.custom-modal-size .modal-dialog {
    max-width: 90%; /* Adjust the width as needed */
    width: auto;
  }
  
  .custom-modal-size .modal-body {
    max-height: 90vh; /* Adjust the height as needed */
    overflow-y: auto; /* Allows for scrolling if the image is too large */
  }
  
  .custom-modal-size .modal-content {
    border-radius: 25px; /* Optional: rounded corners */
  }
  
  .custom-modal-size img {
    max-width: 100%;
    max-height: 100%;
  }