#e-commerce-catalog-grid .search-query {
  width: 100px;
}

.row { 
  margin-left: 0; 
  margin-right: 0; 
}

.paginator-go {
  display: none;
}

.switch-view {
  display: none;
}

@media (min-width:768px) {
    .row { 
      margin-left: -15px; 
      margin-right: -15px; 
    }

    .navbar .container {
        width: 750px
    }

    .catalog .position-fixed { width: 540px !important }
    .paginator-go {
      display: inline-block;
    }
}

@media (min-width:992px) {
    #e-commerce-catalog-grid .search-query {
      width: 180px;
    }
    .row { 
      margin-left: -15px; 
      margin-right: -15px; 
    }
    .navbar .container {
        width: 980px
    }
    .shop-wrap .container { width: 907px !important; }
    .shop-wrap .row { margin-left:-17px;*zoom:1 }
    .shop-wrap .span12 { width: 907px !important; margin-left: 17px !important; }
    .shop-wrap .span11 { width: 830px !important; margin-left: 17px !important; }
    .shop-wrap .span10 { width: 753px !important; margin-left: 17px !important; }
    .shop-wrap .span9 { width: 676px !important; margin-left: 17px !important; }
    .shop-wrap .span8 { width: 599px !important; margin-left: 17px !important; }
    .shop-wrap .span7 { width: 522px !important; margin-left: 17px !important; }
    .shop-wrap .span6 { width: 445px !important; margin-left: 17px !important; }
    .shop-wrap .span5 { width: 368px !important; margin-left: 17px !important; }
    .shop-wrap .span4 { width: 291px !important; margin-left: 17px !important; }
    .shop-wrap .span3 { width: 214px !important; margin-left: 17px !important; }
    .shop-wrap .span2 { width: 137px !important; margin-left: 17px !important; }
    .shop-wrap .span1 { width: 60px !important; margin-left: 17px !important; }

    .catalog .position-fixed { width: 199px !important; }
    .paginator-go {
      display: inline-block;
    }
}

@media (min-width:1200px) {
    #e-commerce-catalog-grid .search-query {
      width: 180px;
    }
    .row { 
      margin-left: -15px; 
      margin-right: -15px; 
    }
    .navbar .container {
        width: 980px
    }
    .shop-wrap .container { width: 907px !important; }
    .shop-wrap .row { margin-left:-17px;*zoom:1 }
    .shop-wrap .span12 { width: 907px !important; margin-left: 17px !important; }
    .shop-wrap .span11 { width: 830px !important; margin-left: 17px !important; }
    .shop-wrap .span10 { width: 753px !important; margin-left: 17px !important; }
    .shop-wrap .span9 { width: 676px !important; margin-left: 17px !important; }
    .shop-wrap .span8 { width: 599px !important; margin-left: 17px !important; }
    .shop-wrap .span7 { width: 522px !important; margin-left: 17px !important; }
    .shop-wrap .span6 { width: 445px !important; margin-left: 17px !important; }
    .shop-wrap .span5 { width: 368px !important; margin-left: 17px !important; }
    .shop-wrap .span4 { width: 291px !important; margin-left: 17px !important; }
    .shop-wrap .span3 { width: 214px !important; margin-left: 17px !important; }
    .shop-wrap .span2 { width: 137px !important; margin-left: 17px !important; }
    .shop-wrap .span1 { width: 60px !important; margin-left: 17px !important; }

    .catalog .position-fixed { width: 199px !important; }
    .paginator-go {
      display: inline-block;
    }
}

#menu-primary-navigation > li > a { font-size: 12px; line-height: 50px; height: 50px; padding: 0 15px; }
#menu-primary-navigation > .social-icon { float: right; }

.cta-module-title { line-height: 28px; }

.product-details .nav-tabs { padding-bottom: 0 }
.product-details .nav-tabs a { background-color: white !important; }
.product-details .tab-pane { padding-top: 20px; margin-bottom: 50px; }

.shop-wrap > .container { margin-left: -20px; width: auto; }
.product-details .product-image { margin-left: 10px }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { line-height: 31px; height: 31px; }

