/*
    Theme Name: Pranabananda vidyapith
    Version: 1.0
    Author: Pobitra Mandal
    Description: This is a wordpress theme for Pranabananda Vidapith School Farakka
*/
*{
    margin:0 auto;
}
.head{
    height:123px;
    width:100%;
    background-color:#fdbc47;
}
.head img{
    height:120px;
    width:120px;
    float:left;
    padding: 1px 2px;
}
.head h1{
    text-align: center;
    color:rgb(127 0 0);
    font-size: 47px;
}
.head h2{
     text-align: center;
    color:rgb(253, 50, 10);
    font-size: 20px;
    
}
.head h3{
    text-align: center;
    color:rgb(29 0 80);
    font-size: 20px;
}
#nev{
    
}
#nev ul{
    list-style-type: none;
    padding: 0;
    margin:0 auto;
    min-height:48px;
    width:100%;
    background:green;
    border-bottom: 5px solid #3d5307;
    border-top: 5px solid #3d5307;
    text-align: leftr;
}
#nev ul li{
    float: left;
    border-right: 1px solid #3d5307;
    border-left: 1px solid #648316;
    position:relative;
    float: left;
   
}
#nev ul li:first-child{
   
    margin-left: 25%;
    border-left:none;
     
}
#nev ul li:last-child{
   
        border-right: none;
     
}
#nev ul li a{
    text-decoration: none;
    color :white;
    background:green;
    padding:10px 20px;
    margin-top: 0px;
    display: block;
   -moz-transition:0.2s all ease;
	-webkit-transition:0.2s all ease;
	transition:1s all ease;
   

}
#nev ul li a:hover{
   
   
    background:rgb(0, 44, 0);
   

}
#nev ul li ul{
	position:absolute;
    left:-99999px;
	background:green;
    border-bottom: none;
}
#nev ul li:hover ul{
	left:0;
    margin-top: 0;
    z-index: 9999;
	
}
#nev ul li ul li:first-child{
	border-top:none;
    margin-left: 0;
}
#nev ul li ul li:last-child{
	border-bottom: 5px solid #3d5307;
   
}
#nev ul li ul li{
	float:none;
	border-right:none;
    border-left:none;
	border-bottom:1px solid #648316;
    border-top: 1px solid #3d5307;
	width:200px;
    margin-left: 0;
	position:relative;
}

#nev ul li ul li ul{
	position:absolute;
	top:-999999px;
}
#nev ul li ul li:hover ul{
	top:0px;
	left:200px;
    z-index: 9999;
    border-top: none;
}
#nev ul li ul li ul li{
	border-left:1px solid #6B710E;
}
#nev ul li ul li ul li:first-child{
	border-top:none;
}
#nev ul li ul li ul li:last-child{
	border-left:1px solid #6B710E;
}

.theme-default .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
  margin-top: -52px;
  z-index: 999;
  position: relative;
}
.fa, .far, .fas {
  font-family: "Font Awesome 5 Free";
  color: #1dea0c;
}

    /* Mobile styles go here (default) */


    
@media screen and (min-width: 402px) and (max-width: 480px) {
     .head{
    height:100px;
    width:100%;
    background-color:#fdbc47;
}
.head img{
     
     display:none;
    
}
.head h1{
    text-align: center;
    color:rgb(127 0 0);
    font-size: 18px;
    margin-bottom: 2px;
}
.head h2{
             text-align: center;
        color: rgb(253, 50, 10);
        font-size: 15px;
        background: #dcefc2;
        border-radius: 10px;
        margin-left: 35px;
        margin-right: 35px;
        border: 1px solid green;
    
}
.head h3{
    text-align: center;
    color:rgb(29 0 80);
    font-size: 15px;
}
#nev ul{

    min-height:50px;
   
}
#nev ul li{
  
  border-right: 1px solid #3d5307;
  border-left: 1px solid #648316;
  position: relative;
  font-size: 14px;
  padding: 1px;   
}
#nev ul li:first-child{
   
    margin-left: 0%;
    border-left:none;
     
}
#nev ul li a{
   
    padding:10px 26px;
    font-size: 15px;
   

}
.wlsm-navigation-header {
  padding: 1em;
  margin-bottom: -4em;
  background-color: #19ac0d;
  color: var(--color-white);
  text-align: center;
  border-radius: 4px;
}
.wlsm-logged-in-info {
  text-align: right;
  margin-bottom: -0.5em;
  background: #bbffb1;
}
.wlsm-container .wlsm-content-area {
  box-sizing: border-box;
  min-height: 600px;
  width: 100%;
  padding: 1.35em;
  border: 1px solid #ddd;
  color: #111;
  background: #bbffb1;
  height: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wlsm-profile-header {
  padding: 1.5rem;
  background: #77d095c4;
  border-radius: 9px 9px 0 0;
  text-align: center;
}
.wlsm-st-details-list-key {
  font-weight: 600;
  color: #ee0505;
}
.wlsm-st-details-list-value {
  color: #093bfe;
}
.table-bordered .wlsm-student-pending-invoices-table .wlsm-w-100{
    border:#111 solid;
}
    }
    
