@media (min-width: 1200px) {
   #utility-sidebar { padding-right: 50px; }
}


@media (min-width: 960px) {
  header .branding {
    clear: both;
  }
}


@media (min-width: 600px) {

  .item-wrap {
    padding: 0 15px 0 0;
  }

  .item-wrap .item,
  .list-group .list-group-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .item-wrap .item .thumb,
  .list-group .list-group-item .thumb {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin-right: 25%;
    width:80px;
  }

  .item-wrap .item .thumb,
  .list-group .list-group-item .thumb {
    margin-right: 5%;
  }

  .list-group .list-group-item .thumb {
    margin-right: 5%;
  }

  .item-wrap .item .item-label,
  .list-group .list-group-item .description {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }

  .item-wrap .item .name:before,
  .item-wrap .item .item-no:before {
    color: #999;
  }

  .item-wrap .item .quantity,
  .list-group .list-group-item .input-wrap {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align: right;
  }

  .item-wrap .item .quantity:before {
    color: #999;
  }

  .item-wrap .item .quantity {
    white-space: nowrap;
  }

  .list-group .list-group-item .thumb,
  .list-group .list-group-item .description,
  .list-group .list-group-item .input-wrap {
    margin-bottom: 0;
  }

}



@media (max-width: 959px) {

  header .branding {
    clear: left;
  }

	.form-group.one-half {
		display: inline-block;
		width: 100%;
	}
	.form-group.one-half:nth-child(odd) {
		margin-right:0;
	}
}



@media (max-width: 768px) {
	section.items.cart .details dl { float: none; }
	section.items.cart .details .form-wrap { float: none; text-align: left; }
	section.items.cart .details .form-wrap .picon.remove { display: block; }
}



@media (max-width: 768px) {

	.soft-wrap-95 { margin-left: auto; margin-right: auto; width: 95%; }
	.soft-wrap-90 { margin-left: auto; margin-right: auto; width: 90%; }
	.soft-wrap-85 { margin-left: auto; margin-right: auto; width: 85%; }
	.soft-wrap-80 { margin-left: auto; margin-right: auto; width: 80%; }
	.soft-wrap-75 { margin-left: auto; margin-right: auto; width: 75%; }
	.soft-wrap-70 { margin-left: auto; margin-right: auto; width: 70%; }
	.soft-wrap-65 { margin-left: auto; margin-right: auto; width: 65%; }
	.soft-wrap-60 { margin-left: auto; margin-right: auto; width: 60%; }
	.soft-wrap-50 { margin-left: auto; margin-right: auto; width: 55%; }
	.soft-wrap-50 { margin-left: auto; margin-right: auto; width: 50%; }
	.soft-wrap-45 { margin-left: auto; margin-right: auto; width: 45%; }
	.soft-wrap-40 { margin-left: auto; margin-right: auto; width: 40%; }
	.soft-wrap-35 { margin-left: auto; margin-right: auto; width: 35%; }
	.soft-wrap-30 { margin-left: auto; margin-right: auto; width: 30%; }
	.soft-wrap-25 { margin-left: auto; margin-right: auto; width: 25%; }
	.soft-wrap-20 { margin-left: auto; margin-right: auto; width: 20%; }
	.soft-wrap-15 { margin-left: auto; margin-right: auto; width: 15%; }
	.soft-wrap-10 { margin-left: auto; margin-right: auto; width: 10%; }
	.soft-wrap-5 { margin-left: auto; margin-right: auto; width: 5%; }

  .soft-wrap-95.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-90.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-85.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-80.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-75.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-70.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-65.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-60.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-55.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-50.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-45.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-40.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-35.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-30.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-25.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-20.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-15.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-10.centered { width:auto; margin-left:auto; margin-right:auto; }
  .soft-wrap-5.centered { width:auto; margin-left:auto; margin-right:auto; }

  .soft-wrap-95.text-center { margin:0 auto; width:auto; }
  .soft-wrap-90.text-center { margin:0 auto; width:auto; }
  .soft-wrap-85.text-center { margin:0 auto; width:auto; }
  .soft-wrap-80.text-center { margin:0 auto; width:auto; }
  .soft-wrap-75.text-center { margin:0 auto; width:auto; }
  .soft-wrap-70.text-center { margin:0 auto; width:auto; }
  .soft-wrap-65.text-center { margin:0 auto; width:auto; }
  .soft-wrap-60.text-center { margin:0 auto; width:auto; }
  .soft-wrap-55.text-center { margin:0 auto; width:auto; }
  .soft-wrap-50.text-center { margin:0 auto; width:auto; }
  .soft-wrap-45.text-center { margin:0 auto; width:auto; }
  .soft-wrap-40.text-center { margin:0 auto; width:auto; }
  .soft-wrap-35.text-center { margin:0 auto; width:auto; }
  .soft-wrap-30.text-center { margin:0 auto; width:auto; }
  .soft-wrap-25.text-center { margin:0 auto; width:auto; }
  .soft-wrap-20.text-center { margin:0 auto; width:auto; }
  .soft-wrap-15.text-center { margin:0 auto; width:auto }
  .soft-wrap-10.text-center { margin:0 auto; width:auto; }
  .soft-wrap-5.text-center { margin:0 auto; width:auto; }

  .soft-margin-t5 { margin-top:auto; }
  .soft-margin-t10 { margin-top:auto; }
  .soft-margin-t15 { margin-top:auto; }
  .soft-margin-t20 { margin-top:auto; }
  .soft-margin-t25 { margin-top:auto; }
  .soft-margin-t30 { margin-top:auto; }
  .soft-margin-t35 { margin-top:auto; }
  .soft-margin-t40 { margin-top:auto; }
  .soft-margin-t45 { margin-top:auto; }
  .soft-margin-t50 { margin-top:auto; }

  .soft-pad-t5 { padding-top:inherit; }
  .soft-pad-t10 { padding-top:inherit; }
  .soft-pad-t15 { padding-top:inherit; }
  .soft-pad-t20 { padding-top:inherit; }
  .soft-pad-t25 { padding-top:inherit; }
  .soft-pad-t30 { padding-top:inherit; }
  .soft-pad-t35 { padding-top:inherit; }
  .soft-pad-t40 { padding-top:inherit; }
  .soft-pad-t45 { padding-top:inherit; }
  .soft-pad-t50 { padding-top:inherit; }
  .soft-pad-t55 { padding-top:inherit; }
  .soft-pad-t60 { padding-top:inherit; }
  .soft-pad-t65 { padding-top:inherit; }
  .soft-pad-t70 { padding-top:inherit; }
  .soft-pad-t75 { padding-top:inherit; }
  .soft-pad-t80 { padding-top:inherit; }
  .soft-pad-t85 { padding-top:inherit; }
  .soft-pad-t90 { padding-top:inherit; }
  .soft-pad-t95 { padding-top:inherit; }
  .soft-pad-t100 { padding-top:inherit; }

  .soft-pad-l5 { padding-left:inherit; }
  .soft-pad-l10 { padding-left:inherit; }
  .soft-pad-l15 { padding-left:inherit; }
  .soft-pad-l20 { padding-left:inherit; }
  .soft-pad-l25 { padding-left:inherit; }
  .soft-pad-l30 { padding-left:inherit; }
  .soft-pad-l35 { padding-left:inherit; }
  .soft-pad-l40 { padding-left:inherit; }
  .soft-pad-l45 { padding-left:inherit; }
  .soft-pad-l50 { padding-left:inherit; }

  .soft-pad-r5 { padding-right:inherit; }
  .soft-pad-r10 { padding-right:inherit; }
  .soft-pad-r15 { padding-right:inherit; }
  .soft-pad-r20 { padding-right:inherit; }
  .soft-pad-r25 { padding-right:inherit; }
  .soft-pad-r30 { padding-right:inherit; }
  .soft-pad-r35 { padding-right:inherit; }
  .soft-pad-r40 { padding-right:inherit; }
  .soft-pad-r45 { padding-right:inherit; }
  .soft-pad-r50 { padding-right:inherit; }

  .soft-divider { padding:0 5px 0 5px; }

  .soft-float-left { float:none; }
  .soft-float-right { float:none; }

}


