body{
	margin: 0 auto;
	padding: 0px;
}

.instructorlist{
	width: 100%;
	padding-top: 40px;
	justify-content:flex-start;
}
.instructorlist .instructorpic{
 width: calc(100%/4 - 70px);

	    padding: 15px 22px;
		margin-right: 70px;
		margin-bottom: 30px;
}
.instructorlist .instructorpic img{
	height: 345px;
   }
.instructorlist .instructorpic:nth-child(4n){
	margin-right: 0;
}
.instructorlist .instructorpic .instructortext{
	text-align: center;
}
.instructorlist .instructorpic .instructortext .instructormore{
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0px;
}
.instructorlist .instructorpic .instructortext p{
	font-size: 16px;
	padding-bottom:15px ;
}
.instructorlist .instructorpic:hover,.instructorlist .instructorpic .instructortext:hover{
 background: #b69759;
 color: #ffffff;
	   
}
.tabbodyitem{
	display: none;
	cursor: pointer;
}
@media all and (max-width: 1366px) {
	.instructorlist .instructorpic img{
	height: 290px;
	   }
}
@media all and (max-width: 1024px) {
	.instructorlist .instructorpic img{
	height:225px;
	   }
	.instructorlist{
		width: 100%;
		padding-top: 40px;
		
	}
	.instructorlist .instructorpic{
	 width: calc(100%/4 - 60px);
		    padding: 18px;
	}
	.instructorlist .instructorpic .instructorimg img{
	 width: 272px;
	 height: 366px;
	}
	
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
	.instructorlist{
			width: 100%;
			padding-top: 40px;
		}
		.instructorlist .instructorpic{
		 width: calc(100%/4 - 30px);
		 padding: 25px;
		 margin-bottom: 50px;
		 margin-right: 40px;
		}
	.instructorlist .instructorpic .instructorimg img{
		 width: 100%;
		 height: 225px;
		}
}
@media all and (min-width: 769px) and (max-width: 991px) {
	.instructorlist{
		flex-wrap: wrap;
	}
		.instructorlist .instructorpic{
		 width: calc(100%/2 - 25px);
		 padding: 20px;
		 margin-bottom: 50px;
		 margin-right: 20px;
		}
	.instructorlist .instructorpic .instructorimg img{
		 width: 100%;
		 height: 366px;
		}
		.instructorlist .instructorpic:nth-child(2n){
			margin-right: 0;
				}
} 
@media all and (max-width: 768px){
	
	.instructorlist{
		width: 100%;
		padding-top: 40px;
		flex-wrap: wrap;
	}
	.instructorlist .instructorpic{
	 width: calc(100%/2 - 60px);
	 padding: 20px;
	 margin:0 30px 50px;
	}
	.instructorpic .instructorimg img{
		height: 366px;
		   }

}
@media all and (max-width: 480px){
	.instructorlist{
		width: 100%;
		padding-top: 40px;
		flex-wrap: wrap;
	}
	.instructorlist .instructorpic{
	 width: 100%;
	 padding: 20px;
	 margin-bottom: 50px;
	 margin:0 20px 20px;
	}
	.instructorlist .instructorpic:nth-child(4n){
		margin:0 40px 20px;
	}
.instructorlist .instructorpic .instructorimg img{
	 width: 100%;
	 height: 360px;
	}

}