/* * Plugin Styles for IT Solutions Columns 
 * Based on the standard percentage grid system
 */

div[class*='one_'], 
div[class*='two_'], 
div[class*='three_'], 
div[class*='four_'], 
div[class*='five_'], 
div[class*='full_'] {
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
}

/* Clear floats after the last column or full width */
.last_column, .full_width {
    margin-right: 0 !important;
    clear: right;
}

/* Clearfix for rows if needed manually */
.column-clear {
    clear: both;
    width: 100%;
    height: 0;
}

/* Width Definitions */
.full_width { width: 100%; }

.one_half { width: 49%; }
.one_third { width: 32%; }
.two_third { width: 66%; }

.one_fourth { width: 23.5%; }
.three_fourth { width: 74.5%; }

.one_fifth { width: 18.4%; }
.two_fifth { width: 39%; }
.three_fifth { width: 59%; }
.four_fifth { width: 79.6%; }

.one_sixth { width: 15%; }
.five_sixth { width: 83%; }

/* Mobile Responsiveness */
@media only screen and (max-width: 768px) {
    div[class*='one_'], 
    div[class*='two_'], 
    div[class*='three_'], 
    div[class*='four_'], 
    div[class*='five_'] {
        width: 100% !important;
        margin-right: 0 !important;
        float: none;
        clear: both;
    }
}