body{
	font-family: 'Montserrat', sans-serif;
}
.leftAlone {
	max-width: 100%;
}
.inner-content{
position:relative;
}
.home-video-container {
	width: 100%;
	position: relative;
	z-index: 1;
}
.home-video-container .home-text{
	position: absolute;
	top: 33%;
	top: calc(50% - 200px);
	max-width: 1000px;
	left: 10%;
}
.home-video-container .home-text p {
	font-size: 50px;
	font-weight: 700;
	color: white;
}
.home-video-container .home-text a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 70px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 18px;
	color: #5a238c;
	font-weight: 600;
	background-color: white;
}
@media (max-width: 960px) {
	.home-video-container {
		overflow: hidden;
	}
	.home-video-container .home-text {
		max-width: 350px;
		top: calc(50% - 150px);
	}
	.home-video-container .home-text p {
		font-size: 28px;
	}
	.home-video-container .home-text a {
		height: 40px;
		padding-left: 30px;
		padding-right: 30px;
		font-size: 16px;
	}
}
@media (max-width: 600px) {
	.home-video-container .home-text {
		top: 0;
	}
}
@media (max-width:550px) and (min-width: 420px) {
	.home-video-container video {
		width: 140% !important;
	}
}
@media (max-width: 419px) and (min-width: 340px) {
	.home-video-container video {
		width: 200% !important;
	}
}
@media (max-width: 340px) {
	.home-video-container video {
		width: 250% !important;
	}
}
.home-video-container .home-text a:hover {
	text-decoration: none;
	opacity: 0.95;
}
.home-video-container video{
	width: 100%;
}
#home-page .home-intro{
color:#837a8a;
font-weight:300;
font-size:18px;
line-height:30px;
padding:80px 0 180px 0;
}
#home-page .home-intro h1{
font-family:'Montserrat', sans-serif;
font-size:27px;
font-weight:700;
color:#5a238c;
}

#home-page .purple-button:hover{
text-decoration:none;	
color:#562e8f;
background:transparent;
}
#home-page .purple-button{
display:inline-block;
background:#562e8f;
color:#FFFFFF;
border:1px solid #562e8f;
font-size:15px;
font-weight:400;
font-family:'Montserrat', sans-serif;
padding:10px 30px;
-webkit-transition: background-color 500ms, color 500ms;
transition: background-color 500ms, color 500ms;
}


#home-page .home-exhibitions h2{
font-family:'Montserrat', sans-serif;
font-size:27px;
font-weight:700;
color:#5a238c;
}
#home-page .ghost-button:hover{
background:#562e8f;
color:#FFFFFF;
text-decoration:none;
}
#home-page .ghost-button{
display:inline-block;
background:transparent;
border:1px solid #562e8f;
font-family:'Montserrat', sans-serif;
color:#562e8f;
font-size:15px;
padding:10px 30px;
font-weight:400;
-webkit-transition: background-color 500ms, color 500ms;
transition: background-color 500ms, color 500ms;
}
#home-page .home-exhibitions .text{
padding:180px 0;
}
#home-page .home-exhibitions{
background:#f2f2f2;
color:#5a238c;
font-weight:300;
font-size:18px;
line-height:30px;
overflow:hidden;
/*padding:120px 0;*/
}

.latest-news .content{
font-size:17px;
font-weight:300;
color:#b595d0;
line-height:30px;
}
.latest-news .content p{
margin:0;	
}
.latest-news .date{
font-weight:400;
font-size:13px;
color:#FFFFFF;	
}
.latest-news .content a{
text-decoration: underline;
color: #FFFFFF;
}
.latest-news h3{
font-weight:600;
font-size:23px;
color:#FFFFFF;
margin:0;
}
.latest-news h2{
margin-top:0;
text-align:center;
font-weight:700;
font-size:27px;
margin-bottom:50px;	
}
.latest-news .read-more{
color:#FFFFFF;
display:inline-block;
font-size:15px;
font-weight:400;
margin-top:15px;
}
.latest-news .container-fluid{
padding-left:120px;
padding-right:120px;
}
.latest-news{
background:#511386 url('../images/news-story-bg.jpg') top center no-repeat;
background-size:cover;
padding:150px 0;
color:#FFFFFF;
}



.inner-title{
background:#511386 url('../images/inner-title-bg.jpg') top center repeat-x;
background-size:cover;
color:#FFFFFF;
padding:100px 0;
}
.inner-title h1{
font-size:30px;
color:#FFFFFF;
}



