﻿.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.sip ul.list {
    list-style: none;
}
.sip ul.list li {
    display: inline-block;
}

.sip .title,.line-icon,.description{
    text-align: center;
}

.line-icon{
    margin-bottom: 1%;
}

.description{
    margin-top: 2%;
    margin-bottom: 6%;
}

@media only screen and (max-width: 2000px) and (min-width: 1200px) {
    .list .price {
        top: 0;
        float: right;
        margin-top: 5%;
    }

    .list .name{
        margin-left: 5%;
    }

    .list .item-description{
        margin-left: 18%;
        margin-top: -2%;
    }

    .list .line{
        top: 0;
        width: 40%;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 998px)  {
    .list .price {
        top: 0;
        float: right;
        margin-top: 6%;
    }

    .list .name{
        margin-left: 5%;
    }

    .list .item-description{
        margin-left: 21%;
        margin-top: -2%;
    }

    .list .line{
        top: 0;
        width: 30%;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 996px) and (min-width: 990px)  {
    .list .price {
        top: 0;
        float: right;
        margin-top: 6%;
    }

    .list .name{
        margin-left: 5%;
    }

    .list .item-description{
        margin-left: 21%;
        margin-top: -2%;
    }

    .list .line{
        top: 0;
        width: 30%;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 990px) and (min-width: 770px)  {
    .list .price {
        top: 0;
        float: right;
        margin-top: 4%;
    }

    .list .name{
        margin-left: 5%;
    }

    .list .item-description{
        margin-left: 16%;
        margin-top: -2%;
    }

    .list .line{
        top: 0;
        width: 49%;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 680px){
    .list .price {
        float: right;
        margin-top: 1%;
    }

    .list .image{
        display: none;
    }

    .list .line{
        top: 0;
        width: 50%;
    }

    .list .item-description{
        display: none;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 680px) and (min-width: 430px){
    .list .price {
        float: right;
    }

    .list .image{
        display: none;
    }

    .list .line{
        top: 0;
        width: 50%;
    }

    .list .item-description{
        display: none;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 430px) {
    .list .price {
        float: right
    }

    .list .image{
        display: none;
    }

    .list .line{
        top: 0;
        width: 40%;
    }

    .list .item-description{
        display: none;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 400px) {
    .list .price {
        float: right
    }

    .list .image{
        display: none;
    }

    .list .line{
        top: 0;
        width: 30%;
    }

    .list .item-description{
        display: none;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 300px) {
    .list .price {
        float: right
    }

    .list .image{
        display: none;
    }

    .list .line{
        display: none;
    }

    .list .item-description{
        display: none;
    }

    .list {
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 230px) {
    .list .price {
        display: none;
    }

    .list .image{
        display: none;
    }

    .list .line{
        display: none;
    }

    .list .item-description{
        display: none;
    }

    .list {
        margin-bottom: 5%;
    }
}

.line {
    border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.line {
    height: 3px;
    border-bottom: 1px dashed #939393;
    display: table-cell;
    width: 98%;
    z-index: 1;
    position: relative;
    bottom: 9px
}
