body{

    font-family: 'Lato', sans-serif;
      font-family: 'Source Sans Pro', sans-serif;
  
  }
  p{
    text-align:justify; 
    text-justify:auto;
  }
  .back-to-home{
      color: #fff;
      background: #78335D;
      text-decoration: none;
      border: none;
  }
  #top-navigation{
      border: none;
      background: #1e272e;
      color: #fff;
  }
  #gbu-logo{
      width: 30px;
      height: 30px;
      display: inline-flex;
  }
  #gbu-name{
      color: #fff;
      display: inline-flex;
      text-decoration: none;
      font-weight: 400;
      font-family: 'Source Sans Pro', sans-serif;
  }
  #col-college-name-1{
      padding-right: 20px;
      font-family: font-family: 'Poppins', sans-serif;
      font-family: 'Lato', sans-serif;
      border-right: 7px solid #cc3636; 
  }
  #college-name-1{
      font-size: 18px;
      font-weight: 600;
      color: #010327;
      text-align: right;
      letter-spacing: 0;
  }
  #college-name-2{
      color: #010327;
      font-weight: 500;
      font-family: 'Lato', sans-serif;
  }
  .navbar{
      color: #012454;
      align-items: center;
      background: #fff;
      border-top: 3px solid #cc3636;
  }
  .nav-link{
      font-weight: 600;
      color: #012454;
      font-size: 16px;
      text-decoration: none;
  }
  .nav-link:hover{
      color: #cc3636;
      transition-delay: .s;
  }
  #section1-background{
      background: url(../../img/campuslife3.jpg);
      background-attachment: fixed;
      background-size:cover;
      opacity: .9;
      width: 100%;
      padding: 5%;
      height: 500px;
      filter: brightness(80%);
  }
  #section1-content{
      opacity: 1;
      color: #fff;
  }
  #school-name{
      color: #fff;
      font-weight: 700;
      filter: brightness(200%);
      font-size: 44px;
  }
  #branches-name-section1{
      background: orange;
      color: #fff;
      opacity: 1;
      padding: 20px;
  }
  #branches-name-section1:hover{
      background: yellow;
      color: #012454;
  }
  
  #photo-galary-header{
      text-align: center;
      font-weight: 700;
      color: #000;
  }
  #photo-galary-header-p{
      text-align: center;
      font-weight: 500;
      font-size: 20px;
  }
  
   @media (min-width: 0) {
       .card-deck .card {
           flex: 0 0 calc(100% - 30px);
      }
  }
   @media (min-width: 576px) {
       .card-deck .card {
           flex: 0 0 calc(50% - 30px);
           
      }
  }
   @media (min-width: 768px) {
       .card-deck .card {
           flex: 0 0 calc(33.3333333333% - 30px);
      }
  }
   @media (min-width: 992px) {
       .card-deck .card {
           flex: 0 0 calc(25% - 30px);
      }
  }
   @media (min-width: 1200px) {
       .card-deck .card {
           flex: 0 0 calc(25% - 30px);
      }
  }
   .jumbotron{
       background: #fff;
       box-shadow: 0 0 20px 0 #bbb5b5;
  }
   .card-header{
       border: none;
       background-color: #cc3636;
       color: #fff; 	
   }
   .dropdown-item:hover{
       background: #cc3636;
       color: #fff;
   }
  @media only screen and (min-width : 320px) {
          #col-college-name-1{
              border-right: 4px solid #cc3636; 
          }
          #college-name-1{
                font-size: 12px;
          }
          #college-name-2{
              font-size: 12px;
          }
          #fill-image {
          width: 180%;
          margin-left: -40%;
          margin-right: -40%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
  @media only screen and (min-width : 480px) {
          #col-college-name-1{
              border-right: 5px solid #cc3636; 
          }
            #college-name-1{
                font-size: 13px;
          }
          #college-name-2{
                font-size: 14px;
          }
          #fill-image {
          width: 180%;
          margin-left: -40%;
          margin-right: -40%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
  @media only screen and (min-width : 768px) {
          #col-college-name-1{
              border-right: 6px solid #cc3636; 
          }
            #college-name-1{
                font-size: 17px;
          }
          #college-name-2{
                font-size: 18px;
          }
          #fill-image {
          width: 160%;
          background-size: cover;
          background-position: center;
          margin-left: -30%;
          margin-right: -30%;
          background-repeat: no-repeat;
        }
      }
  @media only screen and (min-width : 992px) {
          #col-college-name-1{
              border-right: 7px solid #cc3636; 
          }
            #college-name-1{
                font-size: 19px;
          }
            #college-name-2{
                font-size: 20px;
          }
  
        #fill-image {
          width: 100%;
          background-size: cover;
          margin: 0;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
  @media only screen and (min-width : 1200px) {
          #col-college-name-1{
              border-right: 7px solid #cc3636; 
          }	
            #college-name-1{
                font-size: 22px;
            }
          #college-name-2{
                font-size: 24px;
          }
  
        #fill-image {
          width: 100%;
          background-size: cover;
          margin: 0;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
  
  
  #card-image{
      height: 200px;
      margin: 0px auto;
      max-width: 200px;
      align-items: center;
      }
  
  #carousel-item-img{
      padding-left: 20% ;
      width: 80%;
  }
  #card-height{
      height: 300px;
  }
  
  
                      .select
                      {
                      display:block;
                      text-align:center;
                      }
                      .select-item,.select-item-sob,.select-item-sobs, .select-item-soe,.select-item-soh,                     .select-item-soict, .select-item-soljg
                      , .select-item-som, .select-item-sovs
                      {
                      display:inline-block;
                      color:#fff;
                      background-color:#78335d;
                      border-radius:2px;
                      border:1px solid #78335d;
                      cursor:pointer;
                      padding:4px 10px;
                      margin:5px;
                      transition:0.4s;
                      }
                      .rteleft {
                      text-align: left
                      }
                      .select-item:hover,.select-item-sob:hover,.select-item-sobs:hover, .select-item-soe:hover,.select-item-soh:hover,                     .select-item-soict:hover, .select-item-soljg:hover
                      , .select-item-som:hover, .select-item-sovs:hover,.select-item-active
                      {
                      background-color:#fff;
                      color:#3fada8;
                      }
                      #cards-container
                      {
                      display:block;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-soict
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-sob
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-sobs
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-soe
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-soh
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-soljg
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-som
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container-sovs
                      {
                      display:none;
                      text-align:center;
                      padding:10px;
                      }
                      #cards-container .card,#cards-container-soict .card
                      ,#cards-container-sob .card,#cards-container-sobs .card,
                      #cards-container-soe .card,#cards-container-soh .card,
                      #cards-container-soljg .card,#cards-container-som .card,
                      #cards-container-sovs .card
                      {
                      width:350px;
                      height:300px;
                      vertical-align:top;
                      border-radius:4px;
                      border:1px solid #ddd;
                      background:#fafafa;
                      padding:20px;
                      display:inline-block;
                      margin:10px;
                      overflow:hidden;
                      }
                      #cards-container .card img,#cards-container-soict .card img
                      ,#cards-container-sob .card img,#cards-container-sobs .card img,
                      #cards-container-soe .card img,#cards-container-soh .card img,
                      #cards-container-soljg .card img,#cards-container-som .card img,
                      #cards-container-sovs .card img
                      {
                      /*height:130px!important;
                      width:110px!important;*/
                      width:auto;
                      padding:3px!important;
                      background:#fff;
                      margin:0!important;
                      margin-right:20px!important;
                      margin-bottom:20px!important;
                      }
                      #cards-container .card hr,#cards-container-soict .card hr
                      ,#cards-container-sob .card hr,#cards-container-sobs .card hr,
                      #cards-container-soe .card hr,#cards-container-soh .card hr,
                      #cards-container-soljg .card hr,#cards-container-som .card hr,
                      #cards-container-sovs .card hr
                      {
                      margin:0;
                      margin-top:20px;
                      margin-bottom:10px;
                      background:-webkit-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0));
                      background:-moz-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0));
                      background:-ms-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0));
                      background:-o-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0));
                      background:linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0));
                      clear:both;
                      }
                      @media screen and (max-width:500px)
                      {
                      #cards-container .card,#cards-container-soict .card
                      ,#cards-container-sob .card,#cards-container-sobs .card,
                      #cards-container-soe .card,#cards-container-soh .card,
                      #cards-container-soljg .card,#cards-container-som .card,
                      #cards-container-sovs .card
                      {
                      width:80%;
                      }
                      }
  