.about-intro{
padding:80px 0;
font-size:17px;
line-height:30px;
color:#837a8a;
font-weight:300;
}
.about-intro .lead{
color:#2e2c30;
font-weight:400;
}
.about-meet-team{
background:#f2f2f2;
padding:120px 0;
}
.about-meet-team h2{
text-align:center;
color:#511386;
font-weight:800;
font-size:30px;
margin:0 0 120px 0;
}
.about-meet-team .team-col .name-box,
.about-meet-team .team-col .name-box h3,
.about-meet-team .team-col .name-box p {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.about-meet-team .team-col .view:hover {
	cursor: pointer;
}
.about-meet-team .team-col:hover .name-box {
	background-color: rgb(81,19,134);
}
.about-meet-team .team-col:hover .name-box h3,
.about-meet-team .team-col:hover .name-box p {
	color: white;
}
.about-meet-team .team-col .name-box .title{
margin:0 0 5px 0;
font-size:13px;
text-transform:uppercase;
color:#2e2c30;
}
.about-meet-team .team-col .name-box h3{
margin:0;
font-weight:bold;
font-size:18px;
color:#2e2c30;
}
.about-meet-team .team-col .name-box{
background:#FFFFFF;
padding:30px;
}
.about-meet-team .team-col .name-popup.appear {
	left: 0;
	right: 0;
	opacity: 1;
	-webkit-animation-name: appear;
	        animation-name: appear;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
@-webkit-keyframes appear {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes appear {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.about-meet-team .team-col .name-popup {
	position: fixed;
    top: 0;
    bottom: 0;
    left: -99999px;
    right: 99999px;
    background-color: rgba(81,19,134,0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
	opacity: 0;
}
.about-meet-team .team-col .name-popup > div {
    margin-left: 20%;
    margin-right: 20%;
    background-color: white;
    padding: 50px;
    overflow-y: scroll;
    max-height: 80vh;
    cursor: default;
    position: relative;
}
.about-meet-team .team-col .name-popup > div .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    background-color: #f2f2f2;
}
.about-meet-team .team-col .name-popup > div .top .top-right {
	margin-left: 30px;
    margin-top: auto;
    margin-bottom: auto;
}
.about-meet-team .team-col .name-popup > div h3 {
	margin-top: 50px;
}
.about-meet-team .team-col .name-popup > div .top h3 {
	margin-top: 15px;
}
.about-meet-team .team-col .name-popup .exit {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 18px;
	color: white;
	background-color: rgb(81,19,134);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
@media (max-width: 1300px) {
	.about-meet-team .team-col .name-popup > div .top {
		display: block;
		padding-bottom: 15px;
	}
}
@media (max-width: 700px) {
	.about-meet-team .team-col .name-popup > div {
		margin: 15px;
		padding: 15px;
	}
	.about-meet-team .team-col .name-popup > div .top img {
		width: 100%;
	}
}
.about-meet-team .team-col{
margin-bottom:30px;
}

#header {
	z-index: 100;
}
#header .logo{
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}
#header .nav{
	float:right;
	padding:0;
	margin:0;
	z-index: 101;
}
#header .nav li a:focus{
	text-decoration:none;
}
#header .nav li a:hover, #header .nav li .topnavlink:hover{
	background:#541689;
	color:#FFFFFF;
	text-decoration:none;
	/*border-bottom:3px solid #541689;*/
}
#header .nav li a, #header .nav li .topnavlink{
	display:inline-block;
	color:#999999;
	padding:40px 15px 40px 15px;
	/*border-bottom:3px solid #FFFFFF;*/
}
#header .nav li a.active,
#header .nav li.current a,
#header .nav li .topnavlink.active,
#header .nav li.current .topnavlink,
{
	border-bottom:3px solid #541689;
}
#header .nav > li {
	display:inline;
}
#header .nav li{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:#999999;
	position: relative;
	white-space: nowrap;
	z-index: 102;
}
#header .nav li .secondary {
	position: absolute;
	top: 45px;
	left: -40px;
	display: none;
	list-style-type: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
#header .nav li:hover .secondary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#header .nav li .secondary li:hover a {
	background:#541689;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:3px solid #541689;
}
#header .nav li .secondary a {
	background-color: white;
	padding-top:15px;
	padding-bottom: 15px;
	width: 100%;
}
#header .mobile-button {
    display: block;
    outline: medium none;
    position: relative;
    float: right;
    margin-right: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0 5px;
	margin-top:35px;
}
#header .mobile-button .icon-bar:first-child {
    margin-top: 0;
}
#header .mobile-button .icon-bar {
    background-color: #541689;
    display: block;
    width: 28px;
    height: 4px;
    border-radius: 1px;
    margin-top: 6px;
}
#header .mobile-nav{
display:none;
padding:0;
margin:0;
}
#header .mobile-nav .secondary {
	list-style-type: none;
	display: none;
}
#header .mobile-nav li a:hover {
	background:#541689;
	color:#FFFFFF;
}
#header .mobile-nav li a,
#header .mobile-nav li .topnavlink {
	cursor: pointer;
    display: block;
    width: 100%;
    padding: 15px;
    color: #541689;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
	text-decoration:none
}

