*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
html, body{
    height: 100%;
    width: 100%;
}
.main{
    min-height: 35vh;/*height: 100%;*/
    width: 100%;
    position: relative;
}
.nav{
    height: 40%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 2vw;
    justify-content: space-between;
      
}
.nav img{  
  
    width: 20%;
}

#checkbtn{
    float: right;
   margin-right: 20px;
   font-size: 30px;
   color: rgb(19, 65, 249);
   display: none;
}
#check{
    display: block;
}



.text-box{
    text-align: center;
    width:80%;
    top: 50%;
    left: 55%;
    color: rgb(19, 65, 249);
}
.text-box h1{
    font-size: 3vw;
}
.text-box h2{
    font-size: 1.5vw;
    color: rgb(236, 109, 12);
}
.text-box h3{
    font-size: 1.5vw;
    color: rgb(4, 1, 22);   
}
.text-box h4{
    font-size: 1.3vw;
    color: rgb(242, 11, 146);  
}
.text-box p{
    font-size: 1vw;
    color: rgb(17, 1, 16);
}
  /*---new menu design-15_7_2023--*/
  .new_menu-bar
  {
    /* width: 100%;*/
    /* margin: 0%,auto;
     height: 2vw;*/
      background: rgb(19, 145, 249);
      margin-top: 0.3cm;
      z-index: 1;
    position: relative;
  /* new addition 7 1 2025*/
  display: flex;               /* Makes the menu a flex container */
  justify-content: space-between; /* Distributes items with equal space between */
  align-items: center;         /* Aligns items vertically in the middle (optional) */
  width: 100%;                 /* Makes the menu span the full width of the screen */
  padding: 0;                  /* Removes default padding */
  margin: 0;                   /* Removes default margin */
  list-style: none;            /* Removes bullet points from li */
  background-color:  rgb(242, 11, 146);       /* Optional: Adds background color for visibility */
    
  }
  .new_menu-bar ul{
      list-style-type: none;
   /*   border-radius: 5px;
      border-bottom: 1px dotted #fff;*/
      
  }
  .new_menu-bar ul li{
    
      display: inline-block;
    padding: 10px;
    color: white;                /* Sets text color for items */
  padding: 7px 25px;          /* Adds padding for better clickability */
  text-align: left;    
   
    /*   float: left;
     width: 9.8vw;
      font-size:1vw; 
      line-height: 2vw;
      text-align: center;
      border-left: 1px solid #fff;
      position: relative;
      border-radius: 5px;
      border-bottom: 1px dotted #fff;*/
      
  }
 

  .new_menu-bar ul li a{
      text-decoration: none;
      color: #fff;
     display: block;    
   /*   border-radius: 5px;
      border-bottom: 1px dotted #fff;*/
  }
  .new_menu-bar ul li a:hover{
      background-color: rgb(199, 188, 236);
    /*  border-radius: 5px;
      border-bottom: 1px dotted #fff;*/
      cursor: pointer;   
  }

  .dropdwn1{
    display: none;
    background: rgb(19, 145, 249);
}
ul li:hover .dropdwn1{
    display: block;
    position: absolute;
    margin-left:-0.3cm ;
   margin-top: 0.1cm;
}
.dropdwn1 ul{
    margin:0;
    padding:0;
}
.dropdwn1 ul li{
    display: block;
}
.dropdwn2{
    display: none;
    background: rgb(19, 145, 249);
   
}
.dropdwn1 ul li:hover .dropdwn2{
    display: block;
    position: absolute;
 /* margin-left: 5.2cm;*/
 left: 100%;
    margin-top: -0.75cm;
    text-wrap: nowrap;
}

 /* .new_menu-bar ul ul{
      position: absolute;
      background-color: rgb(19, 145, 249);
      display: none;
     
  }
  .new_menu-bar ul ul ul{
      left: 100%;
      top: 0px;
  }
      */

