*
{
    padding: 0;
    margin: 0;
    font-family: "Segoe ui";
    transition: 0.2s;
}
body
{
    background-image: url(../images/bgg.png);
    background-size: 100%;
    background-attachment: fixed;
}
.socialmedia
{
    display: grid;
    grid-template-columns: 29% 29% 29%;
    grid-column-gap: 6%;
    width: 7%;
    margin-left: 46.5%;
    padding-bottom: 20px;
}
.logo
{
    height: auto;

}
.logo img
{
    width: 100%;
}
@media screen and (max-width: 800px) and (min-width: 320px)
{
    .socialmedia
    {
        width: 25%;
        margin-left: 37.5%;
    }
}
/*-----------------------------------------header-------------------------------*/
.fa
{
    font-size: 50px;
}
.img-fluid
{
    height: auto;
    max-width: 350px;
    
}

.mb-0, .my-0
{
    color: blue;
    margin-top: 6px;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
   
}
/*-----------------------------------------navigation-------------------------------*/
.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.navbar-expand-lg .navbar-nav{
    margin-left: 360px;}
.dropdown:hover>.dropdown-menu {
    display: block;

  }
  
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }

  .navbar-nav .nav-link.dropdown-toggle:hover
  {
    color: white;
  }

  .navbar-nav .nav-link.dropdown-toggle
  {
    color: black;
  }
  .navbar-nav .nav-link.active:hover
  {
    color: white;
  }

  .dropdown-item
  {
    max-height: 22px;
    font-size: 15px;
  }
  .dropdown-item:hover
  {
    color: blue;
  }

  .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:5px;
}
.image
{
    background-image: url(../images/strip.png);
    height: 150px;
    background-size: 100%;
    text-align: center;
}
.image h1
{
    line-height: 130px;
    color: white;
    font-size: 40px;

}


marquee
{
    width: 50%;
   
}
.catalogue
{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-column-gap: 0.2%;
    width: 60%;
    margin-left: 20%;
    margin-top: -20px;
    filter: drop-shadow(0 0 0.75rem #999);
}
.prg
{
    height: 40px;
    background-color: gray;
    text-align: center;
    
}
.prg:hover
{
    background-color: #5c429b;
}
.prg h1
{
    line-height: 40px;
    color: white;
    font-family: "bahnschrift";
    font-size: 20px;
    font-weight: lighter;
   
}
a
{
    text-decoration: none;
}
.courrsename h1
{
    padding: 10px 15%;
    background-color: #f0f0f0;
    font-family: "bahnschrift";
    margin-top: 60px;
    text-align: center;
}
.applynow
{
    height: 40px;
    background-color: #5c429b;
    width:10%;
    margin-left: 15%;
    margin-top: 25px;
    border-radius: 5px;
    text-align: center;
}
.applynow:hover
{
    background-color: #ef8a43;
    width: 11%;
}
.applynow:hover p
{
    color: black;
}
.applynow p
{
    font-family: "bahnschrift";
    color: white;
    line-height: 40px;
}
.heading2 h2
{
    margin-left: 15%;
    margin-top: 50px;
    font-family: "bahnschrift";
    font-weight: lighter;
}
.specialisation
{
    
    width: 30%;
    margin-left: 15%;
}

.specialisation ul
{
    margin-left: 0%;
    padding: 20px 0px;
   
}
.specialisation ul li
{
    font-size: 20px;
    font-family: "bahnschrift";
    background-color: #5c429b;
    color: white;
    padding: 8px;
    border: 1px solid white;
    list-style: none;
}
.specialisation ul li:hover
{
    background-color: #5c429b;
    color: #ef8a43;
    font-weight: lighter;
}
.courseinfo
{
    
  
    margin-top: 50px;
}
.courseinfo p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
}
.objective h1
{
    font-size: 25px;
    margin-left: 15%;
    font-family: "bahnschrift";
    margin-top: 50px;
}
.objective p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}
.scope h1
{
    font-size: 25px;
    margin-left: 15%;
    font-family: "bahnschrift";
    margin-top: 50px; 
}
.scope p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}
.scope ul
{
    margin-left: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.scope ul li
{
    font-size: 20px;
    line-height: 30px;
    list-style: square;
}

.detailsgrid
{
    height: 330px;
    background-color: #f0f0f0;
    margin-top: 30px;
}
.details
{
    display: grid;
    grid-template-columns: 33% 33% 33%;

    position: absolute;
    margin-top: 50px;
    width: 70%;
    margin-left: 15%;
    
}
.timeline
{
    height: 230px;
    
  
}
.timeline:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.timeline h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.timeline p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.eligibility
{
    height: 230px;
  
    
}
.eligibility:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.eligibility h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.eligibility p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.fees
{
    height: 200px;
    
   
}
.fees:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.fees h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.fees p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.feestructure
{
    height: 100px;
    margin-top: 50px;
}
.feestructure p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
}


