* {
    padding:0px;
    margin:0px;
       font-family: 'Merriweather-Regular';

}



    @font-face {
    font-family: 'Merriweather-Regular';
    src: url('../../Header/fonts/Merriweather-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Merriweather-Bold';
    src: url('../../Header/fonts/Merriweather-Boldttf') format('truetype');
}



#whatcon{
    display:none;
}


.hometitle{
    font-size:30px;
    text-align:center;

    
}

.homenews .hometitle{
    color:#8e1b4b;
}


.hometitle::after{
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #8e1b4b;
    border-radius: 3px;
        margin-left: auto;
    margin-right: auto;
    text-align:center;
}


.homenews{
     
    padding-left: 5%;
    padding-right: 5%;
    background: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;

}

.bacholar{
float: left;
    width: 40%;
    margin-right: 5%;
    margin-left: 5%;
    padding-left: 0%;
    color: #0b1776;
    padding-right: 0%;


}






.master{
float: left;
    width: 40%;
    margin-right: 5%;
    margin-left: 5%;
    padding-left: 0%;
    color: #ca9e46;
    padding-right: 0%;

}


.bacholarimg{
          float:left;
width: 10%;
    margin-right: 5%;
    margin-left: 5%;
    padding-left:0%;
    padding-right:0%;

}

.programtitle{
         float:left;
   width: 80%;
font-size: 18px;
       padding-top: 10px;
}

.bacholarimg img{
 
    width: 100%;


}




.services{
    background: #a2a2a7;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
}

.service{
    float: left;
    width: 10%;
    margin-left: 3.3%;
    margin-right: 3.3%;
    text-decoration:none;

}

.service img{
    width: 50%;
    margin-left: 25%;
    float: left;
    margin-right: 25%;
    display:block;
}

.service h5{
    width:100%;
    text-decoration:none;
    color:#fff;
padding-top:20px;
text-align:center;
font-weight: normal;
}


.programs{
  
     padding-left: 10%;
    padding-right: 10%;
    background: #f2f2f2;
    padding-top: 0px;
    margin-top:20px;
}


.newslink{
    color:inherit;
    text-decoration:none;
}

.newssection{
    float:left;
    width:20%;
    margin-left:2.5%;
    margin-right:2.5%;
    margin-top:20px;
}

.newssection img{
    width:100%;
    height:220px;
    border-bottom:3px solid #8e1b4b;
       display: block;
}


.newscontent{
    background:#fff;
    padding-left:5%;
    padding-right:5%;
    padding-top:5%;
    padding-bottom:5%;
    font-size:14px;
    font-weight: bold;
     min-height: 200px;
}


.newsdate{
    color: #0b1776;
    margin-top: 6px;
}


.newstitle{
    color:#8e1b4b;
}

.newssubject{
 color:#595959;
}

.more{
    color:#0b1776;
}
.homeevent .hometitle {
    color: #8e1b4b;
}

.about .hometitle {
    color: #fff;
}



.about .hometitle::after {

    background: #fff !important;

}


