@media screen and (max-width: 799px){

	/* ---- Index -------*/
	.boxes_desktop{display: none;}
	.box_section{background-size: 100%; margin-top: 3px;}
	.box_section:hover{background-size: 105%;}

	}


@media screen and (min-width: 1px){


	/* ---- Index -------*/
	.boxes_desktop{width: 100%;}
	.boxes_mobile{width: 100%;}
	
	}

@media screen and (min-width: 800px){

	/* ---- Index -------*/
	.boxes_mobile{display: none;}
	.box_section{background-size: 100% 100%;}
	.box_section:hover{background-size: 105% 105%;}
	}
	

	

		

/* ======== home box =========*/


.box_text{
		text-shadow: 1px 1px 5px #000;
		letter-spacing: 3px;
		color: #FFF;
		font-size: 22px;
		font-weight:bold;
		position: absolute;
		top: 45%;
		left: 0px;
		width: 100%;
		text-align: center;
		text-transform:uppercase;
		}
	
.box_section {
		background-repeat: no-repeat;
		background-position: center;
		opacity: 0.7;
		filter: Alpha(opacity=70);
		webkit-transition: All 0.45s ease-in;
		-moz-transition: All 0.45s ease-in;
		transition: All 0.45s ease-in;
		height: 160px;
		overflow-y: hidden;
		position: relative; }
	
.box_section:hover {opacity: 1;filter: Alpha(opacity=100);}


@media screen and (min-width: 1600px) {
 .box_text { font-size: 30px; }
}