/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/
.tags { max-width: 950px; margin: 0 auto 50px auto; }
.tags a {
	padding: 3px 10px 4px 10px;
	margin: 0 0 5px 0;
	border: none;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	font-weight: normal;
}

.theme-list { text-align: center; }
.info-box1 { 
	width: 350px;
	text-align: center;
	display: inline-block;
	box-shadow: 0 1px 8px 0 rgba(0,0,0,0.15);
	margin: 25px 15px 25px 15px;
}
.info-box1 .img-box { 
	position: relative;
	min-height: 350px;
}
.info-box1 .img-box img { width: 100%; }
.info-box1 .overlay {
	position: absolute;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 99;
	left: 0px;
	top: 0px;
	opacity: 0;
}
.info-box1 .img-box > a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.info-box1 .hd {
	font-weight: normal;
	font-size: 16px;
	margin: 0px;
	/* color: #fff; */
	color: #262f38;
}
.info-box1 .info {
	/* background-color: #262f38; */
	background-color: #fff;
	border-top: 5px solid #cccc66;
}
.info-box1:hover .overlay {	opacity: 1; }
.info-box1:hover .info { background-color: #262f38; border-color: transparent; }
.info-box1:hover .hd { color: #fff; }

.info-box1,
.info-box1 * {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;	
}

@media (min-width: 1200px) {
	

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

@media (min-width: 992px) {
		
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
	
}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}