/* ALBERT BLEUSS */

/* ## RESPONSIVE 1024PX ## */
@media screen and (max-width: 1024px) {

	* {
		--margin-website: 5%;
		--size-tx-header-menu-links: 24px;
		--size-tx-header-menu-logotype: 24px;
	}

	.arrows {
		display: none;
	}

	body {
		overflow-x: hidden;
	}

	h3 {
		color: #12AEAA;
		font-weight: 700;
		font-size: 32px;
		display: block;
		text-align: center;
		padding-bottom: 40px;
		margin: 0;
	}

	.header-information {
		display: none;
	}

	.header-information-social p {
		display: none;
	}

	.header-menu {
		margin: 0;
		border-radius: 0;
	}

	.headroom {
		transition: none;
	}

	.headroom--pinned {
		transform: translateY(0%);
	}

	.headroom--unpinned {
		transform: translateY(0%);
	}

	.header-menu-links {
		position: fixed;
		right: 0;
		height: calc(100vh - 69px);
		width: 100%;
		top: 69px;
		display: flex;
		background: rgba(37, 37, 37, 0.95);
		transform: translateX(100%);
		transition: transform .5s ease-in;
		z-index: 101;
	}

	.header-menu-links ul {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: calc(80vh - 69px);
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.header-menu-links ul li {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}

	.header-menu-links ul li a,
	.header-menu-links ul li a:focus {
		padding: 25px 0;
		margin: 0px;
		width: 100%;
		text-align: center;
		display: block;
	}

	.header-menu-links ul li a:hover {
		padding: 50px 0;
	}

	nav.header-menu-links ul li:last-child a {
		border-radius: 0;
	}

	.header-menu-responsive {
		display: inline-block;
	}

	.header-menu-links-active {
		transform: translateX(0%);
	}

	.whatsapp-button {
		bottom: 10px;
		right: 10px;
	}

	.messenger-button {
		bottom: 80px;
		right: 10px;
	}

	section#home {
		height: 100vh;
		background: url('../assets/stock-background-rd.jpg') center no-repeat;
		background-size: cover;
	}

	.section-home-video {
		height: 200%;
	}

	.section-home-video video {
		height: 100vh;
	}

	.section-home-content-container {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
		height: 100vh;
	}

	.section-home-content-item {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		background: rgba(37, 37, 37, .75);
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
		cursor: default;
	}

	.section-home-item-icon {
		width: 20%;
		text-align: center;
		padding: 0;
		margin: 10px 0;
	}

	.section-home-item-icon i {
		font-size: 40px;
	}

	.section-home-item-text {
		width: 80%;
		text-align: justify;
		padding: 0;
		margin: 0;
	}

	.section-home-item-text h2 {
		font-weight: 700;
		padding: 0;
		margin: 10px 0;
	}

	.section-home-item-text p {
		padding: 0;
		margin: 10px 20px 10px 0;
		font-size: 14px;
	}

	section#aboutus,
	section#products {
		padding-top: 112px;
	}

	.section-aboutus-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		height: 100vh;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 40px;
	}

	.section-aboutus-item:last-child {
		margin-bottom: 40px;
	}

	.section-aboutus-item.responsive {
		display: flex;
	}

	.section-aboutus-item.no-responsive {
		display: none;
	}

	.section-aboutus-item.inverted .section-aboutus-item-photo {
		margin-right: 0;
		margin-left: 0;
	}

	.section-aboutus-item.inverted .section-aboutus-item-text {
		margin-right: 0;
		margin-left: 0;
	}

	.section-aboutus-item-photo {
		width: 100%;
		height: 100%;
		margin-right: 0;
		display: block;
		aspect-ratio: 1/1;
	}

	.section-aboutus-item-text {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
		display: block;
	}

	.section-aboutus-item-text p {
		font-size: 20px;
	}

	section#contact {
		width: 100%;
		padding-top: 120px;
		padding-bottom: 40px;
	}

	.section-contact-content-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
		width: 100%;
	}

	.section-contact-item {
		width: 100%;
		height: auto;
		margin-right: 0px;
		display: block;
	}

	.section-contact-item.space {
		margin-top: 40px;
	}

	.section-contact-item input {
		width: 90%;
		padding: 10px;
	}

	.section-contact-item textarea {
		width: 90%;
		padding: 10px;
	}

	.section-contact-item iframe {
		height: 400px;
	}

	.section-aboutus-work-item {
		margin: 50px 0 0 0;
	}

	.stn-products-container {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 10px;
	}

	.stn-products-item {
		flex-direction: row;
	}

	.stn-products-item img {
		width: calc(50% - 20px);
		aspect-ratio: 1/1;
		border-radius: 10px;
		object-fit: cover;
	}

	.stn-products-item h4,
	.stn-products-item p {
		text-align: left;
		margin: 0 0 0 20px;
	}

	.stn-products-item h4 {
		font-size: 18px;
	}

	.stn-products-item p {
		font-size: 14px;
	}

	.accordion {
		padding: 30px 10px;
		font-size: 24px;
	}

	.catem-card {
		width: 95vw;
		height: 70vh;
		flex-direction: column;
	}

	.catem-image {
		width: 100%;
		height: 50%;
	}

	.catem-image img {
		width: 100%;
		height: 100%;
		aspect-ratio: 5/1;
		object-fit: cover;
		border-radius: 20px 20px 0 0;
	}

	catem-text {
		padding: 5px 10px;
	}

	.catem-text h3 {
		text-align: left;
		font-size: 18px;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	.catem-text p {
		text-align: justify;
		color: #101010;
		font-size: 16px;
		padding: 0;
		margin: 5px 0;
	}

	.catem-container i {
		font-size: 32px;
		color: white;
		position: absolute;
		top: 16px;
		right: 26px;
	}
}