.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

/**** Product Selection Button ****/

#product-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
justify-content: center;
gap: 12px;
margin-inline: auto;
list-style: none;
padding-block: 20px;
text-align: center;
}


.content-thermatru,
 .content-provia { 
display: none;
margin-inline: auto;
padding: 25px 10px;
}

.show { 
display: block; 
}

#product-buttons button  {
    background: #7d0f02;
    border: 3px solid #dedede;
    width: 200px;
    color: #ffffff;
    font-weight: 600;
    padding: 15px 5px;
    border-radius: 15px;
    }
    
    #product-buttons button:hover  {
    background: #ffffff;
    color: #000000;
    }

    
    #active-btn {
        background-color: #ffffff!important;
        color: #000000!important;
        }

/****** Media Queries ****/

@media (max-width: 1100px) {
#product-buttons {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 720px) {
#product-buttons {
grid-template-columns: 1fr;
}

#product-buttons li {
max-width: 95%;
width: 100%;
}
}