<?php
if (!headers_sent())
{
    header("Content-type: text/css");
}
?>
/**
*
* License:
*
* Copyright (c) 2003-2006 ossim.net
* Copyright (c) 2007-2013 AlienVault
* All rights reserved.
*
* This package is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; version 2 dated June, 1991.
* You may not use, modify or distribute this program under any other version
* of the GNU General Public License.
*
* This package is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this package; if not, write to the Free Software
* Foundation, Inc., 51 Franklin St, Fifth Floor, Boston,
* MA  02110-1301  USA
*
*
* On Debian GNU/Linux systems, the complete text of the GNU General
* Public License can be found in `/usr/share/common-licenses/GPL-2'.
*
* Otherwise you can read it here: http://www.gnu.org/licenses/gpl-2.0.txt
*
*/


.grid-container
{
    width : 100%;
    max-width : 1200px;
    margin: auto;
}

/*-- setting border box on all elements inside the grid --*/
.grid-container *{
    box-sizing: border-box;
}

/*-- our cleafix hack -- */
.row:before,
.row:after
{
    content:"";
    display: table ;
    clear:both;
}

[class*='col-'] {
    float: left;
    min-height: 1px;
    width: 16.66%;
    /*-- our gutter -- */
    padding: 8px 5px;
}

.col-1
{
    width: 16.66%;
}
.col-2
{
    width: 33.33%;
}
.col-3
{
    width: 50%;
}
.col-4
{
    width: 66.664%;
}
.col-5
{
    width: 83.33%;
}
.col-6
{
    width: 100%;
}

@media all and (max-width:800px){
    .col-1
    {
        width: 33.33%;
    }

    .col-2
    {
        width: 50%;
    }

    .col-3
    {
        width: 100%;
    }

    .col-4
    {
        width: 100%;
    }

    .col-5
    {
        width: 100%;
    }

    .col-6
    {
        width: 100%;
    }

    .row .col-2:last-of-type
    {
        width: 100%;
    }

    .row .col-5 ~ .col-1
    {
        width: 100%;
    }
}

@media all and (max-width:650px){
    .col-1
    {
        width: 50%;
    }

    .col-2
    {
        width: 50%;
    }

    .col-3
    {
        width: 50%;
    }

    .col-4
    {
        width: 100%;
    }

    .col-5
    {
        width: 100%;
    }

    .col-6
    {
        width: 100%;
    }
}