.placement
{
    background-color: white;
    text-align: center;
}
.placement h1
{
    font-size: 30px;
    margin-left: 10%;
    font-family: "bahnschrift";
    padding-top: 50px;
    font-weight: bold;
}
.placement p
{
    font-size: 20px;
    margin-left: 10%;
    font-family: "bahnschrift";
    padding-top: 10px;
    font-weight: lighter;
    width: 80%;
    text-align: center;
}
.rrr
{
    margin-top: 30px;
    width: 80%;
    margin-left: 10%;
}
.item
{
    height: auto;
    background-size: 100%;
    padding: 10px
}
.item img
{
    width: 100%;
}
.footer
{
    margin-top: 20px;
    background-color: whitesmoke;
}


.banner
{
    height: 100px;
    background-color: orange;
    text-align: center;
    
}
.banner p
{
    font-size: 30px;
    color: black;
    padding-top: 30px;
    
}
.banner p:hover
{
    color: blue;
}
.footergrid
{
    display: grid;
    grid-template-columns: 50% 25% 25%;
    width: 90%;
    margin-left: 5%;
}
.footergrid a
{
    color: black;
}
.address
{
    height: 300px;
}
.address h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
}
.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
}

.address ul li a
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
    text-decoration: none;
}

.address ul li a:hover
{
    color: blue;
}

.address ul li i
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
}
.links
{
    height: 300px;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;

}
.important
{
    height: 300px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
}
.important ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
}
.copyright h1
{
    font-size: 15px;
    text-align: center;
    padding: 8px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}

