.pkheaderitems > ul {
    margin:0;
    padding:0;
    height: 100%;
    flex-wrap: wrap;
}
.pkheaderitems > ul > li {
    position: relative
}
.pkheaderitems .dd_container {
    top:100%;
}
.pkheaderitems .dd_container ul {
    margin:0;
    padding:0;
}
.dd_cont .indent {
    padding: 30px
}
.dd_cont .dd_container {
    width:350px
}
.dd_cont .shopping_cart.dd_container {
    width:380px
}

.pk-space-10 > li {margin: 0 5px}
.pk-space-20 > li {margin: 0 10px}
.pk-space-30 > li {margin: 0 15px}
.pk-space-40 > li {margin: 0 20px}
.pk-space-50 > li {margin: 0 25px}
.pk-space-60 > li {margin: 0 30px}
.pk-space-80 > li {margin: 0 40px}

.pk-right.pk-space-10 > li {margin: 0 0 0 10px}
.pk-right.pk-space-20 > li {margin: 0 0 0 20px}
.pk-right.pk-space-30 > li {margin: 0 0 0 30px}
.pk-right.pk-space-40 > li {margin: 0 0 0 40px}
.pk-right.pk-space-50 > li {margin: 0 0 0 50px}
.pk-right.pk-space-60 > li {margin: 0 0 0 60px}
.pk-right.pk-space-80 > li {margin: 0 0 0 80px}

.pk-left.pk-space-10 > li {margin: 0 10px 0 0}
.pk-left.pk-space-20 > li {margin: 0 20px 0 0}
.pk-left.pk-space-30 > li {margin: 0 30px 0 0}
.pk-left.pk-space-40 > li {margin: 0 40px 0 0}
.pk-left.pk-space-50 > li {margin: 0 50px 0 0}
.pk-left.pk-space-60 > li {margin: 0 60px 0 0}
.pk-left.pk-space-80 > li {margin: 0 80px 0 0}

.pkorder1 {order:1}
.pkorder2 {order:2}
.pkorder3 {order:3}
.pkorder4 {order:4}
.pkorder5 {order:5}
.pkorder6 {order:6}
.pkorder7 {order:7}
.pkorder8 {order:8}
.pkorder9 {order:9}
.pkorder10 {order:10}
.pkorder11 {order:11}

.pk-mid {
    align-items: center;
}
.pk-bottom {
    align-items: flex-end;
}

.pk-left {
    justify-content: flex-start;
}
.pk-center {
    justify-content: center;
}
.pk-right {
    justify-content: flex-end;
}
.pk-space-around {
    justify-content: space-around;
}
.pk-space-between {
    justify-content: space-between;
}
.pk-left > li:first-child,
.pk-space-between > li:first-child {
    margin-left: 0
}
.pk-right > li:last-child,
.pk-space-between > li:last-child {
    margin-right: 0
}

.pk-item-content {
    display: flex;
    align-items: center;
}
.pk-item-content > .svgic.hidden {
    display: none;
}
.pk-ip-top .pk-item-content {
    flex-direction: column;
}
.pk-ip-inline .pk-item-content > svg {
    margin-right: 6px
}
.pk-ip-top .cart-icon .cart-products-count {
  right: -7px;
  top: 14px;
}
.pk-ip-inline .cart-icon .cart-products-count {
  position: static
}

