.ImgPassPort{
    width:100%;
    height:100%;
}

    .ImgPassPort:hover{
        opacity:.7 !important;
        cursor:pointer;
    }
    
    .rowintro {
        margin-left: 150px;
        margin-top: 50px;
    }


.mainBody {
    margin-top:0 !important;
}
    .teamMemberSlide {
        padding-right: 2px;
        padding-left: 2px;
    }

.datarow{
    margin-bottom:40px;
}
.spanphotodetail {
    margin-top: -80px;
    z-index: 50;
    display: block;
    color: white;
    font-weight: 600;
    text-align: left;
    background-color: black;
    font-size: 11px;
    width: 100%;
    height: 80px;
    position: relative;
    background-color: rgba( 0, 121, 194, 0.65);
    padding: 10px 0 10px 12px;
}
.spanphotoname {
    font-size:18px;
}
.imgcenterwithindiv{
    display:table-cell; 
    vertical-align:middle; 
    text-align:center;    
}
.headshotteam{
    height:360px;
}


/* MODAL POP UP */

.modal-dialog{
    max-width:900px;
    width:900px;
}

.modal-body {
    padding:22px !important;
}
.modal-body img {
    padding: 2px;
    width: 100%;
    border: 1px solid #CCCCCC;
    margin-right: 15px;
    border-radius:15px;
}

.modal-body .bioTitle{
    color:#777777 !important;
}

.modal-body p {
    font-size:15px;
    line-height:23px !important;
    color:black !important;
}

.modal-title{
    line-height:1.3 !important;
}


.teamMemberSlide .arrowLeft, .teamMemberSlide .arrowRight {
    display: none;
}

/* MEDIUM SIZED SCREEN*/
@media only screen and (max-width: 1355px) and (min-width: 769px) {
    .spanphotoname {
        font-size: 15px;
    }

    .spanphotodetail {
        font-size: 10px;
        height: 75px;
        margin-top: -75px;
    }
}


/* IPAD SIZED SCREEN*/
@media only screen and (max-width: 1150px) and (min-width: 768px) {

    .spanphotoname {
        font-size: 12px;
    }
    
    .spanphotodetail {
        font-size: 10px;
        padding: 3px 3px 10px 6px;
    }

    .navbar{
        display:none !important;
    }

    .rowintro {
        margin-top: 0;
        margin-left:100px;
    }

    .mainBody {
        margin: 30px 15px 30px 15px !important;
    }

    .modal-dialog {
        max-width: 800px;
        width: 800px;
    }
}


@media only screen and (max-width: 768px) {
    .mainBody .col-md-3 {
        margin-bottom: 5px;
    }


    .teamMemberSlide {
        display: none;
    }

        .teamMemberSlide:nth-child(1) {
            display: block;
        }

        .teamMemberSlide .arrowLeft, .teamMemberSlide .arrowRight {
            position: absolute;
            z-index: 10;
            bottom: 40%;
            font-size: 45px;
            opacity: .7 !important;
            display: inline-block;
            padding-top: 15%;
            padding-bottom: 15%;
        }

        .teamMemberSlide .arrowLeft {
            margin-left: 5px;
        }

        .teamMemberSlide .arrowRight {
            right: 0;
            margin-right: 5px;
        }
            
            .spaceRow {
                display: none;
            }

    .ImgPassPort:hover {
        opacity: 1 !important;
        cursor: pointer;
    }

    .teamMemberSlide {
        padding-left: 0;
        padding-right: 0;
    }

    /* TEAM POP UP BIO START */

    .modal-body {
        padding: 0 !important;
    }

    button.close{
        font-size:40px !important;
        margin-top:-5px;
    }

    .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0 !important;
    }

    .teamPhotoPopUp {
        background-size: 100% auto !important;
        height: 425px;
        display: block;
        width: 100%;
        background-position-y: -22px !important;
        margin-bottom: 10px;
        margin-top: -15px;
    }

    .modal-body .bioTitle {
        margin-bottom: 10px;
        font-size:12px;
    }

    /*.modal-body .col-sm-12{
        padding-left:0;
        padding-right:0;
    }*/

    .arrowLeft {
        color: white;
        font-size: 40px;
        opacity: .5;
        margin-top: 180px;
        margin-left: 15px;
        float: left;
        cursor: pointer;
        text-shadow: -3px 3px #333333;
    }


    .arrowRight {
        color: white;
        font-size: 40px;
        opacity: .5;
        margin-top: 180px;
        margin-right: 15px;
        float: right;
        cursor: pointer;
        text-shadow: 3px 3px #333333;
    }
    /* TEAM POP UP BIO END*/

}

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

    .teamPhotoPopUp {
        background-size: 100% auto !important;
        height: 400px;
        display: block;
        width: 100%;
        background-position-y: 0 !important;
        margin-bottom: 10px;
        margin-top: -10px;
    }

}