/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) and (min-width: 320px)
{
    .header
    {
        
        
    
        display: grid;
        grid-template-columns: 100%;
    }
    .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}
    .isbjlogo
    {
        height: 130px;
        
    }
    .isbjlogo img
    {
        width: 35%;
        margin-left: 32.5%;
    }
    .isbjinfo
    {
        height: 100px;
        text-align: center;
    }
    .isbjinfo h1
    {
        font-size: 20px;
        margin-top: 20px;
        filter: drop-shadow(0 0 0.75rem #999);
        width: 80%;
        margin-left: 10%;
    }
    .isbjinfo h2
    {
        display: none;
    }
    .mitlogo
    {
        display: none;
       
    }
    .mitlogo img
    {
        width: 90%;
    }
    /*-----------------------------------------navigation-------------------------------*/
    .navigation
    {
        background-color: #5c429b;
        height: 50px;
    }
    marquee
    {
        width: 100%;
       
    }
    .image
    {
        background-image: url(../images/strip.png);
        height: 100px;
        background-size: 100% 100px;
        text-align: center;
    }
    .image h1
    {
        line-height: 100px;
        color: white;
        font-size: 30px;
    
    }
    .catalogue
    {
        display: grid;
        grid-template-columns: 100%;
        grid-row-gap: 1%;
        width: 80%;
        margin-left: 10%;
        margin-top: 60px;
        filter: drop-shadow(0 0 0.75rem #999);
    }
    .prg
    {
        height: 40px;
        background-color: gray;
        text-align: left;
        
    }
    .prg h1
    {
        line-height: 40px;
        color: white;
        font-family: "bahnschrift";
        font-size: 15px;
        font-weight: normal;
        margin-left: 5%;
    }
    .courrsename h1
    {
        padding: 10px 5%;
        background-color: #f0f0f0;
        font-family: "bahnschrift";
        font-size: 20px;
    }
    .applynow
    {
        height: 40px;
        background-color: #5c429b;
        width:40%;
        margin-left: 5%;
        margin-top: 25px;
        border-radius: 5px;
        text-align: center;
    }
    .applynow:hover
    {
        background-color: #ef8a43;
        width: 42%;
    }
    .applynow p
    {
        font-family: "bahnschrift";
        color: white;
    }
      
    .heading2 h2
    {
        margin-left: 5%;
        margin-top: 30px;
        font-family: "bahnschrift";
        font-weight: lighter;
        font-size: 20px;
    }
    .specialisation
    {
        
        width: 90%;
        margin-left: 5%;
    }
    
    .specialisation ul
    {
        margin-left: 0%;
        padding: 20px 0px;
       
    }
    .specialisation ul li
    {
        font-size: 18px;
        font-family: "bahnschrift";
        background-color: #5c429b;
        padding: 8px;
        border: 1px solid white;
        list-style: none;
        color: white;
    }
    .specialisation ul li:hover
    {
        background-color: #5c429b;
        color: white;
        font-weight: lighter;
    }
    .courseinfo
    {
        
      
        margin-top: 50px;
    }
    .courseinfo p
    {
        margin-left: 10%;
        font-size: 18px;
        font-family: "bahnschrift";
        width: 80%;
        line-height: 30px;
    }
    .objective
    {
        background-color: #ef8a43;
    }
    .objective h1
    {
        font-size: 20px;
        margin-left: 10%;
        font-family: "bahnschrift";
        margin-top: 50px;
        padding-top: 20px;
    }
    .objective p
    {
        margin-left: 10%;
        font-size: 18px;
        font-family: "bahnschrift";
        width: 80%;
        line-height: 30px;
        margin-top: 20px;
        padding-bottom: 20px;
        
    }
    .scope h1
    {
        font-size: 20px;
        margin-left: 10%;
        font-family: "bahnschrift";
        margin-top: 50px; 
    }
    .scope p
    {
        margin-left: 10%;
        font-size: 18px;
        font-family: "bahnschrift";
        width: 80%;
        line-height: 30px;
        margin-top: 20px;
    }
    .scope ul
    {
        margin-left: 20%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .scope ul li
    {
        font-size: 15px;
        line-height: 30px;
        list-style: square;
    }

    
    
    
    .feestructure
    {
        height: 0;
    }
    .detailsgrid
    {
        height: 790px;
        background-color: #f0f0f0;
        margin-top: 30px;
    }
    .details
    {
        display: grid;
        grid-template-columns: 100%;
        grid-row-gap: 30px;
        width: 80%;
        margin-left: 10%;
        
    }
    .timeline
    {
        height: 210px;
        background-color: white;
        filter: drop-shadow(0 0 0.75rem gainsboro);
        
    }
    .timeline:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem gainsboro);
    }
    .timeline h1
    {
        font-size: 25px;
        font-family: "bahnschrift";
        margin-top: 20px;
        margin-left: 20px;
    }
    .timeline p
    {
        font-size: 20px;
        font-family: "bahnschrift";
        margin-top: 20px;
        margin-left: 20px;
        width: 90%;
        font-weight: normal;
    }
    .eligibility
    {
        height: 210px;
        background-color: white;
        filter: drop-shadow(0 0 0.75rem gainsboro);
      
    }
    .eligibility:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem gainsboro);
    }
    .eligibility h1
    {
        font-size: 25px;
        font-family: "bahnschrift";
        margin-top: 20px;
        margin-left: 20px;
    }
    .eligibility p
    {
        font-size: 20px;
        font-family: "bahnschrift";
        margin-top: 20px;
        margin-left: 20px;
        width: 90%;
        font-weight: normal;
    }
    .fees
    {
        height: 210px;
        background-color: white;
        filter: drop-shadow(0 0 0.75rem gainsboro);
     
    }
    .fees:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem gainsboro);
    }
    .fees h1
    {
        font-size: 25px;
        font-family: "bahnschrift";
        margin-top: 20px;
        margin-left: 20px;
    }
    .fees p
    {
        font-size: 20px;
        font-family: "bahnschrift";
        margin-top: 20px;
        margin-left: 20px;
        width: 90%;
        font-weight: normal;
    }   
    .feestructure p
    {
        margin-left: 5%;
        font-size: 18px;
        font-family: "bahnschrift";
        width: 90%;
    }


}


