@media (min-width: 768px) and (max-width: 1024px){
.metacontainer {
    width: auto!important;}
section#team {
    display: none!important;
}
}

#team h5 {
            font-size: 27px;
            color: #000000;
            position: relative;
            text-align: center;
        }

        #team h5::after {
            content: "";
            width: 150px;
            height: 1px;
            background-color: #000000;
            display: table;
            margin: 0 auto;
            margin-right: auto;
            margin-left: auto;
            margin-top: 10px
        }

        .container1 {
            width: 100%;
            display: block;
        }

        .metacontainer {
            /* width: 74.3%; */
            width: 1182px;
            display: block;
            margin: 0 auto;
            background-color: #fff;
            margin-top: 22px;
            padding: 22px 0;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -ms-border-radius: 8px;
            -moz-border-radius: 8px;
            -o-border-radius: 8px;
        }

        .box-wrap p {
            color: black;
            text-align: center;
            font-size: 13px;
            line-height: 20px;
        }

        #team {
            padding: 29px;
        }

        #leadership .owl-wrapper-outer  .owl-wrapper .owl-item {
            width: 235px!important;
        } 

        .text-wrap {
            padding: 10px 5px;
            background-color: #f1f1f1;
            min-height: 89px;
        }

        .box-wrap {
            cursor: pointer;
            margin: 0 15px;
            border: 1px solid #dadada;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            overflow: hidden;
        }

        .box-wrap h3 {
            text-align: center;
            font-weight: 600;
            font-size: 18px;
            color: #4a4a4a;
            letter-spacing: 1px;
            font-family: "Poppins", sans-serif;
            margin-bottom: 0;
            margin-top: 0;
        }

        .bio {
            position: fixed;
            z-index: 99;
            background-color: rgba(0, 0, 0, 0.38);
            width: 100%;
            height: 100%;
            display: none;
            top: 0;
        }

        .bio-box {
            background-color: #fff;
            position: relative;
            width: 80%;
            margin: 0 auto;
            padding: 22px;
            display: flex;
            margin-top: 100px !important;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

        .bio-box button {
            position: absolute;
            right: 18px;
            top: 10px;
            outline: none;
            font-size: 15px;
            font-weight: bolder;
        }

        .bio-des {
            padding-left: 15px;
            padding-right: 15px;
        }
        .bio-des p {
            line-height: 25px;
        }
        #leadership .box-wrap img {
            width: 100%;
        }

        @media (max-width:600px) {
            .metacontainer {
                width: 75%;
            }
          
            .bio-box {
                width: 96%;
                flex-direction: column;
                padding: 4px;
                margin-top: 8px;
            }
            .bio-img img {
                width: 35%;
                display: block;
                margin: 0 auto;
            }
            .bio-des {
                text-align: center;
            }
            .bio-des p {
                font-size: 13px;
                line-height: 18px;
            }
        }