.pk_register h4 {
    margin: 0 5px;
    font-weight: normal;
    font-size: 16px;
}
.pk_register .title-wrap span {
    padding: 0 10px 0px 10px;
    color:#999;
}
.pk_register .title-wrap .active {
    border-bottom: 2px solid #444;
    color:#444
}
.title-wrap {
    justify-content:center;
    margin-bottom: 25px;
}
.title-wrap h4 {
    margin:0;
    cursor: pointer;
}
.customer-form-container .focus-border {
    margin: 0;
    display: block;
}
.customer-form > div {
    margin-bottom: 15px;
}
.customer-form-tab {
    cursor: pointer;
}
.form-wrap > form:not(.active) {
    display: none;
}
.tos_link a:hover {text-decoration: underline;}
.customer-form-container.dd_container {height: auto !important}
.pkgdpr label {
    font-size: 13px;
    line-height: 1.2em
}
.pk_search .opt-list {
    width:400px;
}
.pk_search .ui-autocomplete {
    position: static;
}
.pk_search.hide-icon > .icon-element > svg {
    display: none;
}
.pkheaderitems .pk_search .ui-autocomplete li {
    padding:10px 10px 10px 10px;
    border:none;
    border-bottom:1px solid #f2f2f2;
    margin:0;
}
.pkheaderitems .pk_search .ui-autocomplete li:hover {
    background:#f2f2f2;
}
.pkheaderitems .pk_search .ui-autocomplete li:hover a {
    color:#333;
}
@media (max-width: 768px) {
    .pk-item-content > .svgic.hidden {
        display: block;
    }
    .pk-item-content > .pkhi-item-title {
        display: none;
    }
    .pk-space-10 > li,
    .pk-space-20 > li,
    .pk-space-30 > li,
    .pk-space-40 > li,
    .pk-space-50 > li,
    .pk-space-60 > li,
    .pk-space-80 > li {margin: 0 10px}

    .pk-right.pk-space-10 > li,
    .pk-right.pk-space-20 > li,
    .pk-right.pk-space-30 > li,
    .pk-right.pk-space-40 > li,
    .pk-right.pk-space-50 > li,
    .pk-right.pk-space-60 > li,
    .pk-right.pk-space-80 > li {margin: 0 0 0 20px}

    .pk-left.pk-space-10 > li,
    .pk-left.pk-space-20 > li,
    .pk-left.pk-space-30 > li,
    .pk-left.pk-space-40 > li,
    .pk-left.pk-space-50 > li,
    .pk-left.pk-space-60 > li,
    .pk-left.pk-space-80 > li {margin: 0 20px 0 0}

    /* mobile header */
    .mobileHeader .page-width,
    .main-menu .page-width {padding: 0 15px;}
    .mobileHeader .cart-products-count {
        position: absolute;
        top:4px;
        right:-15px;
    }
    #header .header-top {
      padding: 35px 0;
      background: #fff
    }
    .main-logo img {
      max-width:150px
    }
    .main-menu {
      background: #222;
      padding: 15px 0;
      color:#fff;
      margin-bottom: 15px
    }
    .main-menu .pk-menu-title {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .22em;
        color: inherit;
        line-height: 20px;
    }
    .main-menu .icon_menu {
        border:none;
        paddin:0;
        width:auto;
        height:auto;
    }
    .main-menu .icon_menu svg {
        finter:invert();
    }
    .header-icons {
        margin:0;
        color:#333;
    }
    .header-icons > li {
        margin-left: 20px;
        display: flex;
        align-items: center;
    }
    .header-icons > li button {
        padding: 0;
        margin: 0;
        background: none;
        border:none;
        color:inherit;
    }
    .pk-mobile-sidebar {
      background: #f1f1f1;
      color:#333;
      display: none;
      position: fixed;
      top:0;
      right: 0;
      transform: translateX(100%);
      z-index: 998;
      height: 100%;
      width:90%;
      transition:all .5s ease-in-out;
      -webkit-transition: all, .5s, ease-in;
      padding: 40px 20px
    }
    .pk-mobile-sidebar > h4 {
        margin: 0 0 20px 0
    }
    .close-sidebar {
        position: absolute;
        right: 20px;
        top:43px;
        width:20px;
        height: 20px
    }
    .pk-mobile-sidebar.active {
        display: block;
        transform: translateX(0)
    }
    .main-menu #pk_top_menu .top-menu {
        margin-top: 35px
    }
    .pk-myaccount li {
        border-bottom: 1px dashed #999
    }
    .pk-myaccount li a {
        display: block;
        padding: 10px 0
    }
    .mobileHeader #desktop_cart .shopping_cart {
        max-width: 100%;
        display: block !important;
        height:100% !important;
        opacity: 1 !important;
        background: none;
        box-shadow: none;
        border:none
    }
    .mobileHeader #desktop_cart .shopping_cart .indent {
        padding: 0
    }
    .mobileHeader #desktop_cart .shopping_cart .indent > .flex-container{
        flex-direction: column
    }
    .mobileHeader #desktop_cart .cart-icon {
        display: none
    }
    .mobileHeader .cart-total,
    .mobileHeader .cart-button {margin-top: 30px; font-size: 16px;width:100%}
    .mobileHeader .cart-total > div {padding: 5px 0;border-bottom: 1px dashed #999}
    .mobileHeader .cart-total > div i {float:right}
    .mobileHeader .cart-button > * {margin-top: 15px}

    .mobileHeader #search_widget {position: relative}
    .mobileHeader #search_widget input[type="text"],
    .mobileHeader #search_widget > .pk_search_result {border:none}
}
@media (max-width: 480px) {
    #header .pkheaderitems > ul {justify-content: center}
    #header .pkheaderitems > ul > li {margin: 5px 10px;position: static}
    #header .pkheaderitems > ul > li > a > svg {margin:0}
    #header .widgets-right .dd_container {
        top:auto;
        right: 50%;
        left: auto;
        transform: translateX(50%)
    }
}