.objects-home-12 .view-header {
	height:100vh;
  bottom: 0;
  width: 100%;
  position:relative;

}


.home-top-title {
	padding:75px 25px 25px 25px;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:url(/sites/default/files/webicons/bg-home-title-2475.png) repeat-x center bottom;
  z-index:10;
}

.home-top-title.div-active {
  transition: opacity 0.5s ease, visibility 0.5s ease;
}


.home-top-title .website-title {
	display: block;
  width: 100%;
  height: 200px;
  background: url(/sites/default/files/webicons/logo-objects-2475-desktop-eng.png) no-repeat center bottom;
  background-size: 100% auto;
  text-indent: -5000px;
}


.home-top-title-moved {
	padding:75px 25px 25px 25px;
	position:fixed;
	top:0;
	left:0;
	right:0;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background:url(/sites/default/files/webicons/bg-home-title-2475.png) repeat-x center bottom;
  z-index:10;
}
.home-top-title-moved.div-moved {
  transition: opacity 0.5s ease, visibility 0.5s ease;
}


.home-top-title-moved .website-title {
	height:70px;
  background: url(/sites/default/files/webicons/logo-objects-2475-mobile-eng.png) no-repeat center bottom;
  background-size: 100% auto;
  text-indent: -5000px;
}




.home-gimmick-picture {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  border: none;
}

.gimmick {
  position: absolute;
  width: 120px; /* กำหนดขนาดของรูปภาพ */
  height: 120px;
  touch-action: none; /* เตรียมพร้อมสำหรับการแตะ */
}



@keyframes bounce {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(calc(100vw - 50px), calc(100% - 50px));
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}











.website-desc {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:25px;
	font-size:1em;
	line-height:1.4em;
}


.objects-home-12 .view-content {
	display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
}
.objects-home-12 .view-content .views-row img {
	margin:0;
}

.objects-home-12 .view-content .views-row-13,
.objects-home-12 .view-content .views-row-14,
.objects-home-12 .view-content .views-row-15,
.objects-home-12 .view-content .views-row-16 {
	height:50px;
	overflow:hidden;
}



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

	.home-top-title .website-title {
	  height: 250px;
	}

	
}


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


	.home-gimmick-picture {
    width: 700px;
    height:250px;
  }

	.home-top-title,
	.home-top-title-moved {
		width:740px;
		margin:0 auto;
	}
	.home-top-title .website-title {
		height:400px;
	}
	.home-top-title-moved .website-title {
		height:150px;
	}

	
	.objects-home-12 .view-content {
		display: grid;
	  grid-template-columns: repeat(4,minmax(0,1fr));
	  gap: 0;
	}

	.objects-home-12 .view-content .views-row-13,
	.objects-home-12 .view-content .views-row-14,
	.objects-home-12 .view-content .views-row-15,
	.objects-home-12 .view-content .views-row-16 {
		height:100px;
		overflow:hidden;
	}

}