I'm trying to override the width associated with 'container' in a css file only when 'myclass' is organized as below. I'm looking to make the container width 95% when when myclass is present.
<div class="main-section container">
<div class="content-section">
<div>
<div class="myclass otherclass">
</div>
</div>
<div>
</div>
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}