.nnc-rw {margin-right: 15px; margin-left: 15px; display: block;}
.c-l {line-height: 1.3; position: relative;}
.m-t {margin-top: 30px;}
.f-l {float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.cat-sect {display: block;}
.coincol{ vertical-align: top; display: inline-block; width: 45%; margin-left:4%; }
.ccvr{ /*border-left: 1px solid #000;*/ padding-left:2%; }


.coin-list-style { list-style: none !important; list-style-type: none !important;}
.coin-list-style a{color: #666 !important;}
.coin-list-style li:first-child{padding-top: .6em;}

span.prod-count-text {visibility: hidden;}
span.prod-count-text:hover {visibility: visible;}

.coin-category-img{
    background-image:url(/wp-content/plugins/northern-nevada-coin/includes/images/us-coin-category-pics.png);
}

.coin-heading {
    padding-bottom: 2px;
    margin: 0 60px 0 10px;
    /*border-bottom: 2px dotted #dba542;*/
}

.coin-heading h3{
    color: #666;
    font-weight: bold;
    margin-left: -.5em;
    border-radius: 0 0 0 1em;
    padding-left: .5em;
    background-image: linear-gradient( rgba(255,255,255,0) 70%, rgba(219,165,66,.5) );
    text-shadow: 1px 2px 3px #b7a17d;
    padding-bottom: .5em;
}

.coin-heading a:visited{
    color: #666 !important;
}

.coin-img {
    float: right;
    margin: -5px -2px 0 0;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
}

/*row 1 of picture*/
.half-cents-and-cents-img{ background-position: 0 0; }
.two-and-three-cents-img{ background-position: -72px 0; }
.nickels-img{ background-position: -144px 0;}
.half-dimes-and-dimes-img{background-position: -216px 0;}
.quarters-img{ background-position: -288px 0;}
.half-dollars-img{ background-position: -360px 0;}
.dollars-img{ background-position: -432px 0;}
.gold-coins-img{ background-position: -504px 0;}
/*row 2 of picture*/
.commemoratives-img{ background-position: 0 -72px; }
.bullion-coins-img{ background-position: -72px -72px; }
.proof-and-mint-sets-img{ background-position: -144px -72px;}
.colonials-img{background-position: -216px -72px;}
.territorial-img{ background-position: -288px -72px;}
.patterns-img{ background-position: -360px -72px;}
.tokens-and-medals-img{ background-position: -432px -72px;}
.foreign-img{background-position: -504px -72px;}

#prod_cat_container {
    display: flex ;
    align-items: stretch ;
    flex-flow: row wrap ;
}


@media all and (min-width: 640px) {
    /*two column code*/
    #prod_cat_container {
       display: flex ;
       align-items: stretch ;
       flex-flow: row wrap ;
    }
    #coin-col-1 {
       order: 1 ;
    }
    #coin-col-2 {
       order: 2 ;
    }
}


@media all and (max-width: 639px) {
    /* one column code */
    #prod_cat_container {
        display: flex ;
        align-items: stretch ;
        flex-flow: column wrap ;
    }
    #coin-col-1 {
        order: 1 ;
        width: 90%;
    }
    #coin-col-2 {
        order: 2 ;
        width: 90% ;
    }
}