/*!
Theme Name: spacious
Version: 1.3
*/

.team-table-container {
	    --columns: 5;
            width: fit-content;
            overflow-x: auto;
        }

.team_name{
	width: max-content;
	align-self: center;
}
.team-table-container.team-table-container1 {
    --columns: 6 !important;
}
        .team-table{
        gap: 20px;
}
        .team_info{
        display: flex;
        flex-direction: column;
        width: fit-content;
        font-size: 1.08rem;
	line-height: 23px;
}
        .designation{
        font-weight: bold;
        width: max-content;
        align-self: center;     
}
        .mailid a{
        color: gray !important;
        font-style: italic !important;
}
.oxi-image-btn{
        font-size: 11px !important;
}
.oxi-image-hover-style.oxi-bt-col-lg-12.oxi-bt-col-md-12.oxi-bt-col-sm-12 {
    padding: 0 0 17px 0 !important;
}

       .team-table {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 4px;
            width: fit-content;
            font-size:15px;
            color: black;
            width: fit-content;
        }

        .team-member {
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        .team-member .team_image{
	     width: max-content;
            padding: 0 0px 17px 0px !important;        
}
        .team-member .team_image img {
            width: 170px;
            height: auto;
            margin-bottom: 0px;
        }
	
.team-table-container2 .team-table .team-member .team_info{
	font-size: 0.88rem;
}
.team-table-container2 .team-table .team-member .team_image{
	width: 135px;
}
.team-table-container2{
	width: min-content;
	--columns: 7 !important;
}
.team-table-container2 .team-table{
	gap: 4px !important;
}

@media screen and (min-width: 1950px){
	.team-table-container{
	--columns: 6 !important;
}
.team-table-container2{
	--columns: 7 !important;
}
.team-table-container.team-table-container1 {
    --columns: 7 !important;
}

}
@media screen and (max-width: 1670px){
.team-table{
        gap: 16px;
}
.team-table-container2{
        --columns: 6 !important;
}
}
@media screen and (max-width: 1500px){
.team-table{
        gap: 16px;
}
.team_info{
        font-size:1.03rem;
}

}

@media screen and (max-width: 1385px){
        .team-table{
        gap: 11px;
}

.team_info{
        font-size: 0.95rem;
}
.team-table-container2{
	--columns: 5 !important;
}
}
        @media screen and (max-width: 1300px){

                .team-table{
                gap: 3px;
}
                .team_info{
                font-size: 0.94rem;
}

}


        @media screen and (max-width: 1200px){
        .team_info{     
        font-size: 0.87rem;
}
        .oxi-image-hover-style-caption {
        width: 150px !important;
}
        .team-member .team_image img{
                width:150px;
}       
}

@media screen and (max-width: 1140px){
	.team_info{
	font-size: 0.82rem;
}
}

        @media screen and (max-width: 1100px) {
        .oxi-image-hover-style-caption {
        width: 140px !important;
}
.oxi-image-hover-wrapper-16 .oxi-addons-row .oxi-image-hover-style-caption
 {
    max-width: 115px!important;
}
        .team-member .team_image img{
                width:140px;
}   
        .team_info{
        font-size: 0.78rem;

}

.oxi-image-btn{
        font-size: 10px !important;
}
.team-table-container2 .team-table .team_image{
        width: 115px !important;
}
.team-table-container2 .team-table .team_info{
        font-size: 0.7rem !important;
}

}

@media screen and (max-width: 1040px){
	.team_info{
	font-size: 0.73rem;
}
}

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

.team-table-container {
	--columns: 4;
}
.team-table-container.team-table-container1 {
    --columns: 5 !important;
}
.team-table{
        grid-template-columns: repeat(4, 1fr);
}

.team_info{
        font-size: 0.9rem;
}


}

@media screen and (max-width: 940px){
	.team_info{
	font-size: 0.8rem 
}
.team-table-container2 .team-table .team_info {
        font-size: 0.57rem !important;
    }

       .team-table-container2 .team-table .team_image {
        width: 100px !important;
    }
    .oxi-image-hover-wrapper-16 .oxi-addons-row .oxi-image-hover-style-caption
 {
    max-width: 100px!important;
}
}

@media screen and (max-width: 840px){
	.team-table-container.team-table-container1 {
    --columns: 4 !important;
}
.team-table-container2{
        --columns: 4 !important;
}
}

@media screen and (max-width: 825px){
        .team_info{
        font-size: 0.71rem;
}
}

@media screen and (max-width: 806px){
.team_info{
font-size: 0.71rem;
line-height: 18px;
}

.oxi-image-hover-style-caption {
        width: 123px !important;
    }
.team-member .team_image img{
        width: 123px;
}
.oxi-image-hover-style.oxi-bt-col-lg-12.oxi-bt-col-md-12.oxi-bt-col-sm-12 {
    padding: 0 0 16px 0 !important;
}
.team-member .team_image {
    padding: 0 0px 16px 0px;
}

.oxi-image-btn{
	font-size: 8px !important;
}
}


@media screen and (max-width: 735px){
.team_info{
font-size: 0.61rem;
line-height: 15px
}
.oxi-image-hover-style-caption {
        width: 110px !important;
    }
.team-member .team_image img{
        width: 110px;
}
.oxi-image-hover-style.oxi-bt-col-lg-12.oxi-bt-col-md-12.oxi-bt-col-sm-12 {
    padding: 0 0 14px 0 !important;
}
.team-member .team_image {
    padding: 0 0px 14px 0px;
}
.team-table-container.team-table-container1 {
    --columns: 5 !important;
}

}

@media screen and (max-width: 675px){
 .team-table-container.team-table-container1 {
    --columns: 4 !important;
}
}


@media screen and (max-width: 649px){
.team-table-container{
        --columns: 3;
}
.team-table-container.team-table-container1 {
    --columns: 4 !important;
}
.team-table-container2{
	--columns: 4 !important;
}

.team-table{
        grid-template-columns: repeat(3, 1fr);
}
    .team-table-container2 .team-table .team_info {
        font-size: 0.45rem !important;
    }
        .team-table-container2 .team-table .team_image {
        width: 83px !important;
    }
    .oxi-image-hover-wrapper-16 .oxi-addons-row .oxi-image-hover-style-caption
 {
    max-width: 83px!important;
}

}

@media screen and (max-width: 540px){
	.team-table-container.team-table-container1 {
    --columns: 3 !important;
}
.team-table-container2{
	--columns: 3 !important;
}
}

@media screen and (max-width: 490px){
        .team_info{
font-size: 0.51rem;
line-height: 12px
}
.oxi-image-hover-style-caption {
        width: 95px !important;
    }
.team-member .team_image img{
        width: 95px;
}
.oxi-image-hover-style.oxi-bt-col-lg-12.oxi-bt-col-md-12.oxi-bt-col-sm-12 {
    padding: 0 0 10px 0 !important;
}
.team-member .team_image {
    padding: 0 0px 10px 0px !important;
}
.oxi-image-btn{
        font-size: 6px !important;
}
}
@media screen and (max-width: 419px){

.team-table-container{
        --columns: 2;
}

.team-table-container.team-table-container1 {
    --columns: 2 !important;
}
	.team_info{
	font-size: 0.65rem;
	line-height: 14px;
}
.team-table-container2{
	--columns: 2 !important;
}
}

@media screen and (max-width: 360px){
	.team_info{
	font-size: 0.55rem;
}
}