@charset "utf-8";
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


.mid-box{
	width:20%;
	padding:40px;
	box-shadow: inset 0 0 0 1000px rgba(31,31,31, .0);
}
.mid-box:nth-child(1),
.mid-box:nth-child(2){
	width:100%;
}	
.mid-box:nth-child(3){
	width:100%;
}
.mid-box:nth-child(4),
.mid-box:nth-child(5){
	width:100%;
}
.mid-box a{
	border:2px solid transparent;
	color:transparent;
	transition: all ease 0.4s;
}
.mid-box a:hover,
.mid-box a:focus{
	border:2px solid #e5a283;
	color:#e5a283;
	box-shadow: inset 0 0 0 1000px rgba(31,31,31, .4);
}
.mid-inner-box{
	height:264px;
	display:table;
	width:100%;
}
.mid-inner-box h5{
	font-size:20px;
	text-transform:capitalize;
	text-align:center;	
	font-weight:500;
}

/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.mid-box{
	width:20%;
	padding:30px;
}
.mid-box:nth-child(1),
.mid-box:nth-child(2){
	width:50%;
}	
.mid-box:nth-child(3){
	width:100%;
}
.mid-box:nth-child(4),
.mid-box:nth-child(5){
	width:50%;
}
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.mid-box{
	width:20%;
	padding:30px;
}
.mid-box:nth-child(1),
.mid-box:nth-child(2){
	width:20%;
}	
.mid-box:nth-child(3){
	width:20%;
}
.mid-box:nth-child(4),
.mid-box:nth-child(5){
	width:20%;
}
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.mid-box{
	padding:30px;
}
.mid-inner-box{
	height:232px;
}
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Large devices (xlarge desktops, 1200px and up) */
@media (min-width: 1600px) {
.mid-box{
	padding:40px;
}
.mid-inner-box{
	height:264px;
}
}