/*------- TEAM PAGE -------*/
.team-title {
	color: var(--black);
	text-align: center;
}
.team-image {
    border-radius: 0!important;
    width: 200px;
	height: 200px;
	cursor: pointer;
	filter: grayscale(100%);
	transition: all .5s;
	border: solid 2px var(--black);
}
.team-image:hover {
	filter: grayscale(0%);
}
.modal-content {
	border-radius: 0!important;
}
.modal-header .btn-close {
	margin: 0;
	position: absolute;
    right: 1%;
	top: 2%;
}
.modal-header {
	flex-direction: column;
}
.modal-title {
	text-align: center;
}
.modal-body .team-image {
	display: flex;
	margin: 0 auto;
	filter: grayscale(0%);
	cursor: default;
}
.modal-body .social a {
	display: inline-flex;
    color: var(--white);
    background: var(--black);
    padding: 12px;
    font-size: 1.6em;
    width: 50px;
    height: 50px;
    margin: 0.2em;
    text-decoration: none;
	transition: all .5s;
}
.modal-body .social a:hover {
    background: var(--grey);
}
.modal-body .social a i {
	transition: all .5s;
}
.modal-body .social a:hover i {
	color: var(--black)!important;
}
.team-info {
	text-align: center;
}
/*------- END OF TEAM PAGE --------*/
/*----SCREEN WIDTH 1200 to 1536px----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px) {
		/*----Brand Page----*/

}
/*----SCREEN WIDTH 1200 to 1536px and SMALL VH----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px)
	and (min-height: 0px)
	and (max-height: 820px) {

}
/*----SCREEN WIDTH 0 to 991px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 991px) {
		.modal-header .btn-close {
        	filter: none!important;
		}
}
/*----SCREEN WIDTH 900 to 1200px----*/
@media only screen 
	and (min-width: 901px)
	and (max-width: 1200px) {

}
/*----SCREEN WIDTH 900 to 1200px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 901px)
	and (max-width: 1200px) {

}
/*----SCREEN WIDTH 600 to 900px----*/
@media only screen 
	and (min-width: 601px)
	and (max-width: 900px) {

}
/*----SCREEN WIDTH 600 to 900px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 601px)
	and (max-width: 900px) {

}
/*----SCREEN WIDTH 0 to 600px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 600px) {

}