//*****************************************************************************
//*****************************************************************************
// SwellCore Flex Styles
//*****************************************************************************
//*****************************************************************************

//*****************************************************************************
//*****************************************************************************
// Responsive CSS Styles
//*****************************************************************************
//*****************************************************************************

//*****************************************************************************
// XL Screen
//*****************************************************************************
@media (min-width: 1920px) {
    .flex-row {
        .flex-column {
            &.col-xl-0 {
                display: none;
            }
        }
    }
}

//*****************************************************************************
// Large Screen
//*****************************************************************************
@media (min-width: 1440px) and (max-width: 1919.99px) {
    .flex-row {
        .flex-column {
            &.col-lg-0 {
                display: none;
            }
        }
    }
}

//*****************************************************************************
// Landscape Tablet to Small Desktop
//*****************************************************************************
@media (min-width: 1024px) and (max-width: 1439.99px) {
    .flex-row {
        .flex-column {
            &.col-md-0 {
                display: none;
            }
        }
    }
}

//*****************************************************************************
// Landscape phones to Portrait Tablets
//*****************************************************************************
@media (min-width: 600px) and (max-width: 1023.99px) {
    .flex-row {
        .flex-column {
            &.col-sm-0 {
                display: none;
            }
        }
    }
}

//*****************************************************************************
// Portrait phones and down
//*****************************************************************************
@media (max-width: 599.99px) {
    .flex-row {
        .flex-column {
            &.col-xs-0 {
                display: none;
            }
        }
    }
}