.homeevent{
        background: url(../images/HomeGateWhite.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;

    
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
   padding-bottom: 15px;


}

.annoc{
    border-left:3px solid #8e1b4b;
    padding-left:20px;
}

.eventsection{
     float: left;
    width: 40%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 1%;
    font-size: 14px;
}





.pc {
    display: block;   
    width:100%;
    height:auto;
 
  position:relative;
}

.mob {
    display: none;  
    width:100%;
    height:auto;
    margin-bottom: 20px;
    position:relative;
        
}

 video, canvas {
        min-width:100%;
    width: 100%;
    max-width: 100%;
    height: auto;
  object-fit: initial;
 
  }

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


video::-internal-media-controls-overlay-cast-button {
    display: none;
}

    .spotlight {
        width:90%;
        margin: auto;
    }

    .slick-slide {
      margin: 0px 10px;
    }

     .slick-slide img {
      width: 100%;
    }



.Clear{
    clear:both;
}

.banners {
      
    margin-top: 1%;
    width:70%;
    margin-left:15%;
    margin-right:15%;
    
}

.banners div img {
    width: 100%;
    height: auto;
    margin:auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    filter: brightness(70%);
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    -ms-filter: brightness(70%);
}


.banners div img:hover {
       filter: brightness(100%);
    -webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.tabs{
  
    padding-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
 
}

.tab-selected {
    float: left;
    width: 16.1%;
    background: #8e1b4b;
    color: White;
    text-align: center;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: bold;
    margin-right: 0.5%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(100,100,100) 0px 3px 5px;
    -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
    box-shadow: 0px 3px 5px rgb(160,160,160);
}

.tab-h1, .tab-h2, .tab-h3, .tab-h4, .tab-h5, .tab-h6 {
    float: left;
    width: 16.1%;
    background: #595959;
    color: White;
    text-align: center;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
    margin-right: 0.5%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(100,100,100) 0px 3px 5px;
    -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
    box-shadow: 0px 3px 5px rgb(160,160,160);
}

.tab-h1:hover, .tab-h2:hover, .tab-h3:hover, .tab-h4:hover, .tab-h5:hover, .tab-h6:hover {
    background: #8e1b4b;
    color: White;
}

.tabs-content{
    margin-left:5%;
    margin-right:5%;
    line-height:2;
}

 .tab1	
    {
        display:block;
        margin-top:1%;
        width:90%;
        padding-top:1%;
        padding-left:5%;
        padding-right:5%;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius: 4px;
        -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
        -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
        box-shadow: 0px 3px 5px rgb(160,160,160);
        padding-bottom:20px;
    }
	
    .tab2	,  .tab3	,   .tab4  ,.tab5   ,.tab6		
    {
        display:none;
        margin-top:1%;
        width:90%;
        padding-top:1%;
        padding-left:5%;
        padding-right:5%;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius: 4px;
        -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
        -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
        box-shadow: 0px 3px 5px rgb(160,160,160);
        padding-bottom:20px;
    }

    .tab4 {
         background: #8e1b4b;
        padding-top: 60px;
       padding-bottom: 60px;
        color: #ffffff;
    }

    .text1{ width:76%;  margin-left:2%; margin-right:2%;  float:left; text-align:justify;}
    .newsimg{width:16%; margin-left:2%; margin-right:2%;}



       .area1,.area2,.area3
    {   
	
        width:100%;


    }
	
    .box1
    {   
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    width: 12%;
    /* background: #7b3961; */
    text-align: center;
    float: left;
    margin-right: 2%;
    margin-bottom: 3%;
    color: #0b1776;
    font-size: 14px;
    margin-left: 0%;
    margin-top: 0px;
    line-height: 20px;
    border: 1px solid;
    }	
	
    .box2
    {   
       /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    width: 12%;
    /* background: #7b3961; */
    text-align: center;
    float: left;
    margin-right: 2%;
    margin-bottom: 3%;
    color: #0b1776;
    font-size: 14px;
    margin-left: 0%;
    margin-top: 0px;
    line-height: 20px;
    border: 1px solid;
    }	
	
	
    .box3
    {   
        /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    width: 12%;
    /* background: #7b3961; */
    text-align: center;
    float: left;
    margin-right: 2%;
    margin-bottom: 3%;
    color: #0b1776;
    font-size: 14px;
    margin-left: 0%;
    margin-top: 0px;
    line-height: 20px;
    border: 1px solid;
    }		
    
    #ann .box1,  #ann .box2,  #ann .box3{
        color:#8e1b4b !important;
    }


        #ann .text-link1 a,  #ann .box2 .text-link2 a, #ann .box3 .text-link3 a{
        color:#8e1b4b !important;
    }
    
    
    .date
    {
        font-size:22px;
        font-weight:bold;
    }    
 
    .text-link1,.text-link2,.text-link3
    {   
	
        width:75%;
        float:left;
        margin-right:2.5%;
        margin-bottom:3%;
        font-size:14px;
        margin-top:20px;
    
	
    }
 
 
    .text-link1 a,.text-link2 a,.text-link3 a
    {   
	
        text-decoration:none;
            color:#0b1776 ;
            font-weight:bold;

	
    }




    .h-1
    {   color:#8e1b4b;
        font-size:16px;
        font-weight:bold;
	
    }    
	
    .h-2
    {   color:#595959;
        font-size:14px;
        font-weight:bold;
	
    }  	
    .h-3
    {   color:#595959;
        font-size:14px;

	
    }   
    .tab3-b
    {
        margin-top:2%;
        margin-bottom:1%;
        border-bottom:1px solid #d8d8d8;
    }   
    

     #h
    {
        font-size:14px;
        color:white;
        font-family:Arial;
    }



    #s3
    {		width:95%;
        float:left;
    }
	
	
    #s4
    {		width:5%;
        float:left;
		
    }
 
    #li6
    {
		
        font:bold 12px Arial;
        height:30px;
        color:#595959;
        width:99%;

	
    }

    #li7
    {
        padding:0px;	
        height:25px;
        padding-top:1%;
    }    


    
 
    #side-1{
	
        width:100%;
        float:left;
        margin-right:5%;
    } 

    #side-2{
	
        width:25%;
        float:left;
    
    }
 



    #side-3{

        width:25%;
        float:left;

    }
 
 
    .li2{
	
        color:#595959;
        font:bold 12px Arial;
        background-color:#dfdfdf;
        height:30px;
        width:88%;


    }

       #section2,#side2,#side2_1,#side2_2{
	
	        float:left;
	        width:24%;
	        margin-right:1%;
	        margin-top:2%;
	    }
	


       .about{

  
    padding-top: 1%;
    padding-bottom: 1%;
   padding-left:5%;
   padding-right:5%;
   background:#f2f2f2;
  

}


