@media screen and (max-width: 930px) {
	#menu-bar{
		    display: block;
		    padding: 5px 15px;//35-40
		    font-size: 30px;
		    color: #d6b539;
	}
	#menu-close {    
		    display: block;
		    font-size: 50px;
		    margin: 25px 40px;
		    color: #4f8931;
		    text-align: right;
    }
	.nav{
		display: none;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		text-align: center;
	}
	.nav ul li {
		width: 100%;
		display: inline-block;
		padding: 30px 40px 0px 40px;
	}
	.nav ul li a{color:#4f8931;}
	
	.social {display: none;}
}

@media screen and (max-width: 768px) {
	.sidebarblk,.sidebar {
	    width: 40.333%;
	
	}
	.student-details{
	     width: 100%;
	}
	.student-profile img, .student-details {
     padding: 10px;
}

	.gallery-columns-3 > .gallery-item{width:50%;}
	.gallery-columns-2 > .gallery-item:nth-of-type(2n + 1), .gallery-columns-3 > .gallery-item:nth-of-type(3n + 1), .gallery-columns-4 > .gallery-item:nth-of-type(4n + 1), .gallery-columns-5 > .gallery-item:nth-of-type(5n + 1) {
    margin-left: 0;
    width: 100%;
}
	
}
@media screen and (max-width: 700px) {
	.sidebar,.sidebarblk {
	    width: 90%;
	    margin: 0 20px;
	}
	.student-details,.main-contentblk{
	     width: 100%;
	}
		.student-profile img, .student-details {
     padding: 10px;
}
.awards-wining {
	    width: 90%;
	    margin: 10px 20px;
	}
	
	
	.gallery-columns-3 > .gallery-item{width:50%;}
	
}

@media screen and (max-width: 600px) {
  .popup h2{
      margin-bottom:-50px !important;
      font-size:14px;
    }
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    //margin-bottom: .425em;
    margin: 0px 0px;
  }
  table td {
    border-bottom: 1px solid #ddd;
   //display: block;
    font-size: .7em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}


@media screen and (max-width: 568px) {
	.content {
	    width: 90%;
	    padding: 40px 0 0 0;
	    
	}
	.sidebar,.student-details,.sidebarblk{
	     width: 100%;
	}
	
	.student-profile img, .student-details {
     padding: 10px;
}
	
	.gallery-columns-3 > .gallery-item{width: 100%;}
	
}



@media screen and (max-width: 480px) {
.sidebarblk {
    width: 90%;
    margin: 0 5px;
     padding: 10px;
}
}
@media screen and (max-width: 980px) {

			#contact > .inner {
				display: block;
			}

				#contact > .inner > :nth-child(2n - 1) {
					padding: 4em 0 2em 0 ;
					border-right: 0;
					width: 100%;
				}

				#contact > .inner > :nth-child(2n) {
					padding-left: 0;
					width: 100%;
				}

				#contact > .inner > .split > * {
					padding: 3em 0 1em 0 ;
				}

				#contact > .inner > .split > :first-child:before {
					display: block;
				}

		}

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

			#contact > .inner > :nth-child(2n - 1) {
				padding: 3em 0 1em 0 ;
			}

		}