/*
.new_menu-bar2 ul li{
    display: block;
}
.new_menu-bar2 ul{
    padding: 0;
    margin: 0;
}
 .new_menu-bar2{
    display: block;
    position: absolute;
    margin-left: 0.4cm;
    margin-top: 0.4cm; 
}*/
/*
  .new_menu-bar ul li:hover > ul
  {
      display: block;
      position: absolute;
       }
      */
   /*  text-wrap: nowrap;
     width:150%;*/
     
     
 


  /*parent for rot image and about college*/
  .parrotimgabc{
   
    width:100%;
    height: 50vh;
   /* background-color: lightblue;*/
    display: flex;
   
    justify-content: space-evenly;
   

  }
/*rotating image*/
.rot_img{
    display: flex;
    margin: auto;
    height: 50vh;
 /*   margin-top: 2vh;*/
 /*   margin-left: 1vh;*/

 /*   min-height: 90vh;*/
    width: 100%;
  /*  float:left;*/
	background: #fff; 
    position: relative;
    z-index: -1;
    overflow: hidden;
    align-items: center;
    justify-content: space-evenly;
   
}
.rot_img img{
   /*  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;*/
   /*width: 1000px;
   height: 600px;*/
   width: 100%;
   height: auto;
  /*  max-width: 100%;
    max-height: 100%;*/
   /* object-fit: contain;*/
  /*  height: 50%;*/
 /*   border: 5px solid #555;
    border-radius: 20px;*/
    object-fit: scale-down;
}
/* about college*/
.abclg{
    margin-top: 10vh;
    margin-left: 1vh;
  /*  min-height: 80vh;*/
    width: 25%;  
  /* float:left;*/
	background: #DDF; 
    position: relative;
 /*   z-index: -1;*/
    border: 5px solid #555;
    border-radius: 20px;
  
}

.abclg h4{
    font-size: 1.3vw;
    color: rgb(242, 11, 146);  
    text-align: center;
    padding: 1vh;
}

.abclg p{
    font-size: 1vw;
    color: rgb(17, 1, 16);
    text-align: justify;
    padding: 1vh;
}
/* news notices and achivements*/
.row{
   margin-top: 1%;
    display: flex;
    justify-content: space-between;
    min-height: 50vh;
}
/*--home page-*/
.course-col-h{
    flex-basis: 50%;/*25%;*/
   /*--- background: #fff3f3;---*/   
    background:  #555;/*#a8139b;*/
    border-radius:5px; /*10px;*/
    margin-bottom: 5%;
    padding:10px 5px; /*20px 10px;*/
    box-sizing: border-box;
    transition: 0.5s;
    height: 50vh;
}
/*read more button*/
.hero-btn{
    display: inline-block;
    text-decoration: none;
    color: rgb(10, 9, 9);
    border: 1px solid #b01717;
    padding: 12px 34px;
    font-size: 13px;
    background:  #fff;
    position: relative;
    cursor: pointer;
    margin-top: 3vh;
    margin-left: 14vh; 
   
}
.hero-btn:hover{
    background-color:  #b01717;
    color: #fff;
}

