.chalkwalk-order-intro{
	padding:45px 0;
}
.chalkwalk-order{
	margin:0 0 50px;
}


.chalkwalk-order-left{
	width:calc(100% - 375px);
	float:left;
}
.chalkwalk-order-right{
	width:350px;
	float:right;
}

#chalkwalk-colors{
	padding:0;
	display: flex;
     justify-content: center; 
	flex-direction: row;
	flex-wrap: wrap;
	margin:0px -10px 30px;
}

.color-box{
	width: calc(25% - 20px);
    margin: 0px 10px 25px;
	text-align:center; 
	border:1px solid #ccc;
	padding:15px;
	border-radius: 5px;
}
.color-sample{
	border:1px solid #d2d2d2;
}
.color-sample img{
	display: block;
}
.color-name{
	padding:10px 0;
}

input.stick-input {
    max-width: 75px;
    border-radius: 5px;
}

.TotalSticks {
    padding: 0 0 8px;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 15px;
    border-bottom: #ec018d 3px solid;
}
.TotalSticks.Bottom {
    padding: 8px 0 0px;
    margin-bottom: 0px;
    border-bottom: none; 
	
    margin-top: 15px;
    border-top: #ec018d 3px solid;
}

.form-message{
	font-weight:700;
	font-sixe:12px;
	text-align: center;

	background-color: #ec018d;
	padding:10px;
	color: #fff;
	line-height: 1.2;
}
.form-message p{
	padding:0;margin:0;
}

@media (max-width:1140px){
	.color-box{
	width: calc(33.333333% - 20px);
}
}
@media (max-width:930px){
	.color-box{
	width: calc(50% - 20px);
}
}

@media (max-width:767px){
	.color-box{
	width: calc(33.333333% - 20px);
	}
	
	.chalkwalk-order-left, .chalkwalk-order-right{
			width:auto;
			float:none;
		}
	
}

@media (max-width:650px){
	.color-box{
	width: calc(50% - 20px);
	}
	
}