/** ImageBelt 1 ----------------------------------------------- */
.frame-imagebelt-1 {
	position: absolute;
	width: calc(100vw - 15px); 
	margin-left: calc(-100vw/ 2 + 1000px/ 2 + 7.5px); 
}

.frame-imagebelt-1 .imagebelt-header {
	position:relative;
	width:100%;
	text-align:center;
	margin-top:40px;
	margin-bottom:-60px;
}

.frame-imagebelt-1 img {
	margin:0;
	padding-top:70px;
	padding-bottom:50px;
	transition:background 0.5s;
	cursor:pointer;
}

.frame-imagebelt-1 img:hover {
	background-color:#cdcdcd66;
}

@media screen and (min-width:1280px) and (max-width:1499px) {
	#preFooter .frame-imagebelt-1 img {
		padding-left:30px;
		padding-right:30px;
	}	
}

@media screen and (min-width:1024px) and (max-width:1279px) {
	#preFooter .frame-imagebelt-1 img {
		padding-left:10px;
		padding-right:10px;
	}	
}

@media screen and (max-width:1024px) {
	.frame-imagebelt-1 {
		width: 100vw; 
		margin-left:-15px;
	}
}

@media screen and (min-width:500px) and (max-width:1023px) {
	#preFooter .frame-imagebelt-1 .ce-row {
		flex-wrap:wrap;
	} 
	
	#preFooter .frame-imagebelt-1 .ce-column {
		flex: 1 0 21%;
	}
	
	#preFooter .frame-imagebelt-1 img {
		padding-left:40px;
		padding-right:40px;
	}	
}

@media screen and (min-width:650px) and (max-width:799px) {
	#preFooter .frame-imagebelt-1 img {
		padding-left:30px;
		padding-right:30px;
	}
}

@media screen and (min-width:500px) and (max-width:649px) {
	#preFooter .frame-imagebelt-1 img {
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width:499px) {
	#preFooter .frame-imagebelt-1 .ce-column {
		flex: 1 0 41%;
	}
}

@media screen and (max-width:350px) {
	#preFooter .frame-imagebelt-1 img {
		padding-left:20px;
		padding-right:20px;
	}
}
/** ImageBelt 1 end ------------------------------------------- */