.hero-btn-abclg{
    display: inline-block;
    text-decoration: none;
    color: rgb(10, 9, 9);
    border: 1px solid #b01717;
    padding: 12px 34px;
    font-size: 13px;
    background:  #fff;
    position: relative;
    cursor: pointer;
    margin-top: 0.5vh;
    margin-left: 14vh;
   
    
   
}
.hero-btn-abclg:hover{
    background-color:  #b01717;
    color: #fff;
}
/*psp messages
.psp{
    margin-top: 10vh;
    margin-left: 1vh;
    width:30%;
    height: 40vh;
  background-color: lightblue;
    display: flex;
   align-items: center;
    justify-content: space-evenly;
    
  
  }
  /*figure
  .figdiv{
   
    width: 40%;
    text-align: center;
    
  }
  .figdiv img{
   
    width: 60%;
   
  
    
 }
  .descdiv{
    width: 60%;
  }
  /*read more button
.hero-btn-messages{
    display: inline-block;
    text-decoration: none;
    color: rgb(10, 9, 9);
    border: 1px solid #b01717;
    padding: 12px 34px;
    font-size: 13px;
    background:  #fff;
    position: relative;
    cursor: pointer;
    margin-top: 3vh;
    margin-left: 14vh;    
   
}
.descdiv p{
    font-size: 1vw;
    color: rgb(17, 1, 16);
    text-align: justify;
    padding: 1vh;
}*/
.allmsgs{
    width:100%;
    height: 50vh;
    background-color: lightblue;
    display: flex;   
    justify-content: space-evenly; 
    margin: 10px 10px 10px 10px;
}
.allmsgs img{
    /*  display: block;
     margin-left: auto;
     margin-right: auto;
     width: 100%;*/
    /*width: 1000px;
    height: 600px;*/
    max-height: 17vw;
    min-height: 17vw;
    max-width:17vw;
    min-width: 17vw;
    margin-right: 16px;
    margin-left: 16px;
    width: 100%;
    height: auto;
   /*  max-width: 100%;
     max-height: 100%;*/
    /* object-fit: contain;*/
   /*  height: 50%;*/
    border: 5px solid #555;
     border-radius: 20px;
     object-fit: cover;
 }
 .allmsgs p{
    font-size: 1vw;
    color: rgb(17, 1, 16);
   
    text-align: start;
    
    padding: 1vh;
}

#link { color: #fff } /* CSS link color (red) */
#link:hover { color: #00FF00; } /* CSS link hover (green) */

.footer1
{
 width: 100%;
 height: 40vh;
 /* margin-left: 2.5%; */
 background-color: whitesmoke;   
 margin-top: 5%;
 display: flex;
 }
 .footer1 .quicklinks1
 {
    width: 20%;
    height: 80%;
    margin-left: 3.5%;
    margin-top: 1.5%;
    color: black;
 }
 .quicklinks1 ul
 {
    list-style: none;
    margin-left: -12%;
    font-size: 10px;  
    font-weight: bold;  
 }
 .quicklinks1 ul li
 {
    margin-top: 5%; 
    letter-spacing: 3px;
  /*  transition: 1sec ease;*/
    cursor: pointer;
    

 }
 .quicklinks1 h2
 {
    font-size: 15px;
 }
 .borderline1
 {
   width: 40%;
   height: 0.5vh;
   background-color: orange; 
   margin-top: 1%;
 }
 .quicklinks1 ul li a
 {
    color: black; 
    text-decoration: none;
 }
 iframe
 {
    width: 100%;
    height: 80%;
 }

 /* president message page*/
 .topimgtag{
    width:100%;
    height: 20vh;
    background-image: url("images/IMG_0581.JPG");
 background-color: #cccccc;
 text-align: center;
 padding-top: 50px; 

 }

 .topimgtag h4{
    font-size: 1.3vw;
    color: rgb(242, 11, 146);  
}

.tabmsgprin {
    width:100%;
    height:90vh;
   /* background-color: lightblue;*/
    display: flex;   
    justify-content: space-evenly; 
    margin: 10px 10px 10px 10px;
}
.tablemenu1{
    width:25%;
    height: 40vh;
    background-color: chocolate;
    position: relative;
   float: left;
       border: 5px solid #555;
       border-radius: 20px;  
       text-align: center;  
       box-sizing: border-box;
    padding: 20px;
    
}
.tablemenu2{
    width:25%;
    height: 100vh;
    background-color: chocolate;
    position: relative;
   float: left;
       border: 5px solid #555;
       border-radius: 20px;  
       text-align: center;  
       box-sizing: border-box;
    padding: 20px;
    
}

.tablemenu22{
    width:25%;
    height: 120vh;
    background-color: chocolate;
    position: relative;
   float: left;
       border: 5px solid #555;
       border-radius: 20px;  
       text-align: center;  
       box-sizing: border-box;
    padding: 20px;
    
}


