                            .page-professor .item .item-inner {
                                display: flex;
                                flex-wrap: wrap;
                                justify-content: space-between;
                                position: relative;
                                padding: 15px;
                                border: 1px solid #ddd;
                            }

                            .page-professor .item .item-inner .item-img {
                                flex: 0 0 auto;
                                width: 25%;
                            }

                            .page-professor .item .item-inner .item-img img {
                            }

                            .page-professor .item .item-inner .item-caption {
                                flex: 0 0 auto;
                                width: 70%;
			      /*  background-image: url("/img/prof_bg.png");*/
                                background-position: right center;
                                background-size: 120px;
                                background-repeat: no-repeat;
                            }

                            .page-professor .item .item-inner .item-caption h4 {
                                margin-bottom: 15px;
                                font-size: 16px;
                                word-break: keep-all;
                            }

                            .page-professor .item .item-inner .item-caption h4 span {
                                color: #fff;
                            }

                            .page-professor .item .item-inner .item-caption ul {
                                margin-bottom: 17px;
                            }

                            .page-professor .item .item-inner .item-caption ul li {
                                margin-bottom: 3px;
                                line-height: 20px;
                                font-size: 14px;
                                color: #707070;
                            }

                            .page-professor .item .item-inner .item-caption ul li:last-child {
                                margin-bottom: 0;
                            }

                            .page-professor .item .item-inner .item-caption ul li a {
                                color: #707070;
                            }

                            .page-professor .item .item-inner .item-caption ul li a:hover {
                                color: #0277bd;
                            }

                            .page-professor .item .item-inner .item-caption ul li a:hover {
                            }

                            .page-professor .item .item-inner .item-caption button {
                                display: inline-block;
                                padding: 4px 15px;
                                font-size: 11px;
                                color: #fff;
                                border: 0 none;
                                background-color: #004c8c;
                                transition: 0.3s;
                            }

                            .page-professor .item .item-inner .item-caption button:hover {
                                background-color: #0277bd;
                            }

                            .page-modal .modal-header {
                                padding: 15px;
                                background-color: #004c8c;
                            }

                            .page-modal .modal-header h4 {
                                font-size: 16px;
                                color: #fff;
                            }

                            .page-modal .modal-header h4 small {
                                color: #ddd;
                            }

                            .page-modal .modal-header button {
                                color: #fff;
                                background: none;
                                border: 0 none;
                            }

                            .page-modal .modal-body {
                                padding: 15px;
                            }

                            .page-modal .modal-body-inner {
                                display: flex;
                                flex-wrap: wrap;
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner {
                                flex: 0 0 28%;
                                width: 28%x;
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-img {
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption {
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption h4 {
                                margin: 15px 0 5px;
                                font-size: 15px;
                                word-break: keep-all;
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption h4 span {
                                display: block;
                                margin-top: 4px;
                                color: #0277bd;
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption ul {
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption ul li {
                                margin-top: 5px;
                                font-size: 12px;
                                word-break: break-all;
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption ul li span {
                                display: block;
                                color: #707070;
                            }

                            .page-modal .modal-body-inner .modal-body-item-inner .item-caption ul li a:hover {
                                color: #0277bd;
                            }

                            .page-modal .modal-body-inner .modal-body-content {
                                flex: 0 0 72%;
                                width: 72%;
                                padding-left: 20px;
                                border-left: 1px solid #eee;
                            }

                            .page-modal .modal-body-inner .modal-body-content h5 {
                                margin-bottom: 5px;
                                font-size: 14px;
                                font-weight: 700;
                            }

                            .page-modal .modal-body-inner .modal-body-content ul {
                            }

                            .page-modal .modal-body-inner .modal-body-content li {
                                font-size: 13px;
                                color: #707070;
                            }

                            .page-modal .modal-footer {
                                padding: 0;
                            }

                            .page-modal .modal-footer button {
                                display: block;
                                width: 100%;
                                text-decoration: inherit;
                                border-top: 1px solid #ddd;
                            }

                            @media (max-width: 767px) {
                                .page-professor .item .item-inner .item-caption h4 {
                                    margin: 5px 0 10px;
                                    font-size: 15px;
                                }

                                .page-professor .item .item-inner .item-caption h4 small span {
                                    display: block;
                                    margin-top: 4px;
                                }

                                .page-professor .item .item-inner .item-caption ul {
                                    margin-bottom: 10px;
                                }

                                .page-professor .item .item-inner .item-caption button {
                                    padding: 3px 15px;
                                }

                                .page-modal .modal-body-inner .modal-body-item-inner, .page-modal .modal-body-inner .modal-body-content {
                                    flex: 0 0 100%;
                                    width: 100%;
                                }

                                .page-modal .modal-body-inner .modal-body-item-inner {
                                    display: flex;
                                    flex-wrap: wrap;
                                }

                                .page-modal .modal-body-inner .modal-body-item-inner .item-img img {
                                    max-width: 90px;
                                }

                                .page-modal .modal-body-inner .modal-body-item-inner .item-caption {
                                    padding-left: 15px;
                                }

                                .page-modal .modal-body-inner .modal-body-item-inner .item-caption h4 {
                                    margin-top: 0;
                                }

                                .page-modal .modal-body-inner .modal-body-item-inner .item-caption ul li span {
                                    display: inline-block;
                                }

                                .page-modal .modal-body-inner .modal-body-content {
                                    margin-top: 15px;
                                    padding: 15px 0 0;
                                    border-top: 1px solid #ddd;
                                    border-left: 0 none;
                                }
                            }

                            @media (max-width: 575px) {
                                .page-professor .item .item-inner .item-img, .page-professor .item .item-inner .item-caption {
                                    width: 100%;
                                }

                                .page-professor .item .item-inner .item-img {
                                    margin-bottom: 15px;
                                }
                            }
