.cart {
    width: 200px;
    height: 250px;
    border: 1px solid #beb9b9;
    margin: 30px;
    float: left;
    text-align: center;
    padding: 10px;
}
.cart .name {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.cart .cost {
    font-size: 1.3rem;
    margin: 30px 0;
}
.cart .add-to-cart {
    font-size: 1.1rem;
    background:rgb(41, 174, 227) ;
    color: white;
    padding: 5px 10px;
	margin-top: 15px;
    border: none;
    cursor: pointer;
}
.cart .add-to-cart:hover {
    background: cadetblue;
}
.cart .add-to-cart:active {
    background: red;
}

.goods-out {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.goods-out::after {
    content: "";
    display: block;
    clear: both;
}

.cartn {
    width: 220px;
    height: 220px;
    border: 1px solid #beb9b9;
    margin: 20px;
    float: left;
    text-align: center;
    padding: 30px;
	margin-left: 4%;
}

.cartn .name {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.cartn .cost {
    font-size: 1 rem;
    margin: 10px 0;
}

.cartn .img {
	height: 200px;
	width: 200px;
}


.cartn .add-to-cart {
    font-size: 0.8rem;
    background:rgb(41, 174, 227) ;
    color: white;
    padding: 5px 10px;
	margin-top: 5px;
    border: none;
    cursor: pointer;
}
.cartn .add-to-cart:hover {
    background: cadetblue;
}
.cartn .add-to-cart:active {
    background: red;
}


.goods-outn {

    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.goods-outn::after {
    content: "";
    display: block;
    clear: both;
}

.main-cart img {
    width: 48px;
}

@media (max-width: 524px) {
	.cart {
		margin-left: 16%;
		margin-top: 15px;
	
	}
}