.abouttitle {
    color: #ffffff;
    font-size: 24px;
    text-align: center;

}

.numbersection{

	width:15%;
	float:left;
	margin-right:0.8%;
    margin-left: 0.8%;

}



.Number1 {
    text-align: center; color: #8e1b4b; font-size: 30px;
}

.numbertitle {
    text-align: center; color: #8e1b4b; font-size: 16px;font-weight: bold;
}

.Number2 {
    text-align: center;   color: #8e1b4b; font-size: 30px;
}

.Number3 {
    text-align: center;    color: #8e1b4b; font-size: 30px;
}

.Number4 {
    text-align: center;    color: #8e1b4b; font-size: 30px;
}

.Number5 {
    text-align: center;    color: #8e1b4b; font-size: 30px;
}

.Number6 {
    text-align: center;    color: #8e1b4b; font-size: 30px;
}

.aboutus{
    font-size: 14px;
    color: #ffffff;
    text-align: justify;
    line-height:2;
    margin-top:3%;
    margin-bottom:3%;
}

.ourleaders{
    padding-left:5%;
    margin-bottom:3%;
}

.leader{
    float:left;
    width:30%;
    margin-right:3.333%;
}

.leaderimage{
   float:left;
   width:37%;
   margin-right:3%;
}



.leaderdetails{

        float: left;
        width:60%;
        margin-top:20px;
}

.leaderlink{
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
}

.leadertitle{
     color: #ffffff;
    font-size: 14px;
    margin-top:10px;
    line-height:1.5;
}




       .all {
              background-image: url('../images/Fac_Bg.JPG');
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
           padding-left: 5%;
           padding-right: 5%;
           padding-top: 3%;
           padding-bottom: 5%;
         min-height: 600px;
           margin-bottom: 3%;
       }
	
       
                 .left {
                     float: left;
                     width: 50%;
                     margin-right: 5%;
              
                 }

                 .right {
                     float: left;
                     width: 45%;
                     color: #ffffff;
                   
                 }

                 .factitle1 {
    color: #9e88af;
    font-size: 25px; 
}

.facsubtitle1 {
     color: #9e88af;
    font-size: 18px;
    margin-left: 20px;
}



                 .factitle9 {
    color: #663694;
    font-size: 25px; 
}

.facsubtitle9 {
     color:#663694;
    font-size: 18px;
    margin-left: 20px;
}

.factitle2 {
    color: #59afaf;
    font-size: 25px; 
}

.facsubtitle2 {
     color: #59afaf;
    font-size: 18px;
    margin-left: 20px;
}

.factitle3 {
    color: #c03c25 ;
    font-size: 25px; 
}

.facsubtitle3 {
     color: #c03c25 ;
    font-size: 18px;
    margin-left: 20px;
}

.factitle4 {
    color: #ab2934  ;
    font-size: 25px; 
}

.facsubtitle4 {
     color: #ab2934  ;
    font-size: 18px;
    margin-left: 20px;
}

.factitle5 {
    color: #576aff ;
    font-size: 25px; 
}

.facsubtitle5 {
     color: #576aff ;
    font-size: 18px;
    margin-left: 20px;
}

.factitle6 {
    color: #beac92 ;
    font-size: 25px; 
}

.facsubtitle6 {
     color: #beac92 ;
    font-size: 18px;
    margin-left: 20px;
}

.factitle7 {
    color: #07723b ;
    font-size: 25px; 
}

.facsubtitle7 {
     color: #07723b ;
    font-size: 18px;
    margin-left: 20px;
}

.factitle8 {
    color: #1591b8  ;
    font-size: 25px; 
}

.facsubtitle8 {
     color: #1591b8  ;
    font-size: 18px;
    margin-left: 20px;
}

