.container .content .col_12 .saleProduct {
    width: 24.6%;
    position: relative;
    float: right;
    box-sizing: border-box;
    border-right: 1px dashed #bebebe;
    border-left: 1px dashed #bebebe;
    margin: 0 1px;
    padding: 10px;
    min-height: 371px;
}

    .container .content .col_12 .saleProduct .saleStrip {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 68px;
        height: 68px;
        background: url(images/saleStrip.png) no-repeat;
    }

    .container .content .col_12 .saleProduct .saleImg {
        height: 100px;
    }

    .container .content .col_12 .saleProduct img {
        /*width: 130px;
                    height: 130px;*/
        max-height: 97px;
        max-width: 115px;
        margin: 0 auto;
        display: block;
    }

    .container .content .col_12 .saleProduct span {
        width: 100%;
        line-height: 22px;
        text-align: center;
        font-weight: bold;
        display: block;
    }

    .container .content .col_12 .saleProduct .salePrice {
        border-top: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        height: 37px;
    }

        .container .content .col_12 .saleProduct .salePrice span {
            display: inline-block;
            font-size: 18px;
            width: 40%;
        }

            .container .content .col_12 .saleProduct .salePrice span.priceApprove {
                background: #bbbbbb;
                color: #fff;
                margin: 5px 0;
                box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,.2);
            }

            .container .content .col_12 .saleProduct .salePrice span.priceDenied {
                display: inline-block;
                font-size: 13px;
                width: 46%;
                color: #939393;
                text-decoration: line-through;
            }

    .container .content .col_12 .saleProduct .info {
        display: block;
        border: 1px solid #bdbdbd;
        color: #f89728;
        text-align: center;
        line-height: 30px;
        font-size: 13px;
        text-decoration: none;
        margin-bottom: 5px;
    }

    .container .content .col_12 .saleProduct .infoEmpty {
        display: block;
        color: #f89728;
        text-align: center;
        font-size: 13px;
        text-decoration: none;
        margin-bottom: 5px;
        height: 33px;
        border: 0px;
    }

    .container .content .col_12 .saleProduct .info:hover {
        background: #f89728;
        color: #fff;
    }

    .container .content .col_12 .saleProduct .infoEmpty:hover {
    }

    .container .content .col_12 .saleProduct .timeLeft {
        font-size: 11px;
        background: #d9d9d9;
        margin-bottom: 5px;
        padding-right: 5px;
        color: #666;
    }

        .container .content .col_12 .saleProduct .timeLeft span {
            display: inline-block;
            width: 40%;
            color: #000;
        }

    .container .content .col_12 .saleProduct .amount {
        background: #e6e6e6;
        box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,.2);
        display: block;
        width: 100%;
        height: 34px;
        margin-bottom: 5px;
    }

        .container .content .col_12 .saleProduct .amount div {
            float: right;
            width: 40%;
            margin-top: 3px;
        }

            .container .content .col_12 .saleProduct .amount div .addToBtn {
                width: 72px;
                height: 22px;
                background: url(images/addto.jpg) no-repeat;
                display: block;
                margin-right: 6px;
            }

                .container .content .col_12 .saleProduct .amount div .addToBtn:hover,
                .container .content .col_12 .saleProduct .amount div .addToBtn:active {
                    background: url(images/addto_2.jpg) no-repeat;
                }

            .container .content .col_12 .saleProduct .amount div.range .input {
                margin-bottom: -7.5px;
                margin-right: -5px;
                margin-top: -5.5px;
                width: 46px;
                text-align: center;
            }

            .container .content .col_12 .saleProduct .amount div.range {
                background: #fff;
                margin-right: 5px;
                padding: 5px;
                margin-left: 10px;
                font-size: 12px;
                border: 1px solid #a9a7a8;
                box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,.2);
                position: relative;
            }

                .container .content .col_12 .saleProduct .amount div.range:after {
                    /*content: "éç'";*/
                    position: absolute;
                    right: 65px;
                    color: #999;
                    font-size: 10px;
                }

                .container .content .col_12 .saleProduct .amount div.range .up {
                    position: absolute;
                    top: 1px;
                    left: 0;
                    width: 16px;
                    height: 10px;
                    background: url(images/up.jpg) no-repeat center center;
                    border-right: 1px solid #a9a7a8;
                    border-bottom: 1px solid #a9a7a8;
                }

                .container .content .col_12 .saleProduct .amount div.range .down {
                    position: absolute;
                    bottom: 1px;
                    left: 0;
                    width: 16px;
                    height: 10px;
                    background: url(images/down.jpg) no-repeat center center;
                    border-right: 1px solid #a9a7a8;
                }

            .container .content .col_12 .saleProduct .amount div.quantity {
                display: none;
            }


#personalMarketingContent .box, .boxA {
    background-color: wheat;
    width: 270px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 5px 0 brown;
}

#personalMarketingContent .animals {
    background-color: whitesmoke;
    border-radius: 5px;
    box-shadow: -1px -1px 7px 0 #f89728;
    font-size: 15px;
    margin: 10px auto;
    width: 270px;
}

#personalMarketingContent .animals a {
    text-decoration: underline;
}

#personalMarketingContent .animals .button {
        background: #f89728 none repeat scroll 0 0;
        box-shadow: -2px -2px 5px 0 rgba(0, 0, 0, 0.28);
        color: #fff;
        font-size: 13px;
        padding: 5px;
    }

    #personalMarketingContent .box td, .box th, .boxA td, .boxA th, .animals td {
        padding: 7px;
    }

    #personalMarketingContent .box .button, .boxA .button {
        background: #f89728 none repeat scroll 0 0;
        border-radius: 10px;
        box-shadow: -2px -2px 5px 0 rgba(0, 0, 0, 0.28);
        color: #fff;
        font-size: 15px;
        padding: 8px 18px;
    }

    #personalMarketingContent .box input[type=text] {
        width: 180px;
        height: 25px;
        padding: 5px;
    }

