@media only screen and (max-width: 768px) {


#menu-mobile { display: block; }
#menu-desktop { display: none; }

.my-mobile-hidden {
	display:none;
}

.my-container-fluid {
	width: 100%;
	padding: 0;
}

.logo {
	height: 40px;
    margin-left: 0;
}

.my-header {
	background-color:white;
	height: 60px;
	box-shadow: 0 4px 3px -1px rgb(0 0 0 / 18%);
	padding: 0 10px;
}

.my-cover {
	display:none;
}

.my-body-grid {
  grid-template-columns: 100%;
}

	.my-body-grid-item-menu {
		display:none;
	}
	.my-body-grid-item-menu-main {
		top: -80px;
	}
	.my-body-grid-item-body {
		padding: .5rem;
	}
	.my-body-product-grid {
		justify-content: space-evenly;
	}	
	.my-gallery-grid {
		grid-template-columns: 48vw 48vw;
		grid-template-rows: 48vw 48vw;
		grid-gap:0;
	}	
	.my-gallery-grid-img {
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 2vw;
	}
	
.my-body-subproduct-grid {
	grid-template-columns: 48vw 47vw;
	grid-gap: 1vw;
}	
.my-body-subproduct-grid-item {
	grid-template-columns: repeat(2, 1fr);
}
.my-subproduct-card {
	width: 100%;
	padding: 5px;
}
.my-subproduct-card-img {
/*	height: 150px;*/
	aspect-ratio: 1/1;
}

.my-info-grid {
	grid-template-areas:
        'img'
        'desc'
		'details'
        'price';
	grid-template-columns: 100%;
}
.my-subproduct-card-prices-grid .p1, 
.my-subproduct-card-prices-grid .p2 {
	font-size: 1.4rem;
}


.vert-scroll > .my-offers-grid,
.vert-scroll > .my-offers-grid-product {
  display: block;
}
.vert-scroll > .my-offers-grid > .my-offers-grid-item,
.vert-scroll > .my-offers-grid-product > .my-offers-grid-item-product {
  display: inline-block;
}	

.my-offers-grid-item {
	width: 75vw;
    margin: 0 2vw;
}
.my-offers-grid-item-product {
	width: 50vw;
    margin: 0 2vw;
}

.my-info-grid-item-desc {
	padding-left:0;
}

.my-contact-grid {
    grid-template-areas: 
		'info' 
		'form';
	grid-template-columns: 100%;
}

.calc-form {
    overflow: hidden;
    /* height: 50px; */
}
.calc-form:hover {
    height: auto;
}

.my-info-desc-label-div {
    display: flex;
    overflow: auto;	
}

.my-subproduct-card-grid-prices {
	align-items: center;
	flex-direction: column;
}

.my-subproduct-card-grid-prices button {
	margin: 7px;
}

.my-subproduct-card-grid {
        text-align: center;
}


.info-contact-form img {
	height: 45px;
}

    
}	