@charset "utf-8";
/*  
	CSS Document
	Project : Badass Programmers
	File 	: about.css
	Date 	: 01/06/13 (dd-mm-yy)
	Author  : DBG (info@digitalbrandgroup.com)
*/

.aboutBlock {
	padding: 3% .6% 3.9% .6%;
}
.aboutContent {
	float: left;
	width: 100%;
	overflow: hidden;
}
#blockTwo{
	background: url(../images/home/dbg_lobby.jpg) no-repeat center center;
	background-size: cover;
	height: 203px;
	text-align: center;
}
.topBand {
	background: #f26522;
}
.topBand h3 {
	color: #fff;
	padding-top: 20px;
	line-height: 1;
	margin-bottom: 0;
	font-size: 2.25em;
}
.topBandBg {
	background:  url(../images/about/aboutInfoBig.png) no-repeat 1% bottom;
	min-height: 150px;
}
h3 span.font18px {
	font-size: .5em;
}
.aboutContent .aboutDeatil {
	float: left;
	margin-bottom: .5%;
	padding-right: 8px;
}
.aboutContent .aboutDeatil .aboutDetailPic {
	float: right;
	padding-left: 5%; 
}
.aboutContent .aboutDeatil p {
	margin-top: 0;
}
.aboutContent .aboutDeatil ul.dbgians {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.aboutContent .aboutDeatil ul.dbgians li {
	float: left;
	text-align: center;
	margin-right: 1.3em;
	margin-bottom: .5em;
	min-height: 108px;
}
.aboutDeatil .contactLink {
	display: none;
}

/*------------------------ media qurey --------------------------*/


@media (max-width: 768px) {
	.aboutBlock {
		padding-top: 5%;
	}
	.aboutContent .aboutDeatil .aboutDetailPic {
		margin-bottom: 2.5%;
	}
	.aboutDeatil .contactLink {
		display: inline-block;
	}
	.aboutDeatil .contactPopup {
		display: none;
	}
}

@media (max-width: 320px) {
	.aboutBlock {
		padding-top: 8%;
	}
	.aboutContent .aboutDeatil {
		margin-bottom: 5%;
		width: 97%;
		float: left;
		overflow: hidden;
	}
	.aboutContent .aboutDeatil .aboutDetailPic {
		float: left;
		padding-left: 0; 
		margin-bottom: 3.5%;
		overflow: hidden;
		width: 100%;
	}
	.topBandBg {
		background:  url(../images/about/aboutInfo.png) no-repeat 1% bottom;
		min-height: 85px;
	}
	.topBand h3 {
		padding: 18px 8px 0 0;
		font-size: 1.1em;
	}
	h3 span.font18px {
		font-size: .5em;
	}
	.aboutContent .aboutDeatil p {
		float: left;
		width: 99%;
	}
}

@media (max-width: 480px) {
	.aboutBlock {
		padding-top: 8%;
	}
	.aboutContent .aboutDeatil {
		margin-bottom: 5%;
		width: 97%;
		margin-left: 1.5%;
		float: left;
		overflow: hidden;
	}
	.aboutContent .aboutDeatil .aboutDetailPic {
		float: left;
		padding-left: 0; 
		margin-bottom: 3.5%;
	}
	.aboutContent .aboutDeatil .aboutDetailPic img{
		height: 100%;
		width: 100%;
	}
	.topBandBg {
		background:  url(../images/about/aboutInfo.png) no-repeat 1% bottom;
		min-height: 85px;
	}
	.topBand h3 {
		padding: 18px 8px 0 0;
		font-size: 1.1em;
	}
	h3 span.font18px {
		font-size: .5em;
	}
	.aboutContent .aboutDeatil p {
		float: left;
		width: 98%;
	}
}
@media screen and (device-aspect-ratio: 40/71) {
	.aboutBlock {
		padding-top: 8%;
	}
	.aboutContent .aboutDeatil {
		margin-bottom: 5%;
		width: 97%;
		margin-left: 1.5%;
		float: left;
		overflow: hidden;
	}
	.aboutContent .aboutDeatil .aboutDetailPic {
		float: left;
		padding-left: 0; 
		margin-bottom: 3.5%;
	}
	.topBandBg {
		background:  url(../images/about/aboutInfo.png) no-repeat 1% bottom;
		min-height: 85px;
	}
	.topBand h3 {
		padding: 18px 8px 0 0;
		font-size: 1.1em;
	}
	h3 span.font18px {
		font-size: .5em;
	}
	.aboutContent .aboutDeatil p {
		float: left;
		width: 98%;
	}
}