.column_nav > div {
      border:1px solid #3c7dc1;  
    }
.column_nav_title {
    height:37px;
    font-size:16px;
    font-weight:bold;
    line-height:37px;
    padding-left:10px;
    border-bottom:1px solid #3c7dc1;
    background-color:#f7f7f7;
}
.column_nav_con {
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
}
    .column_nav_con > div div {
      height:35px;
      line-height:35px;
      font-size:14px;
      border:1px solid #d6d6d6; 
    }

    .column_nav_con a {
        color:black;
    }

    .column_nav_con .column_nav_name {
        text-align:center;
        height:38px;
        line-height:38px;
        padding-right:3px;
        padding-left:3px;
        margin-top:5px;
    }

.column_nav_con {
    height:218px;
}



@media (min-width: 283px) {
     .column_nav {
           padding-left:0px;
           padding-right:0px; 
        }

        .column_nav > div {
            margin-bottom:15px;
        }


}

@media (min-width: 751px) {


    .column_nav {
        padding-left: 10px;
        padding-right: 0px;
    }

        .column_nav > div {
            margin-bottom:0px;
        }
}