@media screen and (max-width: 990px) and (min-width: 768px)
{
    *
{
    padding: 0;
    margin: 0;
    font-family: "Segoe ui";
    transition: 0.2s;
}
body
{
    background-size: 100%;
    background-attachment: fixed;
}
/*-----------------------------------------header-------------------------------*/
.img-fluid
{
  height: auto;
  max-width: 270px;
  
}
.fa
{
  font-size: 30px;
}
.mb-0, .my-0
{
  color: blue;
  margin-top: 6px;
  font-size: 18px;
}
.header
{
    display: grid;
    grid-template-columns: 18% 64% 18%;
}
.navbar-expand-lg .navbar-nav{
    margin-left: 0px;}
.isbjlogo
{
    height: 130px;
    
}
.isbjlogo img
{
    height: 90%;
    margin-left: 15%;
}
.isbjinfo
{
    height: 125px;
    text-align: center;
}
.isbjinfo h1
{
    font-size: 18px;
    margin-top: 30px;
    filter: drop-shadow(0 0 0.75rem #999);
}
.isbjinfo h2
{
    font-size: 18px;
    font-weight: lighter;
    margin-top: 9px;
}
.mitlogo
{
    height: 125px;
   
}
.mitlogo img
{
    width: 100%;
    margin-top: 25px;
}
/*-----------------------------------------navigation-------------------------------*/
.navigation
{
    background-color: #5c429b;
    height: 50px;
}

.image
{
    background-image: url(../images/strip.png);
    height: 150px;
    background-size: 100% 100%;
    text-align: center;
}
hr
{
    width: 40%;
    margin-top: 10px;
}
.image h1
{
    line-height: 130px;
    color: white;
    font-size: 40px;

}
marquee
{
    width: 50%;
   
}
.catalogue
{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-column-gap: 0.2%;
    width: 60%;
    margin-left: 20%;
    margin-top: -20px;
    filter: drop-shadow(0 0 0.75rem #999);
}
.prg
{
    height: 40px;
    background-color: gray;
    text-align: center;
    
}
.prg:hover
{
    background-color: #5c429b;
}
.prg h1
{
    line-height: 40px;
    color: white;
    font-family: "bahnschrift";
    font-size: 15px;
    font-weight: lighter;
   
}
a
{
    text-decoration: none;
}
/*-----------------------------------------about isbj grid-------------------------------*/
.courrsename h1
{
    padding: 10px 15%;
    background-color: #f0f0f0;
    font-family: "bahnschrift";
    margin-top: 60px;
}
.applynow
{
    height: 40px;
    background-color: black;
    width:10%;
    margin-left: 15%;
    margin-top: 25px;
    border-radius: 5px;
    text-align: center;
}
.applynow:hover
{
    background-color: #ef8a43;
    width: 11%;
}
.applynow:hover p
{
    color: black;
}
.applynow p
{
    font-family: "bahnschrift";
    color: white;
    line-height: 40px;
}
.heading2 h2
{
    margin-left: 15%;
    margin-top: 50px;
    font-family: "bahnschrift";
    font-weight: lighter;
}
.specialisation
{
    
    width: 50%;
    margin-left: 15%;
}

.specialisation ul
{
    margin-left: 0%;
    padding: 20px 0px;
   
}
.specialisation ul li
{
    font-size: 20px;
    font-family: "bahnschrift";
    background-color: #5c429b;
    color: white;
    padding: 8px;
    border: 1px solid white;
    list-style: none;
}
.specialisation ul li:hover
{
    background-color: #5c429b;
    color: #ef8a43;
    font-weight: lighter;
}
.courseinfo
{
    
  
    margin-top: 50px;
}
.courseinfo p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
}
.objective h1
{
    font-size: 25px;
    margin-left: 15%;
    font-family: "bahnschrift";
    margin-top: 50px;
}
.objective p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}
.scope h1
{
    font-size: 25px;
    margin-left: 15%;
    font-family: "bahnschrift";
    margin-top: 50px; 
}
.scope p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}
.scope ul
{
    margin-left: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.scope ul li
{
    font-size: 20px;
    line-height: 30px;
    list-style: square;
}

.detailsgrid
{
    height: 330px;
    background-color: #f0f0f0;
    margin-top: 30px;
}
.details
{
    display: grid;
    grid-template-columns: 33% 33% 33%;

    position: absolute;
    margin-top: 50px;
    width: 70%;
    margin-left: 15%;
    
}
.timeline
{
    height: 230px;
    
  
}
.timeline:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.timeline h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.timeline p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.eligibility
{
    height: 230px;
  
    
}
.eligibility:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.eligibility h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.eligibility p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.fees
{
    height: 230px;
    
   
}
.fees:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.fees h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.fees p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.feestructure
{
    margin-top: 50px;
}
.feestructure p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
}


}

