@media (max-width: 1600px){ 
    .maincontentcontainer {
        margin: 5rem 10% 2rem 10%;
    }
    .maintcontentselector {
        margin: 5rem 10% 2rem 10%;
    }
}


@media (max-width: 1400px){ 

    .maincontentcontainer {
        margin: 2rem 10% 5rem 10%;
        grid-template-columns: auto auto;
    }


}

@media (max-width: 1000px){ 
    .Maincontentgridbox {
        position: relative; 
        width: 300px;
        height: 325px;
    }
    
    .Maincontentgridbox img {
        width: 300px;
        height: 300px;
        border-radius: 4px;
        display: block; 
    }
    
}

@media (max-width: 850px){ 
    .maincontentcontainer {
        display: grid;
        grid-template-columns: auto  ;
    }

    .Maincontentgridbox {
        position: relative; 
        width: 100%;
        height: 325px;
    }
    
    .Maincontentgridbox img {
        width: 100%;
        height: 300px;
        border-radius: 4px;
        display: block; 
    }

    .maintcontentselector button{
        display: flex;
        width: 100%;
        margin-top: 10px;
    }
    

}