#content{
    min-height: 800px; background: url('../images/carrito/carrito-de-compras-bg.jpg') no-repeat center; background-size: cover;
}
/*INICIA CARRITO DE COMPRAS*/
.carrito-wrap {
    width: 100%; position: relative;
    height:100%;
}
.carrito-cont {
    width: 85%; position: relative; margin: 0 auto; padding: 150px 0 80px; max-width: 1200px;
}
.carrito-compra-cont-item {
    border-bottom: 1px solid rgba(204,204,204,.5); height: 100px; overflow: hidden; position: relative;
    box-sizing: border-box; padding: 10px 0px;
}
.carrito-compra-cont-item:last-child {
    border-bottom: 0px;
}
.carrito-titles {
    color: #676767; font-weight: 500;
}
.carrito-titles ul li{
    list-style-type: none; display: inline-block; font-size: 12px;
}
.carrito-titles ul li:first-child {
    text-transform: uppercase; font-size: 21px;
}
.carrito-compra-cont {
    background: #fff; border-radius: 10px; padding: 10px 20px; width: 75%; display: inline-block;
}
.carrito-item-img {
    background-size: 70%; width: 190px; height: 100%; background-position: center; background-repeat: no-repeat; border-radius: 10px;
    display: inline-block; width: 20%; position: relative;
}
.item-description {
    display: inline-block; width: 44%;  margin-right: 5%; position: relative;
    height: 100%;
}
.carrito-item-marca {
    background-size: contain; width: 130px; height: 40px; background-position: center; background-repeat: no-repeat;
}
.carrito-compra-cont-item .quantity {
    display: inline-block; height: 100%; position: relative;width: 40px;
}
.quantity input[type=number] {
    border: 1px solid #ccc; border-radius: 5px; padding: 5px 3px 5px 7px; width: 100%; font-size: 15px;
    position: absolute; left: 0px; top: 50%; transform: translateY(-50%);
}

.item-description h3{
    font-size: 22px; font-weight: 500;
}
.item-description p{
    color: #676767; font-size: 10px;
}
.txTdes{
    position: absolute; width: 100%; left: 0px; top: 50%;
    transform: translateY(-50%);
}
.price {
    float: right; margin: 0; text-align: right; display: inline-table;
    position: relative; height: 100%; width: 130px;
}
.priceItem{
    position: absolute; width: 100%; top: 50%;  transform: translateY(-50%);
}
.price h4{
    color: #0050a3; font-weight: 500; font-size: 20px;
}
.price h6{
    color: #2d2d2c; font-weight: 300; font-size: 12px;
}
.delete {
    font-size: 12px; color: #676767; margin: 10px 0 0; cursor: pointer;
    opacity: .5;
}
.delete:hover{
    opacity: .8;
}
.delete .fa{
    font-size: 15px;
}
.resumen-compra {
    float: right; max-width: 250px; text-align: center;
}
.resumen-compra-cont {
    background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 20px 25px;
    text-align: left;
}

.resumen-title {
    background: #242424; color: #6e6e6b; font-size: 15px; padding: 12px 5px; font-weight: 500;
    border-top-left-radius: 12px; border-top-right-radius: 12px; text-align: center;
}
.agregados-number {
    background: #242424; border-radius: 50%; display: inline-block; padding: 10px 15px; color: #00c443; font-size: 17px; margin-right: 10px;
}
.articulos-agregados-cont {
    font-size: 12px; color: #676767; text-transform: uppercase; text-align: center; border-bottom: 1px solid #dedede; padding: 4px 0 12px;
        margin: 0 0 10px;
}
.articulos-agregados-title {
    font-size: 12px; color: #242424; font-weight: 600; padding: 10px 0; display: inline-block; width: 70%; text-align: left;
}
.articulos-agregados-quantity {
    font-size: 16px; font-weight: 300; color: #8f8f8f; float: right; padding: 5px 0;
}
.total-price {
    color: #0050a3; font-size: 31px; font-weight: 500; text-align: center; margin: 30px 0 0;
}
.total-price.prices-small {
    font-size: 20px;
}
#zmg_code{
    width: 120px;
    line-height: 36px;
    border: 1px solid #d9d9d9;
    margin-right:10px;
    padding: 0 10px;
    text-transform: uppercase;
}

.pay {
    text-align: center;
}
.carrito-titles h2{
    font-size: 24px; text-transform: uppercase;
    color: #676767; font-weight: 500; text-align: center; margin: 30px 0 40px;
}
.carrito-titles ul {
    margin-bottom: 15px;
}
.carrito-titles ul li:nth-child(2){
    padding-left: 29%; float: right;
}
.carrito-titles ul li:nth-child(3){
    padding-left: 12%; float: right;
}

.seguir-comprando {
    font-size: 12px; color: #676767; margin: 15px 0 0; font-weight: 500;
}