@media screen and (max-width: 768px) and (min-width: 640px)
{
    *
{
    padding: 0;
    margin: 0;
    font-family: "Segoe ui";
    transition: 0.2s;
}
body
{
    background-size: 100%;
    background-attachment: fixed;
}
/*-----------------------------------------header-------------------------------*/
.header
{
    display: grid;
    grid-template-columns: 18% 64% 18%;
}
.navbar-expand-lg .navbar-nav{
    margin-left: 0px;}
.isbjlogo
{
    height: 130px;
    
}
.isbjlogo img
{
    height: 90%;
    margin-left: 15%;
}
.isbjinfo
{
    height: 125px;
    text-align: center;
}
.isbjinfo h1
{
    font-size: 18px;
    margin-top: 20px;
    filter: drop-shadow(0 0 0.75rem #999);
}
.isbjinfo h2
{
    font-size: 18px;
    font-weight: lighter;
    margin-top: 9px;
}
.mitlogo
{
    height: 125px;
   
}
.mitlogo img
{
    width: 100%;
    margin-top: 25px;
}
/*-----------------------------------------navigation-------------------------------*/
.navigation
{
    background-color: #5c429b;
    height: 50px;
}

.image
{
    background-image: url(../images/strip.png);
    height: 150px;
    background-size: 100% 100%;
    text-align: center;
}
hr
{
    width: 40%;
    margin-top: 10px;
}
.image h1
{
    line-height: 130px;
    color: white;
    font-size: 40px;

}
marquee
{
    width: 50%;
   
}
.catalogue
{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-column-gap: 0.2%;
    width: 60%;
    margin-left: 20%;
    margin-top: -20px;
    filter: drop-shadow(0 0 0.75rem #999);
}
.prg
{
    height: 40px;
    background-color: gray;
    text-align: center;
    
}
.prg:hover
{
    background-color: #5c429b;
}
.prg h1
{
    line-height: 40px;
    color: white;
    font-family: "bahnschrift";
    font-size: 12px;
    font-weight: lighter;
   
}
a
{
    text-decoration: none;
}
/*-----------------------------------------about isbj grid-------------------------------*/
.courrsename h1
{
    padding: 10px 15%;
    background-color: #f0f0f0;
    font-family: "bahnschrift";
    margin-top: 60px;
}
.applynow
{
    height: 40px;
    background-color: black;
    width:10%;
    margin-left: 15%;
    margin-top: 25px;
    border-radius: 5px;
    text-align: center;
}
.applynow:hover
{
    background-color: #ef8a43;
    width: 11%;
}
.applynow:hover p
{
    color: black;
}
.applynow p
{
    font-family: "bahnschrift";
    color: white;
    line-height: 40px;
}
.heading2 h2
{
    margin-left: 15%;
    margin-top: 50px;
    font-family: "bahnschrift";
    font-weight: lighter;
}
.specialisation
{
    
    width: 60%;
    margin-left: 15%;
}

.specialisation ul
{
    margin-left: 0%;
    padding: 20px 0px;
   
}
.specialisation ul li
{
    font-size: 20px;
    font-family: "bahnschrift";
    background-color: #5c429b;
    color: white;
    padding: 8px;
    border: 1px solid white;
    list-style: none;
}
.specialisation ul li:hover
{
    background-color: #5c429b;
    color: #ef8a43;
    font-weight: lighter;
}
.courseinfo
{
    
  
    margin-top: 50px;
}
.courseinfo p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
}
.objective h1
{
    font-size: 25px;
    margin-left: 15%;
    font-family: "bahnschrift";
    margin-top: 50px;
}
.objective p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}
.scope h1
{
    font-size: 25px;
    margin-left: 15%;
    font-family: "bahnschrift";
    margin-top: 50px; 
}
.scope p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}
.scope ul
{
    margin-left: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.scope ul li
{
    font-size: 20px;
    line-height: 30px;
    list-style: square;
}

.detailsgrid
{
    height: 330px;
    background-color: #f0f0f0;
    margin-top: 30px;
}
.details
{
    display: grid;
    grid-template-columns: 33% 33% 33%;

    position: absolute;
    margin-top: 50px;
    width: 70%;
    margin-left: 15%;
    
}
.timeline
{
    height: 230px;
    
  
}
.timeline:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.timeline h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.timeline p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.eligibility
{
    height: 230px;
  
    
}
.eligibility:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.eligibility h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.eligibility p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.fees
{
    height: 230px;
    
   
}
.fees:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem gainsboro);
}
.fees h1
{
    font-size: 25px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
}
.fees p
{
    font-size: 20px;
    font-family: "bahnschrift";
    margin-top: 20px;
    margin-left: 20px;
    width: 90%;
    font-weight: lighter;
}
.feestructure
{
    margin-top: 50px;
}
.feestructure p
{
    margin-left: 15%;
    font-size: 20px;
    font-family: "bahnschrift";
}


}
@media screen and (max-width: 900px) {
    body
    {
        background-size: 100%;
        background-attachment: fixed;
    }

    .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}
    .footer
{
    margin-top: 100px;
    background-color: #f5f5f5;
}
.banner
{
    height: 100px;
    background-color: orange;
    text-align: center;
}
.banner p
{
    font-size: 25px;
    color: white;
    padding-top: 30px;
}
.footergrid
{
    display: grid;
    grid-template-columns: 100%;
    width: 90%;
    margin-left: 5%;
}
.address
{
    height: auto;
}
.address h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.links
{
    height: auto;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.important
{
    height: auto;
    padding-bottom: 30px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    margin-left: -5%;
    color: black;
}
.important ul{
    margin-top: 20px;
    width: 90%;
    color: black;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    margin-left: -5%;
    color: black;
}
.copyright h1
{
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}
    
}
@media screen and (max-width: 1078px) 