#personalMarketingContent .boxA input[type=text] {
    width: 100px;
    height: 25px;
    padding: 5px;
}

#personalMarketingContent .boxA select {
    width: 100px !important;
    height: 25px;
}



/* ------ iPhone ------- */
@media only screen and (max-width: 600px) {
    .container .content  .col_12 .saleProduct:first-of-type {
        margin-top: 20px;
    }

    .container .content  .col_12 .saleProduct {
        border: 1px solid gray;
        float: none;
        margin: 5px 5px 15px;
        width: 98% !important;
        background-color: #FCF5F3;
        min-height: 100px;
    }

        .container .content  .col_12 .saleProduct .saleImg {
            float: right;
        }

        .container .content  .col_12 .saleProduct span {
            text-align: right;
            width: 86%;
        }

        .container .content  .col_12 .saleProduct img {
            max-width: 70px;
            max-height: 60px;
        }


        .container .content  .col_12 .saleProduct .info:first-of-type {
            margin-top: 20px;
        }

        .container .content  .col_12 .saleProduct .info {
            /*font-size: 16px;
                clear: both;*/
            display: none;
        }

        .container .content  .col_12 .saleProduct .detailsAndCall {
            display: block;
            clear: both;
            width: 100%;
        }

            .container .content  .col_12 .saleProduct .detailsAndCall .dial {
                display: inline !important;
                max-width: 50% !important;
                width: 49% !important;
            }

                .container .content  .col_12 .saleProduct .detailsAndCall .dial > img {
                    display: inline-block !important;
                    max-width: 100% !important;
                    width: 49% !important;
                }

            .container .content  .col_12 .saleProduct .detailsAndCall .moreDetails {
                display: inline !important;
                max-width: 50% !important;
                width: 49% !important;
            }

        .container .content  .col_12 .saleProduct .infoEmpty {
            display: none;
        }

        .container .content  .col_12 .saleProduct .timeLeft {
            margin-top: 20px;
            font-size: 16px;
            margin-bottom: -15px;
            text-align: center;
        }

        .container .content  .col_12 .saleProduct .salePrice span.priceApprove {
            width: 37%;
            font-size: 20px;
        }

        .container .content  .col_12 .saleProduct .salePrice span.priceDenied {
            width: 30%;
        }

        .container .content  .col_12 .saleProduct .amount div .addToBtn {
            background: url("images/addto2.jpg") no-repeat scroll 0 center / 95% auto rgba(0, 0, 0, 0);
            height: 43px;
            width: 90%;
        }

            .container .content  .col_12 .saleProduct .amount div .addToBtn:hover,
            .container .content  .col_12 .saleProduct .amount div .addToBtn:active {
                background: url("images/addto2_2.jpg") no-repeat scroll 0 center / 95% auto rgba(0, 0, 0, 0);
            }

        .container .content  .col_12 .saleProduct .timeLeft span {
            width: auto;
        }

        .container .content  .col_12 .saleProduct .timeLeft + .container .content  .col_12 .saleProduct .info:first-of-type {
            margin-top: 0px !important;
        }

        .container .content  .col_12 .saleProduct .salePrice span {
            width: 20%;
            text-align: center;
        }

        .container .content  .col_12 .saleProduct .amount {
            height: 50px;
        }

            .container .content  .col_12 .saleProduct .amount div.range:after {
                content: "";
            }

            .container .content  .col_12 .saleProduct .amount div.range .up,
            .container .content  .col_12 .saleProduct .amount div.range .down {
                width: 26px;
                height: 34px;
                top: -1px;
                border: 1px solid #a9a7a8;
                position: absolute;
            }

            .container .content  .col_12 .saleProduct .amount div.range .up {
                left: -25px;
                background: url(images/up2.jpg) no-repeat center center;
                border-radius: 8px 0 0 8px;
            }

            .container .content  .col_12 .saleProduct .amount div.range .down {
                right: -26px;
                background: url(images/down2.jpg) no-repeat center center;
                border-radius: 0 8px 8px 0;
            }

            .container .content  .col_12 .saleProduct .amount div.quantity {
                color: #f49426;
                display: inline-block;
                font-size: 12px;
                font-weight: bold;
                margin-top: 12px;
                width: 13%;
            }

            .container .content  .col_12 .saleProduct .amount div img {
                width: 112px;
                height: 35px;
            }

            .container .content  .col_12 .saleProduct .amount div {
                /*width: 100%;
		width: calc(100% - 143px);
		text-align: -webkit-left;*/
                float: left;
            }
                /*.container .content  .col_12 .saleProduct .hearts{
		background: url(images/hearts.jpg) no-repeat center bottom;
		height:30px;
	}*/
                .container .content  .col_12 .saleProduct .amount div.range {
                    padding: 9.5px 0;
                    position: relative;
                    text-align: center;
                    width: 60px;
                    font-size: 20px;
                    line-height: 12px;
                    margin: 10px 30px 0;
                    border-radius: 0;
                    float: right;
                }

                    .container .content  .col_12 .saleProduct .amount div.range .input {
                        border: none;
                    }
}
/* ------ iPad ------- */
@media only screen and (min-width: 601px) and (max-width: 1024px) {


    #main-nav:target + .page-wrap .container .content  .col_12 .saleProduct .amount div img {
        width: 55px;
    }

    #main-nav:target + .page-wrap .container .content .col_12 .saleProduct .amount div.range .up img,
    #main-nav:target + .page-wrap .container .content .col_12 .saleProduct .amount div.range .down img {
        width: 16px;
    }
}