@import "../../../styles.sass"

$bgColor: #bebebe;
$borderGray:  #a9a9a9;

#operating-system
    width: 100%
    height: 43px
    margin: 23px 0 0 0
    border-radius: 5px
    background-color: $bgColor
    border: solid 1px $borderGray
    font-family: $openSansSemiBold
    line-height: 2.3
    clear: both

    .heading
        width: 20%
        float: left
        height: 100%
        h4
            font-size: 17px
            font-weight: 600
            color: $white
            text-align: center
            font-family: $openSansSemiBold

    .os-details.dashboard
        margin: 0
        width: 100%
        height: 100%;
        float: none
        .os-single-detail-dash
            height: 100%
            ul
                list-style: none
                color: $white
                font-size: 17px
                li
                    display: inline-block
                    width: 28%
                    text-align: center
                    line-height: 17px
                    // margin: 12px 0
                    font-family: $openSansSemiBold
                li:first-child
                    text-align: right
                li:nth-child(2)
                    border-right: 2px solid $white
    .dashCol
        padding: 0

@media only screen and (max-width: 1000px)
    #operating-system
        .heading
            width: 25%

@media only screen and (max-width: 800px)
    #operating-system
        .heading
            h4
                font-size: 14px
                line-height: 3

@media only screen and (max-width: 725px)
    #operating-system
        .heading
            h4
                font-size: 10px
                line-height: 3