#addToCompare{
    margin: 20px 0;
}
.compairPane {
       background: $light;
    ul{
        width: 84%;
        li{
            float: left;
            width: 25%;
            padding: 22px 10px 22px 15px;
            position: relative;
            box-sizing: border-box;
            background-color: $light;
            border-right: 1px solid $border-color;
               overflow: hidden;
            .closeBtn2{
                display: block;
                position: absolute;
                top: 4px;
                right: 4px;
                width: 16px;
                height: 16px;
                color: lighten($gray-base, 62%);
            }
            .imgBx{
                width: 50px;
                overflow: hidden;
                text-align: center;
                position: absolute;
            }
            .dtlBx{
                margin-left: 60px;
                min-height: 70px;
            }
            &:hover{
                background: lighten($gray-base, 97%);
            }
        }
    }
}
.compairRight {
    float: right;
    position: relative;
    width: 14%;
}
.dtlBx strong {
    color: $brand-primary;
    display: block;
}
.compairBtn{
    display: block;
    margin: 35px 15px 10px 10px;
    font-size: 16px;
    padding: 3px 10px;
}
.closeBtnCompare{
    position: absolute;
    top:5px;
    right :10px;
    color: lighten($gray-base, 62%);
        &:hover{color: lighten($gray-base, 62%);}
}