.list-item { position: relative; }
.list-item .list-item-actions .pull-right { position: absolute; right: 10px; bottom: 0; }
.grid-item, .list-item { margin-bottom: 10px; }
.grid-item-details { padding: 5px }
.grid-item-details .price { font-size: 16px; }
.list-item-image .price { font-size: 16px; text-align: center }
.list-item-image .image-container { margin: 0 10px 5px 0 }

.pagination ul { padding-bottom: 0 }
.pagination .paginator-go span { padding-right: 0 }
.pagination .paginator-go input { width: 50px !important; margin-left: 5px !important; }
.pagination .paginator-go .hide { display: inline-block !important; }

.catalog .position-fixed { position: relative !important; }
.catalog .position-fixed-content {position: relative;}
.catalog .e-commerce-catalog-filter { padding: 5px 10px; }
.catalog .filter-block .radio { float: none; width: auto; }
.catalog .filter-block label { font-weight: normal; font-size: 12px }
.catalog .filter-content select { width: 170px; }
.catalog .grid-item-title .description { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.user-toolbar { display: block !important; position: absolute; left: 20px; z-index: 10 }

.modal {
  top: 0 !important;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  width: auto;
  background: transparent;
  margin: 0 !important;
  height: auto !important;
}
.modal-backdrop {
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  z-index: 10;          
  height: auto !important;
}
.modal-dialog {
  z-index: 100;
  top: 10%;
  position: absolute;
  left: 50%;
  margin-left: -416px;
}

.verification .input-w-sm, 
.verification .input-w-md, 
.verification .form-button, 
.verification .form-select {
  background: #1A1818 none repeat scroll 0% 0%;
  border: 0px none;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  margin: 0px;
  display: inline-block;
  font-size: 19px;
  letter-spacing: 0.075em;
  vertical-align: middle;
  border-radius: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
}

.verification .form-button {
  padding: 10px 30px !important;
  height: auto;
}
.message-box.hide {
  display: block !important;
}

.message-box {
  width: 600px !important;
  margin-left: -300px !important;
  left: 50% !important;
  bottom: auto !important;
  top: 10% !important;
}
.message-box .modal-header, 
.message-box .modal-body, 
.message-box .modal-footer  {
  background-color: white;
  border-radius: 0;
}

.message-box .modal-header {
  padding: 10px 20px;
}

.message-box .modal-header h3 {
  font-size: 16px;
}

.message-box .modal-footer {
  text-align: right;
  padding: 10px 20px;          
}

.message-box .modal-text > div:first-child {
  padding: 10px 20px;
}

.shop-wrap > .container.cart-details-page { margin-left: 0 }
.shop-wrap > .container.cart-details-page .offset9 { margin-left: 680px !important; }

#promo_code_form .control-label { display: none }
#promo_code_form .controls { float: right; }

.shop-wrap .span5.order-actions { width: 350px !important; }
.shop-wrap .span5.order-actions .nav-tabs { padding: 0; }
.shop-wrap .span5.order-actions .nav-tabs li.active a { background-color: white }
.shop-wrap .span5.order-actions label.control-label {
  text-align: left;
  padding-left: 20px;          
  padding-top: 0;
  float: none;
}
.shop-wrap .span5.order-actions .controls {
  margin-left: 20px;
}
.shop-wrap .span5.order-actions .controls input,
.shop-wrap .span5.order-actions .controls select,
.shop-wrap .span5.order-actions .controls textarea {
  width: 90%;
}
.shop-wrap .span5.order-actions .controls textarea {
  height: 100px;
}
.shop-wrap .span5.order-actions .form-actions {
  padding-left: 20px;
}

.checkout-details-page .cart-summary {
  margin-right: 20px;
  padding: 5px;
}
.order-summary table,
.cart-summary table {
  width: 100%;
}
.order-summary th,
.cart-summary th {
  text-align: left
}
.order-summary .right,
.cart-summary .right {
  text-align: right;
}

.payments-details-page .payment-controller {
  width: 270px !important;
}
.tabbable-form .nav-tabs { padding: 0; }
.tabbable-form .nav-tabs li.active a { background-color: white }
.payments-details-page .payment-controller label.payment { height: auto !important; }

.data-grid .float-head { z-index: 8 }

.container.orders-details-page,
.container.user-profile-page {
  margin: 0 -20px !important;
  width: auto !important;
}

.orders-details-page ul.nav.nav-list,
.user-profile-page ul.nav.nav-list {
  padding-left: 15px;
}

.user-profile-page .nav-tabs { padding: 0; }
.user-profile-page .nav-tabs li.active a { background-color: white }

.user-profile-page label.control-label {
  text-align: left;
  padding-left: 20px;          
  padding-top: 0;
  float: none;
}
.user-profile-page .controls {
  margin-left: 20px;
}
.user-profile-page .controls input,
.user-profile-page .controls select,
.user-profile-page .controls textarea {
  width: 90%;
}
.user-profile-page .controls textarea {
  height: 100px;
}
.user-profile-page .form-actions {
  padding-left: 20px;
}

.save-cart { display: none; }

.product-image-wrapper,
.grid-item-image { text-align: center }
.booleanfield input[type="checkbox"] {
  width: auto !important;
}

@media (max-width:992px) {
    .modal-dialog {
      top: 10%;
      margin-left: -300px;
    }

    body {
      padding: 0;
    }

    .shop-wrap > .container.cart-details-page .offset9 {
      margin-left: auto !important;
      width: auto;
      float: none;      
    }

    .data-table-toolbar {
      display: none !important;
    }

    .container {
      padding: 0;
    }

    .grid-content-items {
      padding-left: 15px;
    }

    .span3.position-fixed {
      padding-left: 15px;
    }

    .data-grid-wrapper .pagination {
      padding-left: 15px;
    }

    .goods-item-details {
      padding-left: 15px !important;
    }

    .add-to-cart-qty {
      width: 50px !important;
    }

    .product-more-info {
      padding-left: 15px;
    }

    .add-to-cart-message.modal .modal-text {
      padding: 0 10px;
    }

    .add-to-cart-message.modal .product-image {
      margin: 0 10px 0 0;
    }

    .cart-details-page .data-grid-wrapper tr > .cspcid { display: none }
    .cart-details-page .data-grid-wrapper tr > .amount { display: none }

    .btn-get-delivery-rates { display: none }

    .tabbable-form {
      padding: 0 0 0 20px;
    }

    .checkout-details-page .order-details tr > .cspcid { display: none }
    .checkout-details-page .order-details tr > .price { display: none }

    .order-details { padding-left: 20px; }

    .checkout-details-page .cart-summary { margin-right: 0 }

    .shop-wrap .span5.order-actions { width: auto !important; }

    /*.mobile .tabbable-form fieldset { padding: 0; }*/

    .modal-body { max-height: 250px; }

    .order-details-page .breadcrumb,
    .payments-details-page .breadcrumb { display: none }

    div.container.order-details-page { padding-left: 20px; }
    div.container.payments-details-page { padding-left: 20px; }

    .order-details-page tr > .cspcid { display: none }
    .order-details-page tr > .price { display: none }

    .payments-details-page tr > .cspcid { display: none }
    .payments-details-page tr > .price { display: none }

    div.span4.payment-controller.tabbable-form { width: auto !important; padding: 0; }

    div.container.orders-details-page { margin: 0 !important }
    div.container.user-profile-page { margin: 0 !important }

    .user-profile-page .tabbable.well {
      background: none;
      border: none;
      box-shadow: none;
      padding: 0;
    }

    .orders-list-page tr > .status { display: none }
    .orders-list-page tr > .paid { display: none }
    .orders-list-page tr > .units { display: none }
    .orders-list-page tr > .actions { display: none }
}

@media (max-width:768px) {
    .modal-dialog,
    .modal.add-to-cart-message,
    .modal.message-box {
      top: 10px !important;
      left: 10px !important;
      right: 10px !important;
      margin-left: 0 !important;
      width: auto !important;
    }
    .cta-modules {display: none;}
    .user-toolbar {
      position: relative;
      margin-bottom: 10px;
    }
    .form-search .search-query { width: 250px !important; }
    .navbar { min-height: 120px !important; }

    ul#menu-primary-navigation.nav.navbar-nav { float: right }
    ul#menu-primary-navigation.nav.navbar-nav > li { float: none; }
    ul#menu-primary-navigation.nav.navbar-nav > li.social-icon { float: right; }

    div.span2.product-image {
      float: left;
      margin-right: 20px;      
      margin-left: 20px;
    }
}

.mobile .data-grid .grid-content {
  padding-top: 0;
}

.shop-wrap .span9.element-cart-notes {
  width: 645px !important;
}