.prinmsg{
    width: 70%;
    height: 90vh;
    background-color: burlywood;
    display: inline;
    border: 5px solid #555;
       border-radius: 20px;
}

.prinmsg h4{
    text-align: center;
    padding: 10 10 10 10;
}
.prinmsg p{
    font-size: 1vw;
    color: rgb(17, 1, 16);
   
    text-align: start;
    
    padding: 1vh;
}
.prinmsg img{
    /*  display: block;
     margin-left: auto;
     margin-right: auto;
     width: 100%;*/
    /*width: 1000px;
    height: 600px;*/
    max-height: 17vw;
    min-height: 17vw;
    max-width:17vw;
    min-width: 17vw;
    margin-right: 16px;
    margin-left: 16px;
    width: 100%;
    height: auto;
   /*  max-width: 100%;
     max-height: 100%;*/
    /* object-fit: contain;*/
   /*  height: 50%;*/
    border: 5px solid #555;
     border-radius: 20px;
     object-fit: cover;
 }
 /*principle message page*/
 .tabmsgprin2 {
    width:100%;
    height:150vh;
   /* background-color: lightblue;*/
    display: flex;   
    justify-content: space-evenly; 
    margin: 10px 10px 10px 10px;
}
/*
.tablemenu1{
    width:25%;
    height: 40vh;
    background-color: chocolate;
    position: relative;
   float: left;
       border: 5px solid #555;
       border-radius: 20px;  
       text-align: center;  
       box-sizing: border-box;
    padding: 20px;
    
}

*/
.prinmsg2{
    width: 70%;
    height: 150vh;
    background-color: burlywood;
    display: inline;
    border: 5px solid #555;
       border-radius: 20px;
}

.prinmsg2 h4{
    text-align: center;
    padding: 10 10 10 10;
}
.prinmsg2 p{
    font-size: 1vw;
    color: rgb(17, 1, 16);
   
    text-align: start;
    
    padding: 1vh;
}
.prinmsg2 img{
    /*  display: block;
     margin-left: auto;
     margin-right: auto;
     width: 100%;*/
    /*width: 1000px;
    height: 600px;*/
    max-height: 17vw;
    min-height: 17vw;
    max-width:17vw;
    min-width: 17vw;
    margin-right: 16px;
    margin-left: 16px;
    width: 100%;
    height: auto;
   /*  max-width: 100%;
     max-height: 100%;*/
    /* object-fit: contain;*/
   /*  height: 50%;*/
    border: 5px solid #555;
     border-radius: 20px;
     object-fit: cover;
 }

 .icon{
    align-items: left;
    font-size: 30px;
    margin-right: 12px;
  display: none;
  }

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

    .main{
        min-height: 35vh;/*height: 100%;*/
        width: 100%;
        position: relative;
       
    }
    .nav{
        height: 40%;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 2vw;
       justify-content: center;
       flex-direction: column;
          
    }
    .nav img{  
      
        width: 12%;
    }

   

    .text-box{
        text-align: center;
        width:80%;
        top: 10%;
        left: 55%;
        color: rgb(19, 65, 249);
    }
    .text-box h1{
        font-size: 3.3vw;
    }
    .text-box h2{
        font-size: 2.0vw;
        color: rgb(236, 109, 12);
    }
    .text-box h3{
        font-size: 1.7vw;
        color: rgb(4, 1, 22);   
    }
    .text-box h4{
        font-size: 1.8vw;
        color: rgb(242, 11, 146);  
    }
    .text-box p{
        font-size: 1.3vw;
        color: rgb(17, 1, 16);
    }

/*.new_menu-bar ul li{
     display: block; 
          }*/
       /*   .new_menu-bar ul {  
           display: none; 
          }*/

    .icon{
        display: flex;
        cursor: pointer;
      }

      .showdata{
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: left;
       /*  position: absolute;
       top: 60px;
        background-color: gray;
        width: 100%;
        height: 580px;*/
        text-align: center;
        padding: 0px;
        gap: 11px;
       
      }
      
