/* Begin CVL Flexbox */
@media (max-width: 767px) {
/*.content-wrapper .container .row .col-sm-12*/ /* Most pages */
#content > .container
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

/* optional */
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}

/* http://css-tricks.com/using-flexbox/ */
#content > .container > .col-sm-3.left-nav
{
-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2;         /* OLD - Firefox 19- */
 /*width: 20%;*/          /* For old syntax, otherwise collapses. */
 width: 100%;             /* For old syntax, otherwise collapses. */
-webkit-flex: 2;          /* Chrome */
-ms-flex: 2;              /* IE 10 */
flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

#content > .container > .col-sm-9.content
{
width: 100%; /* For old syntax, otherwise collapses. */
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

/* END http://css-tricks.com/using-flexbox/ */

/* End CVL Flex Box */

}