#header-image{
	background:url('../images/header-image.jpg') center center;
	width:100%;
	padding:220px 0;
    /*background-size: cover;*/
}
#header-image h1{
	font-weight:700;
	color:#5a238c;	
	font-family: 'Montserrat', sans-serif;
	color:#FFFFFF;
	margin:0;
}



#footer{
	background:#171618;
	color:#FFFFFF;
	padding-top:80px;
	padding-bottom:80px;
	font-family: 'Montserrat', sans-serif;
}
#footer .footer-contact{
	margin-bottom:30px;
	line-height:30px;
}
#footer .footer-contact p{
	margin:0;
	font-weight:300;
	font-size:15px;
}
#footer .footer-contact h3{
	font-weight:300;
	color:#808080;
	font-size:13px;
	margin:0;
}
#footer .copyright{
	margin-top:0;
	font-weight:300;
	font-size:13px;
	color:#808080;
	margin-bottom:15px;
}
#footer .footer-logo{
	margin-bottom: 30px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .nav{
	padding:0;
	margin:0;
}
#footer .nav li{
	display:inline-block;
	padding:40px 15px;
}
#footer .nav li a{
	font-family: 'Montserrat', sans-serif;
	color:#808080;
	font-size:13px;
	font-weight:300;
}

/************************************
 News Page
*************************************/

.news-articles .news-article:nth-child(even){
background-color:#f2f2f2;	
}
.news-articles .news-article .date{
margin:0;
text-transform:uppercase;
color:#552481;
font-size:13px;	
font-weight:400;
}
.news-articles .news-article h2 a{
color:#552481;
text-decoration:none;	
}
.news-articles .news-article h2{
margin-top:0;
color:#552481;
font-weight:700;
font-size:23px;
}
.news-articles .news-article .content{
color:#837a8a;	
font-weight:300;
font-size:17px;
line-height:30px;
}
.news-articles .news-article .read-more{
color:#552481;
font-weight:400;
font-size:15px;	
}
.news-articles .news-article{
padding:120px 0;
}
.news-article .news-back-link{
	color: #552481;
    font-weight: 400;
    font-size: 15px;
}
.pagination-wrapper{
position:relative;
}

.news-pagination{
position:absolute;
background:#FFFFFF;
top:-54px;
right:0;
font-size:17px;
}
.news-pagination .current{
display: block;
float: left;
background:#371058;
color:#FFFFFF;
font-weight:700;
padding:15px 25px;	
height:54px;
}
.news-pagination a:focus{
text-decoration:none;	
}
.news-pagination a:hover{
text-decoration:none;
background:#7a529c;
color:#FFFFFF;
}
.news-pagination a{
display: block;
float: left;
background:#FFFFFF;
color:#511386;
font-weight:700;
padding:15px 25px;
height:54px;
}

.news-article{
padding:120px 0;
}
.news-article .image-col{
margin-bottom:50px;
}
.news-article .content-col{
color: #837a8a;
font-weight: 300;
font-size: 17px;
line-height: 30px;
}

/************************************
 Projects Page
*************************************/

.projects-page{
background:#f2f2f2;
}
#projects-filter{
color:#333333;
padding:8px;
width:200px;
}
.projects-title h1{
margin-top:0;
margin-bottom:30px;
font-size:30px;
}
.projects-title{
background:#511386 url('../images/projects-header-bg.jpg') top center repeat-x;
background-size:cover;
color:#FFFFFF;
padding:120px 0 180px 0;
height:577px;
}
.projects{
margin-top:-180px;
padding: 0 0 120px 0;
}
.projects .project-col{
margin-bottom:30px;
}
.projects .project-col .project{	
-webkit-box-shadow: 0px 0px 30px 0px rgba(7, 14, 19, 0.2);	
        box-shadow: 0px 0px 30px 0px rgba(7, 14, 19, 0.2);
display:block;
text-decoration:none;
}
.projects .project-col:hover .project-box{
background:#5a238c;
color:#FFFFFF;
}
.projects .project-col .project-box h2{
font-weight:700;
font-size:24px;
margin:0;	
min-height:70px;
}
.projects .project-col .project-box .name{
text-transform:uppercase;
font-size:13px;
margin:0 0 15px 0;
}
.projects .project-col .project-box{
padding:20px 20px 50px 20px;
color:#5a238c;
background:#FFFFFF;
}

