.header {
width: 970px;
}
#techCatWrapper {
width:970px;
}
#techCatWrapper a{
width:305px;
float:left;
padding-bottom:14px;
}
#techCatWrapper a:nth-child(3n+2) {
padding-left:27px;
padding-right:28px;
}
#childCatWrapper a:nth-child(3n+2) {
padding-left:27px;
padding-right:28px;
}
#techCatWrapper a img
{
opacity:1.0;
}
#techCatWrapper a img:hover
{
opacity:0.7;
}
@media(max-width:1001px){
.header{width:100%;}
.header img{width:100%; max-width:none;}
#techCatWrapper {
width:100%;
max-width:500px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-around;
}
#techCatWrapper a, #techCatWrapper a:nth-child(3n+2) {
float:none;
padding-left:0px;
padding-right:0px;
}
#childCatWrapper {
width:100%;
max-width:500px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-around;
}
}
