.buy .steps i {
	top: 15px;
	right: 20px;
	width: 40px;
	height: 40px;
	padding: 8px;
	color: #c4c4c4;
	font-size: 20px;
	text-align: center;
	position: absolute;
	display: inline-block;
	border: 2px dashed #e0e0e0;
}

.buy .steps {
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.buy .steps {
    width: auto;
    padding: 20px 15px;
    display: block;
    text-decoration: none;
}

.buy .steps p {
	opacity: 0.6;
	font-size: 16px;
}

.buy .steps h2 {
	font-size: 22px;
	margin: 0 0 5px;
}

.buy .steps .number {
    float: left;
	font-size: 36px;
	margin-right: 15px;
	color: #1b4760;
}

.buy .steps-active,
.buy .active {
	background-color: #0c3971;
}

.buy .steps-active *,
.buy .active * {
	color: #fff !important;
}

.buy .shop-button {
	padding-top: 30px;
	text-align: right;
}

.buy .shop-button-center {
	padding-top: 30px;
	text-align: center;
}

.buy .input {
	width: 100% !important;
}
.buy .input input {
	width: 100% !important;
	padding: 10px;
}

.buy .sky-form {
	margin-bottom: 30px;
}

.buy .cipform {
	width: 100% !important;
	padding: 10px !important;
}


@media (max-width: 991px) {
	.buy .product-in-table .img-responsive,
	.buy .product-in-price,
	.buy .product-in-number button,
	.buy .product-in-delete,
	.buy .steps,
	.buy .product-in-namecip {
		display: none !important;
	}
	
	.buy .steps-active {
		display: block !important;		
	}

	.buy .shop-button {
		text-align: center;	
	}

	.table-responsive .table thead {
		display: none;
	}

	.table-responsive .table tbody tr {
		display: flex !important;
  		flex-direction: column !important;
	}
	
	.table-responsive .table tbody td {
		text-align: center !important;
		padding-top: 3px !important;
		padding-bottom: 6px !important;
	}
}