@media(max-width:1230px){
    .grid-item{
        width: 28.303% !important; /* 300px */

   }
}




@media(max-width:730px){
    .grid-item{
        width: 44% !important; /* 300px */

   }
}

@media(max-width:590px){
    .grid-item{
        width: 43% !important; /* 300px */
   }
}

@media(max-width:510px){
    .grid-item{
        width: 85% !important; /* 300px */
   }


}

@media(max-width:450px){
  .grid-item{
        width: 90% !important; /* 300px */
   }

}

@media(max-width:370px){
   .grid-item{
        width: 87% !important; /* 300px */
   }

}

@media(max-width:320px){

   .grid-item{
        width: 100% !important; /* 300px */
   }
}

/****************** APP ************/

@media(max-width:1000px){
    section#auth #intro{
        display: none;
    }

    section#auth #auth-form{
        left:0%;
        width:100%;
    }

    section.explore-show .analysis{
        margin-bottom:120px;
    }

    section.explore-show .col:last-child .analysis{
        margin-bottom:40px;
    }
}

@media(max-width:900px){

    section#account .sidebar{
        text-align: center;
    }

    section#account .sidebar .title{
        text-align: left;
    }

    section#account .sidebar .data-block .data-text .data-desc{
        display:none;
    }
    section#account .sidebar .data-block .fa{
        vertical-align: top;
        padding-top:2px;
        display: inline !important;
        text-align: center;
        padding:0;
        margin:0;
    }

    section#account .sidebar .data-block .data-text{
        text-align: center;
        width:100%;
        margin:0;
    }

    section#account .sidebar .data-block{
        width:30%;
        display:inline-block;
        text-align: center;
    }


    footer ul#help-links,
footer .misc-text{
    width:100%;
    text-align: center;
    margin:3px 0px;
}

footer .misc-text{
    margin-top:10px;
}

    table{
        margin-top:15px;
    }

    table, thead, tbody, th, td, tr {
        display: block;
        border:0 !important;
    }

    table,
    table.table-bordered,
    table.table-striped{
        border:0 !important;
        outline: 0;
    }

    tr{
        padding:5px 0px;
        overflow-x:hidden;
    }


    td{
        width:100%;
        border: none;
        padding-left: 50%;
        padding:1px 5px !important;
        font-weight:100;
        white-space:nowrap;
        text-align:left;
        vertical-align:middle;
        overflow-x:auto;

    }

    td.no-mobile{
        display: none;
    }

    td:before {
        display:inline-block;
        width: 45%;
        height:100%;
        padding-right: 10px;
        white-space: normal;
        text-align:left;
        font-size:0.9em;
        font-weight: bold;
        margin-bottom: 10px;
        content: attr(column-title);
    }

    section#candidate td:before {
        width:0;
    }


    section#candidate  td{
        padding-left:0 !important;
        text-align: center;
        white-space:initial;
    }


    thead tr, table tr td.row-td-label, table tr td.blank{
        display:none;
    }


    tr{
        border:1px solid !important;
        margin-bottom:10px;
        border-radius: 10px;
        box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

    }
}

@media(max-width:800px){

    section#candidate #head .nav li{
        width:48%;
        display: inline-block;
    }

    section#candidate #head .person{
        bottom: 150px;
    }

    section#candidate #head .person #name{
        background:#FFF;
        border-radius: 7px;
        padding:5px 10px;
        margin-top:10px;
    }
}

@media(max-width:700px){

    .mobile-view,
    #mobile-view{
        display: block;
    }

    .no-mobile{
        display: none;
    }

    footer {
        position:relative;
        margin-bottom:20px;
    }
    footer ul#help-links{
        width:100%;
    }

    #main > footer ul#help-links{
        display:none;
    }

    section#account .posts-detail,
    section#asm .posts-detail{
        display: none !important;
    }

    section#account .pane .posts-header,
    section#asm  .posts-header{
        width:98%;
        display: block;
    }

    #home-right > .action{
        display:none;
    }

    #sidebar .company span,
    #sidebar .welcome{
        display: none;
    }

    #sidebar,
    #sidebar.small-nav{
        width: 0px;
    }

    #main,
    #main.small-nav{
        left:0px;
    }

    #main header .action{
        display:none;
    }
}

@media(max-width:600px){
    
}

@media(max-width:500px){
    div#parties .data,
    div#candidates .data{
        width:100%;
        display:block;
    }
}


@media(max-width:430px){
    section#account .sidebar .data-block{
        width:46%;
        display:inline-block;
        text-align: center;
    }
}