.projects-pagination{
position:relative;
float:right;
background:#FFFFFF;
font-size:17px;
}
.projects-pagination .current{
display: block;
float: left;
background:#371058;
color:#FFFFFF;
font-weight:700;
padding:15px 25px;	
height:54px;
}
.projects-pagination a:focus{
text-decoration:none;	
}
.projects-pagination a:hover{
text-decoration:none;
background:#7a529c;
color:#FFFFFF;
}
.projects-pagination a{
display: block;
float: left;
background:#5a357b;
color:#ffffff;
font-weight:700;
padding:15px 25px;
height:54px;
}





.project-title h1{
margin-top:0;
margin-bottom:30px;
font-size:30px;
}
.project-title .project-image img{
position: relative;
z-index: 99;
-webkit-box-shadow: 0px 0px 30px 0px rgba(7, 14, 19, 0.2);
        box-shadow: 0px 0px 30px 0px rgba(7, 14, 19, 0.2);	
}
.project-title{
background:#F2F2F2 url('../images/project-title-bg.jpg') top center repeat-x;
color:#FFFFFF;
padding:120px 0 180px 0;
}
.project-content .project-intro{
color:#2e2c30;
font-weight:400;	
}
.project-content .project-left,
.project-content .project-right{
/*margin-top:50px;*/
}
.project-content .talk-to-us:hover{
text-decoration:none;	
}
.project-content .talk-to-us{
display:inline-block;
background:#562e8f;
color:#FFFFFF;
padding:15px 40px;
font-size:15px;
font-weight:400;
}
.project-content{
font-size:18px;
font-weight:300;
color:#837a8a;
padding:0 0 120px 0;
line-height:30px;
background:#f2f2f2;
}


/************************************
 Exhibitions Page
*************************************/

#Exhibitions-page .project-update {
	background-color: #f0e4ff;
	padding: 20px;
	font-size: 16px;
}

#Exhibitions-page .project-update h2,
#Exhibitions-page .project-update h3 {
	font-size: 21px;
	color: #333333;
}

#Exhibitions-page .project-update p {
	color: #333333;
}

#Exhibitions-page .tab-container {
	border-bottom: #cccccc solid 1px;
	color: #a7a7a7;
	font-size: 15px;
	line-height: 1em;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#Exhibitions-page .tab-container .title {
	margin-left: 30px;
	padding-bottom: 50px;
	padding-top: 50px;
}

#Exhibitions-page .tab-container .title:first-child {
	margin-left: 0px;
}

#Exhibitions-page .tab-container .title.selected {
	color: #541689;
	border-bottom: 4px solid #541689;
}

#Exhibitions-page .Exhibition-Content {
	margin-top: 80px;
	margin-bottom: 80px;
}

#Exhibitions-page .Exhibition-Content {
	display: none;
}
#Exhibitions-page .Exhibition-Content:first-child {
	display: block;
}

#Exhibitions-page .purple-button:hover{
	text-decoration:none;	
	color:#562e8f;
	background:transparent;
	cursor: pointer;
}
#Exhibitions-page .purple-button{
	display:inline-block;
	background:#562e8f;
	color:#FFFFFF;
	border:1px solid #562e8f;
	font-size:15px;
	font-weight:400;
	font-family:'Montserrat', sans-serif;
	padding:10px 30px;
	-webkit-transition: background-color 500ms, color 500ms;
	transition: background-color 500ms, color 500ms;
}

#Exhibitions-page fieldset {
	border:none;
	padding: 0;
}
#Exhibitions-page fieldset .field label {
	display: none;
}
#Exhibitions-page fieldset input, #Exhibitions-page fieldset textarea {
	margin-bottom: 15px;
	width: 100%;
	padding: 10px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #cccccc;
	max-width: 600px;
}
#Exhibitions-page fieldset textarea {
	border: 1px solid #cccccc;
}
#Exhibitions-page input[type="submit"] {
	width: 100%;
	background: #5a1891;
	color: #FFFFFF;
	border: 0;
	height: 100%;
	padding: 10px 0;
	max-width: 600px;
}
/************************************
 Contact Page
*************************************/

