* {
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
}

#wrap {
  min-height: 100%;
}

main {
  min-height: calc(100vh - 110px);
}

.container {
  max-width: 1600px;
}

header {
  margin-bottom: 56px;
}

.breadcrub_container {
  padding: 0px 15px;
}

.breadcrumb {
  background: none;
  font-size: 13px;
  padding: auto 15px;
  margin-bottom: 5px;
}

.navbar-brand {
  font-weight: 300;
}

.navbar-nav .nav-link {
  font-weight: 300;
}

.carousel {
  margin-bottom: 25px;
}

.featured_gear_header h5 {
  margin-bottom: 8px;
}

.featured_gear_header hr {
  margin-top: 0px;
}

.featured_gear {
  margin-bottom: 35px;
}

.featured_gear .row div img {
  margin-bottom: 3px;
}

.featured_gear .product_title a {
  color: #000;
  text-decoration: none;
}

.featured_gear .product_title a:hover {
  text-decoration: underline;
}

.featured_gear .product_detail {
  font-size: 14px;
}

.featured_gear .product_detail span:nth-child(1) {
  font-weight: 500;
}

.featured_gear .product_detail span:nth-child(2) {
  float: right;
}

.featured_gear .product_detail .men {
  color: #2c4d82;
}

.featured_gear .product_detail .women {
  color: #ad3535;
}

.featured_gear .product_detail .unisex {
  color: #3ea33c;
}

.featured_gear .product_detail .children {
  color: #ff9900;
}

.product_detail_platform {
  padding: 0px 30px;
}

.product_detail_platform .platform_detail_title {
  color: #c0c3c6;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  margin-top: -5px;
  display: block;
}

.product_detail_platform .platform_detail_category {
  font-size: 28px;
  display: block;
}

.product_detail_platform .platform_detail_rating {
  display: block;
  margin-bottom: 5px;
}

.product_detail_platform .addthis_inline_share_toolbox {
  margin-bottom: 45px;
}

.product_detail_platform .platform_detail_info {
  line-height: 32px;
}

.items-frame {
  padding: 0px 15px;
  margin-bottom: 25px;
}
.items-frame .items-header {
  max-width: 1600px;
  margin: 0px auto;
}
.items-frame .items {
  max-width: 1600px;
  margin: 0px auto;
}
.items-frame .items .item {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  margin: 0% 1% 2% 0%;
}
.items-frame .items .item:nth-child(4n) {
  margin-right: 0%;
}
.items-frame .items .item .item-frame {
  width: 100%;
}
.items-frame .items .item .item-frame .badge {
  background-size: cover;
  background-position: center center;
  background-color: #999999;
  height: 350px;
  display: block;
  margin-bottom: 5px;
}
.items-frame .items .item .item-frame .detail-frame .item-title a {
  color: #000;
  text-decoration: none;
}
.items-frame .items .item .item-frame .detail-frame .item-title a:hover {
  text-decoration: underline;
}
.items-frame .items .item .item-frame .detail-frame .item-detail span {
  display: block;
}
.items-frame .items .item .item-frame .detail-frame .item-detail .men {
  color: #2c4d82;
}
.items-frame .items .item .item-frame .detail-frame .item-detail .women {
  color: #ad3535;
}
.items-frame .items .item .item-frame .detail-frame .item-detail .unisex {
  color: #3ea33c;
}
.items-frame .items .item .item-frame .detail-frame .item-detail .children {
  color: #ff9900;
}
.items-frame .items .item .item-frame .detail-frame .item-detail .category {
  font-weight: 500;
}

/* Extra micro devices (smallest form phones, from 319px and lower) */
@media (max-width: 319px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 100%;
    display: block;
    margin: 0% 0% 6% 0%;
  }
  main .items-frame .items .item:nth-child(4n) {
    margin-right: 1%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 280px;
  }
}
/* Micro devices (smaller form phones, from 320px to 419px) */
@media (min-width: 320px) and (max-width: 419px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 100%;
    display: block;
    margin: 0% 0% 6% 0%;
  }
  main .items-frame .items .item:nth-child(4n) {
    margin-right: 1%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 300px;
  }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 420px) and (max-width: 575px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 100%;
    display: block;
    margin: 0% 0% 5% 0%;
  }
  main .items-frame .items .item:nth-child(4n) {
    margin-right: 1%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 400px;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 49%;
  }
  main .items-frame .items .item:nth-child(4n) {
    margin-right: 1%;
  }
  main .items-frame .items .item:nth-child(2n) {
    margin-right: 0%;
  }
  main .items-frame .items .item .item-frame {
    width: 100%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 275px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 49%;
  }
  main .items-frame .items .item:nth-child(4n) {
    margin-right: 1%;
  }
  main .items-frame .items .item:nth-child(2n) {
    margin-right: 0%;
  }
  main .items-frame .items .item .item-frame {
    width: 100%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 370px;
  }
}
/* Large devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 23.86%;
  }
  main .items-frame .items .item .item-frame {
    width: 100%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 240px;
  }
}
/* Small Jumbo devices (large screens, 1200px to 1350px) */
@media (min-width: 1200px) and (max-width: 1350px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 23.86%;
  }
  main .items-frame .items .item .item-frame {
    width: 100%;
  }
  main .items-frame .items .item .item-frame .badge {
    height: 290px;
  }
}
/* Medium Jumbo devices (large screens, 1351px to 1600px) */
@media (min-width: 1351px) and (max-width: 1600px) {
  main {
    min-height: calc(100vh - 110px);
  }
  main .items-frame .items {
    max-width: 1600px;
    margin: 0px auto;
  }
  main .items-frame .items .item {
    width: 24%;
  }
  main .items-frame .items .item .item-frame {
    width: 100%;
  }
}