/*TERMINA CARRITO DE COMPRAS*/


/*=======MOVIL========*/
@media screen and (max-width: 1220px) {
    .carrito-cont {width: 90%;}
    .carrito-compra-cont {width: 73%;}
    .carrito-titles ul li:nth-child(2) {padding-left: 25%;}
}

@media screen and (max-width: 1110px) {
    .carrito-compra-cont {width: 70%;}
}

@media screen and (max-width: 1130px) {
    .carrito-cont {padding: 220px 0 80px;}
    .carrito-titles ul li:nth-child(3) {padding-left: 8%;}
}
@media screen and (max-width: 1100px) {
    .carrito-titles ul li:nth-child(3) {padding-left: 8%;}
    .carrito-titles ul li:nth-child(2) {padding-left: 20%;}
    .carrito-item-img {
        background-size: 85%;
    }
}
@media screen and (max-width: 1000px) {
    .carrito-compra-cont {width: 66%;}
    .item-description {margin-right: 0; width: 40%;}
    .item-description h3 {font-size: 25px; line-height: 105%;}
    .carrito-titles ul li:nth-child(2) {padding-left: 10%;}
}
@media screen and (max-width: 900px) {
    .resumen-compra {max-width: 32%;}
    .agregados-number {margin-right: 3px; padding: 2px 7px;}
    .carrito-cont {width: 95%; padding-top: 140px;}
    .item-description h3{
        font-size: 16px;
    }
    .carrito-titles ul li:nth-child(2) {padding-left: 5%;}
    .price h4{
        font-size: 18px;
    }

}

@media screen and (max-width: 770px) {
    .carrito-compra-cont {width: 100%}
    .carrito-cont {width: 90%;}
    .resumen-compra {float: none; margin: 30px auto 0; max-width: 80%;}
    .total-price {margin: 10px 0 0;}
    .delete {margin: 20px 0 0;}
    .carrito-titles ul li:nth-child(2) {padding-left: 20%; }
    .carrito-titles ul li:nth-child(3) {padding-left: 0; float: right; margin: 10px 10% 0 0;}
}
@media screen and (max-width: 700px) {
    .carrito-titles ul li:nth-child(2) {padding-left: 18%; }
}
@media screen and (max-width: 630px) {
    .carrito-titles ul li:nth-child(2) {padding-left: 12%; }
}
@media screen and (max-width: 600px) {
    .item-description h3 {font-size: 18px;}
    .carrito-item-marca {height: 34px; background-position: left;}
    .item-description {width: 35%;}
    .price h6{
        font-size: 10px;
    }
    .carrito-titles ul li:nth-child(2) {padding-left: 5%; }
    .carrito-item-marca{
        width: 100%; height: 30px;
    }
}
@media screen and (max-width: 480px) {

    .carrito-compra-cont {padding: 10px 8px;}
    .carrito-item-img {height: 100px;}
    .price {min-height: 60px; text-align: left;}
    .item-description h3 {font-size: 15px;}
    .price h4 {font-size: 20px;}
    .carrito-titles ul li:first-child {font-size: 18px;}
    .carrito-titles ul li:nth-child(3) {margin: 5px 10% 0 0;}
    .carrito-item-img{
        background-size: 90% !important;
    }
    .carrito-compra-cont-item{
        height: auto;
    }
    .item-description{
        height: auto; width: 75%; min-height: 100px;
    }
    .carrito-compra-cont-item .quantity{
        min-height: 60px; width: 30%;
    }
}

@media screen and (max-width: 430px) {
    .carrito-titles ul li:first-child {font-size: 16px;}
}
@media screen and (max-width: 380px) {
    .carrito-cont {width: 95%;}
    .item-description h3 {font-size: 13px;}
    .price h4 {font-size: 18px;}
    .carrito-item-marca {height: 30px;}
    .carrito-item-img {height: 80px;}
    .delete {margin: 5px 0 0;}
    .resumen-compra {max-width: 100%;}
    .articulos-agregados-cont {padding: 6px 0 6px;}
    .resumen-compra-cont {padding: 0 20px 25px;}
    .articulos-agregados-cont {margin: 0 0 5px;}
    .articulos-agregados-quantity {padding: 5px 0 0;}
    .articulos-agregados-title {padding: 8px 0 5px;}
    .total-price {font-size: 25px;}
    .pay .myButton {margin: 5px 0 0;}
    .carrito-cont {padding: 150px 0 30px;}
    .carrito-titles ul li:nth-child(2){padding-left: 55%;}
    .carrito-titles ul li:first-child {display: block; border-bottom: 1px solid #a09e9e; padding-bottom: 5px;}
    .carrito-titles ul li:nth-child(3) {margin: 4px 10% 0 0;}
    .carrito-titles ul {margin-bottom: 5px;}
}