.FacultyContent a {
    text-decoration: none;
    color: inherit;
}

.facul {
    margin-left: 40px;
}


.facul li{
    margin-bottom: 10px;
    color: #ffffff;
}


.facul li a {
    color: inherit;
    text-decoration: none;
}


.facleft {
    float: left;
    width: 50%;
    margin-right: 5%;
}

.facright {
    float: left;
    width: 45%;
}

html,
body { height: 100%; }

.selector {
  position: relative;
  left: 50%;
    top: 200px;
  width: 140px;
  height: 140px;
  margin-top: -70px;
  margin-left: -70px;
}

.selector,
.facbutton {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}

.facbutton {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #428bca;
  border-radius: 50%;
  border: 0;
  color: white;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  transition: all .1s;
}
.facbutton span {
       margin-top: 60px;
    display: block;
}

.facbutton:hover { background: #002147; }

.facbutton:focus { outline: none; }

.selector ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}

.selector li {
  position: absolute;
  width: 0;
  height: 100%;
  margin: 0 50%;
  -webkit-transform: rotate(-360deg);
  transition: all 0.8s ease-in-out;
}

.selector li input { display: none; }

.selector li:nth-child(1) input + label {
      position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    line-height: 1px;
    margin-left: 0;
    /* background: #fff; */
   color: #fff; 

    background-color: rgba(158, 136, 175, 1.0);
    border-radius: 50%;
    text-align: center;
    font-size: 1px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
}

   .clear2 {
           clear: both;
       }

.selector li input + label {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    line-height: 1px;
    margin-left: 0;
    /* background: #fff; */
    /* color: #fff; */
   
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    text-align: center;
    font-size: 1px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
}




.selector li:nth-child(1) input + label:hover {

    font-weight: bold;
 
      

}

.selector li:nth-child(2) input + label:hover {
  font-weight: bold;
       

}

.selector li:nth-child(3) input + label:hover {
  font-weight: bold;
   

}


.selector li:nth-child(4) input + label:hover {
  font-weight: bold;
       

}

.selector li:nth-child(5) input + label:hover {
  font-weight: bold;
       

}

.selector li:nth-child(6) input + label:hover {
  font-weight: bold;
       

}

.selector li:nth-child(7) input + label:hover {
  font-weight: bold;
       

}

.selector li:nth-child(8) input + label:hover {
  font-weight: bold;
       

}

.pharmacy {
    display: block;
}

.it,.arch,.arts,.nursing,.law,.eng,.bus,.medical {
                       display: none;
                 }

.selector.open li input + label {
      width: 70px;
    height: 70px;
    padding: 20px;
    line-height: 20px;
    margin-left: 60px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    text-align: center;
}




#clear {
    clear: both;
}

.t{
font-weight:bold;
font-size:18px;
color:#ffffff;
margin-top:20px;
margin-bottom:5%;

}

.t2{
border-bottom: 1px solid #b1b1b1; 
width: 50%;
}

.t3{
vertical-align:middle;
text-align:center;
font-size:24px;
font-family:Arial;
font-weight:bold;
}

.t4{
font-weight:bold;
font-size:18px;
color:#ffffff;
margin-top:20px;
margin-bottom:5%;

}

.t5{
border-bottom: 1px solid #b5e5e5; 
width: 50%;
}

.t6{
vertical-align:middle;
text-align:center;
font-size:24px;
font-family:Arial;
font-weight:bold;
}



.t7{
font-weight:bold;
font-size:18px;
color:#8e1b4b;
margin-top:20px;
margin-bottom:5%;
    margin-left: 5%;
    margin-right: 5%;

}

.t8{
border-bottom: 1px solid #b5b5b5; 
width: 50%;
}

.t9{
vertical-align:middle;
text-align:center;
font-size:24px;
font-family:Arial;
font-weight:bold;
}


 @media only screen and (max-width : 1224px) {


      .text1
        {   width:74%;   
        }
		
        .newsimg 
        {
            width:18%;
		
        }	


         .left {
    
    width: 60%;
    margin-right: 5%;
    margin-top:4%;
}

.right {
  
    width: 35%;
  
    
}

.facleft {
    float: left;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}

.facright {
    float: left;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}
 .clear2 {
           clear: none;
       }

 }