@media (max-width: 640px) {
	header { text-align: center; }
	header .branding { float: none; margin: 0 auto 25px auto; }
	header .utility-menu { float: none; margin: 0; }

  #btn-cart-wrap {
    display: block;
    float: none;
    margin: 10px auto 10px auto;
  }

  .item-wrap .item .quantity {
    margin-bottom: 25px;
  }
  
  table.responsive tr th,
  table.responsive tr td {
    width: auto;
  }

	table thead {
    display: none;
  }

  table tr {
    display: block;
    border-bottom: 20px solid #ddd;
  }

  table td {
    display: block;
    text-align: left;
  }

	table tr td:first-child {
		color: #2b6e7b;
    font-size: 125%;
  }

  table tr:last-child {
    border-bottom: 0;
  }

  table td:last-child {
    border-bottom: 0;
  }

  table td:before {
    margin-right:15px;
    content: attr(data-label);
    text-transform: uppercase;
    font-weight: bold;
  }

  .item-wrap .item .thumb
  {
      float:left;
  }

  .item-wrap .item
  {
      height:126px;
  }

  .item-wrap .item .item-label
  {
      max-width: calc(100% - 150px);
      overflow:hidden;      
  }

  .item-wrap .item .thumb{
      min-height:64px;
  }

  .item-wrap .item .quantity
  {
      margin-left:5px;
  }

  .item-wrap .item .thumb,
  .item-wrap .item .item-label
  {
      display:inline-block;
      white-space:nowrap;
  }

  .item-wrap .item .add-to-cart
  {
      float:right;
  }

  .item-wrap .item .thumb, .item-wrap .item .item-label, .item-wrap .item .quantity{
      margin-right:10px;
  }
}


@media (max-width: 600px) {
  .thumb,
  .quantity {
    margin-bottom: 15px;
  }
  .item-wrap .dx-list-item,
  .item-wrap .dx-list-item-content {
    white-space: normal;
  }
}


@media (max-width: 400px) {
	header .utility-menu span.hello { display: block; margin-bottom: 10px; }
	header .utility-menu span:nth-child(2) { border-left: 0 solid #999; }
	section.items .details .form-group,
	section.items .details .form-group input[type="text"] { width: 100%; }
}