/* menu bar settings*/
/*
.new_menu-bar
  {
     width: 100%;
     margin: 0%,auto;
     height: 30vh;/*2vw;*//*30px;*/
  /*    background: none;/* rgb(19, 145, 249);*/
   /*    top: 35%;
      
     
  }
  .new_menu-bar ul{
    list-style-type: none;
    border-radius: none;
    border-bottom: none;
   
}

  .new_menu-bar ul li{
    float: none;
    width:9.8vw;/*122px;*/
 /*   font-size:1vw; /*12px;*/
  /*  line-height: 2vw;/*30px;*/
  /*  text-align: center;    
    border-left: none;
    position: relative;
    border-radius: none;
    border-bottom: none;
   
  /*  margin-left: 50px;*/
/*}
#check:checked ~ .new_menu-bar ul li{
    margin-left: 100px;
}

.new_menu-bar ul li a{
    text-decoration: none;
    color: #000;
    display: block;
    border-radius: none;
    border-bottom: none;
}

    
    #checkbtn{
        display: block;
        margin-left: 110vh;
    }

*/

   /*parent for rot image and about college*/
  .parrotimgabc{
    width:100%;
    height: 110vh;
   /* background-color: lightblue;*/
    display: flex;
   flex-direction: column;
   justify-content: center;
    }

    /*read more button*/
.hero-btn{
    display: inline-block;
    text-decoration: none;
    color: rgb(10, 9, 9);
    border: 1px solid #b01717;
    padding: 10px 20px;
    font-size: 13px;
    background:  #fff;
    position: relative;
    cursor: pointer;
    margin-top: 0.2vh;
    margin-left: 30vh; 
   
}

.hero-btn-abclg{
    display: inline-block;
    text-decoration: none;
    color: rgb(10, 9, 9);
    border: 1px solid #b01717;
    padding: 10px 20px;
    font-size: 13px;
    background:  #fff;
    position: relative;
    cursor: pointer;
    margin-top: 0.2vh;
    margin-left: 30vh; 
   
}
/* about college*/
.abclg{
    margin-top: 2vh;
    margin-left: 2vh;
   max-height: 25vh;
    width: 90%;  
  /* float:left;*/
	background: #DDF; 
    position: relative;
 /*   z-index: -1;*/
    border: 5px solid #555;
    border-radius: 20px;
  
}

.abclg h4{
    font-size: 3vw;
    color: rgb(242, 11, 146);  
    text-align: center;
    padding: 1vh;
}

.abclg p{
    font-size: 2vw;
    color: rgb(17, 1, 16);
    text-align: justify;
    padding: 1vh;
}
/*all messages*/
.allmsgs{
    width:100%;
    height: 100vh;
    background-color: lightblue;
    display: flex;   
    justify-content: center; 
    flex-direction: column;
  /*  margin: 10px 10px 10px 10px;*/
    align-items: center;
}
.allmsgs img{
    /*  display: block;
     margin-left: auto;
     margin-right: auto;
   width: 100%;*/
    /*width: 1000px;
    height: 600px;*/
    max-height: 17vw;
    min-height: 17vw;
    max-width:17vw;
    min-width: 17vw;
    margin-right: 16px;
    margin-left: 16px;
    width: 100%;
    height: auto;
   /*  max-width: 100%;
     max-height: 100%;*/
    /* object-fit: contain;*/
   /*  height: 50%;*/
    border: 5px solid #555;
     border-radius: 20px;
     object-fit: cover;
 }
 .allmsgs p{
    font-size: 2vw;
    color: rgb(17, 1, 16);
   
    text-align: start;
    
    padding: 1vh;
}

.footer1
{
 width: 100%;
 height: 130vh;
 /* margin-left: 2.5%; */
 background-color: whitesmoke;   
 margin-top: 5%;
 display: flex;
 justify-content: center; 
 flex-direction: column;
 align-items: center;
 }
 
/* menu bar design for media screen*/




    
        
    }