.hero {
	padding-top: 10px;
	font-size: 13px;
}
.image-boxes {
	
}

.box {
	margin-top: 255px;
	padding: 25px;
}
.box-content {
	padding: 15px;
	background-color: rgba(255,255,255,0.6);
	width: 275px;
	text-align: justify;
}
.box-content a {
	text-decoration: none;
}
.box-button {
	color: #fff;
	background-color: rgba(160,203,196,1);
	padding: 10px;
	margin-top: 25px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	border: 2px solid #B68D4C;
	
}
.box-button:hover {
	background-color: rgba(160,203,196,0.5);
}

.box-button-sml {
	color: #fff;
	background-color: rgba(160,203,196,0.5);
	padding: 10px;
	margin-top: -65px;
	margin-right: 15px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: absolute;
	right: 0;
}
.box-button-sml:hover {
	background-color: rgba(160,203,196,1);
}


.image-box-1 {
	margin-left: -20px;
}

.image-box-2 {
	padding-top: 10px;
	margin-left: -20px;
}

.image-box-1 img {
	height: 274px;
} 
.image-box-2 img {
	height: 274px;
} 











@media all and (max-width : 1196px) {

.image-box-1 img {
	height: 228px;
} 
.image-box-2 img {
	height: 228px;
} 
.box {
	margin-top: 170px;
}
}


@media all and (max-width : 992px) {
	
	.box {
		display: none;
	}
	
.image-box-1 img {
	height: 167px;
}
.image-box-2 img {
	height: 167px;
}
.box-button-sml { 
display: none;
}


@media all and (max-width : 768px) {
.box {
	display: none;
	}
	
	.image-boxes {
	display: none;
}

.trending-now {
	font-size: 22px;
}
.carousel-control-prev-icon {
	display: none;
}


}