@media only screen and (max-width : 1024px) {
    .text1
        {   width:72%;   
        }
		
         .newsimg 

        {
            width:20%;
		
        }	

         .li2{
	
            width:88%;
            margin-top:12%;

        }
	
	
      

          .leader {
        float: left;
        width: 45%;
        margin-right: 5%;
        margin-bottom: 3%;
    }

    .numbersection {
    width: 30%;
    float: left;
    margin-right: 1.65%;
    margin-left: 1.65%;
        margin-bottom: 3%;
}


    .banners section {
    width: 30%;
    float: left;
    margin-right: 1.65%;
    margin-left: 1.65%;
     margin-bottom: 3%;
}

  

         .left {
    float: none;
    width: 65%;
    margin-right: 5%;
    margin-top:10%;
}

.right {
    float: none;
    width: 100%;
    margin-top: 420px;
    
}

.facleft {
    float: left;
    width: 60%;
    margin-right: 5%;
    margin-left: 0%;
}

.facright {
    float: left;
    width: 35%;
    margin-right: 0%;
    margin-left: 0%;
}

 .clear2 {
           clear: both;
       }

}


 @media only screen and (max-width : 960px) {
      .text1
        {   width:70%;   
        }
		
        .newsimg 
 
        {
            width:22%;
		
        }	
	 .h-1
        {   
            font-size:14px;

	
        }    
        .tab3	
        {
	
            padding-left:50px;
            padding-right:50px;
	
        }			
  .tab-h1,.tab-h2,.tab-h3,.tab-h4,.tab-h5,.tab-h6
        { 
            float:left;
            width:30.333%;
            height:40px;
            background:#595959;
            color:White;
            text-align:center;
            font-size:16px;
            padding-top:8px;
            padding-bottom:5px;
            cursor:pointer;
            margin-right:3%;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius: 4px;
            -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
            -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
            box-shadow: 0px 3px 5px rgb(160,160,160);
            margin-bottom:2%;
        }
	
        .tab-h1:hover,.tab-h2:hover,.tab-h3:hover,.tab-h4:hover,.tab-h5:hover,.tab-h6:hover
        {   
            background:#8e1b4b;
            color:White;


        }
	
        .tab-selected
        {   float:left;
            width:30.3333%;
            height:40px;
            background:#8e1b4b;
            color:White;
            text-align:center;
            font-size:16px;
            padding-top:8px;
            padding-bottom:5px;
            font-weight:bold;
            margin-right:3%;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius: 4px;
            -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
            -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
            box-shadow: 0px 3px 5px rgb(160,160,160);
            margin-bottom:2%;
        }

        #section2,#side2,#side2_1,#side2_2{
	
	            float:left;
	            width:44%;
	            margin-right:1%;
	            margin-top:2%;
	            margin-left:5%;
	        }

 }


  @media only screen and (max-width : 800px) {

           .spotlight {
        width:80%;
        margin: auto;
    }

           .banners {
      
     width:80%;
        margin: auto;
}

       .text1
        {   width:90%; 
            margin-left:5%;
            margin-right:5%;
	     
        }
		
     
      .newsimg 

        {
            width:40%;
            margin-left:35%;
            margin-right:20%;
            margin-bottom:5%; 
		
        }	

       #side-1{
		
            width:95%;
            padding-left:5%;
            padding-top:5%;
	
        } 

        #side-2{
            width:46%;
            padding-left:5%;
            padding-top:5%;
    
        }
 



        #side-3{

            width:46%;
            padding-left:3%;
            padding-top:5%;

        }


        .li2{
	
            margin-top:4%;

        }

          .leader {
    float: left;
    width: 60%;
    margin-right: 0%;
    margin-bottom: 3%;
}

              .banners section {
    width: 45%;
    float: left;
    margin-right: 2.5%;
    margin-left: 2.5%;
   
}

      .left {
    float: none;
    width: 100%;
    margin-right: 0%;
}

.right {
    float: none;
    width: 100%;
    margin-top: 500px;
    
}


  }



@media only screen and (max-width : 600px) {


  

       #section2,#side2,#side2_1,#side2_2{
	
	            float:left;
	            width:49%;
	            margin-right:1%;
	            margin-top:2%;
	            margin-left:0%;
	        }

        #section2,#side2,#side2_1,#side2_2{
	
	            float:left;
	            width:85%;
	            margin-right:15%;
	            padding-left:15%;
	            margin-top:2%;
	            margin-left:0%;
	        }

           .leader {
    float: left;
    width: 80%;
    margin-right: 0%;
    margin-bottom: 3%;
}

               .numbersection {
    width: 45%;
    float: left;
    margin-right: 2.5%;
    margin-left: 2.5%;
        
}


                  .left {
                      display: none;
}