{
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
      }
      .topnav a.icon {
        float: right;
        display: block;
      }
      .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}   
    
    
      .topnav.responsive {position: relative;}
      .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
      .topnav.responsive .dropdown {float: none;}
      .topnav.responsive .dropdown-content {position: relative;}
      .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
      }
      .sticky {
          display: none;
        }
        .sticky + .content {
          display: none;
        }
        .content
        {
            display: none;
        }
        .topnav {
           
            width: 100%;
            margin-left: 0;
            
          }
    
}

@media screen and (max-width: 280px) 
   
{
    .header
    {
        display: grid;
        grid-template-columns: 100%;
    }
    .navbar-nav.navbar-center {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }
    
    
   
    .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}
        
    .dropdown:hover>.dropdown-menu {
        display: block;
    
      }
      
      .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
          pointer-events: none;
      }
    
      .navbar-nav .nav-link.dropdown-toggle:hover
      {
        color: white;
      }
    
      .navbar-nav .nav-link.dropdown-toggle
      {
        color: black;
      }
      .navbar-nav .nav-link.active:hover
      {
        color: white;
      }
    
.grid-container h5
    {
        font-size: 18px;
        width: 70%;
        font-family: "bahnschrift";
        margin-left: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: normal;
    
    }
    hr
    {
        width: 30%;
        margin-left: 10%;
        background-color: black;
    }
    .grid
    {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 2%;
        grid-row-gap: 40px;
        width: 80%;
        margin-left: 10%;
        margin-top: 00px;
    }
    .ele1
    {
        height: 420px;
        background-color: white;
        border: 1px solid black;
        filter: drop-shadow(0 0 0.75rem #999);
        text-align: center;
        border-radius: 10px;
    }
    .ele1 h1
    {
        font-size: 18px;
        color: white;
        background-color: black;
        padding: 7px;
        font-family: "bahnschrift";
        margin-top: 30px;
        font-weight: lighter;
        
    }
    .ele1 h2
    {
        font-size: 18px;
        font-family: "bahnschrift";
        padding: 10px;
    }
    .ele1 h3
    {
        font-family: "bahnschrift";
        font-weight: lighter;
    }
    .ele1 img
    {
        height: 50%;
        margin-top: 40px;
    }
    .ele1:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem #999);
        border-style: none;
    }


