/* float.css */

.floatL {
    float: left;
    box-sizing: border-box;
}

.floatC {
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.floatR {
    float: right;
    box-sizing: border-box;
}


/* #RESPONSIVE COLUMNS */

.single_col {
    width: 100%;
}

.one_half_col {
    width: 50%;
}

.one_third_col {
    width: 33.333%;
}

.two_third_col {
    width: 66.666%;
}

.one_fourth_col {
    width: 25%;
}

.three_fourth_col {
    width: 75%;
}

.one_fifth_col {
    width: 20%;
}

.two_fifth_col {
    width: 40%;
}

.three_fifth_col {
    width: 60%;
}

.four_fifth_col {
    width: 80%;
}

.one_tenth_col {
    width: 10%;
}

.three_tenth_col {
    width: 30%;
}

.seven_tenth_col {
    width: 70%;
}

.nine_tenth_col {
    width: 90%;
}


/* #CENTER PSEUDO FLOAT GRID */

.floatC_one_half_col {
    display: inline-block;
    margin: 0 auto;
    width: 49.5%;
}

.floatC_one_third_col {
    display: inline-block;
    margin: 0 auto;
    width: 32%;
}

.floatC_two_third_col {
    display: inline-block;
    margin: 0 auto;
    width: 65%;
}

.floatC_one_fourth_col {
    display: inline-block;
    margin: 0 auto;
    width: 24.5%;
}

.floatC_three_fourth_col {
    display: inline-block;
    margin: 0 auto;
    width: 74.5%;
}

.floatC_one_fifth_col {
    display: inline-block;
    margin: 0 auto;
    width: 19.5%;
}

.floatC_two_fifth_col {
    display: inline-block;
    margin: 0 auto;
    width: 39%;
}

.floatC_three_fifth_col {
    display: inline-block;
    margin: 0 auto;
    width: 58.5%;
}

.floatC_four_fifth_col {
    display: inline-block;
    margin: 0 auto;
    width: 79.5%;
}

.floatC_one_tenth_col {
    display: inline-block;
    margin: 0 auto;
    width: 9.5%;
}

.floatC_one_tenth_col {
    display: inline-block;
    margin: 0 auto;
    width: 9.5%;
}

.floatC_seven_tenth_col {
    display: inline-block;
    margin: 0 auto;
    width: 69.5%;
}

.floatC_nine_tenth_col {
    display: inline-block;
    margin: 0 auto;
    width: 89.5%;
}


/* =================================================================
    #MEDIA QUERIES - SCREEN SIZE
==================================================================

    #THEATER OVER 1799
    #LARGE SCREEN PC 1400 to 1799
    #STANDARD PC 960 TO 1399
    #TABLET 660 TO 959
    #MEDIUM MOBILE 420 TO 659
    #SMALL MOBILE LESS THAN 420

================================================================== */


/*   #THEATER OVER 1799 */

@media only screen and (min-width:1800px) {}


/* #LARGE SCREEN PC 1400 to 1799 */

@media only screen and (min-width:1400px) and (max-width:1799px) {}


/* #STANDARD PC 960 TO 1399 */

@media only screen and (min-width:960px) and (max-width:1399px) {}


/* #TABLET  660 TO 959 */

@media only screen and (min-width:660px) and (max-width:959px) {
    .right_content,
    .left_sidebar,
    .left_content,
    .right_sidebar {
        display: block;
        width: 100%;
        padding: 0;
    }
}


/* #MEDIUM MOBILE 420 TO 659 */

@media only screen and (max-width:659px) {
    .one_half_col,
    .one_third_col,
    .two_third_col,
    .one_fourth_col,
    .three_fourth_col,
    .one_fifth_col,
    .two_fifth_col,
    .three_fifth_col,
    .four_fifth_col,
    .one_tenth_col,
    .three_tenth_col,
    .seven_tenth_col,
    .nine_tenth_col,
    .floatC_one_half_col,
    .floatC_one_third_col,
    .floatC_two_third_col,
    .floatC_one_fourth_col,
    .floatC_three_fourth_col,
    .floatC_one_fifth_col,
    .floatC_two_fifth_col,
    .floatC_three_fifth_col,
    .floatC_four_fifth_col,
    .floatC_one_tenth_col,
    .floatC_one_tenth_col,
    .floatC_seven_tenth_col,
    .floatC_nine_tenth_col {
        display: block;
        width: 100%;
    }
    .right_content,
    .left_sidebar,
    .left_content,
    .right_sidebar {
        display: block;
        width: 100%;
        padding: 0;
    }
}