.right {
    float: none;
    width: 100%;
    margin-top:0px;
    
}

.pharmacy {
    display: block;
     margin-bottom: 20px;
}

.it,.arch,.arts,.nursing,.law,.eng,.bus,.medical {
                       display: block;
    margin-bottom: 20px;
                 }

   .facright {

           margin-bottom: 40px;
       margin-top: 40px;
}
}


@media only screen and (max-width : 480px) {

    .pc {
    display: none;
}

    .mob {
        display: block;
    }

  

    .text1 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        font-size: 12px;
    }

    .newsimg {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-bottom: 5%;
    }

    .tab1-t {
        font-size: 12px;
    }

    .content {
        font-size: 12px;
    }

      .h-1 {
        font-size: 14px;
    }

    .tab3 {
        padding-left: 20px;
        padding-right: 20px;
    }

  



.text-link1, .text-link2, .text-link3 {
    width: 70%;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 3%;
    font-size: 14px;
    margin-top: 20px;
}

    .tab-h1,.tab-h2,.tab-h3,.tab-h4,.tab-h5,.tab-h6
        { 
            float:left;
            width:45%;
            height:40px;
            background:#595959;
            color:White;
            text-align:center;
            font-size:16px;
            padding-top:8px;
            padding-bottom:5px;
            cursor:pointer;
            margin-right:3%;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius: 4px;
            -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
            -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
            box-shadow: 0px 3px 5px rgb(160,160,160);
            margin-bottom:2%;
        }
	
        .tab-h1:hover,.tab-h2:hover,.tab-h3:hover,.tab-h4:hover,.tab-h5:hover,.tab-h6:hover
        {   
            background:#8e1b4b;
            color:White;


        }
	
        .tab-selected
        {   float:left;
            width:45%;
            height:40px;
            background:#8e1b4b;
            color:White;
            text-align:center;
            font-size:16px;
            padding-top:8px;
            padding-bottom:5px;
            font-weight:bold;
            margin-right:3%;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius: 4px;
            -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
            -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
            box-shadow: 0px 3px 5px rgb(160,160,160);
            margin-bottom:2%;
        }


        #side-1{
		
            width:95%;
            padding-left:5%;
            padding-top:5%;
	
        } 

        #side-2{

            width:95%;
            padding-left:5%;
            padding-top:5%;
    
        }
 



        #side-3{

            width:95%;
            padding-left:5%;
            padding-top:5%;

        }
	
        .tab4
        {
            padding-top:40px;
        }	

         #section2,#side2,#side2_1,#side2_2{
	
	            float:left;
	            width:90%;
	            margin-right:5%;
	            margin-top:2%;
	            margin-left:5%;
	            padding-left:0%;
	        }
	

           .leader {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 3%;
}



   

      .facleft {
    float: left;
    width: 100%;
    margin-right: 0%;
     margin-left: 0%;
}
  

       .facright {
    float: left;
    width: 100%;
    margin-right: 0%;
     margin-left: 0%;
           
}


       .clear2 {
           clear: none;
       }

}




    @media only screen and (max-width : 360px) 
    {   
                    .spotlight {
        width:70%;
        margin: auto;
    }

                             .banners {
      
      width:70%;
        margin: auto;
}

        .tab-h1,.tab-h2,.tab-h3,.tab-h4,.tab-h5,.tab-h6
        { 
            float:left;
            width:97%;
            height:40px;
            background:#595959;
            color:White;
            text-align:center;
            font-size:16px;
            padding-top:8px;
            padding-bottom:5px;
            cursor:pointer;
            margin-right:3%;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius: 4px;
            -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
            -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
            box-shadow: 0px 3px 5px rgb(160,160,160);
            margin-bottom:2%;
        }
	
        .tab-h1:hover,.tab-h2:hover,.tab-h3:hover,.tab-h4:hover,.tab-h5:hover,.tab-h6:hover
        {   
            background:#8e1b4b;
            color:White;


        }
	
        .tab-selected
        {   float:left;
            width:97%;
            height:40px;
            background:#8e1b4b;
            color:White;
            text-align:center;
            font-size:16px;
            padding-top:8px;
            padding-bottom:5px;
            font-weight:bold;
            margin-right:3%;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius: 4px;
            -webkit-box-shadow:rgb(100,100,100) 0px 3px 5px;
            -moz-box-shadow: 0px 3px 5px rgb(160,160,160);
            box-shadow: 0px 3px 5px rgb(160,160,160);
            margin-bottom:2%;
        }
		
	
    }