/* Mobile Devices */
@media (max-width: 768px) {
    .Columns {
        position: absolute;
        bottom : 0;
        left : 0;
        height : 100px;
        width: 100%;
        display: inherit !important;
        overflow: auto;
    }
    .Columns .Element {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #116CC9;
        font-weight: bold;
        font-size: 13px;
        border-bottom: solid #EDEDED 1px;

    }
    .Columns .Element-HighLight {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #1D446F;
        font-weight: bold;
        font-size: 13px;
        background-image: -o-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -moz-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -webkit-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -ms-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: linear-gradient(to bottom, #EFE3A7 0%, #FCB249 100%);
        border-bottom: solid #738CAB 1px;
    }
    .Columns .Element:last-child {
        border-bottom: none;
    }
    .Columns .Element .Caption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        font-weight: normal;
        margin-left: 40px;
        width: 250px;
    }
    .Columns .Element .icofont-hand-drag {
        float: left;
        margin-top: 7px;
        font-size: 25px;
        color: #116CC9;
    }
    .Columns .Element .column-select-width{
        width: 90px;
        height: 22px;
        border: 1px solid #116CC9;
        float: right;
        margin-right: 15px;
        margin-top: 8px;
    }
}

/* Small Tablets */
@media (min-width: 769px) and (max-width: 970px) {
    .Columns {
        position: absolute;
        bottom : 0;
        left : 0;
        height : 100px;
        width: 100%;
        display: inherit !important;
        overflow: auto;
    }
    .Columns .Element {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #116CC9;
        font-weight: bold;
        font-size: 13px;
        border-bottom: solid #EDEDED 1px;

    }
    .Columns .Element-HighLight {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #1D446F;
        font-weight: bold;
        font-size: 13px;
        background-image: -o-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -moz-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -webkit-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -ms-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: linear-gradient(to bottom, #EFE3A7 0%, #FCB249 100%);
        border-bottom: solid #738CAB 1px;
    }
    .Columns .Element:last-child {
        border-bottom: none;
    }
    .Columns .Element .Caption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        font-weight: normal;
        margin-left: 40px;
        width: 250px;
    }
    .Columns .Element .icofont-hand-drag {
        float: left;
        margin-top: 7px;
        font-size: 25px;
        color: #116CC9;
    }
    .Columns .Element .column-select-width{
        width: 90px;
        height: 22px;
        border: 1px solid #116CC9;
        float: right;
        margin-right: 15px;
        margin-top: 8px;
    }
}

/* Tablets */
@media (min-width: 971px) and (max-width: 1284px) {
    .Columns {
        position: absolute;
        bottom : 0;
        left : 0;
        height : 100px;
        width: 100%;
        display: inherit !important;
        overflow: auto;
    }
    .Columns .Element {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #116CC9;
        font-weight: bold;
        font-size: 13px;
        border-bottom: solid #EDEDED 1px;

    }
    .Columns .Element-HighLight {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #1D446F;
        font-weight: bold;
        font-size: 13px;
        background-image: -o-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -moz-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -webkit-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -ms-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: linear-gradient(to bottom, #EFE3A7 0%, #FCB249 100%);
        border-bottom: solid #738CAB 1px;
    }
    .Columns .Element:last-child {
        border-bottom: none;
    }
    .Columns .Element .Caption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        font-weight: normal;
        margin-left: 40px;
        width: 250px;
    }
    .Columns .Element .icofont-hand-drag {
        float: left;
        margin-top: 7px;
        font-size: 25px;
        color: #116CC9;
    }
    .Columns .Element .column-select-width{
        width: 90px;
        height: 22px;
        border: 1px solid #116CC9;
        float: right;
        margin-right: 15px;
        margin-top: 8px;
    }
}

/* PC Part */
@media (min-width: 1285px) {
    .Columns {
        position: absolute;
        bottom : 0;
        left : 0;
        height : 100px;
        width: 100%;
        display: inherit !important;
        overflow: auto;
    }
    .Columns .Element {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #116CC9;
        font-weight: bold;
        font-size: 13px;
        border-bottom: solid #EDEDED 1px;

    }
    .Columns .Element-HighLight {
        width : 100%;
        height: 40px;
        cursor: pointer;
        color : #1D446F;
        font-weight: bold;
        font-size: 13px;
        background-image: -o-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -moz-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -webkit-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: -ms-linear-gradient(bottom, #EFE3A7 0%, #FCB249 100%);
        background-image: linear-gradient(to bottom, #EFE3A7 0%, #FCB249 100%);
        border-bottom: solid #738CAB 1px;
    }
    .Columns .Element:last-child {
        border-bottom: none;
    }
    .Columns .Element .Caption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        font-weight: normal;
        margin-left: 40px;
        width: 250px;
    }
    .Columns .Element .icofont-hand-drag {
        float: left;
        margin-top: 7px;
        font-size: 25px;
        color: #116CC9;
    }
    .Columns .Element .column-select-width{
        width: 90px;
        height: 22px;
        border: 1px solid #116CC9;
        float: right;
        margin-right: 15px;
        margin-top: 8px;
    }
}