@media screen and (min-width: 382px) and (max-width: 401px) {
      .head{
    height:100px;
    width:100%;
    background-color:#fdbc47;
}
.head img{
     
     display:none;
    
}
.head h1{
    text-align: center;
    color:rgb(127 0 0);
    font-size: 17px;
    margin-bottom: 2px;
}
.head h2{
             text-align: center;
        color: rgb(253, 50, 10);
        font-size: 14px;
        background: #dcefc2;
        border-radius: 10px;
        margin-left: 35px;
        margin-right: 35px;
        border: 1px solid green;
    
}
.head h3{
    text-align: center;
    color:rgb(29 0 80);
    font-size: 15px;
}
#nev ul{

    min-height:50px;
   
}
#nev ul li{
  
  border-right: 1px solid #3d5307;
  border-left: 1px solid #648316;
  position: relative;
  font-size: 14px;
  padding: 1px;   
}
#nev ul li:first-child{
   
    margin-left: 0%;
    border-left:none;
     
}
#nev ul li a{
   
    padding:10px 27px;
    font-size: 14px;
   

}
.wlsm-navigation-header {
  padding: 1em;
  margin-bottom: -4em;
  background-color: #19ac0d;
  color: var(--color-white);
  text-align: center;
  border-radius: 4px;
}
.wlsm-logged-in-info {
  text-align: right;
  margin-bottom: -0.5em;
  background: #bbffb1;
}
.wlsm-container .wlsm-content-area {
  box-sizing: border-box;
  min-height: 600px;
  width: 100%;
  padding: 1.35em;
  border: 1px solid #ddd;
  color: #111;
  background: #bbffb1;
  height: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wlsm-profile-header {
  padding: 1.5rem;
  background: #77d095c4;
  border-radius: 9px 9px 0 0;
  text-align: center;
}
.wlsm-st-details-list-key {
  font-weight: 600;
  color: #ee0505;
}
.wlsm-st-details-list-value {
  color: #093bfe;
}
.table-bordered .wlsm-student-pending-invoices-table .wlsm-w-100{
    border:#111 solid;
}

}
@media screen and (min-width: 320px) and (max-width: 381px) {
      .head{
    height:100px;
    width:100%;
    background-color:#fdbc47;
}
.head img{
     
     display:none;
    
}
.head h1{
    text-align: center;
    color:rgb(127 0 0);
    font-size: 15px;
    margin-bottom: 2px;
}
.head h2{
             text-align: center;
        color: rgb(253, 50, 10);
        font-size: 14px;
        background: #dcefc2;
        border-radius: 10px;
        margin-left: 35px;
        margin-right: 35px;
        border: 1px solid green;
    
}
.head h3{
    text-align: center;
    color:rgb(29 0 80);
    font-size: 15px;
}
#nev ul{

    min-height:50px;
   
}
#nev ul li{
  
  border-right: 1px solid #3d5307;
  border-left: 1px solid #648316;
  position: relative;
  font-size: 14px;
  padding: 1px;   
}
#nev ul li:first-child{
   
    margin-left: 0%;
    border-left:none;
     
}
#nev ul li a{
   
    padding:10px 23px;
    font-size: 14px;
   

}
.wlsm-navigation-header {
  padding: 1em;
  margin-bottom: -4em;
  background-color: #19ac0d;
  color: var(--color-white);
  text-align: center;
  border-radius: 4px;
}
.wlsm-logged-in-info {
  text-align: right;
  margin-bottom: -0.5em;
  background: #bbffb1;
}
.wlsm-container .wlsm-content-area {
  box-sizing: border-box;
  min-height: 600px;
  width: 100%;
  padding: 1.35em;
  border: 1px solid #ddd;
  color: #111;
  background: #bbffb1;
  height: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wlsm-profile-header {
  padding: 1.5rem;
  background: #77d095c4;
  border-radius: 9px 9px 0 0;
  text-align: center;
}
.wlsm-st-details-list-key {
  font-weight: 600;
  color: #ee0505;
}
.wlsm-st-details-list-value {
  color: #093bfe;
}
.table-bordered .wlsm-student-pending-invoices-table .wlsm-w-100{
    border:#111 solid;
}

}