.wg-photo {
	border:0px #bebebe solid;
}
.wg-photo .title {
	padding:10px;
	border-bottom:0px #bebebe solid;
	color:#3495da;
	font-size:20px;
	font-weight:900;
	line-height: 100%;
}
.wg-photo .articles {
	padding:0px;
	border:1px #bebebe solid;
	border-radius: 5px;
}
.wg-photo .articles ul {
	margin:0;
	padding:0;
	list-style:none;
}
.wg-photo .articles ul li {
	width:25%;
	float:left;
}
.wg-photo .photowrap {
	padding-top: 80%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}


@media only screen and (max-width: 985px) {
.wg-photo .photowrap {
	padding-top: 74%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}
	
}
@media only screen and (max-width: 850px) {
.wg-photo .photowrap {
	padding-top: 69%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}	
}
@media only screen and (max-width: 790px) {
.wg-photo .photowrap {
	padding-top: 68%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}	
}
@media only screen and (max-width: 725px) {
.wg-photo .photowrap {
	padding-top: 64%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}	
}
@media only screen and (max-width: 655px) {
.wg-photo .photowrap {
	padding-top: 60%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}	
}
@media only screen and (max-width: 622px) {
.wg-photo .photowrap {
	padding-top: 58%;
	width:93% !important;
	position:relative;
	overflow:hidden;
	margin:9px auto;
	height:0px !important;
}	
}
@media only screen and (max-width: 600px) {
.section2_leftbox {
    width: 49%;
    float: left;
    margin-right: 2%;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    /* background-color: #cef8ea; */
}
	.wg-photo .photowrap {
    padding-top: 75%;
    width: 93% !important;
    position: relative;
    overflow: hidden;
    margin: 9px auto;
    height: 0px !important;
}
	.section2_midbox {
    width: 49%;
    float: left;
    margin-right:0%;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    /* background-color: #cef8ea; */
}
	.section2_rightbox {
    width: 100%;
    float: left;
    margin-left: 0%;
		margin-top:1rem;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    /* background-color: #d1d4ff; */
}
	.section2_rightbox li {
    width: 25%;
    float: left;
}	
}




@media only screen and (max-width: 545px) {
.wg-photo .photowrap {
    padding-top: 72%;
    width: 93% !important;
    position: relative;
    overflow: hidden;
    margin: 9px auto;
    height: 0px !important;
}
}
@media only screen and (max-width: 520px) {
.wg-photo .photowrap {
    padding-top: 71%;
    width: 93% !important;
    position: relative;
    overflow: hidden;
    margin: 9px auto;
    height: 0px !important;
}
}
@media only screen and (max-width: 500px) {
.section2_leftbox {
    width: 100%;
    float: left;
    margin-right: 0%;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    /* background-color: #cef8ea; */
}
	.wg-photo .photowrap {
    padding-top: 75%;
    width: 93% !important;
    position: relative;
    overflow: hidden;
    margin: 9px auto;
    height: 0px !important;
}
	.section2_midbox {
    width: 100%;
    float: left;
    margin-right:0%;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    /* background-color: #cef8ea; */
}
	.section2_rightbox {
    width: 100%;
    float: left;
    margin-left: 0%;
		margin-top:1rem;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    /* background-color: #d1d4ff; */
}
	.section2_rightbox li {
    width: 25%;
    float: left;
}	

}

.wg-photo .overlay {
	position:absolute;
	background:url(img/transparent_50.png);
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	display:none;
}
.wg-photo .caption {
	position:absolute;
	color:#fff;
	left:0;
	top:40%;
	width:100%;
	display:none;
	z-index:20;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.wg-photo .photowrap:hover .overlay,
.wg-photo .photowrap:hover .caption {
	display:block;
}