.data
    {
        display: grid;
        grid-template-columns: 100%;
        margin-top: 40px;
        width: 80%;
        margin-left: 10%;
    }
    .datainfo
    {
        height: auto;
        padding-bottom: 50px;
       
    }
    .datainfo h1
    {
     
        font-size: 30px;
        text-align: left;
        padding: 7px;
       margin-top: 30px;
    }
    .data ul
    {
        margin-left: 5%;
        padding-top: 20px;
    }

    .isbjpic
    {
        height: auto;
   
    }

    .placement
{
    height: 600px;
    background-color: #f0f0f0;
    margin-top: 100px;
    text-align: center;
}
.placement h1
{
    font-size:25px;
    margin-left: auto;
    font-family: "bahnschrift";
    padding-top: 50px;
    font-weight: normal;
}
.placement h2
{
    font-size: 18px;
    margin-left: 10%;
    width: 80%;
    font-family: "bahnschrift";
    padding-top: 20px;
    font-weight: normal;
}

.footer
{
    margin-top: 100px;
    background-color: #f5f5f5;
}
.banner
{
    height: 100px;
    background-color: orange;
    text-align: center;
}
.banner p
{
    font-size: 25px;
    color: white;
    padding-top: 30px;
}
.footergrid
{
    display: grid;
    grid-template-columns: 100%;
    width: 90%;
    margin-left: 5%;
}
.address
{
    height: auto;
}
.address h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.links
{
    height: auto;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.important
{
    height: auto;
    padding-bottom: 30px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    margin-left: -5%;
    color: black;
}
.important ul{
    margin-top: 20px;
    width: 90%;
    color: black;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    margin-left: -5%;
    color: black;
}
.copyright h1
{
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}

}