#contact-map{
width:100%;
height:440px;
}
#map-search-box {
	padding: 30px 30px 5px 30px;
}
#map-search-box input[type="text"] {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #cccccc;
}
#map-search-box #map-search-btn {
	display: inline-block;
    color: white;
    margin-top: 15px;
    width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    min-width: 200px;
    background-color: #5a1891;
}
#map-search-box #map-search-btn:hover {
	cursor: pointer;
}
.contact-details{
padding:120px 0;
}
.contact-details .left .number,
.contact-details .left a{
color:#511386;
font-weight:400;
}
.contact-details .left{
color: #2e2c30;
font-weight: 400;
font-size: 17px;
line-height: 30px;
}
.contact-details .right{
color: #837a8a;
font-weight: 300;
font-size: 17px;
line-height: 30px;
}

.enquiry-form h2{
color:#2e2c30;
font-size:24px;
font-weight:700;	
margin-top:0;
}
.enquiry-form{
padding:120px 0;
background:#f2f2f2;
}

.contact-page-form label{
display:block;
}
.contact-page-form input[type="text"]{
margin-bottom:15px;
width:100%;	
padding:10px;
background:transparent;
border:0;
border-bottom:1px solid #cccccc;
}
.contact-page-form input[type="email"]{
width:100%;
padding:10px;
background:transparent;
border:0;
border-bottom:1px solid #cccccc;
}
.contact-page-form input[type="submit"]{
width:100%;
background:#5a1891;
color:#FFFFFF;
border:0;
height:100%;
padding:10px 0;
}
.contact-page-form textarea{
width:100%;
background:transparent;
border:1px solid #cccccc;
padding:10px;
height:100%;
}
.contact-page-form form > div:first-child{
-webkit-box-flex:11;
    -ms-flex:11;
        flex:11;	
}
.contact-page-form form > div:last-child{
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;	
}
.contact-page-form form > div{
padding:0 15px;
}
.contact-page-form form .row > .col-md-6{
height:100%;	
}
.contact-page-form form .row{
height:100%;
}
.contact-page-form form{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
    -ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:stretch;
    -ms-flex-align:stretch;
        align-items:stretch;
}

/************************************
 Services Page
*************************************/

.services-list{
background:#f2f2f2;
padding:120px 0 70px 0;
}
.services-list .service-col h2{
color:#552481;
font-size:23px;
margin:0;
}
.services-list .service-col .view{
color:#511386;
font-size:15px;	
font-weight:400;
}
.services-list .service-col{
font-weight:300;
color:#837a8a;
font-size:17px;
margin-bottom:50px;
line-height:30px;
min-height: 5em;
border-left: 3px #ccc solid;
padding-left: 30px;
}
.services-intro{
padding:120px 0;
font-weight:400;
font-size:17px;
color:#2e2c30;
line-height:30px;
}

/***********************************
 Media Queries
************************************/

/* xs + sm */
@media (max-width: 991px){
	.news-articles .news-article .image-col{
		margin-bottom:30px;
	}
	
	.contact-page-form form{
		display:block;
	}
	.contact-page-form form > div{
		display:block;
		-webkit-box-flex:1;
		    -ms-flex:auto;
		        flex:auto;
	}
	.contact-page-form input[type="email"],
	.contact-page-form textarea{
		margin-bottom:15px;
	}
}

/* md + lg */
@media (min-width: 992px){
	#header .mobile-nav{
		display:none!important;
	}
	.project-title {
		height: 396px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.project-title {
		padding: 80px 0;
	}
}

/* xxs */

@media (max-width: 520px) {
	.about-meet-team .team-col .name-box{
		min-height: 170px;
	}
}

@media (max-width: 767px) and (min-width: 521px) {
	.about-meet-team .team-col .name-box{
		min-height: 140px;
	}
}

/* xs */
@media (min-width: 768px) {
	
}
@media (max-width: 767px){
	.project-title {
		padding: 50px 0;
	}
	.inner-title{
		text-align:center;
	}
	
	#footer{
		text-align:center;
	}
	#footer .footer-logo{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	#footer .footer-col-1{
		margin-bottom:30px;
	}
	#header-image{
		 padding:120px 0;
		 text-align:center;
		 background-size: cover;
	}
	
	.about-meet-team .team-col{
		margin-bottom:50px;
	}
	.about-meet-team .team-col .name-box{
		display:block;
		max-width:360px;
		margin-left:auto;
		margin-right:auto;
	}
	.about-meet-team .team-col .name-popup .top img {
		width:100%;
	}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.about-meet-team .team-col .name-popup .top img {
		width:100%;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* lg */
@media (min-width: 1200px){
	
}