#main,
#primary {
    padding-left: 10px;
    padding-right: 10px;
}

.shtriped>tbody>tr:nth-child(even) {
    background-color: #edf2f7;
}

html {
    height: calc(100% - 32px);
}

body {
    height: 100%;
    margin-bottom: 0px !important;
}


/* body.admin-bar {
    height: calc(100% - 32px);
    margin-bottom: 0px !important;
} */

.woocommerce-privacy-policy-text {
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout.woocommerce-checkout {
    max-width: calc(100vw - 10px);
}

.shop_table,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments .fixed-max-width,
div.woocommerce-order,
#payment {
    max-width: calc(100vw - 20px) !important;
}

.header-menu-button {
    cursor: pointer;
    color: white;
    align-items: center;
    display: flex;
    height: 100%;
}

.header-menu-button>a,
.header-menu-button>a:visited,
.checkout-href,
.checkout-href:visited,
.checkout-href:hover {
    color: white !important;
}

.checkout-href:hover {
    text-decoration: underline;
}

.header-menu-button:hover {
    text-decoration: underline;
}

.wpcf7-submit {
    margin-top: 5px;
    margin-bottom: 20px;
}

.woocommerce-order-details {
    max-width: calc(100vw - 30px) !important;
    margin-top: 0px;
}

.swal-button:focus {
    box-shadow: none !important;
}

.swal-button-container {
    border-width: 0px;
}

.swal-button--no {
    background-color: white;
    color: #4A5568;
    border: 1px solid #A0AEC0 !important;
}

.swal-button--no:hover {
    background-color: white !important;
    border: 1px solid #559eb8 !important;
    color: #047c8e;
}

.swal-button--yes {
    background-color: #047c8e;
}

.swal-button--yes:hover {
    background-color: #559eb8 !important;
}

.woocommerce-message,
.woocommerce-error,
.cart-empty {
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.woocommerce-info {
    background-color: #90CDF4 !important;
}

.woocommerce-error {
    background-color: #FEB2B2 !important;
}

.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
    background-color: #017c8e!important;
    color: white;
}

.woocommerce-message>a,
.woocommerce-noreviews>a,
.woocommerce-message>a:visited,
.woocommerce-noreviews>a:visited,
p.no-comments>a {
    color: white !important;
    text-decoration: underline !important;
}

#primary {
    width: 960px;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
}

#main {
    max-width: 100vw !important;
}

#zone-footer2 {
    max-width: 80vw !important;
}

footer {
    background-color: #017c8e !important;
    color: white;
    padding: 20px 0px !important;
}

.line-item-quantity-label,
.line-item-quantity-raw {
    color: #2698f2;
}

.checkout-button,
.edit-cart-link {
    color: white !important;
}

.checkout-button:hover {
    color: black !important;
}

.woocommerce-order-details__title {
    font-size: 24px;
    font-weight: 500;
}

.entry-title {
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
}

#place_order {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    padding: 15px 35px;
    line-height: 16px;
    text-transform: uppercase;
    border: 2px solid #232323;
    border-radius: 0px;
    font-weight: 300;
}

.edit-cart-link,
#place_order {
    background: #232323;
    color: white;
}

.edit-cart-link {
    padding: 5px 15px;
    border: 1px solid #232323;
}

.edit-cart-link:hover,
#place_order:hover {
    background-color: transparent;
    color: #232323 !important;
}

#payment>ul>li>label {
    display: flex;
    flex-wrap: wrap;
}

#payment>ul>li>label>img {
    height: 20px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e8e8e8 !important;
    border-radius: 0px !important;
    height: 44px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e8e8e8 !important;
    width: 100%;
    margin: 0;
    margin-bottom: 20px !important;
    max-width: 100%;
    resize: none;
    outline: none;
    border-radius: 0;
    height: auto;
}

.select2-selection__rendered {
    box-sizing: border-box !important;
    color: rgb(128, 128, 128) !important;
    cursor: pointer !important;
    display: block !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 42px !important;
    line-height: 14px !important;
    overflow-wrap: break-word !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 14px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 14px !important;
    text-overflow: ellipsis !important;
    text-size-adjust: 100% !important;
    text-transform: capitalize !important;
    user-select: none !important;
    white-space: nowrap !important;
}

.input-text {
    border-radius: 0px !important;
    background-color: white !important;
    border: 1px solid #e8e8e8 !important;
    color: #212121 !important;
    font-weight: 400 !important;
    padding: 9px 15px 10px !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    max-width: 100% !important;
    resize: none !important;
    outline: none !important;
    line-height: 22px !important;
}

input.inputerror,
textarea.inputerror,
select.inputerror,
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: #ff0000 !important;
}

.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single {
    background-color: transparent;
    border-color: #d6d6d6
}

.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #808080;
    font-weight: 400;
    padding: 9px 15px 9px;
    text-transform: none;
}

.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__arrow {
    padding: 14px 15px 16px 15px;
}

.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 5px 5px 0 5px;
    margin-left: -6px;
    margin-top: -3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.woocommerce .woocommerce-ordering .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 5px 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #232323;
    color: #b1b1b1;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background-color: #efefef;
    color: #929292;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e8e8e8;
    width: 100%;
    margin: 0;
    max-width: 100%;
    resize: none;
    outline: none;
    border-radius: 0;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1;
    color: #212121;
    font-weight: 400;
    padding: 14px 15px 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0;
    width: auto;
    padding: 20px 15px 20px 15px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px 10px;
    margin-bottom: 0;
}

.select2-results__option {
    font-size: inherit;
    padding: 5px 10px;
    outline: none;
}

.select2-dropdown {
    border-radius: 0;
    border-color: #e8e8e8;
    z-index: 9;
}

.select2-container--open {
    z-index: 9999;
}

.mCSB_inside>.mCSB_container {
    margin-right: 5px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 210px;
}

.woocommerce-cart .cart-collaterals .cart_totals table td .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-transform: capitalize;
    color: #808080
}

.qty {
    width: 5rem !important;
    height: 40px !important;
    text-align: right;
    font-size: 16px !important;
}

.product-name>a {
    color: #2D3748 !important;
    font-weight: 600;
    font-size: 0.9rem;
}

.product-name>a:hover {
    text-decoration: underline;
}

#page {
    font-size: 14px;
    height: 100%;
    flex-direction: column;
    display: flex;
}

.remove {
    color: #CBD5E0 !important;
}

.remove:hover {
    color: #4A5568 !important;
}

.tooltip-inner {
    color: white;
}

.tooltip-inner>a {
    color: white;
    text-decoration: underline;
}

.popper,
.tooltip {
    position: absolute;
    background: #02b1d1;
    color: black;
    width: 300px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 10px;
    text-align: center;
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #02b1d1;
}

.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}

.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}

.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

#simplenews-admin-filter .form-item {
    clear: both;
    line-height: 1.75em;
    margin: 0pt 1em 0pt 0pt;
}

#simplenews-admin-filter .form-item label {
    float: left;
    width: 12em;
}

#simplenews-admin-filter .spacer {
    margin-left: 12em;
}

#simplenews-admin-filter .form-select,
#simplenews-admin-filter .form-text {
    width: 14em;
}

.block-simplenews .issues-link,
.block-simplenews .issues-list {
    margin-top: 1em;
}

.block-simplenews .issues-list .newsletter-created {
    display: none;
}


/**
 * @file
 * Main stylesheet for Date module.
 */


/* Force start/end dates to float using inline-block, where it works, otherwise inline. */

.container-inline-date {
    clear: both;
}

.container-inline-date .form-item {
    float: none;
    margin: 0;
    padding: 0;
}

.container-inline-date>.form-item {
    display: inline-block;
    margin-right: 0.5em;
    /* LTR */
    margin-bottom: 10px;
    vertical-align: top;
}

.container-inline-date .form-item .form-item {
    float: left;
    /* LTR */
}

.container-inline-date .form-item,
.container-inline-date .form-item input {
    width: auto;
}

.container-inline-date .description {
    clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
    margin-right: 5px;
    /* LTR */
}

.container-inline-date .date-spacer {
    margin-left: -5px;
    /* LTR */
}

.views-right-60 .container-inline-date div {
    margin: 0;
    padding: 0;
}

.container-inline-date .date-timezone .form-item {
    clear: both;
    float: none;
    width: auto;
}


/* The exposed Views form doesn't need some of these styles */

.container-inline-date .date-padding {
    padding: 10px;
    float: left;
}

.views-exposed-form .container-inline-date .date-padding {
    padding: 0;
}


/* Fixes for date popup css so it will behave in Drupal */

#calendar_div,
#calendar_div td,
#calendar_div th {
    margin: 0;
    padding: 0;
}

#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
    border-collapse: separate;
    margin: 0;
    width: 185px;
}

.calendar td {
    padding: 0;
}

.date-prefix-inline {
    display: inline-block;
}

.date-clear {
    clear: both;
    display: block;
    float: none;
}

.date-no-float {
    clear: both;
    float: none;
    width: 98%;
}

.date-float {
    clear: none;
    float: left;
    width: auto;
}


/* Add space between date option checkboxes ('All day' & 'Collect End Date') */

.date-float .form-type-checkbox {
    padding-right: 1em;
}


/* Add space between the date and time portions of the date_select widget. */

.form-type-date-select .form-type-select[class$=hour] {
    margin-left: .75em;
    /* LTR */
}

.date-container .date-format-delete {
    float: left;
    margin-top: 1.8em;
    margin-left: 1.5em;
}

.date-container .date-format-name {
    float: left;
}

.date-container .date-format-type {
    float: left;
    padding-left: 10px;
}

.date-container .select-container {
    clear: left;
    float: left;
}


/* Calendar day css */

div.date-calendar-day {
    background: #F3F3F3;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    color: #999;
    float: left;
    line-height: 1;
    margin: 6px 10px 0 0;
    text-align: center;
    width: 40px;
}

div.date-calendar-day span {
    display: block;
    text-align: center;
}

div.date-calendar-day span.month {
    background-color: #B5BEBE;
    color: white;
    font-size: .9em;
    padding: 2px;
    text-transform: uppercase;
}

div.date-calendar-day span.day {
    font-size: 2em;
    font-weight: bold;
}

div.date-calendar-day span.year {
    font-size: .9em;
    padding: 2px;
}


/* Admin styling */

.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
    margin-left: 1.3em;
}

#edit-field-settings-granularity .form-type-checkbox {
    margin-right: .6em;
    /* LTR */
}

.date-year-range-select {
    margin-right: 1em;
}


/* @group Base */

.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 100%;
    left: -9999px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    z-index: 1010;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.chzn-container.chzn-with-drop .chzn-drop {
    left: 0;
}


/* @end */


/* @group Single Chosen */

.chzn-container-single .chzn-single {
    background-color: #ffffff;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}

.chzn-container-single .chzn-default {
    color: #999;
}

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
    background-position: -42px -10px;
}

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px;
}

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}

.chzn-container-single .chzn-single div b {
    background: url('chosen-sprite.png') no-repeat 0px 2px;
    display: block;
    width: 100%;
    height: 100%;
}

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}

.chzn-container-single .chzn-search input {
    background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
    background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.chzn-container-single .chzn-drop {
    margin-top: -1px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.chzn-container-single-nosearch .chzn-search {
    position: absolute;
    left: -9999px;
}


/* @end */


/* @group Multi Chosen */

.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: transparent !important;
    border: 0 !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
    color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
    border: 1px solid #cccccc;
    padding-right: 5px;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}


/* @end */


/* @group Results */

.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
    margin: 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
    background: transparent;
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    /* This should by dynamic with js */
    z-index: 1;
}

.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}

.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
    background: url('chosen-sprite.png') no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
    background: url('chosen-sprite.png') no-repeat -22px -3px;
}


/* @end */


/* @group Active  */

.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #5897fb;
}

.chzn-container-active.chzn-with-drop .chzn-single {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chzn-container-active.chzn-with-drop .chzn-single div {
    background: transparent;
    border-left: none;
}

.chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position: -18px 2px;
}

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #5897fb;
}

.chzn-container-active .chzn-choices .search-field input {
    color: #111 !important;
}


/* @end */


/* @group Disabled Support */

.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.chzn-disabled .chzn-single {
    cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}


/* @group Right to Left */

.chzn-rtl {
    text-align: right;
}

.chzn-rtl .chzn-single {
    padding: 0 8px 0 0;
    overflow: visible;
}

.chzn-rtl .chzn-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl;
}

.chzn-rtl .chzn-single div {
    left: 3px;
    right: auto;
}

.chzn-rtl .chzn-single abbr {
    left: 26px;
    right: auto;
}

.chzn-rtl .chzn-choices .search-field input {
    direction: rtl;
}

.chzn-rtl .chzn-choices li {
    float: right;
}

.chzn-rtl .chzn-choices .search-choice {
    padding: 3px 5px 3px 19px;
    margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
    left: 4px;
    right: auto;
}

.chzn-rtl .chzn-search {
    left: 9999px;
}

.chzn-rtl.chzn-with-drop .chzn-search {
    left: 0px;
}

.chzn-rtl .chzn-drop {
    left: 9999px;
}

.chzn-rtl.chzn-container-single .chzn-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
    padding-left: 0;
    padding-right: 15px;
}

.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
    border-right: none;
}

.chzn-rtl .chzn-search input {
    background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
    background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl;
}

.chzn-container-single.chzn-rtl .chzn-single div b {
    background-position: 6px 2px;
}

.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
    background-position: -12px 2px;
}


/* @end */


/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 144dpi) {
    .chzn-rtl .chzn-search input,
    .chzn-container-single .chzn-single abbr,
    .chzn-container-single .chzn-single div b,
    .chzn-container-single .chzn-search input,
    .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
    .chzn-container .chzn-results-scroll-down span,
    .chzn-container .chzn-results-scroll-up span {
        background-image: url('chosen-sprite@2x.png') !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important;
    }
}


/* @end */

#ui-datepicker-div {
    font-size: 100%;
    font-family: Verdana, sans-serif;
    background: #eee;
    border-right: 2px #666 solid;
    border-bottom: 2px #666 solid;
    z-index: 9999;
}


/* Datepicker
----------------------------------*/

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.entityreference-live-preview {
    float: left;
    margin: 0px;
    min-height: 1px;
    width: 30%;
}

.entityreference-live-preview-container .form-item {
    margin-left: 31%;
}


/* Field display */

.field .field-label {
    font-weight: bold;
}


/* Form display */

form .field-multiple-table {
    margin: 0;
}

form .field-multiple-table th.field-label {
    padding-left: 0;
    /*LTR*/
}

form .field-multiple-table td.field-multiple-drag {
    width: 30px;
    padding-right: 0;
    /*LTR*/
}

form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
    padding-right: .5em;
    /*LTR*/
}

form .field-add-more-submit {
    margin: .5em 0 0;
}

.node-unpublished {
    background-color: #fff4f4;
}

.preview .node {
    background-color: #ffffea;
}

td.revision-current {
    background: #ffc;
}

#permissions td.module {
    font-weight: bold;
}

#permissions td.permission {
    padding-left: 1.5em;
    /* LTR */
}

#permissions tr.odd .form-item,
#permissions tr.even .form-item {
    white-space: normal;
}

#user-admin-settings fieldset .fieldset-description {
    font-size: 0.85em;
    padding-bottom: .5em;
}


/**
 * Override default textfield float to put the "Add role" button next to
 * the input textfield.
 */

#user-admin-roles td.edit-name {
    clear: both;
}

#user-admin-roles .form-item-name {
    float: left;
    /* LTR */
    margin-right: 1em;
    /* LTR */
}


/**
 * Password strength indicator.
 */

.password-strength {
    width: 17em;
    float: right;
    /* LTR */
    margin-top: 1.4em;
}

.password-strength-title {
    display: inline;
}

.password-strength-text {
    float: right;
    /* LTR */
    font-weight: bold;
}

.password-indicator {
    background-color: #C4C4C4;
    height: 0.3em;
    width: 100%;
}

.password-indicator div {
    height: 100%;
    width: 0%;
    background-color: #47C965;
}

input.password-confirm,
input.password-field {
    width: 16em;
    margin-bottom: 0.4em;
}

div.password-confirm {
    float: right;
    /* LTR */
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em;
}

div.form-item div.password-suggestions {
    padding: 0.2em 0.5em;
    margin: 0.7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4;
}

div.password-suggestions ul {
    margin-bottom: 0;
}

.confirm-parent,
.password-parent {
    clear: left;
    /* LTR */
    margin: 0;
    width: 36.3em;
}


/* Generated by user.module but used by profile.module: */

.profile {
    clear: both;
    margin: 1em 0;
}

.profile .user-picture {
    float: right;
    /* LTR */
    margin: 0 1em 1em 0;
    /* LTR */
}

.profile h3 {
    border-bottom: 1px solid #ccc;
}

.profile dl {
    margin: 0 0 1.5em 0;
}

.profile dt {
    margin: 0 0 0.2em 0;
    font-weight: bold;
}

.profile dd {
    margin: 0 0 1em 0;
}

.field-name-field-book-preview .field-type-entityreference {
    color: red;
}

.field .field-name-field-book-preview .field-type-entityreference .field-label-hidden {
    color: red;
}

.col-first {
    width: 33%;
}

.col-2,
.col-3 {
    width: 33%;
}

html,
body,
div {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
    font-weight: bold;
}

a,
p,
ul,
ol,
li,
img,
span,
strong,
em {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

applet,
object,
iframe,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
caption,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

canvas,
details,
embed,
figcaption,
menu,
nav,
output,
ruby,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

b,
strong {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}


/* remember to define focus styles! */

:focus {
    outline: 0;
}


/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    /* LTR */
    padding: .5em 1em 0 0;
    /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0;
}

.views-exposed-form label {
    font-weight: bold;
}

.views-exposed-widgets {
    margin-bottom: .5em;
}


/* table style column align */

.views-align-left {
    text-align: left;
}

.views-align-right {
    text-align: right;
}

.views-align-center {
    text-align: center;
}


/* Remove the border on tbody that system puts in */

.views-view-grid tbody {
    border-top: none;
}

.view .progress-disabled {
    float: none;
}


/**
 *
 * slippry v1.2.7 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2014, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */


/* kenBurns animations, very basic */

@media only screen and (max-width:500px) {
    .sy-box {
        display: none !Important;
    }
}

@media only screen and (min-width:501px) {
    .sy-box {
        display: block !Important;
    }
}

.node ol,
.node ul {
    padding-left: 0px !important;
}

li {
    margin-left: 0px !Important;
}

@-webkit-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}

@-moz-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}

@-ms-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}

@keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}

@-webkit-keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}

@-moz-keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}

@-ms-keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}

@keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}


/* added to the original element calling slippry */

.sy-box.sy-loading {
    background: url(/images/sy-loader.gif) 50% 50% no-repeat;
    -moz-background-size: 32px;
    -o-background-size: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
    min-height: 40px;
}

.sy-box.sy-loading .sy-slides-wrap,
.sy-box.sy-loading .sy-pager {
    visibility: hidden;
}


/* element that wraps the slides */

.sy-slides-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}

.sy-slides-wrap:hover .sy-controls {
    display: block;
}


/* element that crops the visible area to the slides */

.sy-slides-crop {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}


/* list containing the slides */

.sy-list {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.sy-list.horizontal {
    -moz-transition: left ease;
    -o-transition: left ease;
    -webkit-transition: left ease;
    transition: left ease;
}

.sy-list.vertical {
    -moz-transition: top ease;
    -o-transition: top ease;
    -webkit-transition: top ease;
    transition: top ease;
}


/* single slide */

.sy-slide {
    position: absolute;
    width: 100%;
    z-index: 2;
}

.sy-slide.kenburns {
    width: 140%;
    left: -20%;
}

.sy-slide.kenburns.useCSS {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
    -webkit-animation-name: left-right;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: left-right;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: left-right;
    -o-animation-fill-mode: forwards;
    animation-name: left-right;
    animation-fill-mode: forwards;
}

.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
    -webkit-animation-name: right-left;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: right-left;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: right-left;
    -o-animation-fill-mode: forwards;
    animation-name: right-left;
    animation-fill-mode: forwards;
}

.sy-slide.sy-active {
    z-index: 3;
}

.sy-slide>a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

.sy-slide>a>img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0;
    max-width: 100% !Important;
}


/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */

.sy-controls {
    display: none;
    list-style: none;
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
}

.sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33;
}

.sy-controls li.sy-prev {
    left: 0;
    top: 0;
}

.sy-controls li.sy-prev a:after {
    background-position: -5% 0;
}

.sy-controls li.sy-next {
    right: 0;
    top: 0;
}

.sy-controls li.sy-next a:after {
    background-position: 105% 0;
}

.sy-controls li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
}

.sy-controls li a:link,
.sy-controls li a:visited {
    opacity: 0.4;
}

.sy-controls li a:hover,
.sy-controls li a:focus {
    opacity: 0.8;
    outline: none;
}

.sy-controls li a:after {
    content: "";
    background-image: url(/images/arrows.svg);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    text-indent: 0;
    line-height: 2.8em;
    color: #111;
    font-weight: 800;
    position: absolute;
    background-color: #fff;
    width: 2.8em;
    height: 2.8em;
    left: 50%;
    top: 50%;
    margin-top: -1.4em;
    margin-left: -1.4em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

@media only screen and (max-device-width: 600px) {
    .sy-controls {
        display: block;
    }
    .sy-controls li {
        min-width: 2.1em;
    }
    .sy-controls li a:after {
        width: 1.4em;
        height: 1.4em;
        margin-top: -0.7em;
        margin-left: -0.7em;
    }
}


/* captions, styled fo the overlay variant */

.sy-caption-wrap {
    position: absolute;
    bottom: 2em;
    z-index: 12;
    left: 50%;
}

.sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    -moz-border-radius: 1.2em;
    -webkit-border-radius: 1.2em;
    border-radius: 1.2em;
}

.sy-caption-wrap .sy-caption a:link,
.sy-caption-wrap .sy-caption a:visited {
    color: #e24b70;
    font-weight: 600;
    text-decoration: none;
}

.sy-caption-wrap .sy-caption a:hover,
.sy-caption-wrap .sy-caption a:focus {
    text-decoration: underline;
}

@media only screen and (max-device-width: 600px),
screen and (max-width: 600px) {
    .sy-caption-wrap {
        left: 0;
        bottom: 0.4em;
    }
    .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}


/* pager bubbles */

.sy-pager {
    overflow: hidden;
    *zoom: 1;
    display: block;
    width: 100%;
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.sy-pager li.sy-active a {
    background-color: #e24b70;
}

.sy-pager li a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ccc;
    text-indent: -9999px;
    -moz-background-size: 2em;
    -o-background-size: 2em;
    -webkit-background-size: 2em;
    background-size: 2em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.sy-pager li a:link,
.sy-pager li a:visited {
    opacity: 1.0;
}

.sy-pager li a:hover,
.sy-pager li a:focus {
    opacity: 0.6;
}


/* element to "keep/ fill" the space of the content, gets intrinsic height via js */

.sy-filler {
    width: 100%;
}

.sy-filler.ready {
    -moz-transition: padding 600ms ease;
    -o-transition: padding 600ms ease;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease;
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,800);
@import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700);

/* Include Default Variables & Mixins */


/* End Variables & Mixins */


/**************************************************
* --
* 2. Section header
* --
**************************************************/


/**********************************************
* 2.1. Zone user
**********************************************/

.zone-user-wrapper {
    position: fixed;
    z-index: 200;
}


/*******************************************
* 2.1.2. Region user second
*******************************************/

#region-user-second {
    background-color: transparent;
}

.block-views-shopping-cart-block {
    margin: 0;
}


/**********************************************
* 2.2. Zone branding
**********************************************/

.zone-branding .region-branding {
    clear: both;
}

.zone-branding .region-branding .logo-img {
    float: left;
    /* LTR */
    text-align: left;
    /* LTR */
}


/**
* Search block
*/

#block-views-exp-display-products-page {
    float: right;
    /* LTR */
    padding-top: 10px;
    margin-bottom: 10px;
}

#block-views-exp-display-products-page .views-exposed-widgets {
    position: relative;
    width: 300px;
    float: none;
    margin-right: 10px;
    /* LTR */
    margin-bottom: 0;
}


/**********************************************
* 2.3. Zone menu
**********************************************/

.menu-toggle {
    display: none;
}

.navigation {
    background: transparent;
    display: block !important;
    margin: 26px 0;
    padding-bottom: 0;
    /* Main menu */
    /* Secondary menu */
}

.navigation h2 {
    display: none;
}

.navigation .primary-menu ul,
.navigation .second-menu ul {
    display: block;
    float: left;
    /* LTR */
    margin: 0;
    width: 100%;
}

.navigation .primary-menu ul li,
.navigation .second-menu ul li {
    font-size: 0.8em;
    margin-right: -4px;
    /* LTR */
    width: auto;
}

.navigation .primary-menu ul li a,
.navigation .second-menu ul li a {
    display: inline;
    border-left-width: 0;
    border-right-width: 0;
}

.navigation .primary-menu ul li a.active,
.navigation .primary-menu ul li a:hover,
.navigation .second-menu ul li a.active,
.navigation .second-menu ul li a:hover {
    border-left-width: 0;
    border-right-width: 0;
}

.navigation .primary-menu ul li.first a,
.navigation .second-menu ul li.first a {
    border-left: 1px solid #cccccc;
    /* LTR */
}

.navigation .primary-menu ul li.last a,
.navigation .second-menu ul li.last a {
    border-right: 1px solid #cccccc;
    /* LTR */
    margin-right: 0;
    /* LTR */
    margin-left: -2px;
    /* LTR */
}

.navigation .primary-menu {
    float: left;
    /* LTR */
    margin-right: 12px;
    /* LTR */
    margin-left: 0;
    /* LTR */
}

.navigation .second-menu {
    clear: inherit;
    float: right;
    /* LTR */
    margin-right: 0;
}

.zone-menu .block-menu h2.block-title {
    margin-bottom: 1em;
}

.zone-menu .block-menu ul.menu li {
    font-size: 0.8em;
    width: auto;
}

.zone-menu .block-menu ul.menu li a {
    display: inline;
    border-left-width: 0;
    border-right-width: 0;
}

.zone-menu .block-menu ul.menu li a.active,
.zone-menu .block-menu ul.menu li a:hover {
    border-left-width: 0;
    border-right-width: 0;
}

.zone-menu .block-menu ul.menu li.first a {
    border-left: 1px solid #cccccc;
}

.zone-menu .block-menu ul.menu li.last a {
    border-right: 1px solid #cccccc;
}


/**************************************************
* --
* 3. Section content
* --
**************************************************/


/**********************************************
* 3.2. Zone content
**********************************************/


/*******************************************
* 3.2.1. Sidebar first
*******************************************/


/* Price range */

#search-api-ranges-block-slider-view-form .range-slider-box {
    margin: 0 auto;
    width: 90%;
}

#search-api-ranges-block-slider-view-form .range-box {
    float: inherit;
}

#search-api-ranges-block-slider-view-form label {
    float: left;
    /* LTR */
}

#search-api-ranges-block-slider-view-form #edit-range-from,
#search-api-ranges-block-slider-view-form #edit-range-to {
    float: inherit;
}

#search-api-ranges-block-slider-view-form #edit-submit {
    margin-top: 0;
}


/*******************************************
* 3.2.2. Content
*******************************************/


/**
* Blocks
*/

#block-views-demo-content-slideshow-block-1 {
    /* HP blocks: Slideshow */
    /**
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    contenteditable attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that are clearfixed.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
    /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
    *zoom: 1;
}

#block-views-demo-content-slideshow-block-1:before,
#block-views-demo-content-slideshow-block-1.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

#block-views-demo-content-slideshow-block-1:after {
    clear: both;
}


/**********************************************
* 3.3. Zone postscript
**********************************************/

.zone-postscript .grid-8 {
    margin: 0 10px;
    width: inherit;
}

#zone-postscript .view-ad-push .views-row,
#zone-postscript .block-blog-block .block-inner {
    position: relative;
}

#zone-postscript .view-ad-push .views-row img,
#zone-postscript .block-blog-block .block-inner img {
    height: auto;
    max-width: 100%;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline,
#zone-postscript .block-blog-block .block-inner .content .views-field-title {
    position: absolute;
    bottom: 10%;
    left: 7%;
    width: 86%;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline a,
#zone-postscript .block-blog-block .block-inner .content .views-field-title a {
    border: 0;
}

#zone-postscript .block-blog-block .block-inner .block-title {
    display: block;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline .field-content a,
#zone-postscript .block-blog-block .views-field-title .field-content a {
    min-height: 60px;
    padding: 15px 10px;
}


/**************************************************
* --
* 4. Section footer
* --
**************************************************/


/**********************************************
* 4.1. Zone footer
**********************************************/


/**
* Menu footer navigation
*/

.section-footer ul.menu li.expanded {
    display: inline;
    float: left;
    /* LTR */
}


/**********************************************
* 4.2. Zone footer2
**********************************************/

#block-menu-menu-payment-methods {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}


/**************************************************
* --
* 5. Commerce specific
* --
**************************************************/


/**********************************************
* 5.1. Search & Collection page
**********************************************/


/**
* Collection page
*/

.view-collection-products .view-header,
.view-collection-taxonomy-term .view-header {
    background-size: cover;
}

.view-collection-products .view-header .taxonomy-title,
.view-collection-taxonomy-term .view-header .taxonomy-title {
    position: relative;
}

.view-collection-products .view-header .view-collection-products,
.view-collection-products .view-header .collection-terms,
.view-collection-taxonomy-term .view-header .view-collection-products,
.view-collection-taxonomy-term .view-header .collection-terms {
    float: right;
    margin: 5px;
    padding-top: 0;
}


/**********************************************
* 5.3. Product page
**********************************************/


/**
* Add to cart popin.
*/

.view-confirm-message-product-display {
    clear: both;
    float: none;
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
    float: left;
    /* LTR */
    width: 180px;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
    height: 100%;
    position: absolute;
    right: 0;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display {
    float: left;
    /* LTR */
    padding-bottom: 20px;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .field-name-field-images {
    position: relative;
    left: 0;
}


/* Product details */

.node-product-type .cloud-zoom-container .cloud-zoom-big,
.node-product-type .cloud-zoom-container .mousetrap,
.node-product-type .cloud-zoom-container .cloud-zoom-lens {
    display: inherit !important;
}

.node-product-type .field-name-field-product form.commerce-add-to-cart label {
    float: none;
}

.service-links {
    width: auto;
}


/**********************************************
* 5.4. Checkout process
**********************************************/


/**
* Checkout page
* Shipping page
*/

.page-checkout #commerce-checkout-form-checkout fieldset label,
.page-checkout #commerce-checkout-form-review fieldset label {
    float: left;
    /* LTR */
    width: 20%;
}

.page-checkout #commerce-checkout-form-checkout fieldset .commerce-customer-profile-copy label,
.page-checkout #commerce-checkout-form-review fieldset .commerce-customer-profile-copy label {
    float: none;
    width: 100%;
}

.page-cart .entity-commerce-product .content .field-name-field-images {
    display: inline;
    float: left;
    margin-right: 8px;
}


/**************************************************
* --
* 7. Blog
* --
**************************************************/

.page-blog .region-content .view-content .views-row {
    clear: left;
    float: left;
    width: 49%;
}

.page-blog .region-content .view-content .views-row-even {
    clear: right;
    float: right;
}


/**************************************************
* --
* 9. User account
* --
**************************************************/

.page-user #user_register_form,
.page-user #user_login_form,
.page-user .create-account,
.page-user #user_pass_form,
.page-checkout #user_register_form,
.page-checkout #user_login_form,
.page-checkout .create-account,
.page-checkout #user_pass_form {
    clear: none;
    float: left;
    width: 45%;
}

.page-user form#user-register-form .form-item-pass,
.page-user form#user-profile-form .form-item-pass,
.page-checkout form#user-register-form .form-item-pass,
.page-checkout form#user-profile-form .form-item-pass {
    margin-bottom: auto;
}

.page-user form#user-register-form .form-item-pass .password-parent,
.page-user form#user-profile-form .form-item-pass .password-parent,
.page-checkout form#user-register-form .form-item-pass .password-parent,
.page-checkout form#user-profile-form .form-item-pass .password-parent {
    position: relative;
    width: 36.3em;
}

.page-user form#user-register-form .form-item-pass .password-parent .password-strength,
.page-user form#user-profile-form .form-item-pass .password-parent .password-strength,
.page-checkout form#user-register-form .form-item-pass .password-parent .password-strength,
.page-checkout form#user-profile-form .form-item-pass .password-parent .password-strength {
    position: absolute;
    right: 15px;
    bottom: -12px;
    width: 17em;
}

.page-user form#user-register-form .form-item-pass .confirm-parent,
.page-user form#user-profile-form .form-item-pass .confirm-parent,
.page-checkout form#user-register-form .form-item-pass .confirm-parent,
.page-checkout form#user-profile-form .form-item-pass .confirm-parent {
    position: relative;
    width: 36.3em;
}

.page-user form#user-register-form .form-item-pass .confirm-parent div.password-confirm,
.page-user form#user-profile-form .form-item-pass .confirm-parent div.password-confirm,
.page-checkout form#user-register-form .form-item-pass .confirm-parent div.password-confirm,
.page-checkout form#user-profile-form .form-item-pass .confirm-parent div.password-confirm {
    right: 15px;
    bottom: 8px;
    width: 17em;
}

.page-user form#user-register-form .form-item-pass .password-suggestions,
.page-user form#user-profile-form .form-item-pass .password-suggestions,
.page-checkout form#user-register-form .form-item-pass .password-suggestions,
.page-checkout form#user-profile-form .form-item-pass .password-suggestions {
    width: 38.5em;
}

.page-user form#user-register-form .form-actions,
.page-user form#user-profile-form .form-actions,
.page-checkout form#user-register-form .form-actions,
.page-checkout form#user-profile-form .form-actions {
    clear: both;
    margin-top: 0;
    margin-bottom: 100px;
    width: 70%;
}

.page-user #user_pass_form,
.page-checkout #user_pass_form {
    width: auto;
}

.page-user form#user-login #user_login_form,
.page-checkout form#user-login #user_login_form {
    border: 0;
    border-right: 1px solid #444444;
    padding-right: 20px;
    padding-bottom: 0;
}

.page-user form#user-login .create-account,
.page-checkout form#user-login .create-account {
    margin: 0;
    padding: 0 20px 20px 20px;
}

.page-user .profile ul.user-information li,
.page-checkout .profile ul.user-information li {
    border-bottom: 0;
    width: 33%;
}


/* Address book */

.page-user-addressbook .view-commerce-addressbook td {
    display: table-cell;
}


/* Indent & Justify classes */

.rteindent1 {
    margin-left: 40px;
}

.rteindent2 {
    margin-left: 80px;
}

.rteindent3 {
    margin-left: 120px;
}

.rteindent4 {
    margin-left: 160px;
}

.rteleft {
    text-align: left;
}

.rteright {
    text-align: right;
}

.rtecenter {
    text-align: center;
}

.rtejustify {
    text-align: justify;
}

.ibimage_left {
    float: left;
}

.ibimage_right {
    float: right;
}


/* CKEditor padding in IE */

table.cke_editor fieldset {
    padding: 0 !important;
}


/* hack with ie and garland editing area size fix - [#733512] */

.cke_editor {
    display: table !important;
}

.cke_editor,
#ie#bug {
    display: inline-table !important;
}


/* Fix table border for Drupal's Seven theme - [#1020612] */

.cke_dialog tr td:last-child {
    border-right: 0;
}


/*toolbar Drag & Drop*/

form#ckeditor-admin-profile-form textarea#edit-toolbar {
    display: none;
}

form#ckeditor-admin-profile-form #edit-toolbar+.grippie {
    display: none;
}

div.sortableList {
    cursor: n-resize;
}

div.widthMarker {
    height: 20px;
    border-top: 1px dashed #CCC;
    margin: 10px 0px 0px 1px;
    padding-left: 1px;
    text-align: center;
}

div.sortableList.group {
    margin: 20px 0px 0px 0px;
}

div.sortableList div.sortableListDiv {
    height: 30px;
    margin-bottom: 3px;
    width: 900px;
}

div.sortableList div.sortableListDiv span.sortableListSpan {
    background-color: #F0F0EE;
    height: 30px;
    border-right: 1px dashed #CCC;
    display: block;
}

div.sortableList div.sortableListDiv span.sortableListSpan ul {
    width: 900px;
    white-space: nowrap;
    border: 1px solid #CCC;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 1px;
    height: 30px;
}

div.sortableList div.sortableListDiv span.sortableListSpan ul li {
    list-style: none;
    cursor: move;
    height: 18px;
    min-width: 18px;
    padding: 2px;
}

div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {
    min-width: 5px;
    padding-left: 2px;
}

div.sortableList div.sortableListDiv span.sortableListSpan ul li img {
    border: 0;
    padding: 0;
    margin: 0
}

li.sortableItem {
    position: relative;
    float: left;
    margin: 3px 1px 1px 0px;
    border: 1px solid #CCC;
    background-color: #F0F0EE;
    z-index: 99;
}

#security-filters .filter-text-formats {
    float: left;
    clear: both;
    width: 15%;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0px;
}

#security-filters .filter-text-formats .filter-text-format-status {
    float: left;
    padding-right: 20px;
}

#security-filters .filter-text-formats .enabled {
    background: url(images/tick.png) no-repeat right center;
}

#security-filters .filter-text-formats .disabled {
    background: url(images/delete.png) no-repeat right center;
}

#security-filters .filter-info {
    float: left;
    width: 85%;
}

#security-filters .fieldset-legend {
    background: none;
    padding-left: 10px;
}

#security-filters .fieldset-legend a {
    font-weight: normal;
    font-size: 10px;
    padding-left: 5px;
}

#security-filters .filter-wrapper {
    clear: both;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}


/* Fix for fieldset for-edit-apperance in Firefox*/

fieldset#edit-appearance div#groupLayout,
div#allButtons {
    border: 0;
    padding: 0 0 0 0;
    margin: 1em 0;
    overflow: auto;
}


/*  end of toolbar Drag & Drop */

.ctools-locked {
    color: red;
    border: 1px solid red;
    padding: 1em;
}

.ctools-owns-lock {
    background: #FFFFDD none repeat scroll 0 0;
    border: 1px solid #F0C020;
    padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
    padding-right: 18px !important;
    background: url(../images/status-active.gif) right center no-repeat;
}

div.ctools-ajaxing {
    float: left;
    width: 18px;
    background: url(../images/status-active.gif) center center no-repeat;
}

div.panel-pane div.admin-links {
    font-size: xx-small;
    margin-right: 1em;
}

div.panel-pane div.admin-links li a {
    color: #ccc;
}

div.panel-pane div.admin-links li {
    padding-bottom: 2px;
    background: white;
    z-index: 201;
}

div.panel-pane div.admin-links:hover a,
div.panel-pane div.admin-links-hover a {
    color: #000;
}

div.panel-pane div.admin-links a:before {
    content: "[";
}

div.panel-pane div.admin-links a:after {
    content: "]";
}

div.panel-pane div.panel-hide {
    display: none;
}


/** For IE we add the class via js; for other browsers we rely on :hover **/

div.panel-pane div.panel-hide-hover,
div.panel-pane:hover div.panel-hide {
    display: block;
    position: absolute;
    z-index: 200;
    margin-top: -1.5em;
}

div.panel-pane div.node {
    margin: 0;
    padding: 0;
}

div.panel-pane div.feed a {
    float: right;
}


/**
 * @file
 * Basic styling for the Commerce Line Item module.
 */


/**
 * Theme the line item summary.
 */

.line-item-summary {
    text-align: right;
    /* LTR */
    margin-bottom: 1em;
}

.line-item-summary .line-item-quantity {
    float: left;
    /* LTR */
}

.line-item-summary .line-item-total-label {
    font-weight: bold;
}

.line-item-summary .links {
    margin-top: .5em;
    clear: left;
    /* LTR */
}

.line-item-summary .links li.last {
    padding-right: 0;
    /* LTR */
}


/**
 * Theme the line item views form, used on the cart page.
 */

.commerce-line-item-views-form input.delete-line-item {
    font-size: 0.8em;
    padding: 1px 6px;
}

.commerce-line-item-views-form .cart-subtotal {
    text-align: right;
    /* LTR */
    font-size: 1.5em;
}

.commerce-line-item-views-form .commerce-line-item-actions {
    text-align: right;
    /* LTR */
}

.sf-menu,
.sf-menu * {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sf-menu {
    line-height: 1.0;
    z-index: 497;
}

.sf-menu ul {
    left: 0;
    position: absolute;
    top: -99999em;
    width: 12em;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li {
    float: left;
    position: relative;
    z-index: 498;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    z-index: 499;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    left: 0;
    top: 2.5em;
}

.sf-menu li li:hover>ul,
.sf-menu li li.sfHover>ul {
    left: 12em;
    top: 0;
}

.sf-hidden {
    left: 0 !important;
    top: -99999em !important;
}

.sf-menu a.sf-with-ul {
    min-width: 1px;
}

.sf-sub-indicator {
    background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0.75em;
    text-indent: -999em;
    top: 1.05em;
    width: 10px;
}

a>.sf-sub-indicator {
    top: 0.8em;
    background-position: 0 -100px;
}

a:focus>.sf-sub-indicator,
a:hover>.sf-sub-indicator,
a:active>.sf-sub-indicator,
li:hover>a>.sf-sub-indicator,
li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px;
}

.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
    background-position: 0 0;
}

.sf-menu ul a:focus>.sf-sub-indicator,
.sf-menu ul a:hover>.sf-sub-indicator,
.sf-menu ul a:active>.sf-sub-indicator,
.sf-menu ul li:hover>a>.sf-sub-indicator,
.sf-menu ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu.sf-horizontal.sf-shadow ul,
.sf-menu.sf-vertical.sf-shadow ul,
.sf-menu.sf-navbar.sf-shadow ul ul {
    background: url('../images/shadow.png') no-repeat right bottom;
    padding: 0 8px 9px 0 !important;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

.sf-menu.rtl,
.sf-menu.rtl li {
    float: right;
}

.sf-menu.rtl li:hover>ul,
.sf-menu.rtl li.sfHover>ul {
    left: auto;
    right: 0;
}

.sf-menu.rtl li li:hover>ul,
.sf-menu.rtl li li.sfHover>ul {
    left: auto;
    right: 12em;
}

.sf-menu.rtl ul {
    left: auto;
    right: 0;
}

.sf-menu.rtl .sf-sub-indicator {
    left: 0.75em;
    right: auto;
    background: url('../images/arrows-ffffff-rtl.png') no-repeat -10px -100px;
}

.sf-menu.rtl a>.sf-sub-indicator {
    top: 0.8em;
    background-position: -10px -100px;
}

.sf-menu.rtl a:focus>.sf-sub-indicator,
.sf-menu.rtl a:hover>.sf-sub-indicator,
.sf-menu.rtl a:active>.sf-sub-indicator,
.sf-menu.rtl li:hover>a>.sf-sub-indicator,
.sf-menu.rtl li.sfHover>a>.sf-sub-indicator {
    background-position: 0 -100px;
}

.sf-menu.rtl ul .sf-sub-indicator {
    background-position: 0 0;
}

.sf-menu.rtl ul a>.sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu.rtl ul a:focus>.sf-sub-indicator,
.sf-menu.rtl ul a:hover>.sf-sub-indicator,
.sf-menu.rtl ul a:active>.sf-sub-indicator,
.sf-menu.rtl ul li:hover>a>.sf-sub-indicator,
.sf-menu.rtl ul li.sfHover>a>.sf-sub-indicator {
    background-position: 0 0;
}

.sf-menu.rtl.sf-horizontal.sf-shadow ul,
.sf-menu.rtl.sf-vertical.sf-shadow ul,
.sf-menu.rtl.sf-navbar.sf-shadow ul ul {
    background-position: bottom left;
    padding: 0 0 9px 8px !important;
    -webkit-border-radius: 8px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.sf-vertical.rtl li:hover>ul,
.sf-vertical.rtl li.sfHover>ul {
    left: auto;
    right: 12em;
}

.sf-vertical.rtl .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-vertical.rtl a>.sf-sub-indicator {
    background-position: 0 0;
}

.sf-vertical.rtl a:focus>.sf-sub-indicator,
.sf-vertical.rtl a:hover>.sf-sub-indicator,
.sf-vertical.rtl a:active>.sf-sub-indicator,
.sf-vertical.rtl li:hover>a>.sf-sub-indicator,
.sf-vertical.rtl li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
}

.sf-navbar.rtl li li {
    float: right;
}

.sf-navbar.rtl ul .sf-sub-indicator {
    background-position: 0 -100px;
}

.sf-navbar.rtl ul a>.sf-sub-indicator {
    background-position: -10px -100px;
}

.sf-navbar.rtl ul a:focus>.sf-sub-indicator,
.sf-navbar.rtl ul a:hover>.sf-sub-indicator,
.sf-navbar.rtl ul a:active>.sf-sub-indicator,
.sf-navbar.rtl ul li:hover>a>.sf-sub-indicator,
.sf-navbar.rtl ul li.sfHover>a>.sf-sub-indicator {
    background-position: 0 -100px;
}

.sf-navbar.rtl ul ul .sf-sub-indicator {
    background-position: 0 0;
}

.sf-navbar.rtl ul ul a>.sf-sub-indicator {
    background-position: -10px 0;
}

.sf-navbar.rtl ul ul a:focus>.sf-sub-indicator,
.sf-navbar.rtl ul ul a:hover>.sf-sub-indicator,
.sf-navbar.rtl ul ul a:active>.sf-sub-indicator,
.sf-navbar.rtl ul ul li:hover>a>.sf-sub-indicator,
.sf-navbar.rtl ul ul li.sfHover>a>.sf-sub-indicator {
    background-position: 0 0;
}

.sf-navbar.rtl li li:hover>ul,
.sf-navbar.rtl li li.sfHover>ul {
    left: auto;
    right: 0;
}

.sf-navbar.rtl li li li:hover>ul,
.sf-navbar.rtl li li li.sfHover>ul {
    left: auto;
    right: 12em;
}

.sf-navbar.rtl>li>ul {
    background: transparent;
    padding: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.sf-navbar {
    position: relative;
}

.sf-navbar li {
    position: static;
    padding-left: 10px;
    padding-right: 10px
}

.sf-navbar li li {
    position: relative;
}

.sf-navbar li ul,
.sf-navbar li li li {
    width: 100%;
}

.sf-navbar li li {
    width: auto;
    float: left;
}

.sf-navbar li li:hover>ul,
.sf-navbar li li.sfHover>ul,
.sf-navbar>li.active-trail>ul {
    left: 0;
    top: 2.5em;
}

.sf-navbar li li li:hover>ul,
.sf-navbar li li li.sfHover>ul {
    left: 12em;
    top: 0;
}

.sf-navbar ul .sf-sub-indicator {
    background-position: -10px -100px;
}

.sf-navbar ul a>.sf-sub-indicator {
    background-position: 0 -100px;
}

.sf-navbar ul a:focus>.sf-sub-indicator,
.sf-navbar ul a:hover>.sf-sub-indicator,
.sf-navbar ul a:active>.sf-sub-indicator,
.sf-navbar ul li:hover>a>.sf-sub-indicator,
.sf-navbar ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px;
}

.sf-navbar ul ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-navbar ul ul a>.sf-sub-indicator {
    background-position: 0 0;
}

.sf-navbar ul ul a:focus>.sf-sub-indicator,
.sf-navbar ul ul a:hover>.sf-sub-indicator,
.sf-navbar ul ul a:active>.sf-sub-indicator,
.sf-navbar ul ul li:hover>a>.sf-sub-indicator,
.sf-navbar ul ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
}

.sf-navbar>li>ul {
    background: transparent;
    padding: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}

.sf-menu.sf-style-space-orange {
    float: left;
    margin-bottom: 1em;
    padding: 0;
}

.sf-menu.sf-style-space-orange.sf-navbar {
    width: 100%;
}

.sf-menu.sf-style-space-orange ul {
    padding-left: 0;
}

.sf-menu.sf-style-space-orange a {
    border: 1px outset #000000;
    color: #f1f1f1;
    padding: 0.75em 1em;
}

.sf-menu.sf-style-space-orange a.sf-with-ul {
    padding-right: 2.25em;
}

.sf-menu.sf-style-space-orange.rtl a.sf-with-ul {
    padding-left: 2.25em;
    padding-right: 1em;
}

.sf-menu.sf-style-space-orange.sf-navbar a {
    border: 0;
}

.sf-menu.sf-style-space-orange span.sf-description {
    color: #f1f1f1;
    display: block;
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 5px 0 0 5px;
    padding: 0;
}

.sf-menu.sf-style-space-orange li,
.sf-menu.sf-style-space-orange li li,
.sf-menu.sf-style-space-orange li li li,
.sf-menu.sf-style-space-orange.sf-navbar {
    background: #017c8e;
}

.sf-menu.sf-style-space-orange li:hover,
.sf-menu.sf-style-space-orange li.sfHover,
.sf-menu.sf-style-space-orange li.active a,
.sf-menu.sf-style-space-orange a:focus,
.sf-menu.sf-style-space-orange a:hover,
.sf-menu.sf-style-space-orange a:active,
.sf-menu.sf-style-space-orange.sf-navbar li li {
    background: #559eb8;
    color: #ffffff;
}

.sf-menu.sf-style-space-orange.sf-navbar li ul {
    background-color: #559eb8;
}

.sf-depth-2 .active {
    background-color: #80b6ca;
}

.sf-menu.sf-style-space-orange.sf-navbar li ul li ul {
    background-color: transparent;
}

.sf-menu.sf-style-space-orange ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-space-orange ul.sf-megamenu li.sf-megamenu-wrapper ol li {
    margin: 0;
    padding: 0;
}

.sf-menu.sf-style-space-orange ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
    font-weight: bold;
}

.sf-menu.sf-style-space-orange ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    display: inline;
    float: left;
    width: 12em;
}

.sf-menu.sf-style-space.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    float: right;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-1 ul.sf-megamenu {
    width: 12em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-2 ul.sf-megamenu {
    width: 24em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-3 ul.sf-megamenu {
    width: 36em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-4 ul.sf-megamenu {
    width: 48em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-5 ul.sf-megamenu {
    width: 60em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-6 ul.sf-megamenu {
    width: 72em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-7 ul.sf-megamenu {
    width: 84em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-8 ul.sf-megamenu {
    width: 96em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-9 ul.sf-megamenu {
    width: 108em;
}

.sf-menu.sf-style-space-orange li.sf-parent-children-10 ul.sf-megamenu {
    width: 120em;
}


/**
 * This will display them grid elements as block rather than inline for mobile browsers 
 * (essentially anything smaller than the narrow grid size, and media query declares. 
 */

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16,
.grid-17,
.grid-18,
.grid-19,
.grid-20,
.grid-21,
.grid-22,
.grid-23,
.grid-24 {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}


/* Grid panels inside blocks need their margins negated. */

.container-12 .block .omega-grid,
.container-16 .block .omega-grid,
.container-24 .block .omega-grid {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}


/* Clearfix fix to prevent padding at bottom of page. FML */

.clearfix:after {
    font-size: 0;
}


/* Skip link styling */

#skip-link {
    left: 50%;
    margin-left: -5.25em;
    margin-top: 0;
    position: absolute;
    width: auto;
    z-index: 50;
}

#skip-link a,
#skip-link a:link,
#skip-link a:visited {
    background: #444;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: block;
    padding: 1px 10px 2px 10px;
    text-decoration: none;
    -khtml-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0 0 10px 10px;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
    outline: 0;
}


/* Give pagers and inline LI items simple styling without all the junk from core */

.inline li,
.tabs li,
.breadcrumb li {
    list-style: none;
    display: inline;
    margin-right: 0.5em;
}

.item-list li {
    list-style: none;
}

.pager li {
    display: inline;
    margin-right: 0.25em;
}

img {
    vertical-align: bottom;
}

.field-label-inline .field-label,
.field-label-inline .field-items,
.field-label-inline .field-item {
    display: inline;
}


/**
 * @file
 * Generic theme-independent base styles.
 */


/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */


/* Suggestion list */

#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

#autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#autocomplete li {
    background: #fff;
    color: #000;
    cursor: default;
    white-space: pre;
    zoom: 1;
    /* IE7 */
}


/* Animated throbber */

html.js input.form-autocomplete {
    background-image: url(../../misc/throbber.gif);
    background-position: 100% 2px;
    /* LTR */
    background-repeat: no-repeat;
}

html.js input.throbbing {
    background-position: 100% -18px;
    /* LTR */
}


/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */

html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
    display: none;
}

fieldset.collapsible {
    position: relative;
}

fieldset.collapsible .fieldset-legend {
    display: block;
}


/**
 * Resizable textareas.
 *
 * @see textarea.js
 */

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.resizable-textarea .grippie {
    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}


/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */

body.drag {
    cursor: move;
}

.draggable a.tabledrag-handle {
    cursor: move;
    float: left;
    /* LTR */
    height: 1.7em;
    margin-left: -1em;
    /* LTR */
    overflow: hidden;
    text-decoration: none;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    background: url(../../misc/draggable.png) no-repeat 6px 9px;
    height: 13px;
    margin: -0.4em 0.5em;
    /* LTR */
    padding: 0.42em 0.5em;
    /* LTR */
    width: 13px;
}

a.tabledrag-handle-hover .handle {
    background-position: 6px -11px;
}

div.indentation {
    float: left;
    /* LTR */
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    /* LTR */
    padding: 0.42em 0 0.42em 0.6em;
    /* LTR */
    width: 20px;
}

div.tree-child {
    background: url(../../misc/tree.png) no-repeat 11px center;
    /* LTR */
}

div.tree-child-last {
    background: url(../../misc/tree-bottom.png) no-repeat 11px center;
    /* LTR */
}

div.tree-child-horizontal {
    background: url(../../misc/tree.png) no-repeat -11px center;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
    /* LTR */
}


/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */

table.sticky-header {
    background-color: #fff;
    margin-top: 0;
}


/**
 * Progress behavior.
 *
 * @see progress.js
 */


/* Bar */

.progress .bar {
    background-color: #fff;
    border: 1px solid;
}

.progress .filled {
    background-color: #000;
    height: 1.5em;
    width: 5px;
}

.progress .percentage {
    float: right;
    /* LTR */
}


/* Throbber */

.ajax-progress {
    display: inline-block;
}

.ajax-progress .throbber {
    background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
    float: left;
    /* LTR */
    height: 15px;
    margin: 2px;
    width: 15px;
}

.ajax-progress .message {
    padding-left: 20px;
}

tr .ajax-progress .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}


/**
 * Inline items.
 */

.container-inline div,
.container-inline label {
    display: inline;
}


/* Fieldset contents always need to be rendered as block. */

.container-inline .fieldset-wrapper {
    display: block;
}


/**
 * Prevent text wrapping.
 */

.nowrap {
    white-space: nowrap;
}


/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */

html.js .js-hide {
    display: none;
}


/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */

.element-hidden {
    display: none;
}


/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}


/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
}


/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* IE6 */

* html .clearfix {
    height: 1%;
}


/* IE7 */

*:first-child+html .clearfix {
    min-height: 1%;
}


/* UI Consistency */

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

input,
button,
select,
textarea {
    margin: 0;
    vertical-align: middle;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border-radius: 11px;
    background: #ddd url(../images/button.png) repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    color: #333;
    font: bold 12px/1.2 Arial, sans-serif;
    outline: 0;
    overflow: visible;
    padding: 3px 10px 4px;
    text-shadow: #fff 0 1px 1px;
    width: auto;
    *padding-top: 2px;
    /* IE7 */
    *padding-bottom: 0px;
    /* IE7 */
}

button {
    *padding-top: 1px;
    /* IE7 */
    *padding-bottom: 1px;
    /* IE7 */
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #888;
    cursor: default;
}


/* Tweaks for Safari + Chrome. */

@media (-webkit-min-device-pixel-ratio: 0) {
    select {
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }
    select[size],
    select[multiple] {
        background-image: none;
        padding: 0;
    }
}

textarea {
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
}

optgroup {
    color: #000;
    font-style: normal;
    font-weight: normal;
}


/* IE6 */

.ie6-button,
* html button {
    background: #ddd url(../images/button.png) repeat-x;
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    color: #333;
    font: bold 12px/1.2 Arial, sans-serif;
    padding: 2px 10px 0px;
    overflow: visible;
    width: auto;
}

* html button {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ie6-input,
* html textarea,
* html select {
    background: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    padding: 2px 3px 1px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    vertical-align: top;
}

* html select {
    margin-top: 1px;
}

.placeholder_text,
.ie6-input-disabled,
.ie6-button-disabled {
    color: #888;
}

.ie6-input-disabled {
    background: #eee;
}

body {
    font: 13px/1.5 Verdana, Helvetica, Arial, sans-serif;
}

a:link,
a:visited {
    color: #0062A0;
    text-decoration: underline;
}

a:hover {
    color: #202124;
    text-decoration: none;
}

a:active {
    color: #202124;
    text-decoration: none;
    color: #000;
}

hr {
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
    background: #5294c1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.05em;
    font-family: Georgia, 'Times New Roman', serif;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
}


/* Make site titles the same size if it's an H1 (home) or H2 (internal) */

h1.site-name,
h2.site-name {
    font-size: 36px;
}


/* Make it a bit smaller for block headers */

h2.block-title {
    font-size: 18px;
    margin: 0;
}

h2.node-title {
    font-size: 28px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

ul ul,
ol ol {
    padding-top: 0.5em;
}

.node ol,
.node ul {
    padding-left: 1.2em;
}

.node ul.inline,
.node ol.inline {
    padding-left: 0;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 20px;
}

dt,
.admin h3 {
    font-size: 18px;
    margin: 0;
}

dd {
    padding-left: 10px;
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 20px;
}

.logo-img {
    float: left;
    margin-right: 20px;
}

.site-name-slogan {
    float: left;
}

.site-name {
    margin-top: 20px;
}

.site-name a {
    text-decoration: none;
}

.site-name,
.site-slogan {
    margin-bottom: 0;
    line-height: 1em;
}

.site-slogan {
    font-weight: normal;
}

.menu {
    margin: 0;
    padding: 0;
}

.menu li {
    list-style: none;
}

.form-actions input {
    margin-right: 0.5em;
}

.form-actions input:hover {
    background: #FFFFFF;
}

label {
    font-weight: 500;
}


/* 

My override to increase the width of the quantity selector

*/

#edit-quantity {
    min-width: 75px !important;
}

#region-footer2-first {
    width: 100% !important;
}

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,800);
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);

/*
Comment styling
 */

article.comment {
    background: #f5f5f5;
    border: 1px solid #aaa;
    padding: 20px !important;
    margin-top: 10px;
    /*-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    7px 7px 10px 0px rgba(50, 50, 50, 0.15);
box-shadow:         7px 7px 10px 0px rgba(50, 50, 50, 0.15);*/
}

nav.comment-links {
    border-top: 1px solid #aaa;
}

.centered,
.field-name-commerce-price {
    margin-top: 10px !Important;
    text-align: center !important;
}

.padtop {
    padding-top: 15px !Important;
}

.commerce-product-field-field-images img {
    max-width: 80%;
}

.resp-column {
    width: 31%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    background-color: rgba(1, 124, 142, 0.24);
    margin-bottom: 20px;
    border: 0px solid #ccc;
    transition: all 0.25s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.25);
}

.resp-price {
    text-align: center;
    font-size: 120%;
    color: #017c8e;
    font-weight: 600;
}

.resp-column:hover {
    /*-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.75);*/
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5);
}

.resp-title {
    height: 50px !Important;
    display: table;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    background-color: #017c8e;
    border-right: 1px solid #017c8e;
    vertical-align: middle;
}

.resp-title a {
    color: white !important;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.resp-img {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eff4f5;
    text-align: center;
}

@media only screen and (min-width:501px) and (max-width:980px) {
    .banner-header {
        font-size: 50px !important;
    }
    .resp-column {
        width: 47%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media only screen and (min-width:500px) and (max-width:799px) {
    .banner-header {
        text-align: center;
    }
}

@media only screen and (max-width:600px) {
    .banner-header {
        text-align: center;
    }
    .resp-column {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media only screen and (max-width:500px) {
    .banner-header {
        text-align: center;
    }
    .resp-column {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    #bannerimgdiv {
        padding-top: 0px;
        padding-bottom: 1px;
        margin: 0px;
        background-color: #017c8e !important;
        background-image: none !important;
    }
    #topad {
        margin-top: 20px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #superfish-2-select {
        height: 60px;
        width: 100%;
        color: white;
        background-color: #017c8e;
        padding-left: 20px;
        font-size: 20px;
    }
}

.region-footer-first {
    width: 100% !important;
}

.views_slideshow_cycle_main {
    width: 100%;
    float: left;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
    width: 100% !important;
    height: auto;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
    height: auto;
}

.views_slideshow_cycle_main .field-content {
    max-width: 100%;
    width: 100%;
}

.views_slideshow_cycle_main .field-content img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

#views_slideshow_cycle_main_test_slideshow-page img {
    max-height: 100% !important;
}

.views-slideshow-cycle-main-frame-row,
.views-slideshow-cycle-main-frame {
    width: 100% !important;
}

div#block-views-slideshow-block.block.block-views {
    position: relative;
    width: 100%;
    padding-bottom: 38.5%;
    height: 0;
    overflow: hidden;
}

.views-slideshow-cycle-main-frame-row-item img {
    width: 100% !important;
}

.bx-viewport {
    height: inherit !important;
}

.bx-wrapper {
    max-height: 300px !important;
    clear: both;
    /*background-color: green;*/
}

#block-views-demo-content-slideshow-block-1 {
    border: 1px solid red;
    display: block;
}

#zone-branding {
    margin-top: 0px;
    margin-bottom: 10px;
}

.logo-img {
    width: 50% !important;
}

.views-field-field-image .field-content img {
    max-width: 100% !important;
}

#logo {
    max-width: 100%;
}


/*make dialog appear on top*/

.ui-dialog {
    z-index: 50000;
}


/*move social media buttons down */

.commerce-product-field-field-book-preview {
    margin-bottom: 30px;
}

.field-name-field-book-preview .field-type-entityreference {
    color: red;
    font-size: 80px;
}

.field .field-name-field-book-preview .field-type-entityreference .field-label-hidden {
    color: red;
    font-size: 80px;
}

.banner-header {
    font-family: Oswald;
    font-weight: 700;
    font-size: 75px;
    color: white;
    margin-left: 15px;
    margin-top: 15px;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
}

.form-text {
    font-size: 60px;
}

.field .field-name-field-download-cover .field-type-image .field-label-hidden {
    float: right;
}

.field-name-field-download-cover .field-type-image {
    float: right;
}

#block-superfish-1 {
    height: 60px;
}

.views-field-title {
    min-height: 50px;
}

.gd-div {
    color: #017c8e;
    border: 1px solid #017c8e;
    font-family: 'Raleway', 'Open Sans', sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    height: 180px;
    line-height: 30px;
    cursor: pointer;
    width: 45%;
    border-radius: 6px;
}

.gd-div:hover {
    color: #8E1301;
    border: 1px solid #8E1301;
}

@media screen and (max-width: 969px) {
    .gd-div {
        width: 100%;
        /*	border: 1px solid red;
 background-color: green; */
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 969px) {
    .gd-header-title {
        margin-top: 0px;
        clear: both;
    }
}

@media screen and (min-width: 970px) {
    .gd-header-title {
        margin-top: 0px;
        border: 5px solid red;
        clear: both;
    }
    .gd-div-left {
        float: left;
        width: 45%;
        /*background-color: blue;*/
    }
    .gd-div-right {
        float: right;
        width: 45%;
    }
}

.gd-header-title:hover {
    background-color: #8E1301;
}

.gd-header-title h5 {
    font-family: 'Raleway', 'Open Sans', sans-serif;
    font-weight: 500;
}

.gd-header-title {
    font-family: 'Nunito', 'Open Sans', sans-serif;
    border-radius: 6px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    background-color: #017c8e;
    text-transform: uppercase;
}


/* This file will hold styles for the mobile version of your website (mobile first). */


/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


/* Override Omega */


/* Include Default Variables & Mixins */


/* End Variables & Mixins */


/*------------------------------------------------
[Table of contents]
0. Reset
1. Global
  1.1. Zones
  1.2. Regions
2. Section header
  2.1. Zone user
    2.1.1. Region user first
    2.1.2. Region user second
  2.2. Zone branding
  2.3. Zone menu
  2.4. Zone header
3. Section content
  3.1. Zone preface
  3.2. Zone content
    3.2.1. Sidebar first
    3.2.2. Content
    3.2.3. Sidebar second
  3.3. Zone postscript
4. Section footer
  4.1. Zone footer
  4.2. Zone footer2
5. Commerce specific
  5.1. Search & Collection page
  5.2. All products page
  5.3. Product page
  5.4. Checkout process
6. Kickstart specific
  6.1. Homepage elements
7. Blog
8. Comments
9. User account
------------------------------------------------*/


/**************************************************
* --
* - 0. Reset
* --
**************************************************/


/**
 * Flexible Media and Cross browser improvements
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - Google maps break also, see below for fixes.
 */

img {
    /* max-width: 100%;*/
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

figure {
    margin: 0;
    padding: 0;
}

object,
embed,
video {
    max-width: 100%;
}


/* Kill flexible images in IE6-8 */

.ie6-8 img {
    max-width: none;
}


/* Override max-width 100% for map displays */

.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img,
#locationmap_map img {
    max-width: none !important;
}


/* Improve IE's resizing of images */

svg:not(:root) {
    overflow: hidden;
}

table thead th {
    font-weight: bold;
}

table th,
table td {
    padding: 5px 10px;
}

ul {
    margin-left: 10px;
}

ul li {
    margin-left: 10px;
}


/**
 * Reset Omega text shadow
 */

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    text-shadow: 0 0 0 transparent;
}


/**
 * Remove Cloud-zoom lens default border/margin.
 */

.cloud-zoom-lens {
    border: 0;
    margin: 0;
}

.cloud-zoom-container #wrap {
    z-index: 12 !important;
}


/**************************************************
* --
* 1. Global
* --
**************************************************/

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}

.region {
    margin: 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

a:link,
a:visited {
    color: #2698f2;
    text-decoration: none;
}

a:hover {
    color: #000000;
}

h1#page-title {
    font-size: 28px;
    font-weight: 600;
    margin-left: 10px;
    /* LTR */
    text-transform: uppercase;
}

.node-page {
    margin: 0 10px;
}


/* Tweaks for Safari + Chrome. */

@media (-webkit-min-device-pixel-ratio: 0) {
    select,
    select[size] {
        background-repeat: no-repeat;
        background-position: right center;
        padding: 3px;
        padding-right: 20px;
    }
}


/* Pager */

.item-list ul.pager li {
    margin: 0;
    padding: 0 5px;
}

.item-list ul.pager li.pager-item:nth-child(3n),
.item-list ul.pager li.pager-ellipsis:nth-child(3n) {
    padding: 0 5px;
}

.item-list ul.pager li.pager-item:nth-child(3n+4),
.item-list ul.pager li.pager-ellipsis:nth-child(3n+4) {
    clear: none;
    float: none;
}


/**************************************************
* --
* 2. Section header
* --
**************************************************/


/**********************************************
* 2.1. Zone user
**********************************************/

.zone-user-wrapper {
    background-color: #017c8e;
    height: 34px;
    width: 100%;
}

.zone-user {
    height: 100%;
}


/*******************************************
* 2.1.1. Region user first
*******************************************/

#region-user-first {
    float: left;
    /* LTR */
}


/* User menu */

.block-menu-user-menu .content {
    float: left;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.block-menu-user-menu .content ul.menu {
    list-style: none;
    margin-top: 2px;
    position: relative;
    left: 50%;
    text-align: center;
}

.block-menu-user-menu .content ul.menu li {
    display: block;
    float: left;
    /* LTR */
    font-size: 0.9em;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    position: relative;
    right: 50%;
}

.block-menu-user-menu .content ul.menu li a {
    display: block;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 6px;
    text-decoration: none;
}

.block-menu-user-menu .content ul.menu li a.active {
    text-decoration: underline;
}

.block-menu-user-menu .content ul.menu li a.active:hover,
.block-menu-user-menu .content ul.menu li a:hover {
    color: white;
    text-decoration: underline;
}


/*******************************************
* 2.1.2. Region user second
*******************************************/

#region-user-second {
    background-color: #FFFFFF;
    float: right;
    /* LTR */
    height: 100%;
    margin: 0;
}

#region-user-second .region-user-second-inner {
    height: 100%;
}


/**
* Cart block
*/

.block-shopping-cart-block,
.block-shopping-cart-block .block-inner,
.block-shopping-cart-block .content {
    height: 100%;
    white-space: nowrap;
}

.block-shopping-cart-block {
    margin: 0 auto;
    margin-left: 50px;
    /* LTR */
}

.block-shopping-cart-block .content {
    background-color: #ffffff;
    background-image: url("/wp-content/uploads/picto_cart.png");
    background-position: 1% 48%;
    background-repeat: no-repeat;
    float: right;
    /* LTR */
    margin-left: -60px;
    /* LTR */
    padding-left: 50px;
    /* LTR */
}

.block-shopping-cart-block .content .view-shopping-cart .view-content,
.block-shopping-cart-block .content .view-shopping-cart .view-footer,
.block-shopping-cart-block .content .view-shopping-cart .view-empty {
    display: inline;
    float: left;
    /* LTR */
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

.block-shopping-cart-block .content .view-shopping-cart .view-content ul,
.block-shopping-cart-block .content .view-shopping-cart .view-content li {
    margin: 0;
    padding: 0;
}

.block-shopping-cart-block .content .view-shopping-cart .view-footer {
    display: block;
    float: none;
}

.block-shopping-cart-block .content .view-shopping-cart .view-empty,
.block-shopping-cart-block .content .view-shopping-cart .line-item-quantity {
    margin: 0;
    vertical-align: middle;
}

.block-shopping-cart-block .content .view-shopping-cart .view-empty p {
    float: left;
    /* LTR */
    line-height: 30px;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary {
    display: inline;
    float: left;
    /* LTR */
    height: 34px;
    line-height: 30px;
    margin: 0;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary .line-item-quantity {
    color: #2698f2;
    text-decoration: none;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary .line-item-total {
    color: #888888;
    float: left;
    /* LTR */
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    height: 100%;
    line-height: 30px;
    padding: 0 12px 0 6px;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary .line-item-total-label {
    display: none;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary ul.links {
    background-color: #589eb7;
    clear: none;
    color: white;
    display: block;
    float: left;
    /* LTR */
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    height: 100%;
    line-height: 30px;
    margin: 0 0 0 5px;
    /* LTR */
    padding: 0 10px;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary ul.links li {
    margin: 0;
    padding: 0;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary ul.links li a {
    color: white;
    font-weight: 700;
}

.block-shopping-cart-block .content .view-shopping-cart .line-item-summary ul.links li a:hover {
    text-decoration: underline;
}


/**********************************************
* 2.2. Zone branding
**********************************************/

.zone-branding .region-branding {
    margin: 50px 0 15px 0;
}

.zone-branding .region-branding .logo-img {
    float: none;
    margin: 10px 0;
    text-align: center;
}


/**
* Search block
*/

#block-views-exp-display-products-page {
    margin-bottom: 10px;
    padding-top: 28px;
}

#block-views-exp-display-products-page .views-exposed-widgets {
    float: right;
    /* LTR */
    margin-right: 10px;
    /* LTR */
    margin-bottom: 0;
    position: relative;
    width: 60%;
}

#block-views-exp-display-products-page .views-exposed-widget {
    padding: 0;
    position: relative;
}

#block-views-exp-display-products-page .form-text {
    border-color: #d7d7d7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    height: 36px;
    position: relative;
    padding: 5px 28px 5px 5px;
    /* LTR */
    width: 100%;
}

#block-views-exp-display-products-page .views-widget-filter-search_api_views_fulltext {
    float: none;
}

#block-views-exp-display-products-page .views-submit-button {
    position: absolute;
    right: 5px;
    /* LTR */
    top: 6px;
    z-index: 100;
}

#block-views-exp-display-products-page .views-submit-button .form-submit {
    background-color: transparent;
    background-image: url("../images/picto_magnifying_glass.png");
    background-position: 98% 50%;
    /* LTR */
    background-repeat: no-repeat;
    border: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    position: relative;
    text-indent: -9999px;
}


/**********************************************
* 2.3. Zone menu
**********************************************/


/**
* Navigation
*/

.menu-toggle {
    background: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    clip: inherit;
    display: block;
    height: 36px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    /* LTR */
    top: -46px;
    width: 36px;
}

.menu-toggle:hover {
    background: #777;
}

.menu-toggle .toggle-help {
    color: #999;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 0;
    position: absolute;
    left: 45px;
    /* LTR */
    top: 6px;
}

.menu-toggle .line {
    border-bottom: 2px solid #CCC;
    display: block;
    margin: 4px auto 4px auto;
    width: 26px;
}

.menu-toggle .first-line {
    padding-top: 4px;
}

.menu-toggle .last-line {
    padding-bottom: 0;
}

.navigation {
    background: #444444;
    display: none;
    padding-bottom: 10px;
    /* Main menu */
    /* Secondary menu */
}

.navigation h2 {
    color: #999;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 0;
}

.navigation .primary-menu,
.navigation .second-menu {
    display: block;
    font-size: 1em;
    margin: 0 10px;
    padding: 10px 0 0 0;
}

.navigation .primary-menu ul,
.navigation .second-menu ul {
    margin: 0;
}

.navigation .primary-menu ul li,
.navigation .second-menu ul li {
    display: inline-block;
    margin: 0 0 7px 0;
    padding: 0;
    width: 100%;
}

.navigation .primary-menu ul li a,
.navigation .second-menu ul li a {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    padding: 12px 16px;
    text-decoration: none;
}

.navigation .primary-menu ul li a:hover,
.navigation .second-menu ul li a:hover {
    text-decoration: none;
}

.navigation .primary-menu ul li a {
    background-color: #017c8e;
    border: 1px solid #cccccc;
    color: white;
    text-transform: capitalize;
}

.navigation .primary-menu ul li a.active,
.navigation .primary-menu ul li a:hover {
    background-color: white;
    border: 1px solid #cccccc;
}

.navigation .primary-menu ul li a.active {
    color: black;
}

.navigation .primary-menu ul li a:hover {
    color: white;
    background-color: #589eb7;
}

.navigation .second-menu {
    clear: left;
}

.navigation .second-menu ul li a {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #888888;
    padding: 12px 18px;
    text-transform: capitalize;
}

.navigation .second-menu ul li a.active,
.navigation .second-menu ul li a:hover {
    background-color: white;
    border: 1px solid #cccccc;
}

.navigation .second-menu ul li a.active {
    color: black;
}

.navigation .second-menu ul li a:hover {
    color: #999999;
}

.zone-menu .block-menu {
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 10px 0 0 0;
}

.zone-menu .block-menu ul.menu li {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 0 0 7px 0;
    padding: 0;
    width: 100%;
}

.zone-menu .block-menu ul.menu li a {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #888888;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    padding: 12px 16px;
    text-decoration: none;
    text-transform: capitalize;
}

.zone-menu .block-menu ul.menu li a.active,
.zone-menu .block-menu ul.menu li a:hover {
    background-color: white;
    border: 1px solid #cccccc;
}

.zone-menu .block-menu ul.menu li a.active {
    color: black;
}

.zone-menu .block-menu ul.menu li a:hover {
    color: #999999;
    text-decoration: none;
}


/**************************************************
* --
* 3. Section content
* --
**************************************************/

.section-content {
    min-height: 500px;
    height: 100%;
}

.front .section-content {
    min-height: 100%;
}


/**********************************************
* 3.1. Zone preface
**********************************************/

.zone-preface {
    background-color: #ffffff;
    margin-bottom: 0;
    padding-top: 20px;
    position: relative;
}

.breadcrumb,
#region-breadcrumb .pseudo-breadcrumb {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}


/**
* Pseudo Breadcrumb
*/

#region-breadcrumb {
    margin: 0px 10px;
    padding-bottom: 0;
    position: relative;
}

#region-breadcrumb .pseudo-breadcrumb-total-results {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin: 0 0 0 10px;
    /* LTR */
}

#region-breadcrumb .pseudo-breadcrumb-total-results em {
    color: #2698f2;
    font-style: normal;
}

#region-breadcrumb .pseudo-breadcrumb {
    background-color: #eeeeee;
    border: 1px solid #d7d7d7;
    margin: 20px 0;
    padding: 10px 21px 35px 5px;
    /* LTR */
}

#region-breadcrumb .pseudo-breadcrumb li {
    color: #898a8c;
    float: left;
    /* LTR */
    font-weight: bold;
    line-height: 23px;
    text-decoration: none;
}

#region-breadcrumb .pseudo-breadcrumb li a {
    background: url("../images/btn_close.png") 0px 4px no-repeat;
    color: #898a8c;
    display: block;
    float: left;
    font: 0/0 none;
    height: 20px;
    padding: 0 5px 0 0;
    /* LTR */
    text-decoration: none;
    width: 20px;
}


/**
* Breadcrumb
*/

.breadcrumb {
    background-color: #eeeeee;
    border: 1px solid #d7d7d7;
    color: #898a8c;
    margin: 20px 0;
    padding: 13px 27px;
}

.breadcrumb a {
    color: #898a8c;
    font-weight: bold;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}


/**********************************************
* 3.2. Zone content
**********************************************/

.zone-content-wrapper {
    height: 100%;
}

.zone-content-wrapper .zone-content {
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}


/*******************************************
* 3.2.1. Sidebar first
*******************************************/


/* Search api facet blocks */

.region-sidebar-first .block-facetapi {
    border-top: 1px solid #000000;
    margin-top: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    /* LTR */
    padding-top: 15px;
    padding-left: 15px;
    /* LTR */
}

.region-sidebar-first .block-facetapi h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 8%;
}

.region-sidebar-first .block-facetapi ul {
    list-style: none;
    list-style-image: none;
}

.region-sidebar-first .block-facetapi ul li {
    background: none;
    line-height: 22px;
    list-style: none;
    list-style-image: none;
    margin: 0;
}

.region-sidebar-first .block-facetapi ul li a {
    color: #8e8e8e;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-decoration: none;
}

.region-sidebar-first .block-facetapi ul li a:hover {
    text-decoration: underline;
}

.region-sidebar-first .block-facetapi ul li a.facetapi-active {
    background-image: url("../images/btn_close.png");
    background-position: left top;
    /* LTR */
    background-repeat: no-repeat;
    display: block;
    float: left;
    /* LTR */
    padding: 0 1px 0 0;
    /* LTR */
    text-decoration: none;
    text-indent: -9999px;
    width: 20px;
}

.region-sidebar-first .block-facetapi ul li a.facetapi-inactive {
    padding-left: 21px;
    /* LTR */
}


/* Price range */

#search-api-ranges-block-slider-view-form,
#search-api-ranges-block-slider-view-form .range-box-left,
#search-api-ranges-block-slider-view-form .range-box-right {
    position: relative;
}

#search-api-ranges-block-slider-view-form .text-range {
    display: none;
    font-size: 12px;
    margin: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

#search-api-ranges-block-slider-view-form .range-slider-box {
    display: none;
}

#search-api-ranges-block-slider-view-form .range-box {
    float: left;
    /* LTR */
}

#search-api-ranges-block-slider-view-form label {
    float: left;
    /* LTR */
    line-height: 24px;
    margin-right: 5px;
    text-align: left;
    white-space: nowrap;
    width: 40%;
}

#search-api-ranges-block-slider-view-form label:after {
    content: ":";
}

#search-api-ranges-block-slider-view-form #edit-range-from,
#search-api-ranges-block-slider-view-form #edit-range-to {
    float: left;
    /* LTR */
    width: 80px;
}

#search-api-ranges-block-slider-view-form #edit-submit {
    background: #cecece;
    border: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    margin-top: 2em;
    padding: 5px 12px;
}


/*******************************************
* 3.2.2. Content
*******************************************/


/**
* Blocks
*/

#block-views-demo-content-slideshow-block-1 {
    /* HP blocks: Slideshow */
    position: relative;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper {
    position: relative;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper .bx-window,
#block-views-demo-content-slideshow-block-1 .bx-wrapper .bx-viewport {
    overflow: visible !important;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper ul.event-slider li {
    margin: 0;
    overflow: hidden;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper ul.event-slider li a {
    display: block;
}

#block-views-demo-content-slideshow-block-1 .views-field-nothing,
#block-views-demo-content-slideshow-block-1 .bx-prev,
#block-views-demo-content-slideshow-block-1 .bx-next {
    display: none;
    text-indent: -9999px;
}


/*******************************************
* 3.2.3. Sidebar second
*******************************************/

#block-views-blog-category-list-block .block-title,
#block-views-blog-block-1 .block-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

#block-views-blog-category-list-block table {
    width: 100%;
}

#block-views-blog-category-list-block table td {
    width: 50%;
}

#block-views-blog-block-1 .views-row {
    border-bottom: 1px solid #E0E3E6;
    padding: 4px 4px 10px 4px;
}

#block-views-blog-block-1 .views-row .views-field-title {
    line-height: 13px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

#block-views-blog-block-1 .views-row .views-row-last {
    border-bottom: 0;
}


/**********************************************
* 3.3. Zone postscript
**********************************************/

.region-postscript-first,
.region-postscript-second {
    margin-bottom: 5px;
}

.region-postscript-third {
    margin-right: 0;
}

.zone-postscript .grid-8 {
    float: left;
    /* LTR */
    margin: 0 1.5%;
    padding: 0;
    width: 30%;
}

#zone-postscript {
    margin-top: 20px;
    margin-bottom: 24px;
    /* HP blocks */
}

#zone-postscript .view-ad-push .views-row,
#zone-postscript .block-blog-block .block-inner {
    background-color: #cccccc;
    border: 1px solid #b1b1b1;
    padding: 10px;
}

#zone-postscript .view-ad-push .views-row .field-content a,
#zone-postscript .view-ad-push .views-row .content a,
#zone-postscript .block-blog-block .block-inner .field-content a,
#zone-postscript .block-blog-block .block-inner .content a {
    border: 4px solid #ffffff;
    display: block;
}

#zone-postscript .view-ad-push .views-row .field-content img,
#zone-postscript .view-ad-push .views-row .content img,
#zone-postscript .block-blog-block .block-inner .field-content img,
#zone-postscript .block-blog-block .block-inner .content img {
    display: block;
    margin: auto;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline,
#zone-postscript .view-ad-push .views-row .views-field-title,
#zone-postscript .block-blog-block .block-inner .views-field-field-tagline,
#zone-postscript .block-blog-block .block-inner .views-field-title {
    margin: 10px auto 0 auto;
}

#zone-postscript .view-ad-push .views-row .views-field-field-image {
    display: block;
}

#zone-postscript .view-ad-push .views-row .views-field-field-headline {
    font-family: Georgia, 'Times New Roman', serif;
}

#zone-postscript .block-blog-block .block-inner .block-title {
    background: transparent url("../images/bg_block_homepage_title.png") -18% 100% no-repeat;
    /* LTR */
    color: white;
    display: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    height: 50px;
    line-height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    padding-left: 25px;
    /* LTR */
    position: absolute;
    top: 0;
    left: -1px;
    /* LTR */
    text-align: left;
    /* LTR */
    width: 112px;
    z-index: 1;
}

#zone-postscript .block-blog-block .block-inner .views-field-title .field-content {
    display: block;
    width: 100%;
}

#zone-postscript .block-blog-block .block-inner .views-field-title .field-content p {
    margin-bottom: 0;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline,
#zone-postscript .block-blog-block .views-field-title {
    display: block;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline .field-content,
#zone-postscript .block-blog-block .views-field-title .field-content {
    color: white;
    line-height: 18px;
    padding: 0px;
}

#zone-postscript .view-ad-push .views-row .views-field-field-tagline .field-content a,
#zone-postscript .block-blog-block .views-field-title .field-content a {
    background: #666;
    color: white;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    min-height: 45px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}


/**************************************************
* --
* 4. Section footer
* --
**************************************************/

.section-footer {
    background-color: white;
}


/**********************************************
* 4.1. Zone footer
**********************************************/

.zone-footer-wrapper {
    padding-top: 32px;
    padding-bottom: 36px;
}


/**
* Menu footer navigation
*/

.block-menu-menu-footer-navigation {
    width: auto;
}

.section-footer ul.menu,
.section-footer ul.menu li {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0 25px 0 0;
}

.section-footer ul.menu {
    width: 100%;
}

.section-footer ul.menu li.expanded {
    list-style: none;
    list-style-image: none;
    padding-bottom: 10px;
}

.section-footer ul.menu li.expanded span,
.section-footer ul.menu li.expanded a {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-decoration: none;
}

.section-footer ul.menu li.expanded span {
    color: #666666;
}

.section-footer ul.menu li.expanded ul.menu {
    margin: 10px 0 0 0;
}

.section-footer ul.menu li.expanded ul.menu li {
    display: block;
    float: none;
    padding: 0;
}

.section-footer ul.menu li.expanded ul.menu li a {
    color: #999999;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

.section-footer ul.menu li.expanded ul.menu li a.active {
    color: #000;
}

.section-footer ul.menu li.expanded ul.menu li a.active:hover {
    text-decoration: underline;
}

.section-footer ul.menu li.expanded ul.menu li a:hover {
    text-decoration: underline;
}


/**
* Connect with us
*/

#block-menu-menu-social-connection h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 16px;
    padding: 8px 15px;
    text-align: left;
    /* LTR */
}

#block-menu-menu-social-connection .content ul.menu {
    list-style: none;
}

#block-menu-menu-social-connection .content ul.menu li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 15px;
    margin-top: 2px;
    margin-bottom: 15px;
    margin-left: 0;
}

#block-menu-menu-social-connection .content ul.menu li:hover {
    background-color: #cecece;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

#block-menu-menu-social-connection .content ul.menu li span,
#block-menu-menu-social-connection .content ul.menu li a {
    background-position: 2% 50%;
    /* LTR */
    background-repeat: no-repeat;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    height: 35px;
    line-height: 16px;
    padding-top: 5px;
    padding-left: 50px;
    /* LTR */
    text-decoration: none;
}

#block-menu-menu-social-connection .content ul.menu li a.facebook {
    background-image: url("../images/icon_facebook.png");
}

#block-menu-menu-social-connection .content ul.menu li a.twitter {
    background-image: url("../images/icon_twitter.png");
}

#block-menu-menu-social-connection .content ul.menu li a.pinterest {
    background-image: url("../images/icon_pinterest.png");
}


/**********************************************
* 4.2. Zone footer2
**********************************************/

.zone-footer2-wrapper {
    background-color: #017c8e;
    min-height: 60px;
    padding: 20px 0;
    /*
-webkit-box-shadow: 0px -2px 5px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px -2px 5px rgba(50, 50, 50, 0.25);
box-shadow:         0px -2px 5px rgba(50, 50, 50, 0.25);
*/
}

body.activebar-container .zone-footer2-wrapper {
    min-height: 100px;
}


/**
* Powered by Drupal Commerce
*/

.block-powered-drupal-commerce a {
    color: #1d76bc;
    font-weight: 600;
    text-decoration: none;
}


/**
* Payment blocks
*/

#block-menu-menu-payment-methods {
    background-color: #ffffff;
    color: #3f3f3f;
    padding: 10px;
}

#block-menu-menu-payment-methods h2 {
    display: none;
}

#block-menu-menu-payment-methods ul.menu {
    height: 40px;
    margin-bottom: 0;
}

#block-menu-menu-payment-methods ul.menu li {
    display: inline;
    float: left;
    /* LTR */
    margin: 0;
    text-align: center;
    width: 24%;
    padding: 0;
}

#block-menu-menu-payment-methods ul.menu li:first-child {
    padding-left: 10px;
    /* LTR */
}

#block-menu-menu-payment-methods ul.menu li a {
    background-position: 0 100%;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    margin: 5px 0px;
    text-indent: -9999px;
    width: 50px;
}

#block-menu-menu-payment-methods ul.menu li .visa {
    background-image: url("../images/picto_visa_premier.png");
}

#block-menu-menu-payment-methods ul.menu li .paypal {
    background-image: url("../images/picto_paypal.png");
}

#block-menu-menu-payment-methods ul.menu li .mastercard {
    background-image: url("../images/picto_mastercard.png");
}

#block-menu-menu-payment-methods ul.menu li .american-express {
    background-image: url("../images/picto_american_express.png");
}

#block-menu-menu-payment-methods ul.menu li .laser {
    background-image: url("../images/picto_laser.png");
}


/**************************************************
* --
* 5. Commerce specific
* --
**************************************************/


/**********************************************
* 5.1. Search & Collection page
**********************************************/


/**
* Collection page
*/

.page-product-category h1#page-title,
.page-collection h1#page-title {
    display: none;
}

.page-product-category .block-search-api-sorts,
.page-collection .block-search-api-sorts {
    margin-bottom: 10px;
}

.page-product-category .block-main,
.page-collection .block-main {
    clear: both;
}

.view-collection-products .view-header,
.view-collection-taxonomy-term .view-header {
    background-color: #888;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 35px;
    position: relative;
}

.view-collection-products .view-header .taxonomy-title,
.view-collection-taxonomy-term .view-header .taxonomy-title {
    clear: both;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 3em;
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    /* LTR */
    text-decoration: none;
    text-shadow: 0 1px 1px #C3C3C3;
    text-transform: capitalize;
}

.view-collection-products .view-header .views-row,
.view-collection-taxonomy-term .view-header .views-row {
    border: 1px solid #d7d7d7;
    margin: 0;
    margin-bottom: 20px;
}

.view-collection-products .view-header .view-collection-products,
.view-collection-products .view-header .collection-terms,
.view-collection-taxonomy-term .view-header .view-collection-products,
.view-collection-taxonomy-term .view-header .collection-terms {
    padding-top: 6em;
}

.view-collection-products .view-header .view-collection-products .view-content .item-list,
.view-collection-products .view-header .collection-terms .view-content .item-list,
.view-collection-taxonomy-term .view-header .view-collection-products .view-content .item-list,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list {
    /* List of categories related to a collection */
    clear: none;
    display: inline;
    float: left;
    /* LTR */
    margin-right: 6px;
    /* LTR */
    margin-bottom: 7px;
}

.view-collection-products .view-header .view-collection-products .view-content .item-list h3,
.view-collection-products .view-header .collection-terms .view-content .item-list h3,
.view-collection-taxonomy-term .view-header .view-collection-products .view-content .item-list h3,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list h3 {
    margin-bottom: 0;
}

.view-collection-products .view-header .view-collection-products .view-content .item-list h3 a,
.view-collection-products .view-header .collection-terms .view-content .item-list h3 a,
.view-collection-taxonomy-term .view-header .view-collection-products .view-content .item-list h3 a,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list h3 a {
    background-color: #cecece;
    border: 1px solid #cecece;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding: 5px 15px;
    text-decoration: none;
}

.view-collection-products .view-header .view-collection-products .view-content .item-list h3 a:hover,
.view-collection-products .view-header .collection-terms .view-content .item-list h3 a:hover,
.view-collection-taxonomy-term .view-header .view-collection-products .view-content .item-list h3 a:hover,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list h3 a:hover {
    background-color: #FFFFFF;
    border: 1px solid #cecece;
    color: #000000;
}

.view-collection-products .view-header .view-collection-products .view-content .item-list ul,
.view-collection-products .view-header .collection-terms .view-content .item-list ul,
.view-collection-taxonomy-term .view-header .view-collection-products .view-content .item-list ul,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list ul {
    display: none;
}

.view-collection-products .view-content .item-list .products-per-collection li.views-row,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li.views-row {
    float: left;
    /* LTR */
}

.view-collection-products .view-content .item-list .products-per-collection li.views-row.last,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li.views-row.last {
    padding-right: 0;
    /* LTR */
}

.view-collection-products .view-content .item-list .products-per-collection li .commerce-product-field,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .commerce-product-field {
    color: #000000;
    font-size: 14px;
    margin-bottom: 5px;
    text-decoration: none;
}

.view-collection-products .view-content .item-list .products-per-collection li header,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li header {
    background: url("../images/bg_product_attributes_top.png") center top no-repeat;
    padding-top: 20px;
}

.view-collection-products .view-content .item-list .products-per-collection li header h2,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li header h2 {
    clear: both;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 16px;
    margin: 0 4px;
}

.view-collection-products .view-content .item-list .products-per-collection li header h2 a,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li header h2 a {
    color: #000000;
    font-size: 14px;
    text-decoration: none;
}

.view-collection-products .view-content .item-list .products-per-collection li .field-type-commerce-price,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .field-type-commerce-price {
    color: #858787;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.view-collection-products .view-content .item-list .products-per-collection li .field-type-commerce-price .price_prefix p,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .field-type-commerce-price .price_prefix p {
    display: inline;
}

.view-collection-products .view-content .item-list .products-per-collection li .field-name-field-color .vocabulary-color,
.view-collection-products .view-content .item-list .products-per-collection li .views-field-field-extractor-field-product ul li,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .field-name-field-color .vocabulary-color,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .views-field-field-extractor-field-product ul li {
    border: 1px solid #CBCDCC;
    float: left;
    /* LTR */
    margin: 0 0.5em 0.5em 0;
    /* LTR */
    padding: 2px;
}

.view-collection-products .view-content .item-list .products-per-collection li .field-name-field-color .vocabulary-color .commerce-fancy-attributes-color,
.view-collection-products .view-content .item-list .products-per-collection li .views-field-field-extractor-field-product ul li .commerce-fancy-attributes-color,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .field-name-field-color .vocabulary-color .commerce-fancy-attributes-color,
.view-collection-taxonomy-term .view-content .item-list .products-per-collection li .views-field-field-extractor-field-product ul li .commerce-fancy-attributes-color {
    border: none;
}


/**********************************************
* 5.2. All products page
**********************************************/

.page-products .view-display-products {
    margin-top: 20px;
}

.page-products .view-display-products li.views-row {
    display: inline;
    float: left;
    /* LTR */
    min-height: 380px;
    height: auto;
    margin: 0;
    padding-right: 5px;
    /* LTR */
    padding-bottom: 30px;
    width: 230px;
}

.page-products .view-display-products li.views-row.last {
    padding-right: 0;
    /* LTR */
}

.page-products .view-display-products li:nth-child(3n) {
    padding-right: 0;
    /* LTR */
}

.page-products .view-display-products li:nth-child(3n+4) {
    clear: left;
    /* LTR */
    float: left;
    /* LTR */
}

.page-products .view-display-products li .commerce-product-field {
    margin-bottom: 5px;
}

.page-products .view-display-products li header {
    background: transparent url("../images/bg_product_attributes_top.png") center top no-repeat;
}

.page-products .view-display-products li header h2 {
    clear: both;
    font-size: 14px;
    height: 35px;
    line-height: 16px;
    margin: 0 4px;
    padding-top: 20px;
}

.page-products .view-display-products li header a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
}

.page-products .view-display-products li .content .commerce-product-field {
    font-size: 14px;
    text-decoration: none;
}

.page-products .view-display-products li .content .field-name-commerce-price {
    color: #858787;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.page-products .view-display-products li .content .field-name-commerce-price .price_prefix p {
    display: inline;
}

.page-products .view-display-products li .field-name-field-color .vocabulary-color,
.page-products .view-display-products li .views-field-field-extractor-field-product ul li {
    border: 1px solid #CBCDCC;
    clear: none;
    float: left;
    margin: 0 0.5em 0.5em 0;
    padding: 2px;
}

.page-products .view-display-products li .field-name-field-color .vocabulary-color .commerce-fancy-attributes-color,
.page-products .view-display-products li .views-field-field-extractor-field-product ul li .commerce-fancy-attributes-color {
    border: none;
}


/** TODO: Check if used on commerce_kickstart
.page-products .commerce-product-extra-field-title {
  background: url('../images/bg_search_product_name.png') left top no-repeat;
  margin-top: 4px;
  padding-top: 17px;
  font-size: 14px;
  text-decoration: none;
}/*

/**
* Search sort block
*/

.block-search-api-sorts:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.block-search-api-sorts .block-inner {
    float: right;
    /* LTR */
    clear: right;
    /* LTR */
}

.block-search-api-sorts .block-inner h2.block-title {
    display: inline;
    float: left;
    /* LTR */
    font-size: 13px;
    line-height: 32px;
    margin-right: 5px;
    /* LTR */
    text-transform: uppercase;
}

.block-search-api-sorts .content {
    float: left;
    /* LTR */
}

.block-search-api-sorts .content ul.search-api-sorts {
    margin: 0;
}

.block-search-api-sorts .content ul.search-api-sorts li {
    color: white;
    display: inline;
    float: left;
    /* LTR */
    margin: 0;
    margin-left: 5px;
    /* LTR */
    text-align: center;
    text-decoration: none;
}

.block-search-api-sorts .content ul.search-api-sorts li span,
.block-search-api-sorts .content ul.search-api-sorts li a {
    background-color: #8e8e8e;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    display: block;
    padding: 5px 12px;
}

.block-search-api-sorts .content ul.search-api-sorts li a {
    background-color: #cecece;
    color: white;
    text-decoration: none;
}

.block-search-api-sorts .content ul.search-api-sorts li span a {
    background: none;
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    margin-right: 5px;
    /* LTR */
    padding: 0;
    height: 13px;
    width: 13px;
}

.block-search-api-sorts .content ul.search-api-sorts li .search-api-sort-active {
    color: white;
    position: relative;
    padding-right: 25px;
    /* LTR */
    padding-left: 12px;
    /* LTR */
    text-decoration: none;
}

.block-search-api-sorts .content ul.search-api-sorts li .search-api-sort-active .search-api-sort-remove {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 0;
}

.block-search-api-sorts .content ul.search-api-sorts li .search-api-sort-active .sort-asc img,
.block-search-api-sorts .content ul.search-api-sorts li .search-api-sort-active .sort-desc img {
    vertical-align: baseline;
}


/**********************************************
* 5.3. Product page
**********************************************/


/**
* Add to cart popin.
*/

div.messages.commerce-add-to-cart-confirmation {
    background-color: #E4F5FE;
    border-color: #D7D7D7;
    margin-left: -50% !important;
    /* width/2 */
    top: -50px;
    height: 250px;
    text-align: center;
    width: 100%;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .commerce-add-to-cart-confirmation-close {
    background: url("../images/btn_close.png") no-repeat 0 0;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
    color: #696458;
    float: none;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 30px 10px 10px;
    /* LTR */
    text-transform: uppercase;
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
    height: auto;
    position: relative;
    right: none;
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout {
    background-color: #2698f2;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue {
    background-color: #b3b3b3;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display {
    clear: both;
    float: none;
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content {
    margin: 0;
    margin-bottom: 15px;
    text-align: left;
    /* LTR */
    width: 90%;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product h2 {
    display: none;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .field-name-field-images {
    position: relative;
    left: 0;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .field-name-field-images img {
    border: #D7D7D7 solid 1px;
    text-align: left;
    /* LTR */
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .commerce-product-sku .commerce-product-sku-label {
    color: #878380;
    display: inline;
    font-weight: bold;
    padding-right: 5px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .commerce-product-sku,
div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .field {
    clear: both;
    color: #878380;
    font-size: 12px;
    margin-right: 20px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .commerce-product-title-label,
div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .commerce-product-status-label {
    display: inline;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-quantity {
    font-size: 12px;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-quantity .views-label-quantity {
    color: #878380;
    font-weight: bold;
    padding-right: 5px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-total {
    clear: both;
    display: inline;
    font-size: 20px;
    font-weight: 300;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-total .views-label-commerce-total {
    color: #878380;
    float: left;
    /* LTR */
    padding-top: 25px;
    padding-right: 5px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-total .field-content {
    color: #2698f2;
    display: inline;
    float: right;
    /* LTR */
    font-size: 20px;
    padding-top: 25px;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .field-label {
    color: #878380;
    padding-right: 5px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .views-field-title {
    text-align: left;
    /* LTR */
}

.node-product-type .product-title {
    clear: both;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.node-product-type .commerce-product-sku {
    color: #b1b1b1;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.node-product-type .commerce-product-sku .commerce-product-sku-label {
    font-weight: normal;
}

.node-product-type .field-name-commerce-price {
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.node-product-type .cloud-zoom-container {
    margin-bottom: 20px;
}

.node-product-type .cloud-zoom-container #wrap {
    float: inherit;
    z-index: 10 !important;
    /* Fix overlay */
}

.node-product-type .cloud-zoom-container .cloud-zoom-gallery-thumbs {
    clear: both;
}

.node-product-type .cloud-zoom-container .cloud-zoom-gallery-thumbs .cloud-zoom-gallery {
    border: 1px solid #5b5b5b;
    display: inline-block;
    float: none;
    margin: 5px 0;
}

.node-product-type .field-name-body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.node-product-type .field-name-body .read-more,
.node-product-type .field-name-body .read-less,
.node-product-type .field-name-body .read-more a,
.node-product-type .field-name-body .read-less a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.node-product-type .field-name-body .read-more a,
.node-product-type .field-name-body .read-less a {
    background-position: left top;
    /* LTR */
    background-repeat: no-repeat;
    color: #898a8c;
    display: block;
    height: 18px;
    margin-top: 10px;
    padding-right: 20px;
    /* LTR */
    text-decoration: none;
    text-indent: 25px;
    text-transform: capitalize;
}

.node-product-type .field-name-body .read-more a:hover,
.node-product-type .field-name-body .read-less a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.node-product-type .field-name-body .read-more a {
    background-image: url("../images/btn_read_more.png");
}

.node-product-type .field-name-body .read-less a {
    background-image: url("../images/btn_read_less.png");
}

.node-product-type .field-type-commerce-product-reference {
    background: url("../images/bg_product_attributes_bottom.png") center bottom no-repeat;
    margin-bottom: 15px;
    padding-bottom: 50px;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart {
    background: url("../images/bg_product_attributes_top.png") center top no-repeat;
    padding-top: 40px;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item {
    position: relative;
    /* Positions the throbber */
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item div#edit-attributes-field-color {
    float: left;
    /* LTR */
    width: 50%;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item .ajax-progress-throbber {
    /* Positions the throbber */
    display: none;
    position: absolute;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item .description {
    position: relative;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item-attributes-field-color .form-item.form-item-attributes-field-color {
    float: left;
    /* LTR */
    margin-right: 5px;
    /* LTR */
    width: auto;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item-attributes-field-color .commerce-fancy-attributes-color {
    height: 20px;
    width: 20px;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item-attributes-field-color .description .field {
    border: 1px solid #CBCDCC;
    padding: 3px;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .attribute-widgets .form-item-attributes-field-color .description-selected .field {
    border-color: #2698f2;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart label {
    float: left;
    /* LTR */
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-right: 5px;
    /* LTR */
    white-space: nowrap;
    width: 45%;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart label:after {
    content: " :";
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .form-item {
    margin: 0;
    padding-bottom: 1em;
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .form-submit {
    background-color: #2698F2;
    background-image: url("../images/bg_add_to_cart.png");
    background-position: 90% 50%;
    /* LTR */
    background-repeat: no-repeat;
    border: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 40px;
    margin-left: 5px;
    /* LTR */
    padding: 5px 50px 5px 10px;
    /* LTR */
}

.node-product-type .field-type-commerce-product-reference form.commerce-add-to-cart .form-submit:hover {
    cursor: pointer;
}

.service-links {
    float: right;
    /* LTR */
    width: 315px;
}

.service-links ul li {
    display: inline;
    float: left;
    /* LTR */
    margin: 0 5px;
    padding: 0;
    width: 90px;
}

.service-links ul li:first {
    margin-left: 0;
}


/**********************************************
* 5.4. Checkout process
**********************************************/


/**
* Checkout progress
*/

ul.inline.commerce-checkout-progress li {
    display: block;
    float: left;
}

ul.inline.commerce-checkout-progress,
ol.inline.commerce-checkout-progress {
    margin-bottom: 0;
    margin-left: 10px;
}

ul.inline.commerce-checkout-progress li,
ol.inline.commerce-checkout-progress li {
    background-color: #efefef;
    color: #898A8C;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0px 10px 0;
    padding: 15px 15px 15px 35px;
    /* LTR */
    position: relative;
    width: auto;
}

ul.inline.commerce-checkout-progress li:after,
ol.inline.commerce-checkout-progress li:after {
    background: transparent url("../images/bg_checkout_progress.png") right center no-repeat;
    /* LTR */
    content: " ";
    font-size: 0;
    display: block;
    float: right;
    /* LTR */
    position: absolute;
    top: 0;
    right: -25px;
    /* LTR */
    height: 50px;
    width: 25px;
    z-index: 2;
}

ul.inline.commerce-checkout-progress li.last:after,
ol.inline.commerce-checkout-progress li.last:after {
    background: #efefef url("../images/bg_checkout_progress_last.png") right center no-repeat;
    /* LTR */
}

ul.inline.commerce-checkout-progress li.active,
ul.inline.commerce-checkout-progress li.last.active,
ol.inline.commerce-checkout-progress li.active,
ol.inline.commerce-checkout-progress li.last.active {
    background-color: #3aa1f3;
    color: #ffffff;
}

ul.inline.commerce-checkout-progress li.active:after,
ul.inline.commerce-checkout-progress li.last.active:after,
ol.inline.commerce-checkout-progress li.active:after,
ol.inline.commerce-checkout-progress li.last.active:after {
    background: transparent url("../images/bg_checkout_progress_active.png") right center no-repeat;
    /* LTR */
}

ul.inline.commerce-checkout-progress li.previous,
ul.inline.commerce-checkout-progress li.visited,
ol.inline.commerce-checkout-progress li.previous,
ol.inline.commerce-checkout-progress li.visited {
    color: #3aae3f;
}

ul.inline.commerce-checkout-progress li.previous a,
ul.inline.commerce-checkout-progress li.visited a,
ol.inline.commerce-checkout-progress li.previous a,
ol.inline.commerce-checkout-progress li.visited a {
    color: #3aae3f;
}

ul.inline.commerce-checkout-progress li a,
ol.inline.commerce-checkout-progress li a {
    font-size: 16px;
    font-weight: 700;
}


/**
* Shopping cart page
*/

#views-form-commerce-cart-form-default table,
#commerce-checkout-form-checkout .view-commerce-cart-summary table,
#commerce-checkout-form-review .view-commerce-cart-summary table,
.page-user-orders .view-commerce-line-item-table table,
.view-commerce-backoffice-user-orders table {
    border-collapse: collapse;
    width: 100%;
}

#views-form-commerce-cart-form-default table th,
#commerce-checkout-form-checkout .view-commerce-cart-summary table th,
#commerce-checkout-form-review .view-commerce-cart-summary table th,
.page-user-orders .view-commerce-line-item-table table th,
.view-commerce-backoffice-user-orders table th {
    color: #777777;
    font-size: 13px;
    padding: 0 10px 10px;
    text-align: left;
    /* LTR */
    text-transform: uppercase;
}

#views-form-commerce-cart-form-default table tr.even,
#views-form-commerce-cart-form-default table tr.odd,
#commerce-checkout-form-checkout .view-commerce-cart-summary table tr.even,
#commerce-checkout-form-checkout .view-commerce-cart-summary table tr.odd,
#commerce-checkout-form-review .view-commerce-cart-summary table tr.even,
#commerce-checkout-form-review .view-commerce-cart-summary table tr.odd,
.page-user-orders .view-commerce-line-item-table table tr.even,
.page-user-orders .view-commerce-line-item-table table tr.odd,
.view-commerce-backoffice-user-orders table tr.even,
.view-commerce-backoffice-user-orders table tr.odd {
    background-color: transparent;
    border: 0;
}

#views-form-commerce-cart-form-default table td,
#commerce-checkout-form-checkout .view-commerce-cart-summary table td,
#commerce-checkout-form-review .view-commerce-cart-summary table td,
.page-user-orders .view-commerce-line-item-table table td,
.view-commerce-backoffice-user-orders table td {
    background-color: transparent;
    border-bottom: 1px solid #CCC;
    margin: 0;
    padding: 25px 10px;
}

#views-form-commerce-cart-form-default table .views-field-edit-delete,
#views-form-commerce-cart-form-default table .views-field-commerce-total,
#commerce-checkout-form-checkout .view-commerce-cart-summary table .views-field-edit-delete,
#commerce-checkout-form-checkout .view-commerce-cart-summary table .views-field-commerce-total,
#commerce-checkout-form-review .view-commerce-cart-summary table .views-field-edit-delete,
#commerce-checkout-form-review .view-commerce-cart-summary table .views-field-commerce-total,
.page-user-orders .view-commerce-line-item-table table .views-field-edit-delete,
.page-user-orders .view-commerce-line-item-table table .views-field-commerce-total,
.view-commerce-backoffice-user-orders table .views-field-edit-delete,
.view-commerce-backoffice-user-orders table .views-field-commerce-total {
    text-align: right;
    /* LTR */
}

#views-form-commerce-cart-form-default .commerce-line-item-actions,
#commerce-checkout-form-checkout .view-commerce-cart-summary .commerce-line-item-actions,
#commerce-checkout-form-review .view-commerce-cart-summary .commerce-line-item-actions,
.page-user-orders .view-commerce-line-item-table .commerce-line-item-actions,
.view-commerce-backoffice-user-orders .commerce-line-item-actions {
    clear: both;
}

#views-form-commerce-cart-form-default table.commerce-price-formatted-components td,
#commerce-checkout-form-checkout .view-commerce-cart-summary table.commerce-price-formatted-components td,
#commerce-checkout-form-review .view-commerce-cart-summary table.commerce-price-formatted-components td,
.page-user-orders .view-commerce-line-item-table table.commerce-price-formatted-components td,
.view-commerce-backoffice-user-orders table.commerce-price-formatted-components td {
    white-space: normal;
}

.page-user-orders .view-commerce-line-item-table table td {
    white-space: normal;
}


/* Order total table */

.field-name-commerce-order-total {
    float: none;
}

.field-name-commerce-order-total .field-items {
    background-color: #E5E5E5;
    float: right;
    /* LTR */
    margin-bottom: 20px;
    padding: 10px 15px;
    min-width: 280px;
    width: 280px;
}

.field-name-commerce-order-total .field-items table.commerce-price-formatted-components {
    width: 100%;
}

.field-name-commerce-order-total .field-items table.commerce-price-formatted-components tr,
.field-name-commerce-order-total .field-items table.commerce-price-formatted-components even,
.field-name-commerce-order-total .field-items table.commerce-price-formatted-components tr,
.field-name-commerce-order-total .field-items table.commerce-price-formatted-components odd {
    background: none;
    border: 0;
    padding: 10px !important;
}

.field-name-commerce-order-total .field-items table.commerce-price-formatted-components td {
    border-bottom: 1px solid #CCC;
    padding: 10px !important;
    width: auto !important;
}

.field-name-commerce-order-total .field-items table.commerce-price-formatted-components td.component-title {
    text-align: left;
    /* LTR */
}


/* Checkout button */

.page-checkout .checkout-buttons {
    margin: 0 10px;
}

.page-checkout .checkout-buttons input#edit-cancel,
.page-checkout .checkout-buttons input#edit-back,
.page-checkout .checkout-buttons input.checkout-back {
    background: none;
    border: none transparent;
    border-bottom: 1px solid #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    color: #666666;
    font-weight: normal;
    margin: 0 20px 0 5px;
    /* LTR */
    padding: 0 0 1px 0;
    overlay: 0;
}

.page-checkout .checkout-buttons input#edit-continue,
.page-checkout .checkout-buttons input.checkout-continue {
    background: #2698F2 none 0 0 no-repeat;
    border: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-weight: normal;
    margin: 0 10px 0 0;
    /* LTR */
    padding: 10px 15px;
}

.page-cart #views-form-commerce-cart-form-default table tbody a.view_product_details {
    color: #7d7d7d;
    font-size: 11px;
    margin-top: 5px;
}

.page-cart #views-form-commerce-cart-form-default .views-field-edit-delete input.delete-line-item {
    background: none;
    border: none transparent;
    border-bottom: 1px solid #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    color: #666666;
    font-weight: normal;
    padding: 0 0 1px 0;
}

.page-cart #views-form-commerce-cart-form-default .commerce-line-item-actions input#edit-submit {
    background: none;
    border: none transparent;
    border-bottom: 1px solid #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    color: #666666;
    font-weight: normal;
    margin-right: 20px;
    /* LTR */
    padding: 0 0 1px 0;
}

.page-cart #views-form-commerce-cart-form-default .commerce-line-item-actions input#edit-checkout {
    background: #2698F2 none 0 0 no-repeat;
    border: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-weight: normal;
    padding: 6px 12px;
}


/**
* Checkout page
* Review order page
* Checkout complete page
*/

.page-checkout .checkout-help {
    margin: 0 0 10px 10px;
    /* LTR */
}

.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_billing .form-item,
.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_shipping .form-item,
.page-checkout #commerce-checkout-form-review fieldset.customer_profile_billing .form-item,
.page-checkout #commerce-checkout-form-review fieldset.customer_profile_shipping .form-item {
    width: 100%;
}

.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_billing .locality-block .form-item,
.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_shipping .locality-block .form-item,
.page-checkout #commerce-checkout-form-review fieldset.customer_profile_billing .locality-block .form-item,
.page-checkout #commerce-checkout-form-review fieldset.customer_profile_shipping .locality-block .form-item {
    margin-bottom: 0;
    width: inherit;
}

.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_billing .locality-block .form-item label,
.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_shipping .locality-block .form-item label,
.page-checkout #commerce-checkout-form-review fieldset.customer_profile_billing .locality-block .form-item label,
.page-checkout #commerce-checkout-form-review fieldset.customer_profile_shipping .locality-block .form-item label {
    clear: both;
    float: none;
    width: inherit;
}

.page-checkout #commerce-checkout-form-checkout fieldset legend,
.page-checkout #commerce-checkout-form-review fieldset legend {
    border-bottom: 1px solid #d7d7d7;
    margin: 0 10px 10px 0px;
    padding: 0px;
    width: 100%;
}

.page-checkout #commerce-checkout-form-checkout fieldset legend span,
.page-checkout #commerce-checkout-form-review fieldset legend span {
    font-weight: 600;
    padding-left: 10px;
    /* LTR */
    text-transform: uppercase;
}

.page-checkout #commerce-checkout-form-checkout fieldset .fieldset-wrapper,
.page-checkout #commerce-checkout-form-review fieldset .fieldset-wrapper {
    margin: 0 10px;
}

.page-checkout #commerce-checkout-form-checkout fieldset label,
.page-checkout #commerce-checkout-form-review fieldset label {
    float: none;
    width: inherit;
}

.page-checkout #commerce-checkout-form-complete {
    margin: 0 10px;
    padding-top: 15px;
}


/**
* Shipping page
*/

.page-checkout-shipping .commerce_shipping {
    margin: 0 10px;
}

.page-checkout-shipping .form-item-commerce-shipping-shipping-service {
    clear: left;
    /* LTR */
    float: left;
    /* LTR */
    margin: 0;
    padding: 25px 8px;
    position: relative;
    width: 400px;
}

.page-checkout-shipping .form-item-commerce-shipping-shipping-service label {
    float: none;
    font-weight: 400;
    padding: 0 0 0 10px;
    /* LTR */
    width: inherit;
}

.page-checkout-shipping .form-item-commerce-shipping-shipping-service .ajax-progress-throbber {
    position: absolute;
    top: 0;
    left: 0;
}

.page-checkout-shipping .form-item-commerce-shipping-shipping-service:hover,
.page-checkout-shipping .form-item-commerce-shipping-shipping-service:hover .option {
    background-color: #ececec;
    cursor: pointer;
}


/**
* Review order page
*/

.page-checkout-review #commerce-checkout-form-review .checkout-help {
    margin: 0 0 10px 10px;
    /* LTR */
}

.page-checkout-review #commerce-checkout-form-review .checkout_review table {
    width: 100%;
}

.page-checkout-review #commerce-checkout-form-review .checkout_review table tbody tr {
    background-color: transparent;
    border: 0;
}

.page-checkout-review #commerce-checkout-form-review .checkout_review table tbody tr.pane-title td {
    border-bottom: 1px solid #d7d7d7;
    font-weight: 600;
    padding: 5px 10px;
    text-transform: uppercase;
}

.page-checkout-review #commerce-checkout-form-review .checkout_review table tbody tr.pane-title td .pane-data-full {
    padding: 20px;
}

.page-checkout-review #commerce-checkout-form-review .checkout_review table tbody tr.pane-data td.pane-data-full {
    border-bottom: 0;
    padding: 20px;
    padding-bottom: 10px;
}

.page-checkout-review #commerce-checkout-form-review .checkout_review table tbody tr.pane-data td.pane-data-full .view-commerce-cart-summary {
    margin-top: 5px;
}

.page-checkout-review #commerce-checkout-form-review table.commerce-price-formatted-components {
    margin: 0;
}

.page-checkout-review #commerce-checkout-form-review fieldset.commerce_payment .fieldset-wrapper {
    padding: 0 10px;
}

.page-checkout-review #commerce-checkout-form-review fieldset.commerce_payment .fieldset-wrapper label {
    float: none;
}


/* Page user review order */

.page-user-orders .field-name-commerce-order-total {
    /**
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    contenteditable attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that are clearfixed.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
    /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
    *zoom: 1;
}

.page-user-orders .field-name-commerce-order-total:before,
.page-user-orders .field-name-commerce-order-total.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.page-user-orders .field-name-commerce-order-total:after {
    clear: both;
}

.page-user-orders .field-name-commerce-order-total:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.page-user-orders .field-name-commerce-order-total .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount {
    background-color: transparent;
    color: #000000;
}

.page-user-orders .field-name-commerce-customer-billing,
.page-user-orders .field-name-commerce-customer-shipping {
    float: left;
    /* LTR */
    margin: 5px 3% 0 0;
    /* LTR */
    width: 45%;
}

.page-user-orders .field-name-commerce-customer-billing .field-label,
.page-user-orders .field-name-commerce-customer-shipping .field-label {
    background-color: #E5E5E5;
    font-size: 14px;
    padding: 7px 10px;
}

.page-user-orders .field-name-commerce-customer-billing .field-items,
.page-user-orders .field-name-commerce-customer-shipping .field-items {
    padding: 5px;
}

.page-user-orders .commerce-backoffice-order-status-form {
    clear: both;
    padding: 20px 0;
}

.page-user-orders .commerce-backoffice-order-status-form .form-type-select,
.page-user-orders .commerce-backoffice-order-status-form .form-submit {
    display: inline;
}

.view-commerce-backoffice-user-orders th a {
    color: #777777;
    text-decoration: none;
}

.view-commerce-backoffice-user-orders th a img {
    vertical-align: baseline;
}


/*
.page-user-orders .view-commerce-user-orders table thead th a {
  color: #777777;
  text-decoration: none;
}*/


/* Order history */

.view-commerce-backoffice-order-messages table {
    width: 100%;
}

.view-commerce-backoffice-order-messages th {
    color: #777777;
    font-size: 13px;
    padding: 0 10px 10px;
    text-align: left;
    /* LTR */
    text-transform: uppercase;
}

.view-commerce-backoffice-order-messages td {
    background-color: transparent;
    padding: 25px 10px;
}

.view-commerce-backoffice-order-messages tr.even,
.view-commerce-backoffice-order-messages tr.odd {
    background-color: transparent;
}

.view-commerce-backoffice-order-messages .views-field-timestamp {
    color: #898A8C;
    font-size: 13px;
}

.view-commerce-backoffice-order-messages h2.title {
    background-color: #E5E5E5;
    font-size: 14px;
    padding: 7px 10px;
}

.view-commerce-backoffice-order-messages .commerce_order_state,
.view-commerce-backoffice-order-messages .commerce_order_payment_entered {
    border: 1px solid #E5E5E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 7px;
}


/* Comment form */

#commerce-backoffice-order-message-form fieldset {
    position: relative;
    margin: 0;
    margin-top: 40px;
    padding-top: 20px;
}

#commerce-backoffice-order-message-form fieldset legend {
    position: absolute;
    top: -10px;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper {
    background-color: #ececec;
    padding: 15px;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .form-item label {
    float: left;
    /* LTR */
    padding-right: 8px;
    /* LTR */
    text-align: right;
    /* LTR */
    width: 110px;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .form-item label:after {
    clear: both;
    content: ":";
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .form-textarea-wrapper {
    float: left;
    /* LTR */
    width: 65%;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .filter-wrapper {
    clear: both;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .filter-wrapper .fieldset-wrapper {
    font-size: 11px;
    margin: 0 auto;
    width: 80%;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .filter-wrapper .form-item {
    margin-top: 0;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .filter-wrapper .form-item label {
    text-align: inherit;
    width: inherit;
}

#commerce-backoffice-order-message-form fieldset .fieldset-wrapper .filter-wrapper .form-submit {
    font: normal 16px/21px "Open Sans", Arial, sans-serif;
    line-height: 30px;
    padding: 4px 15px;
}


/**************************************************
* --
* 6. Kickstart specific
* --
**************************************************/


/**********************************************
* 6.1. Homepage elements
**********************************************/

.front .zone-content {
    margin-bottom: 0;
}

.front .region-content-inner {
    min-height: 100%;
    padding: 0;
}


/**************************************************
* --
* 7. Blog
* --
**************************************************/

.page-blog .region-content .view-content .views-row,
.page-blog .region-content .view-content .views-row-even {
    clear: none;
    float: none;
}

.page-blog .region-content .view-content .views-row {
    border: 1px solid #E0E3E6;
    display: block;
    margin: 15px 0px;
    padding: 0px;
    width: auto;
}

.page-blog .region-content .view-content .views-row .node-blog-post {
    padding: 10px 15px;
    position: relative;
}

.page-blog .region-content .view-content .views-row h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

.page-blog .region-content .view-content .views-row h2 a {
    color: #656565;
    text-decoration: none;
}

.page-blog .region-content .view-content .views-row .submitted {
    color: #A0A0A0;
    font-size: 12px;
    margin: 5px 0;
    text-transform: uppercase;
}

.page-blog .region-content .view-content .views-row .submitted a {
    color: #A0A0A0;
}

.page-blog .region-content .view-content .views-row .content .field-name-field-image {
    margin: 0 0 15px;
}

.page-blog .region-content .view-content .views-row .content .field-type-taxonomy-term-reference .field-items .field-item {
    padding-right: 3px;
}

.page-blog .region-content .view-content .views-row .content .field-name-field-tags {
    border-top: 1px dotted #777777;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 3px;
}

.page-blog .region-content .view-content .views-row .content .field-name-field-blog-category {
    font-size: 11px;
    padding: 3px;
}

.page-blog .region-content .view-content .views-row .node-links {
    font-size: 12px;
}

.page-blog .region-content .view-content .views-row .node-links a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.page-blog .region-content .view-content .views-row .node-links ul li {
    margin: 0;
}

.node-type-blog-post h1#page-title,
.node-type-blog-post .comment-wrapper .title {
    color: #656565;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

.node-type-blog-post .submitted {
    color: #A0A0A0;
    font-size: 12px;
    margin: 5px 0;
    text-transform: uppercase;
}

.node-type-blog-post .submitted a {
    color: #A0A0A0;
}

.node-type-blog-post .content .field-name-field-image {
    margin: 0 0 15px;
}

.node-type-blog-post .content .field-type-taxonomy-term-reference .field-items .field-item {
    padding-right: 3px;
}

.node-type-blog-post .content .field-name-field-tags {
    border-top: 1px dotted #777777;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 3px;
}

.node-type-blog-post .content .field-name-field-blog-category {
    font-size: 11px;
    padding: 3px;
}


/**************************************************
* --
* 8. Comments
* --
**************************************************/

article.comment {
    padding: 10px 4px 5px 4px;
}

article.comment header em {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    float: right;
    font-size: 12px;
    font-style: normal;
    padding: 2px 4px;
    text-transform: uppercase;
}

article.comment header em.new {
    background-color: #207cca;
    color: #ffffff;
}

article.comment header em.unpublished {
    font-weight: 700;
}

article.comment footer.comment-submitted {
    border-bottom: 1px dotted #E0E3E6;
    font-size: 12px;
    margin: 5px 0;
    text-transform: uppercase;
}

article.comment .field-name-comment-body {
    padding: 0px 10px;
}

article.comment .comment-links {
    font-size: 13px;
    padding: 5px;
    text-transform: uppercase;
}


/* Comment form */

.comment-wrapper {
    padding: 0px 12px;
}

.comment-wrapper .title {
    border-bottom: 1px dotted #656565;
    color: #656565;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

.comment-wrapper h2.comment-form {
    border-bottom: 1px solid #E0E3E6;
    margin-top: 20px;
}

.comment-form {
    /*  background-color: #ececec; */
    padding: 15px;
}

.comment-form .form-wrapper {
    /**
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    contenteditable attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that are clearfixed.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */
    /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
    *zoom: 1;
    clear: both;
    float: none;
}

.comment-form .form-wrapper:before,
.comment-form .form-wrapper.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.comment-form .form-wrapper:after {
    clear: both;
}

.comment-form .form-item {
    clear: left;
}

.comment-form .form-item label {
    float: left;
    padding-right: 8px;
    text-align: right;
    width: 110px;
}

.comment-form .form-item label:after {
    clear: both;
    content: ":";
}

.comment-form .form-item .form-radios,
.comment-form .form-item .form-checkboxes {
    float: left;
}

.comment-form .form-item .form-radios label,
.comment-form .form-item .form-checkboxes label {
    float: inherit;
    text-align: inherit;
    width: auto;
}

.comment-form .form-item .form-radios label:after,
.comment-form .form-item .form-checkboxes label:after {
    content: none;
}

.comment-form .form-item .form-radios .form-item,
.comment-form .form-item .form-checkboxes .form-item {
    white-space: nowrap;
}

.comment-form .form-item .form-radios .form-item label,
.comment-form .form-item .form-checkboxes .form-item label {
    float: none;
    text-align: inherit;
    width: auto;
}

.comment-form .form-item .description {
    clear: both;
}

.comment-form #edit-author--2 {
    margin: 0;
}

.comment-form #edit-author--2 label {
    display: inline;
}

.comment-form .form-textarea-wrapper {
    float: left;
    width: 65%;
}

.comment-form .filter-wrapper {
    clear: both;
}

.comment-form .filter-wrapper .fieldset-wrapper {
    font-size: 11px;
    margin: 0 auto;
    width: 80%;
}

.comment-form .filter-wrapper .form-item {
    margin-top: 0;
}

.comment-form .filter-wrapper .form-item label {
    float: inherit;
    text-align: inherit;
    width: inherit;
}

.comment-form .filter-wrapper .form-submit {
    font: normal 16px/21px "Open Sans", Arial, sans-serif;
    line-height: 30px;
    padding: 4px 15px;
}

.comment-form .filter-wrapper .form-actions {
    clear: both;
}


/* Comment links */

.links.node-links {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    padding: 5px;
    white-space: nowrap;
}

.node-teaser .links.node-links {
    float: none;
}

.node-links .links {
    background-color: #ececec;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;
}

.node-teaser .links.node-links .links {
    background-color: transparent;
}

.node-teaser .links.node-links .links li {
    margin: 0;
    padding: 0;
}

.node-teaser .links.node-links .links .node-readmore a,
.node-teaser .links.node-links .links .comment-comments a,
.node-teaser .links.node-links .links .comment-new-comments a {
    border: 1px solid #275a84;
    border-right-width: 0;
    color: #4386be;
    margin: 4px 0;
    padding: 4px 8px;
}

.node-teaser .links.node-links .links .comment-new-comments {
    border-left-width: 0;
    border-right-width: 1px;
    margin-left: -1px;
}

.node-teaser .links.node-links .links .comment-new-comments:hover {
    background-color: transparent;
}

.node-teaser .links.node-links .links .comment-new-comments a {
    color: #ff2424;
}

.node-teaser .links.node-links .links li:hover a {
    background-color: #e7f3fd;
    cursor: pointer;
}

.node-teaser .links.node-links .links .first a {
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-top-left: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottom-left: 3px;
    -webkit-border-bottom-left-radius: 3px;
    padding-right: 8px;
}

.node-teaser .links.node-links .links .last a {
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-top-right: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottom-right: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-right-width: 1px;
    padding-right: 8px;
}


/**************************************************
* --
* 9. User account
* --
**************************************************/

.page-user #user_register_form,
.page-user #user_login_form,
.page-user .create-account,
.page-user #user_pass_form,
.page-checkout #user_register_form,
.page-checkout #user_login_form,
.page-checkout .create-account,
.page-checkout #user_pass_form {
    clear: both;
    float: none;
    width: auto;
}

.page-user #user-register-form .form-submit,
.page-user #user-profile-form .form-submit,
.page-user #user_login_form .form-submit,
.page-user #user_pass_form .form-submit,
.page-checkout #user-register-form .form-submit,
.page-checkout #user-profile-form .form-submit,
.page-checkout #user_login_form .form-submit,
.page-checkout #user_pass_form .form-submit {
    background: #199107;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #60aa20), color-stop(1, #199107));
    background: -moz-linear-gradient(top center, #60aa20 0%, #199107 100%);
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px 15px;
}

.page-user #user-register-form .form-submit:hover,
.page-user #user-profile-form .form-submit:hover,
.page-user #user_login_form .form-submit:hover,
.page-user #user_pass_form .form-submit:hover,
.page-checkout #user-register-form .form-submit:hover,
.page-checkout #user-profile-form .form-submit:hover,
.page-checkout #user_login_form .form-submit:hover,
.page-checkout #user_pass_form .form-submit:hover {
    background: #60aa20;
}

.page-user #user-register-form h1,
.page-user #user_login_form h1,
.page-user .create-account h2,
.page-user #user_pass_form h1,
.page-checkout #user-register-form h1,
.page-checkout #user_login_form h1,
.page-checkout .create-account h2,
.page-checkout #user_pass_form h1 {
    font: normal 300 38px/38px "Open Sans", Arial, sans-serif;
}

.page-user form#user-register-form .form-item-pass,
.page-user form#user-profile-form .form-item-pass,
.page-checkout form#user-register-form .form-item-pass,
.page-checkout form#user-profile-form .form-item-pass {
    position: relative;
    margin-bottom: 80px;
}

.page-user form#user-register-form .form-item-pass .password-parent,
.page-user form#user-profile-form .form-item-pass .password-parent,
.page-checkout form#user-register-form .form-item-pass .password-parent,
.page-checkout form#user-profile-form .form-item-pass .password-parent {
    width: inherit;
}

.page-user form#user-register-form .form-item-pass .password-parent .password-strength,
.page-user form#user-profile-form .form-item-pass .password-parent .password-strength,
.page-checkout form#user-register-form .form-item-pass .password-parent .password-strength,
.page-checkout form#user-profile-form .form-item-pass .password-parent .password-strength {
    background-color: #eeeeee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    bottom: -50px;
    width: 90%;
}

.page-user form#user-register-form .form-item-pass .confirm-parent,
.page-user form#user-profile-form .form-item-pass .confirm-parent,
.page-checkout form#user-register-form .form-item-pass .confirm-parent,
.page-checkout form#user-profile-form .form-item-pass .confirm-parent {
    width: inherit;
}

.page-user form#user-register-form .form-item-pass .confirm-parent div.password-confirm,
.page-user form#user-profile-form .form-item-pass .confirm-parent div.password-confirm,
.page-checkout form#user-register-form .form-item-pass .confirm-parent div.password-confirm,
.page-checkout form#user-profile-form .form-item-pass .confirm-parent div.password-confirm {
    background-color: #eeeeee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0;
    padding: 5px 10px 10px 10px;
    position: absolute;
    bottom: -80px;
    width: 90%;
}

.page-user form#user-register-form .form-item-pass .confirm-parent div.password-confirm .ok,
.page-user form#user-profile-form .form-item-pass .confirm-parent div.password-confirm .ok,
.page-checkout form#user-register-form .form-item-pass .confirm-parent div.password-confirm .ok,
.page-checkout form#user-profile-form .form-item-pass .confirm-parent div.password-confirm .ok {
    color: #60aa20;
    font-weight: bold;
}

.page-user form#user-register-form .form-item-pass .confirm-parent div.password-confirm .error,
.page-user form#user-profile-form .form-item-pass .confirm-parent div.password-confirm .error,
.page-checkout form#user-register-form .form-item-pass .confirm-parent div.password-confirm .error,
.page-checkout form#user-profile-form .form-item-pass .confirm-parent div.password-confirm .error {
    color: #EA2C2C;
    font-weight: bold;
}

.page-user form#user-register-form .form-item-pass .password-suggestions,
.page-user form#user-profile-form .form-item-pass .password-suggestions,
.page-checkout form#user-register-form .form-item-pass .password-suggestions,
.page-checkout form#user-profile-form .form-item-pass .password-suggestions {
    width: inherit;
}

.page-user form#user-register-form .form-item-pass .password-suggestions ul,
.page-user form#user-profile-form .form-item-pass .password-suggestions ul,
.page-checkout form#user-register-form .form-item-pass .password-suggestions ul,
.page-checkout form#user-profile-form .form-item-pass .password-suggestions ul {
    margin-left: 20px;
}

.page-user form#user-register-form .form-actions,
.page-user form#user-profile-form .form-actions,
.page-checkout form#user-register-form .form-actions,
.page-checkout form#user-profile-form .form-actions {
    margin-top: 90px;
}

.page-user form#user-register-form .form-actions .form-submit,
.page-user form#user-profile-form .form-actions .form-submit,
.page-checkout form#user-register-form .form-actions .form-submit,
.page-checkout form#user-profile-form .form-actions .form-submit {
    float: left;
}

.page-user form#user-register-form .form-actions .back-to-login,
.page-user form#user-profile-form .form-actions .back-to-login,
.page-checkout form#user-register-form .form-actions .back-to-login,
.page-checkout form#user-profile-form .form-actions .back-to-login {
    float: right;
    margin: 0;
}

.page-user form#user-register-form .form-actions .back-to-login .login-account,
.page-user form#user-profile-form .form-actions .back-to-login .login-account,
.page-checkout form#user-register-form .form-actions .back-to-login .login-account,
.page-checkout form#user-profile-form .form-actions .back-to-login .login-account {
    display: block;
    float: left;
}

.page-user form#user-login #user_login_form,
.page-checkout form#user-login #user_login_form {
    border: 0;
    border-bottom: 1px solid #444;
    padding-right: 0;
    padding-bottom: 20px;
}

.page-user form#user-login #user_login_form .login-password,
.page-checkout form#user-login #user_login_form .login-password {
    color: #2698f2;
}

.page-user form#user-login #user_login_form .login-password:hover,
.page-checkout form#user-login #user_login_form .login-password:hover {
    color: #2698f2;
    text-decoration: underline;
}

.page-user form#user-login .create-account,
.page-checkout form#user-login .create-account {
    margin-top: 20px;
}

.page-user form#user-pass .form-actions,
.page-checkout form#user-pass .form-actions {
    float: left;
    margin-right: 20px;
}

.page-user form#user-pass .back-to-login,
.page-checkout form#user-pass .back-to-login {
    float: right;
    margin: 1em 0;
    padding-top: 9px;
}

.page-user a.login-register,
.page-user a.login-account,
.page-checkout a.login-register,
.page-checkout a.login-account {
    background: #207cca;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2698f2), color-stop(1, #207cca));
    background: -moz-linear-gradient(top center, #2698f2 0%, #207cca 100%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    margin-left: 0px;
    padding: 15px 20px;
}

.page-user a.login-register:hover,
.page-user a.login-account:hover,
.page-checkout a.login-register:hover,
.page-checkout a.login-account:hover {
    background: #2698f2;
}

.page-user a.login-register,
.page-checkout a.login-register {
    display: block;
    float: left;
    margin-top: 20px;
}

.page-user a.login-account,
.page-checkout a.login-account {
    display: block;
    font-size: 14px;
    padding: 10px 15px;
}


/* User home */

.page-user .block-system-main {
    margin: 10px;
}

.page-user .profile h3 {
    border-bottom: 0 transparent;
    background-color: #ECECEC;
    clear: both;
    color: #898A8C;
    font-size: 1.1em;
    margin-top: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.page-user .profile ul.user-information {
    width: 100%;
}

.page-user .profile ul.user-information li {
    border-bottom: 1px solid #444;
    float: left;
    /* LTR */
    height: 150px;
    list-style: none;
    list-style-image: none;
    min-height: 150px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 30px;
    width: 100%;
}

.page-user .profile ul.user-information li h4 {
    font-size: 14px;
    text-transform: uppercase;
}

.page-user .profile ul.user-information li a {
    border: 1px solid #D8D8D8;
    padding: 5px 10px;
    position: absolute;
    bottom: 10px;
}

.page-user .profile ul.user-information li a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.page-user .profile ul.user-information li .view-commerce-backoffice-user-orders td {
    padding: 10px;
}

.page-user .profile ul.user-recent-orders {
    list-style: none;
    list-style-image: none;
}

.page-user .profile ul.user-recent-orders li {
    list-style: none;
    list-style-image: none;
}

.page-user .tabs ul.primary {
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    margin: 0 0 30px 0;
}

.page-user .tabs ul.primary li {
    float: left;
    /* LTR */
    padding: 10px 0;
}

.page-user .tabs ul.primary li a {
    background-color: transparent;
    border: 0 none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    color: #898A8C;
}

.page-user .tabs ul.primary li a .active {
    color: #000000;
    font-weight: bold;
}

.page-user .tabs ul.secondary {
    border-bottom: 0 transparent;
}

.page-user .tabs ul.secondary li {
    border-right: 0 transparent;
    /* LTR */
    float: left;
    /* LTR */
    padding: 0.5em 0;
}

.page-user .tabs ul.secondary li a {
    color: #898A8C;
    border: 1px solid #D8D8D8;
    padding: 5px 10px;
}

.page-user .tabs ul.secondary li a.active {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}


/* Address book */

.page-user-addressbook ul.action-links {
    list-style: none;
    margin: 1.5em 0 2em 0.5em;
}

.page-user-addressbook ul.action-links li a {
    background: -moz-linear-gradient(center top, white 0%, #dddddd 100%) repeat scroll 0 0 transparent;
    border-color: #DDDDDD #BBBBBB #999999;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    border-radius: 11px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px 4px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
}

.page-user-addressbook .view-commerce-addressbook-defaults .views-field {
    background-color: #F0F0F0;
    border: 1px solid #D8D8D8;
    float: left;
    /* LTR */
    margin: 0 15px 20px 0;
    /* LTR */
    padding: 20px;
    min-width: 200px;
}

.page-user-addressbook .view-commerce-addressbook td {
    display: block;
    padding: 0;
}

.page-user-addressbook .view-commerce-addressbook td .views-field {
    border: 1px solid #D8D8D8;
    margin: 0 15px 15px 0;
    /* LTR */
    padding: 20px;
    position: relative;
}

.page-user-addressbook .view-commerce-addressbook td .views-field .field-name-commerce-customer-address {
    color: #5F6061;
    font-size: 13px;
    margin-bottom: 15px;
}

.page-user-addressbook .view-commerce-addressbook td .views-field .ajax-progress-throbber {
    /* Positions the throbber */
    position: absolute;
    top: 0;
    right: 0;
    /* LTR */
}

.page-user-addressbook #commerce-addressbook-billing-list,
.page-user-addressbook #commerce-addressbook-shipping-list {
    clear: both;
}


/* Add comment */

html.js #commerce-backoffice-message-form fieldset .fieldset-legend {
    background-image: url("../images/icon_add.png");
    background-position: 0 50%;
    padding: 0 0 0 30px;
}

#commerce-backoffice-message-form .fieldset-legend a {
    color: #2698F2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}


/* Connector */

.not-logged-in #block-connector-one-click-block {
    margin-left: 10px;
    /* LTR */
}

.not-logged-in #block-connector-one-click-block .connector-button {
    color: transparent;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.not-logged-in #block-connector-one-click-block #edit-oauthconnector-facebook {
    background: url("../images/btn_facebook.png") no-repeat;
}

.not-logged-in #block-connector-one-click-block #edit-oauthconnector-twitter {
    background: url("../images/btn_twitter.png") no-repeat;
}

.not-logged-in #block-connector-one-click-block #edit-oauthconnector-google {
    background: url("../images/btn_google.png") no-repeat;
}


/* Maintenance Page Styles */

.in-maintenance {
    margin: 0;
}

.in-maintenance .body-wrapper {
    border-top: 5px solid #8E8E8E;
}

.in-maintenance #branding,
.in-maintenance #page {
    margin: 0 auto;
    width: 960px;
}

.in-maintenance #branding {
    padding: 20px 0 10px 0;
}

.in-maintenance #page .page-wrapper {
    background: #fff;
    padding: 10px 10px 20px 10px;
}

.view table {
    width: 100%;
}

.views-field-title {
    vertical-align: top;
}


/* This file will hold styles that are loaded using the same media query as the narrow grid. */


/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal
 *  and widescreen CSS files as appropriate. */


/**************************************************
* --
* 3. Section content
* --
**************************************************/


/**********************************************
* 3.2. Zone content
**********************************************/


/*******************************************
* 3.2.1. Sidebar first
*******************************************/


/* Price range */

#search-api-ranges-block-slider-view-form label {
    float: none;
}


/*******************************************
* 3.2.2. Content
*******************************************/

#promotional_banner .promotional_banner_special_offer {
    float: right;
    /* LTR */
    line-height: 22px;
    margin-top: 4px;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper,
#block-views-demo-content-slideshow-block-1 .bx-wrapper .bx-window {
    padding-bottom: 0;
}


/**************************************************
* --
* 5. Commerce specific
* --
**************************************************/


/**********************************************
* 5.1. Search & Collection page
**********************************************/

.view-collection-products .view-header .collection-terms .view-content .item-list,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list {
    display: block;
    float: none;
}


/**********************************************
* 5.3. Product page
**********************************************/


/**
* Add to cart popin.
*/

div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
    float: left;
    /* LTR */
    width: 180px;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
    height: 100%;
    position: absolute;
    right: 0;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display {
    float: left;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .field-name-field-images {
    clear: left;
    /* LTR */
    float: left;
    /* LTR */
}

.node-product-type .cloud-zoom-container #wrap {
    float: right !important;
    /* LTR */
}

.node-product-type .cloud-zoom-container .cloud-zoom-gallery-thumbs {
    clear: none;
    float: none !important;
}

.node-product-type .cloud-zoom-container .cloud-zoom-gallery-thumbs .cloud-zoom-gallery {
    margin: 5px;
}


/*
 * ==========================================================
 * Grid
 * ==========================================================
 */

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16,
.grid-17,
.grid-18,
.grid-19,
.grid-20,
.grid-21,
.grid-22,
.grid-23,
.grid-24 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.push-1,
.pull-1,
.push-2,
.pull-2,
.push-3,
.pull-3,
.push-4,
.pull-4,
.push-5,
.pull-5,
.push-6,
.pull-6,
.push-7,
.pull-7,
.push-8,
.pull-8,
.push-9,
.pull-9,
.push-10,
.pull-10,
.push-11,
.pull-11,
.push-12,
.pull-12,
.push-13,
.pull-13,
.push-14,
.pull-14,
.push-15,
.pull-15,
.push-16,
.pull-16,
.push-17,
.pull-17,
.push-18,
.pull-18,
.push-19,
.pull-19,
.push-20,
.pull-20,
.push-21,
.pull-21,
.push-22,
.pull-22,
.push-23,
.pull-23,
.push-24,
.pull-24 {
    position: relative;
}


/*
 * ==========================================================
 * Alpha - Omega
 * ==========================================================
 */

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}


/*
 * ==========================================================
 * Container
 * ==========================================================
 */

body {}

.container-24 {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
}


/*
 * ==========================================================
 * Columns
 * ==========================================================
 */

.container-24 .grid-1 {
    width: 10px;
}

.container-24 .grid-2 {
    width: 40px;
}

.container-24 .grid-3 {
    width: 70px;
}

.container-24 .grid-4 {
    width: 100px;
}

.container-24 .grid-5 {
    width: 130px;
}

.container-24 .grid-6 {
    width: 160px;
}

.container-24 .grid-7 {
    width: 190px;
}

.container-24 .grid-8 {
    width: 220px;
}

.container-24 .grid-9 {
    width: 250px;
}

.container-24 .grid-10 {
    width: 280px;
}

.container-24 .grid-11 {
    width: 310px;
}

.container-24 .grid-12 {
    width: 340px;
}

.container-24 .grid-13 {
    width: 370px;
}

.container-24 .grid-14 {
    width: 400px;
}

.container-24 .grid-15 {
    width: 430px;
}

.container-24 .grid-16 {
    width: 460px;
}

.container-24 .grid-17 {
    width: 490px;
}

.container-24 .grid-18 {
    width: 520px;
}

.container-24 .grid-19 {
    width: 550px;
}

.container-24 .grid-20 {
    width: 580px;
}

.container-24 .grid-21 {
    width: 610px;
}

.container-24 .grid-22 {
    width: 640px;
}

.container-24 .grid-23 {
    width: 670px;
}

.container-24 .grid-24 {
    width: 700px;
}


/*
 * ==========================================================
 * Prefix
 * ==========================================================
 */

.container-24 .prefix-1 {
    padding-left: 30px;
}

.container-24 .prefix-2 {
    padding-left: 60px;
}

.container-24 .prefix-3 {
    padding-left: 90px;
}

.container-24 .prefix-4 {
    padding-left: 120px;
}

.container-24 .prefix-5 {
    padding-left: 150px;
}

.container-24 .prefix-6 {
    padding-left: 180px;
}

.container-24 .prefix-7 {
    padding-left: 210px;
}

.container-24 .prefix-8 {
    padding-left: 240px;
}

.container-24 .prefix-9 {
    padding-left: 270px;
}

.container-24 .prefix-10 {
    padding-left: 300px;
}

.container-24 .prefix-11 {
    padding-left: 330px;
}

.container-24 .prefix-12 {
    padding-left: 360px;
}

.container-24 .prefix-13 {
    padding-left: 390px;
}

.container-24 .prefix-14 {
    padding-left: 420px;
}

.container-24 .prefix-15 {
    padding-left: 450px;
}

.container-24 .prefix-16 {
    padding-left: 480px;
}

.container-24 .prefix-17 {
    padding-left: 510px;
}

.container-24 .prefix-18 {
    padding-left: 540px;
}

.container-24 .prefix-19 {
    padding-left: 570px;
}

.container-24 .prefix-20 {
    padding-left: 600px;
}

.container-24 .prefix-21 {
    padding-left: 630px;
}

.container-24 .prefix-22 {
    padding-left: 660px;
}

.container-24 .prefix-23 {
    padding-left: 690px;
}


/*
 * ==========================================================
 * Suffix
 * ==========================================================
 */

.container-24 .suffix-1 {
    padding-right: 30px;
}

.container-24 .suffix-2 {
    padding-right: 60px;
}

.container-24 .suffix-3 {
    padding-right: 90px;
}

.container-24 .suffix-4 {
    padding-right: 120px;
}

.container-24 .suffix-5 {
    padding-right: 150px;
}

.container-24 .suffix-6 {
    padding-right: 180px;
}

.container-24 .suffix-7 {
    padding-right: 210px;
}

.container-24 .suffix-8 {
    padding-right: 240px;
}

.container-24 .suffix-9 {
    padding-right: 270px;
}

.container-24 .suffix-10 {
    padding-right: 300px;
}

.container-24 .suffix-11 {
    padding-right: 330px;
}

.container-24 .suffix-12 {
    padding-right: 360px;
}

.container-24 .suffix-13 {
    padding-right: 390px;
}

.container-24 .suffix-14 {
    padding-right: 420px;
}

.container-24 .suffix-15 {
    padding-right: 450px;
}

.container-24 .suffix-16 {
    padding-right: 480px;
}

.container-24 .suffix-17 {
    padding-right: 510px;
}

.container-24 .suffix-18 {
    padding-right: 540px;
}

.container-24 .suffix-19 {
    padding-right: 570px;
}

.container-24 .suffix-20 {
    padding-right: 600px;
}

.container-24 .suffix-21 {
    padding-right: 630px;
}

.container-24 .suffix-22 {
    padding-right: 660px;
}

.container-24 .suffix-23 {
    padding-right: 690px;
}


/*
 * ==========================================================
 * Push
 * ==========================================================
 */

.container-24 .push-1 {
    left: 30px;
}

.container-24 .push-2 {
    left: 60px;
}

.container-24 .push-3 {
    left: 90px;
}

.container-24 .push-4 {
    left: 120px;
}

.container-24 .push-5 {
    left: 150px;
}

.container-24 .push-6 {
    left: 180px;
}

.container-24 .push-7 {
    left: 210px;
}

.container-24 .push-8 {
    left: 240px;
}

.container-24 .push-9 {
    left: 270px;
}

.container-24 .push-10 {
    left: 300px;
}

.container-24 .push-11 {
    left: 330px;
}

.container-24 .push-12 {
    left: 360px;
}

.container-24 .push-13 {
    left: 390px;
}

.container-24 .push-14 {
    left: 420px;
}

.container-24 .push-15 {
    left: 450px;
}

.container-24 .push-16 {
    left: 480px;
}

.container-24 .push-17 {
    left: 510px;
}

.container-24 .push-18 {
    left: 540px;
}

.container-24 .push-19 {
    left: 570px;
}

.container-24 .push-20 {
    left: 600px;
}

.container-24 .push-21 {
    left: 630px;
}

.container-24 .push-22 {
    left: 660px;
}

.container-24 .push-23 {
    left: 690px;
}


/*
 * ==========================================================
 * Pull
 * ==========================================================
 */

.container-24 .pull-1 {
    left: -30px;
}

.container-24 .pull-2 {
    left: -60px;
}

.container-24 .pull-3 {
    left: -90px;
}

.container-24 .pull-4 {
    left: -120px;
}

.container-24 .pull-5 {
    left: -150px;
}

.container-24 .pull-6 {
    left: -180px;
}

.container-24 .pull-7 {
    left: -210px;
}

.container-24 .pull-8 {
    left: -240px;
}

.container-24 .pull-9 {
    left: -270px;
}

.container-24 .pull-10 {
    left: -300px;
}

.container-24 .pull-11 {
    left: -330px;
}

.container-24 .pull-12 {
    left: -360px;
}

.container-24 .pull-13 {
    left: -390px;
}

.container-24 .pull-14 {
    left: -420px;
}

.container-24 .pull-15 {
    left: -450px;
}

.container-24 .pull-16 {
    left: -480px;
}

.container-24 .pull-17 {
    left: -510px;
}

.container-24 .pull-18 {
    left: -540px;
}

.container-24 .pull-19 {
    left: -570px;
}

.container-24 .pull-20 {
    left: -600px;
}

.container-24 .pull-21 {
    left: -630px;
}

.container-24 .pull-22 {
    left: -660px;
}

.container-24 .pull-23 {
    left: -690px;
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
@import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700);

/* Include Default Variables & Mixins */


/* End Variables & Mixins */


/**************************************************
* --
* 2. Section header
* --
**************************************************/


/**********************************************
* 2.1. Zone user
**********************************************/


/*******************************************
* 2.1.1. Region user first
*******************************************/

.block-menu-user-menu .block-inner {
    float: right;
    margin-right: 10px;
}


/**********************************************
* 2.4. Zone header
**********************************************/


/**
* Navigation
*/

.navigation .primary-menu .links li,
.navigation .second-menu .links li {
    font-size: 1em;
}


/**************************************************
* --
* 3. Section content
* --
**************************************************/


/**********************************************
* 3.2. Zone content
**********************************************/

.zone-content-wrapper .zone-content .region-content-inner {
    margin-bottom: 10px;
}


/*******************************************
* 3.2.1. Sidebar first
*******************************************/


/* Price range */

#search-api-ranges-block-slider-view-form .range-box-left .form-item,
#search-api-ranges-block-slider-view-form .range-box-right .form-item {
    margin-top: 0;
}

#search-api-ranges-block-slider-view-form .range-box-left,
#search-api-ranges-block-slider-view-form .range-box-right {
    position: absolute;
    top: -30px;
}

#search-api-ranges-block-slider-view-form .range-box-left label,
#search-api-ranges-block-slider-view-form .range-box-right label {
    display: none;
}

#search-api-ranges-block-slider-view-form .range-box-left {
    left: 0;
}

#search-api-ranges-block-slider-view-form .range-box-right {
    right: 0;
}

#search-api-ranges-block-slider-view-form .range-box-right #edit-range-to {
    text-align: right;
}

#search-api-ranges-block-slider-view-form .range-slider-box {
    display: block;
    margin-top: 25px;
}

#search-api-ranges-block-slider-view-form #edit-range-from,
#search-api-ranges-block-slider-view-form #edit-range-to {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    width: auto;
}

#search-api-ranges-block-slider-view-form #edit-submit {
    display: none;
}


/* Category */

.region-sidebar-first .block-facetapi.field_category .item-list {
    border: 1px solid #d9d9d9;
    height: 220px;
    padding: 10px 15px;
    overflow-y: scroll;
}


/**********************************************
* 3.2. Zone content
**********************************************/


/* HP blocks: Top advert */

#promotional_banner .promotional_banner_saving {
    display: inline-block;
    width: auto;
    padding: 0 22px 0 12px;
    margin: 10px 0 0 0;
    line-height: 38px;
}

#promotional_banner .promotional_banner_special_offer {
    top: 15px;
}

.bx-wrapper {
    height: 400px;
}

.view-demo-content-slideshow .view-id-demo_content_slideshow {
    height: 500px;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper {
    padding-bottom: 100px;
}

#block-views-demo-content-slideshow-block-1 .bx-wrapper ul.event-slider li {
    overflow: visible;
}

#block-views-demo-content-slideshow-block-1 .views-field-nothing {
    background: #888;
    border: 1px solid #cccccc;
    color: #ffffff;
    padding-bottom: 5px;
    position: absolute;
    bottom: -100px;
    left: 34%;
}

#block-views-demo-content-slideshow-block-1 .bx-prev,
#block-views-demo-content-slideshow-block-1 .bx-next {
    color: #000000;
    background: #EEE;
    border: 1px solid #cccccc;
    text-decoration: none;
    display: block;
    margin-top: 15px;
    padding-bottom: 5px;
}

#block-views-demo-content-slideshow-block-1 .bx-prev:hover,
#block-views-demo-content-slideshow-block-1 .bx-next:hover {
    background: #FFF;
}

#block-views-demo-content-slideshow-block-1 .views-field-nothing,
#block-views-demo-content-slideshow-block-1 .bx-prev,
#block-views-demo-content-slideshow-block-1 .bx-next {
    display: block;
    height: 80px;
    text-align: center;
    text-indent: 0;
    width: 32%;
    margin-right: 2%;
}

#block-views-demo-content-slideshow-block-1 .views-field-nothing span.field-content,
#block-views-demo-content-slideshow-block-1 .bx-prev span.field-content,
#block-views-demo-content-slideshow-block-1 .bx-next span.field-content {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 21px;
    height: 80px;
    line-height: 28px;
    padding: 10px 25px 0;
    overflow: hidden;
}

#block-views-demo-content-slideshow-block-1 .views-field-nothing span.field-content em,
#block-views-demo-content-slideshow-block-1 .bx-prev span.field-content em,
#block-views-demo-content-slideshow-block-1 .bx-next span.field-content em {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

#block-views-demo-content-slideshow-block-1 .bx-prev {
    margin-left: 0;
    /* LTR */
    float: left;
    /* LTR */
    position: absolute;
    bottom: 0;
    left: 0;
    /* LTR */
}

#block-views-demo-content-slideshow-block-1 .bx-next {
    margin-right: 0;
    /* LTR */
    float: right;
    /* LTR */
    position: absolute;
    bottom: 0;
    right: 0;
    /* LTR */
}


/**********************************************
* 3.3. Zone postscript
**********************************************/

#zone-postscript .view-ad-push .views-row .views-field-field-tagline .field-content,
#zone-postscript .block-blog-block .views-field-title .field-content {
    font-size: 18px;
    line-height: 26px;
}


/**************************************************
* --
* 4. Section footer
* --
**************************************************/


/**********************************************
* 4.1. Zone footer
**********************************************/


/**
* Connect with us
*/

#block-menu-menu-social-connection h2 {
    line-height: inherit;
    padding: 0 0 22px 25px;
}


/**************************************************
* --
* 5. Commerce specific
* --
**************************************************/


/**********************************************
* 5.1. Search & Collection page
**********************************************/


/**
* Collection page
*/

.view-collection-products .view-header .taxonomy-title,
.view-collection-taxonomy-term .view-header .taxonomy-title {
    font-size: 3em;
}

.view-collection-products .view-header .collection-terms .view-content .item-list,
.view-collection-taxonomy-term .view-header .collection-terms .view-content .item-list {
    display: block;
    float: none;
}


/**********************************************
* 5.3. Product page
**********************************************/


/**
* Add to cart popin.
*/

div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content {
    margin-left: 130px;
    /* LTR */
    width: 65%;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-product .content .field-name-field-images {
    position: absolute;
    left: -115px;
    /* LTR */
}


/* Cloud zoom */

.node-product-type .cloud-zoom-container .cloud-zoom-gallery-thumbs .cloud-zoom-gallery {
    margin: 5px 0;
}

.node-product-type .field-name-field-product form.commerce-add-to-cart label {
    float: left;
}

.grid-24 .region .region-content #region-content {
    height: 500px;
}

.bx-controls {
    display: none;
}


/*
 * ==========================================================
 * Grid
 * ==========================================================
 */

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16,
.grid-17,
.grid-18,
.grid-19,
.grid-20,
.grid-21,
.grid-22,
.grid-23,
.grid-24 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.push-1,
.pull-1,
.push-2,
.pull-2,
.push-3,
.pull-3,
.push-4,
.pull-4,
.push-5,
.pull-5,
.push-6,
.pull-6,
.push-7,
.pull-7,
.push-8,
.pull-8,
.push-9,
.pull-9,
.push-10,
.pull-10,
.push-11,
.pull-11,
.push-12,
.pull-12,
.push-13,
.pull-13,
.push-14,
.pull-14,
.push-15,
.pull-15,
.push-16,
.pull-16,
.push-17,
.pull-17,
.push-18,
.pull-18,
.push-19,
.pull-19,
.push-20,
.pull-20,
.push-21,
.pull-21,
.push-22,
.pull-22,
.push-23,
.pull-23,
.push-24,
.pull-24 {
    position: relative;
}


/*
 * ==========================================================
 * Alpha - Omega
 * ==========================================================
 */

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}


/*
 * ==========================================================
 * Container
 * ==========================================================
 */

body {}

.container-24 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}


/*
 * ==========================================================
 * Columns
 * ==========================================================
 */

.container-24 .grid-1 {
    width: 20px;
}

.container-24 .grid-2 {
    width: 60px;
}

.container-24 .grid-3 {
    width: 100px;
}

.container-24 .grid-4 {
    width: 140px;
}

.container-24 .grid-5 {
    width: 180px;
}

.container-24 .grid-6 {
    width: 220px;
}

.container-24 .grid-7 {
    width: 260px;
}

.container-24 .grid-8 {
    width: 300px;
}

.container-24 .grid-9 {
    width: 340px;
}

.container-24 .grid-10 {
    width: 380px;
}

.container-24 .grid-11 {
    width: 420px;
}

.container-24 .grid-12 {
    width: 460px;
}

.container-24 .grid-13 {
    width: 500px;
}

.container-24 .grid-14 {
    width: 540px;
}

.container-24 .grid-15 {
    width: 580px;
}

.container-24 .grid-16 {
    width: 620px;
}

.container-24 .grid-17 {
    width: 660px;
}

.container-24 .grid-18 {
    width: 700px;
}

.container-24 .grid-19 {
    width: 740px;
}

.container-24 .grid-20 {
    width: 780px;
}

.container-24 .grid-21 {
    width: 820px;
}

.container-24 .grid-22 {
    width: 860px;
}

.container-24 .grid-23 {
    width: 900px;
}

.container-24 .grid-24 {
    width: 940px;
}


/*
 * ==========================================================
 * Prefix
 * ==========================================================
 */

.container-24 .prefix-1 {
    padding-left: 40px;
}

.container-24 .prefix-2 {
    padding-left: 80px;
}

.container-24 .prefix-3 {
    padding-left: 120px;
}

.container-24 .prefix-4 {
    padding-left: 160px;
}

.container-24 .prefix-5 {
    padding-left: 200px;
}

.container-24 .prefix-6 {
    padding-left: 240px;
}

.container-24 .prefix-7 {
    padding-left: 280px;
}

.container-24 .prefix-8 {
    padding-left: 320px;
}

.container-24 .prefix-9 {
    padding-left: 360px;
}

.container-24 .prefix-10 {
    padding-left: 400px;
}

.container-24 .prefix-11 {
    padding-left: 440px;
}

.container-24 .prefix-12 {
    padding-left: 480px;
}

.container-24 .prefix-13 {
    padding-left: 520px;
}

.container-24 .prefix-14 {
    padding-left: 560px;
}

.container-24 .prefix-15 {
    padding-left: 600px;
}

.container-24 .prefix-16 {
    padding-left: 640px;
}

.container-24 .prefix-17 {
    padding-left: 680px;
}

.container-24 .prefix-18 {
    padding-left: 720px;
}

.container-24 .prefix-19 {
    padding-left: 760px;
}

.container-24 .prefix-20 {
    padding-left: 800px;
}

.container-24 .prefix-21 {
    padding-left: 840px;
}

.container-24 .prefix-22 {
    padding-left: 880px;
}

.container-24 .prefix-23 {
    padding-left: 920px;
}


/*
 * ==========================================================
 * Suffix
 * ==========================================================
 */

.container-24 .suffix-1 {
    padding-right: 40px;
}

.container-24 .suffix-2 {
    padding-right: 80px;
}

.container-24 .suffix-3 {
    padding-right: 120px;
}

.container-24 .suffix-4 {
    padding-right: 160px;
}

.container-24 .suffix-5 {
    padding-right: 200px;
}

.container-24 .suffix-6 {
    padding-right: 240px;
}

.container-24 .suffix-7 {
    padding-right: 280px;
}

.container-24 .suffix-8 {
    padding-right: 320px;
}

.container-24 .suffix-9 {
    padding-right: 360px;
}

.container-24 .suffix-10 {
    padding-right: 400px;
}

.container-24 .suffix-11 {
    padding-right: 440px;
}

.container-24 .suffix-12 {
    padding-right: 480px;
}

.container-24 .suffix-13 {
    padding-right: 520px;
}

.container-24 .suffix-14 {
    padding-right: 560px;
}

.container-24 .suffix-15 {
    padding-right: 600px;
}

.container-24 .suffix-16 {
    padding-right: 640px;
}

.container-24 .suffix-17 {
    padding-right: 680px;
}

.container-24 .suffix-18 {
    padding-right: 720px;
}

.container-24 .suffix-19 {
    padding-right: 760px;
}

.container-24 .suffix-20 {
    padding-right: 800px;
}

.container-24 .suffix-21 {
    padding-right: 840px;
}

.container-24 .suffix-22 {
    padding-right: 880px;
}

.container-24 .suffix-23 {
    padding-right: 920px;
}


/*
 * ==========================================================
 * Push
 * ==========================================================
 */

.container-24 .push-1 {
    left: 40px;
}

.container-24 .push-2 {
    left: 80px;
}

.container-24 .push-3 {
    left: 120px;
}

.container-24 .push-4 {
    left: 160px;
}

.container-24 .push-5 {
    left: 200px;
}

.container-24 .push-6 {
    left: 240px;
}

.container-24 .push-7 {
    left: 280px;
}

.container-24 .push-8 {
    left: 320px;
}

.container-24 .push-9 {
    left: 360px;
}

.container-24 .push-10 {
    left: 400px;
}

.container-24 .push-11 {
    left: 440px;
}

.container-24 .push-12 {
    left: 480px;
}

.container-24 .push-13 {
    left: 520px;
}

.container-24 .push-14 {
    left: 560px;
}

.container-24 .push-15 {
    left: 600px;
}

.container-24 .push-16 {
    left: 640px;
}

.container-24 .push-17 {
    left: 680px;
}

.container-24 .push-18 {
    left: 720px;
}

.container-24 .push-19 {
    left: 760px;
}

.container-24 .push-20 {
    left: 800px;
}

.container-24 .push-21 {
    left: 840px;
}

.container-24 .push-22 {
    left: 880px;
}

.container-24 .push-23 {
    left: 920px;
}


/*
 * ==========================================================
 * Pull
 * ==========================================================
 */

.container-24 .pull-1 {
    left: -40px;
}

.container-24 .pull-2 {
    left: -80px;
}

.container-24 .pull-3 {
    left: -120px;
}

.container-24 .pull-4 {
    left: -160px;
}

.container-24 .pull-5 {
    left: -200px;
}

.container-24 .pull-6 {
    left: -240px;
}

.container-24 .pull-7 {
    left: -280px;
}

.container-24 .pull-8 {
    left: -320px;
}

.container-24 .pull-9 {
    left: -360px;
}

.container-24 .pull-10 {
    left: -400px;
}

.container-24 .pull-11 {
    left: -440px;
}

.container-24 .pull-12 {
    left: -480px;
}

.container-24 .pull-13 {
    left: -520px;
}

.container-24 .pull-14 {
    left: -560px;
}

.container-24 .pull-15 {
    left: -600px;
}

.container-24 .pull-16 {
    left: -640px;
}

.container-24 .pull-17 {
    left: -680px;
}

.container-24 .pull-18 {
    left: -720px;
}

.container-24 .pull-19 {
    left: -760px;
}

.container-24 .pull-20 {
    left: -800px;
}

.container-24 .pull-21 {
    left: -840px;
}

.container-24 .pull-22 {
    left: -880px;
}

.container-24 .pull-23 {
    left: -920px;
}


/**
 * @file
 * Styles for menus and navigation markup.
 */


/**
 * Markup generated by theme_menu_tree().
 */

ul.menu {
    border: none;
    list-style: none;
    text-align: left;
    /* LTR */
}

ul li.expanded {
    list-style-image: url(../../misc/menu-expanded.png);
    list-style-type: circle;
}

ul li.collapsed {
    list-style-image: url(../../misc/menu-collapsed.png);
    /* LTR */
    list-style-type: disc;
}

ul li.leaf {
    list-style-image: url(../../misc/menu-leaf.png);
    list-style-type: square;
}

li.expanded,
li.collapsed,
li.leaf {
    padding: 0.2em 0.5em 0 0;
    /* LTR */
    margin: 0;
}

li a.active {
    color: #000;
}

td.menu-disabled {
    background: #ccc;
}


/**
 * Markup generated by theme_links().
 */

ul.inline,
ul.links.inline {
    display: inline;
    padding-left: 0;
}

ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
}


/**
 * Markup generated by theme_breadcrumb().
 */

.breadcrumb {
    padding-bottom: 0.5em;
}


/**
 * Markup generated by theme_menu_local_tasks().
 */

ul.primary {
    border-bottom: 1px solid #bbb;
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none;
    margin: 5px;
    padding: 0 0 0 1em;
    /* LTR */
    white-space: nowrap;
}

ul.primary li {
    display: inline;
}

ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-style: solid solid none solid;
    border-width: 1px;
    height: auto;
    margin-right: 0.5em;
    /* LTR */
    padding: 0 1em;
    text-decoration: none;
}

ul.primary li.active a {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}

ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee;
}

ul.secondary {
    border-bottom: 1px solid #bbb;
    padding: 0.5em 1em;
    margin: 5px;
}

ul.secondary li {
    border-right: 1px solid #ccc;
    /* LTR */
    display: inline;
    padding: 0 1em;
}

ul.secondary a {
    padding: 0;
    text-decoration: none;
}

ul.secondary a.active {
    border-bottom: 4px solid #999;
}


/**
 * @file
 * Styles for system messages.
 */

div.messages {
    background-position: 8px 8px;
    /* LTR */
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
    /* LTR */
}

div.status {
    background-image: url(../../misc/message-24-ok.png);
    border-color: #be7;
}

div.status,
.ok {
    color: #234600;
}

div.status,
table tr.ok {
    background-color: #f8fff0;
}

div.warning {
    background-image: url(../../misc/message-24-warning.png);
    border-color: #ed5;
}

div.warning,
.warning {
    color: #840;
}

div.warning,
table tr.warning {
    background-color: #fffce5;
}

div.error {
    background-image: url(../../misc/message-24-error.png);
    border-color: #ed541d;
}

div.error,
.error {
    color: #8c2e0b;
}

div.error,
table tr.error {
    background-color: #fef5f1;
}

div.error p.error {
    color: #333;
}

div.messages ul {
    margin: 0 0 0 1em;
    /* LTR */
    padding: 0;
}

div.messages ul li {
    list-style-image: none;
}


/**
 * @file
 * Basic styling for common markup.
 */


/**
 * HTML elements.
 */

fieldset {
    margin-bottom: 1em;
    padding: 0.5em;
}

form {
    margin: 0;
    padding: 0;
}

hr {
    border: 1px solid gray;
    height: 1px;
}

img {
    border: 0;
}

table {
    border-collapse: collapse;
}

th {
    border-bottom: 3px solid #ccc;
    padding-right: 1em;
    /* LTR */
    text-align: left;
    /* LTR */
}

tbody {
    border-top: 1px solid #ccc;
}

thead {
    background-color: #e0e0e0;
}

tr.odd {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

tr.even {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}


/**
 * Markup generated by theme_tablesort_indicator().
 */

th.active img {
    display: inline;
}

td.active {
    background-color: #ddd;
}


/**
 * Markup generated by theme_item_list().
 */

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list ul li {
    margin: 0 0 0.25em 1.5em;
    /* LTR */
    padding: 0;
}


/**
 * Markup generated by Form API.
 */

.form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.form-item .description {
    font-size: 0.85em;
}

label {
    display: block;
    font-weight: 500;
}

label.option {
    display: inline;
    font-weight: normal;
}

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 2.4em;
}

input.form-checkbox,
input.form-radio {
    vertical-align: middle;
}

.marker,
.form-required {
    color: #f00;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red;
}


/**
 * Inline items.
 */

.container-inline .form-actions,
.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}


/**
 * Markup generated by theme_more_link().
 */

.more-link {
    text-align: right;
    /* LTR */
}


/**
 * Markup generated by theme_more_help_link().
 */

.more-help-link {
    text-align: right;
    /* LTR */
}

.more-help-link a {
    background: url(../../misc/help.png) 0 50% no-repeat;
    /* LTR */
    padding: 1px 0 1px 20px;
    /* LTR */
}


/**
 * Markup generated by theme_pager().
 */

.item-list .pager {
    clear: both;
    text-align: center;
}

.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em;
}

.pager-current {
    font-weight: bold;
}


/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */


/* Suggestion list */

#autocomplete li.selected {
    background: #0072b9;
    color: #fff;
}


/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */

html.js fieldset.collapsible .fieldset-legend {
    background: url(../../misc/menu-expanded.png) 5px 65% no-repeat;
    /* LTR */
    padding-left: 15px;
    /* LTR */
}

html.js fieldset.collapsed .fieldset-legend {
    background-image: url(../../misc/menu-collapsed.png);
    /* LTR */
    background-position: 5px 50%;
    /* LTR */
}

.fieldset-legend span.summary {
    color: #999;
    font-size: 0.9em;
    margin-left: 0.5em;
}


/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

.tabledrag-toggle-weight {
    font-size: 0.9em;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}


/**
 * TableSelect behavior.
 *
 * @see tableselect.js
*/

tr.selected td {
    background: #ffc;
}

td.checkbox,
th.checkbox {
    text-align: center;
}


/**
 * Progress bar.
 *
 * @see progress.js
 */

.progress {
    font-weight: bold;
}

.progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.progress .filled {
    background: #0072b9 url(../../misc/progress.gif);
}

#comments {
    margin-top: 15px;
}

.indented {
    margin-left: 25px;
    /* LTR */
}

.comment-unpublished {
    background-color: #fff4f4;
}

.comment-preview {
    background-color: #ffffea;
}


/**
* Add to cart popin.
*/


/* Overlay */

div.commerce_add_to_cart_confirmation_overlay {
    background: transparent url('../images/bg_add_to_cart_overlay.png') left top;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}

div.messages.commerce-add-to-cart-confirmation {
    background-color: white;
    border-color: #6bb0cb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 2px 15px #57595a;
    -webkit-box-shadow: 0 2px 15px #57595a;
    box-shadow: 0 2px 15px #57595a;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#57595A', direction='180', strength='5');
    color: #aeaaa5;
    left: 50%;
    margin-left: -20% !important;
    /* width/2 */
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 450px;
    z-index: 201;
}


/* Close button */

div.messages.commerce-add-to-cart-confirmation .message-inner .commerce-add-to-cart-confirmation-close {
    background: url('../images/btn_add-to-cart-close.png') no-repeat 0 0;
    display: block;
    height: 17px;
    position: absolute;
    right: 15px;
    /* LTR */
    top: 15px;
    width: 18px;
}


/* Title */

div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
    color: #2698f2;
    float: left;
    /* LTR */
    font-size: 14px;
    font-weight: bold;
    padding: 10px 30px 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 55%;
}


/* Button */

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
    background-color: #e4eef3;
    height: 100%;
    padding: 40px 30px;
    position: absolute;
    right: 0;
    /* LTR */
    width: 25%;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout {
    background-color: #2698f2;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue {
    background-color: #b3b3b3;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue .commerce-add-to-cart-confirmation-close {
    background: none;
    height: auto;
    position: static;
    width: auto;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout:hover,
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue:hover {
    cursor: pointer;
}

div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button a {
    color: white;
    display: block;
    font-weight: bold;
    word-wrap: break-word;
}


/* Product display */

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display {
    clear: both;
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content {
    padding: 15px;
    position: relative;
    width: 55%;
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .content .field-name-field-images {
    position: relative;
    width: 130px;
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .content .field-name-field-images img {
    border: #d7d7d7 solid 1px;
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .commerce-product-sku .commerce-product-sku-label,
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .views-label,
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .field-label {
    color: #878380;
    float: left;
    /* LTR */
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field {
    clear: both;
    margin: 0;
    text-align: left;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .field-label {
    display: inline;
    float: left;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total {
    clear: both;
    font-size: 20px;
    margin-top: 25px;
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total .views-label {
    float: left;
    /* LTR */
    padding-right: 5px;
    /* LTR */
}

div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total .field-content {
    color: #2698f2;
    display: inline;
    float: right;
    /* LTR */
}


/* Toolbar Styles */

body.toolbar #toolbar {
    background-color: #50adf5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55b5ff), to(#50adf5));
    background-image: -webkit-linear-gradient(top, #55b5ff, #50adf5);
    background-image: -moz-linear-gradient(top, #55b5ff, #50adf5);
    background-image: -ms-linear-gradient(top, #55b5ff, #50adf5);
    background-image: -o-linear-gradient(top, #55b5ff, #50adf5);
    background-image: linear-gradient(to bottom, #55b5ff, #50adf5);
}

body.toolbar #toolbar div.toolbar-menu {
    background-color: #50adf5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55b5ff), to(#50adf5));
    background-image: -webkit-linear-gradient(top, #55b5ff, #50adf5);
    background-image: -moz-linear-gradient(top, #55b5ff, #50adf5);
    background-image: -ms-linear-gradient(top, #55b5ff, #50adf5);
    background-image: -o-linear-gradient(top, #55b5ff, #50adf5);
    background-image: linear-gradient(to bottom, #55b5ff, #50adf5);
    margin: 0 auto;
    min-height: 50px;
    padding: 3px 0;
    width: 90%;
}

#toolbar a {
    color: #fff;
    text-shadow: 0 1px 1px #18466b;
}

#toolbar #toolbar-home {
    padding: 3px 0;
}

#toolbar-home li,
#toolbar-user li,
.toolbar-menu-wrapper li {
    display: inline;
    list-style: none;
    position: relative;
}


/* Home Logo Link */

body.toolbar #toolbar-home a span {
    background: transparent url("images/logo-menu.png") no-repeat 0 0;
    display: block;
    min-height: 40px;
    text-indent: -9999px;
    width: 130px;
    margin: 0;
}

body.toolbar #toolbar-home a,
body.toolbar #toolbar-home ul li a.active,
body.toolbar #toolbar-home a:hover {
    background: transparent !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
}


/* User Menu */

#toolbar #toolbar-user {
    float: right;
    /* LTR */
}

#toolbar #toolbar-user li.account a {
    color: #fddb84;
    -webkit-text-stroke: .025em #fddb84;
}


/* Main Menu */

#toolbar div.toolbar-menu .toolbar-menu-wrapper {
    padding-top: 6px;
}

#toolbar div.toolbar-menu ul li a {
    font: normal 500 15px/1.75em "Open Sans", Arial, sans-serif;
    padding: 2px 10px;
}

body.toolbar #toolbar div.toolbar-menu ul li a:hover,
body.toolbar #toolbar div.toolbar-menu ul li:hover a,
body.toolbar #toolbar div.toolbar-menu ul li a.active:hover,
body.toolbar #toolbar div.toolbar-menu ul li a.active:active,
body.toolbar #toolbar div.toolbar-menu ul li a.active,
body.toolbar #toolbar div.toolbar-menu ul li.active-trail a {
    background: #2f88cd;
    -moz-box-shadow: inset 0 0 5px #1a6bdf;
    -webkit-box-shadow: inset 0 0 5px #1a6bdf;
    box-shadow: inset 0 0 5px #1a6bdf;
    border-radius: 10px;
    text-decoration: none;
}


/* Dropdown Styles */

body.toolbar #toolbar div.toolbar-menu ul li:hover ul a,
body.toolbar #toolbar div.toolbar-menu ul li:hover ul a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

body.toolbar #toolbar div.toolbar-menu #toolbar-home li a:hover,
body.toolbar #toolbar div.toolbar-menu ul li:hover li a,
body.toolbar #toolbar div.toolbar-menu ul.menu ul.menu a.active {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

body.toolbar #toolbar div.toolbar-menu-wrapper ul.menu {
    margin: 0;
}

body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
    background: transparent url("images/bg-dropdown.png") repeat 0 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px;
    padding: 1px;
    width: 190px;
    z-index: -1;
}

body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu {
    padding: 20px 0;
    margin: 0;
    float: left;
    /* LTR */
    width: 190px;
}

#toolbar>div.toolbar-menu>div.toolbar-menu-wrapper>ul.group {
    margin: 0;
}

#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu {
    padding: 0;
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu li {
    float: left;
    /* LTR */
    clear: left;
    /* LTR */
    padding: 0;
    margin: 0;
    width: 100%;
}

body.toolbar #toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu li a {
    color: #fff;
    font-weight: 100;
    padding: 0 10px;
    width: 100%;
}


/* Wider Mega Menu */

#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-products div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-products div.toolbar-menu-wrapper ul.menu li:hover a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-products li:hover div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-orders div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-orders div.toolbar-menu-wrapper ul.menu li:hover a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-orders li:hover div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-content div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-content div.toolbar-menu-wrapper ul.menu li:hover a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-content li:hover div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings div.toolbar-menu-wrapper ul.menu li:hover a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings li:hover div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-site-settings div.toolbar-menu-wrapper ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-site-settings div.toolbar-menu-wrapper ul.menu li:hover a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-site-settings li:hover div.toolbar-menu-wrapper ul.menu li a {
    font-size: 15px;
    color: #57b3fc;
    font-size: 15px;
    font-weight: 500;
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-products div.toolbar-menu-wrapper ul.menu ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-orders div.toolbar-menu-wrapper ul.menu ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-content div.toolbar-menu-wrapper ul.menu ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings div.toolbar-menu-wrapper ul.menu ul.menu li a,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-site-settings div.toolbar-menu-wrapper ul.menu ul.menu li a {
    font-weight: 100;
    color: #fff;
    font-weight: 100;
}

body.toolbar #toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu li a:hover,
body.toolbar #toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu li a:hover {
    color: #57b3fc;
}

body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
    opacity: 1;
}

#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper a:hover,
#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper a.active:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings div.toolbar-menu-wrapper ul.menu ul.menu,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-site-settings div.toolbar-menu-wrapper ul.menu ul.menu {
    float: left;
    /* LTR */
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings ul.toolbar-menu-products {
    clear: left;
    /* LTR */
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings ul.group-0 {
    float: right;
    /* LTR */
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-store-settings div.toolbar-menu-wrapper,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.toolbar-menu-site-settings div.toolbar-menu-wrapper {
    width: 385px;
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu {
    margin: 0;
    padding: 0 20px 0 0;
    /* LTR */
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu li {
    padding: 0;
}

#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu li a.active {
    font-weight: 700;
}

#toolbar div.toolbar-menu-wrapper ul.menu li.open div.toolbar-menu-wrapper,
#toolbar div.toolbar-menu-wrapper ul.menu li:hover div.toolbar-menu-wrapper {
    top: 30px;
}

#toolbar div.toolbar-menu ul ul li a:hover,
#toolbar div.toolbar-menu ul ul li a.active:hover,
#toolbar div.toolbar-menu ul ul li a.active:active,
#toolbar div.toolbar-menu ul ul li a.active,
#toolbar div.toolbar-menu ul ul li.active-trail a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
}


/* Chrome + Safari Hacks */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Fix for drop-downs disappering on video pages */
    .overlay-open #toolbar.toolbar {
        clip: inherit !important;
    }
}


/* Responsive quick fix */


/*body.toolbar.responsive-layout-mobile #toolbar-home a span,
body.toolbar.responsive-layout-default #toolbar-home a span,
body.toolbar.responsive-layout-narrow #toolbar-home a span {
  background-position: -100px 0;
  margin-top: 7px;
  min-height: 23px;
  width:  25px;
}*/

body.toolbar.responsive-layout-mobile #toolbar .toolbar-menu-wrapper,
body.toolbar.responsive-layout-default #toolbar .toolbar-menu-wrapper,
body.toolbar.responsive-layout-narrow #toolbar .toolbar-menu-wrapper {
    clear: both;
}

.responsive-layout-mobile #toolbar div.toolbar-menu-wrapper>ul.toolbar-menu-products>li>div.toolbar-menu-wrapper,
.responsive-layout-mobile #toolbar div.toolbar-menu-wrapper>ul.toolbar-menu-orders>li>div.toolbar-menu-wrapper,
.responsive-layout-mobile #toolbar div.toolbar-menu-wrapper>ul.toolbar-menu-content>li>div.toolbar-menu-wrapper {
    margin-top: 20px;
}

.responsive-layout-mobile #toolbar div.toolbar-menu-wrapper>ul.toolbar-menu-site-settings>li>div.toolbar-menu-wrapper {
    width: auto;
}

.responsive-layout-mobile #toolbar div.toolbar-menu-wrapper>ul.toolbar-menu-site-settings>li>div.toolbar-menu-wrapper ul.toolbar-menu-advanced-settings {
    clear: both;
    margin-bottom: 20px;
}

.responsive-layout-default #toolbar div.toolbar-menu-wrapper>ul.menu>li>div.toolbar-menu-wrapper,
.responsive-layout-narrow #toolbar div.toolbar-menu-wrapper>ul.menu>li>div.toolbar-menu-wrapper {
    margin-top: -5px;
}


/* real ipad device */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .hongo-vc-equal-height .vc_column-inner.hongo-vc-equal-height-column-inner {
        -webkit-box-orient: inherit !important;
        -webkit-box-direction: inherit !important;
        -webkit-flex-direction: inherit !important;
        -ms-flex-direction: inherit !important;
        flex-direction: inherit !important;
        height: inherit !important;
    }
    .vc_row-o-equal-height.vc_row-o-content-top.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper,
    .vc_row-o-equal-height.vc_row-o-content-middle.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper,
    .vc_row-o-equal-height.vc_row-o-content-bottom.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper {
        display: -ms-flexbox !important;
        display: flex !important;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        height: inherit !important;
        width: 100%;
    }
    .vc_row-o-content-bottom.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: start !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: inherit !important;
    }
    .vc_row-o-content-middle.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: start !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: start !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .text-right .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .text-center .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .text-justify .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        text-align: justify;
        height: inherit !important;
    }
    .hongo-vc-equal-height .md-text-right .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .md-text-center .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .md-text-justify .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        text-align: justify;
        height: inherit !important;
    }
    .hongo-vc-equal-height .sm-text-right .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .sm-text-center .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .sm-text-justify .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        text-align: justify;
        height: inherit !important;
    }
    .hongo-vc-equal-height .xs-text-right .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .xs-text-center .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: inherit !important;
    }
    .hongo-vc-equal-height .xs-text-justify .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        text-align: justify;
        height: inherit !important;
    }
    .hongo-vc-equal-height .hongo-vc-equal-height-column-inner .hongo-featurebox-wrap {
        width: 100%;
    }
    .hongo-shop-banner-10 [class*="col-"],
    .hongo-shop-banner-7 [class*="col-"],
    .hongo-shop-banner-10 [class*="vc_col-"],
    .hongo-shop-banner-7 [class*="vc_col-"] {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        justify-content: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .equal_height_disable {
        height: auto !important;
        display: block !important;
    }
    .woocommerce div.quantity .qty,
    .woocommerce div.quantity input[type="number"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    @-moz-document url-prefix() {
        .hongo-shop-banner-10 [class*="col-"],
        .hongo-shop-banner-7 [class*="col-"],
        .hongo-shop-banner-10 [class*="vc_col-"],
        .hongo-shop-banner-7 [class*="vc_col-"] {
            display: block !important;
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .hongo-main-content-wrap {
        min-height: 60vh;
    }
}

@media screen and ( max-height: 900px) {
    /* compare popup */
    .compare-popup-main-content {
        max-height: 600px;
    }
}

@media screen and ( max-height: 750px) {
    /* compare popup */
    .compare-popup-main-content {
        max-height: 450px;
    }
}

@media screen and ( max-height: 600px) {
    /* compare popup */
    .compare-popup-main-content {
        max-height: 350px;
    }
}

@media screen and ( max-height: 450px) {
    /* compare popup */
    .compare-popup-main-content {
        max-height: 300px;
    }
}

@media screen and ( max-height: 390px) {
    /* compare popup */
    .compare-popup-main-content {
        max-height: 260px;
    }
}

@media screen and ( max-height: 360px) {
    /* compare popup */
    .compare-popup-main-content {
        max-height: 220px;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
    /* footer */
    footer .hongo-stretch-content-fluid {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    /* footer */
    footer .hongo-stretch-content-fluid {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1800px) {
    .woocommerce .container-fluid-with-padding .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        font-size: 15px;
        line-height: 15px;
        min-width: 40px;
        min-height: 50px;
    }
    .woocommerce .container-fluid-with-padding .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .woocommerce .container-fluid-with-padding .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        width: calc(100% - 20px);
        left: 10px;
        bottom: 10px;
    }
    .woocommerce .container-fluid-with-padding .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        font-size: 14px;
        line-height: 14px;
        min-width: 40px;
        min-height: 52px;
    }
    .woocommerce .container-fluid-with-padding .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
    .woocommerce .container-fluid-with-padding .hongo-content-center-part ul.products.gutter-extra-large.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        min-width: 34px;
        min-height: 48px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .woocommerce .container-fluid .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        width: calc(100% - 20px);
        left: 10px;
        bottom: 10px;
    }
    .woocommerce .container-fluid .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        font-size: 15px;
        line-height: 15px;
        min-width: 40px;
        min-height: 54px;
    }
    .woocommerce .container-fluid .hongo-content-center-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
    .woocommerce .container-fluid-with-padding .hongo-content-right-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid-with-padding .hongo-content-left-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid .hongo-content-right-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid .hongo-content-left-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    ul.products.hongo-shop-col-5 li.product .hongo-product-deal-wrap>span {
        min-width: 46px;
        min-height: 56px;
        font-size: 16px;
        line-height: 16px;
    }
    .woocommerce .container-fluid-with-padding .hongo-content-right-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container-fluid-with-padding .hongo-content-left-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span,
    ul.products.hongo-shop-col-5 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    /* shop default style */
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .container ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        min-width: 50px;
    }
    .woocommerce .container ul.products.hongo-shop-col-4.gutter-extra-large li.product .hongo-product-deal-wrap>span,
    .woocommerce .container ul.products.hongo-shop-col-4.gutter-large li.product .hongo-product-deal-wrap>span,
    .woocommerce .container ul.products.hongo-shop-col-4.gutter-medium li.product .hongo-product-deal-wrap>span {
        min-width: 44px;
        font-size: 16px;
        line-height: 16px;
    }
    .woocommerce .container ul.products.hongo-shop-col-4.gutter-extra-large li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container ul.products.hongo-shop-col-4.gutter-large li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container ul.products.hongo-shop-col-4.gutter-medium li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
    /* tab style 2 */
    .tab-style2 .tab-content ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        left: 10px;
        width: calc(100% - 20px);
    }
    .tab-style2 .tab-content ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        font-size: 13px !important;
        line-height: 13px !important;
        min-width: 34px !important;
        min-height: 42px !important;
    }
    .tab-style2 .tab-content ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span {
        font-size: 9px !important;
        line-height: 9px !important;
    }
}

@media (min-width: 1921px) {
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap {
        padding: 4%;
    }
}


/* ----- @codingStandardsIgnore ( Dynamic Class hongo_layout_left_sidebar_single ) ----- */

@media (min-width: 1px) {
    /* gutenberg default blocks */
    .entry-content>.alignwide {
        width: 100%;
        max-width: 100%;
        z-index: 0;
    }
    body .container .hongo-content-center-part .entry-content *.alignfull {
        left: calc((100% - 100vw)/2);
    }
    body .container.hongo_layout_left_sidebar_single .entry-content *.alignfull {
        left: calc((100% - 100vw)/2);
    }
}

@media (min-width: 768px) {
    /* gutenberg default blocks */
    .entry-content>.alignwide {
        left: calc((720px - 95vw)/2);
        width: 95vw;
        max-width: 95vw;
    }
    body .container .hongo-content-center-part .entry-content *.alignfull {
        left: calc((100% - 100vw)/2);
    }
    body .container.hongo_layout_left_sidebar_single .entry-content *.alignfull {
        left: calc((100% - 100vw)/2);
    }
    /* product timer */
    .tab-style2 .tab-content ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        left: 10px;
        width: calc(100% - 20px);
    }
    .tab-style2 .tab-content ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        font-size: 15px;
        line-height: 15px;
        min-width: 44px;
        min-height: 54px;
    }
    .tab-style2 .tab-content ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media (min-width: 992px) {
    /* gutenberg default blocks */
    .entry-content>.alignwide {
        left: calc((940px - 100vw)/2);
    }
    .hongo_layout_left_sidebar_single .entry-content .alignwide {
        left: calc((365px - 1000px)/2);
        width: 1000px;
        max-width: 1000px;
    }
    body .container.hongo_layout_left_sidebar_single .entry-content *.alignfull {
        left: calc((365px - 100vw)/2);
    }
    .hongo-content-center-part .entry-content .alignwide {
        left: calc((455px - 1000px)/2);
        width: 1000px;
        max-width: 1000px;
    }
    body .container .hongo-content-center-part .entry-content *.alignfull {
        left: calc((455px - 100vw)/2);
    }
    /* single product right content */
    /* product timer */
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap {
        bottom: 10px;
        left: 10px;
        width: calc(100% - 20px);
    }
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap>span {
        min-width: 44px;
        min-height: 54px;
        font-size: 15px;
        line-height: 15px;
    }
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media (min-width: 1200px) {
    /* gutenberg default blocks */
    .entry-content>.alignwide {
        left: calc((1140px - 95vw)/2);
    }
    .hongo_layout_left_sidebar_single .entry-content .alignwide {
        left: calc((460px - 1200px)/2);
        width: 1200px;
        max-width: 1200px;
    }
    body .container.hongo_layout_left_sidebar_single .entry-content *.alignfull {
        left: calc((465px - 100vw)/2);
    }
    .hongo-content-center-part .entry-content .alignwide {
        left: calc((555px - 1200px)/2);
        width: 1200px;
        max-width: 1200px;
    }
    body .container .hongo-content-center-part .entry-content *.alignfull {
        left: calc((555px - 100vw)/2);
    }
    /* ----- product timer ----- */
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        bottom: 10px;
        left: 10px;
        width: calc(100% - 20px);
    }
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span {
        min-width: 40px;
        min-height: 50px;
        font-size: 14px;
        line-height: 14px;
    }
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media (min-width: 1420px) {
    .entry-content>.alignwide {
        left: calc((1140px - 1400px)/2);
        width: 1400px;
        max-width: 1400px;
    }
    .hongo_layout_left_sidebar_single .entry-content .alignwide {
        left: calc((462px - 1400px)/2);
        width: 1400px;
        max-width: 1400px;
    }
    body .container.hongo_layout_left_sidebar_single .entry-content *.alignfull {
        left: calc((462px - 100vw)/2);
    }
    .hongo-content-center-part .entry-content .alignwide {
        left: calc((555px - 1400px)/2);
        width: 1400px;
        max-width: 1400px;
    }
    body .container .hongo-content-center-part .entry-content *.alignfull {
        left: calc((555px - 100vw)/2);
    }
}

@media (min-width: 1600px) {
    /* single product right content */
    /* product timer */
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap>span {
        min-width: 38px;
        min-height: 48px;
        font-size: 14px;
        line-height: 14px;
    }
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap>span>span {
        font-size: 9px;
        line-height: 9px;
    }
}

@media (min-width: 1200px) {
    /* vc five col */
    .vc_col-lg-1\/5 {
        width: 20%;
    }
    .col-lg-1\/5 {
        width: 20%;
    }
    .col-lg-2\/5 {
        width: 40%;
    }
    .col-lg-3\/5 {
        width: 60%;
    }
    .col-lg-4\/5 {
        width: 80%;
    }
    /* process step */
    .process-step-style-1.number-border.lg-border-display-none:before {
        display: none
    }
    .process-step-style-2 .hongo-featurebox-img-border.lg-border-display-none:before {
        display: none
    }
    .process-step-style-3 .number-border.lg-border-display-none:before {
        display: none
    }
    /* wpbakery page builder */
    .compose-mode header .vc_hidden-lg {
        display: none !important;
    }
    /* shop style */
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-classic.hongo-shop-col-4 li.product .product-buttons-wrap .tooltip,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-classic.hongo-shop-col-4 li.product .product-buttons-wrap .tooltip {
        display: none !important
    }
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-flat.hongo-shop-col-4 li.product .product-buttons-wrap .tooltip,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-flat.hongo-shop-col-4 li.product .product-buttons-wrap .tooltip {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .hongo-main-site-content .footer-sticky {
        left: 290px;
        width: inherit;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* process step */
    .process-step-style-1.number-border.md-border-display-none:before {
        display: none
    }
    .process-step-style-2 .hongo-featurebox-img-border.md-border-display-none:before {
        display: none
    }
    .process-step-style-3 .number-border.md-border-display-none:before {
        display: none
    }
    /* wpbakery page builder */
    .compose-mode header .vc_hidden-md {
        display: none!important;
    }
    /* calendar */
    .sidebar .widget_calendar td,
    .sidebar .widget_calendar th td,
    th {
        padding: 4px 3px;
    }
    /* single product right content */
    /* product timer */
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap>span {
        min-width: 38px;
        min-height: 50px;
        font-size: 13px;
        line-height: 13px;
    }
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap>span>span {
        font-size: 9px;
        line-height: 9px;
    }
    .woocommerce div.product .related.products ul.products li.product .hongo-product-deal-wrap>span {
        min-width: 46px;
        font-size: 16px;
        line-height: 16px;
    }
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4.gutter-extra-large li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4.gutter-large li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid ul.products.hongo-shop-col-4.gutter-extra-large li.product .hongo-product-deal-wrap>span,
    .woocommerce .container-fluid ul.products.hongo-shop-col-4.gutter-large li.product .hongo-product-deal-wrap>span {
        min-width: 46px;
        font-size: 16px;
        line-height: 16px;
    }
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4.gutter-extra-large li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4.gutter-large li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container-fluid ul.products.hongo-shop-col-4.gutter-extra-large li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container-fluid ul.products.hongo-shop-col-4.gutter-large li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /* process step */
    .process-step-style-1.number-border.sm-border-display-none:before {
        display: none
    }
    .process-step-style-2 .hongo-featurebox-img-border.sm-border-display-none:before {
        display: none
    }
    .process-step-style-3 .number-border.sm-border-display-none:before {
        display: none
    }
    /* wpbakery page builder */
    .compose-mode header .vc_hidden-sm {
        display: none!important;
    }
    /* product timer */
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-col-3 li.product .hongo-product-deal-wrap>span,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-col-3 li.product .hongo-product-deal-wrap>span {
        min-width: 48px;
        font-size: 16px;
        line-height: 16px;
    }
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-col-3 li.product .hongo-product-deal-wrap>span>span,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-col-3 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
    .woocommerce ul.products.hongo-shop-col-3 li.product .hongo-product-deal-wrap>span {
        min-width: 48px;
        font-size: 16px;
        line-height: 16px;
    }
    .woocommerce ul.products.hongo-shop-col-3 li.product .hongo-product-deal-wrap>span>span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media (min-width: 1025px) {
    /* background image */
    .container .parallax,
    .container-fluid .parallax {
        background-position-x: 0 !important;
    }
    .vc_parallax {
        background-position-x: 0 !important;
    }
}

@media (min-width: 992px) {
    /* left menu container */
    .hongo-main-wrap .container {
        width: 700px;
    }
    /* both sidebar */
    .both-sidebar-wrap {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .both-sidebar-wrap .both-sidebar-left {
        order: 1;
        -webkit-order: 1;
    }
    .both-sidebar-wrap .both-content-center,
    .both-sidebar-wrap .hongo-layout-both-sidebar {
        order: 2;
        -webkit-order: 2;
        margin-bottom: 0;
    }
    .both-sidebar-wrap .both-sidebar-right {
        order: 3;
        -webkit-order: 3;
    }
    /* ----- product detail page  ----- */
    /* default style */
    .woocommerce div.product div.summary,
    .woocommerce-page .both-sidebar-wrap div.product div.summary {
        padding-right: 0;
    }
    /* vc five col */
    .vc_col-md-1\/5 {
        width: 20%;
    }
    .col-md-1\/5 {
        width: 20%;
    }
    .col-md-2\/5 {
        width: 40%;
    }
    .col-md-3\/5 {
        width: 60%;
    }
    .col-md-4\/5 {
        width: 80%;
    }
}

@media (min-width: 768px) {
    /* vc five col */
    .vc_col-sm-1\/5 {
        width: 20%;
    }
    .col-sm-1\/5 {
        width: 20%;
    }
    .col-sm-2\/5 {
        width: 40%;
    }
    .col-sm-3\/5 {
        width: 60%;
    }
    .col-sm-4\/5 {
        width: 80%;
    }
    /* ----- product detail page  ----- */
    /* default style */
    .woocommerce div.product .upsells.products,
    .woocommerce div.product .related.products {
        max-width: 750px;
    }
    .woocommerce .single-product-carousel div.product .summary,
    .woocommerce .single-product-carousel div.product .woocommerce-tabs,
    .woocommerce .single-product-carousel div.product .hongo-woocommerce-tabs {
        max-width: 750px;
    }
    /* comment box */
    .blog-comment li .comment-author-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .sidebar .navbar-form .form-control {
        z-index: inherit
    }
}

@media (min-width: 782px) {
    /* Gutenberg default blocks */
    .wp-block-columns p {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    /* ----- product detail page  ----- */
    /* default style */
    .woocommerce div.product .upsells.products,
    .woocommerce div.product .related.products {
        max-width: 970px;
    }
    .woocommerce .single-product-carousel div.product .summary,
    .woocommerce .single-product-carousel div.product .woocommerce-tabs,
    .woocommerce .single-product-carousel div.product .hongo-woocommerce-tabs {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    /* left menu container */
    .hongo-main-wrap .container {
        width: 880px;
    }
    /* ----- product detail page  ----- */
    /* default style */
    .woocommerce div.product .upsells.products,
    .woocommerce div.product .related.products {
        max-width: 1140px;
    }
    .woocommerce .single-product-carousel div.product .summary,
    .woocommerce .single-product-carousel div.product .woocommerce-tabs,
    .woocommerce .single-product-carousel div.product .hongo-woocommerce-tabs {
        max-width: 1140px;
    }
}

@media (min-width: 1460px) {
    .hongo-main-wrap .container {
        width: 1170px;
    }
}

@media (max-width: 1800px) {
    /* ----- product detail page  ----- */
    /* default style */
    .hongo-single-product-buttons {
        width: 100%;
    }
    /* single product right content */
    .woocommerce .single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        width: 29%;
        padding-right: 100px;
    }
    /* single product left content */
    .woocommerce .single-product-left-content div.product div.summary,
    .woocommerce-page .single-product-left-content div.product div.summary {
        width: 29%;
        padding-left: 100px;
    }
    /* single product modern */
    .woocommerce .single-product-modern div.product .woocommerce-tabs .panel {
        padding-left: 14%;
        padding-right: 14%;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 2 */
    .interactive-banner-style-2 .content {
        width: 95%;
    }
}

@media (min-width: 1740px) {
    .box-layout {
        max-width: 1740px;
        width: 1740px;
        margin: 0 auto;
    }
}

@media (max-width: 1600px) {
    /* ----- shop banner  ----- */
    /* shop banner 2 */
    .interactive-banner-style-2 .hongo-featurebox-text {
        padding: 50px 40px 50px 20px;
    }
    .interactive-banner-style-2>.hongo-featurebox-text i {
        bottom: 28px;
        right: 20px;
    }
    /* ----- product detail page  ----- */
    /* single product right content */
    .woocommerce .single-product-right-content div.product div.images,
    .woocommerce-page .single-product-right-content div.product div.images,
    .single-product-right-content .hongo-quick-view-product-image {
        width: 65%;
    }
    .woocommerce .single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        width: 32%;
        padding-right: 80px;
    }
    .woocommerce .container-fluid.single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary,
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
        width: 35%;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary {
        width: 35%;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary {
        width: 35%;
    }
    /* single product left content */
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce-page .single-product-left-content div.product div.images,
    .single-product-left-content .hongo-quick-view-product-image {
        width: 65%;
    }
    .woocommerce .single-product-left-content div.product div.summary,
    .woocommerce-page .single-product-left-content div.product div.summary {
        width: 32%;
        padding-left: 80px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary {
        width: 35%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary {
        width: 35%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary {
        width: 35%;
    }
    /* single product modern */
    .woocommerce .single-product-modern div.product .woocommerce-tabs .panel {
        padding-left: 10%;
        padding-right: 10%;
    }
    /* single product extended descriptions */
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part .extended-descriptions-content-wrap {
        width: 90%;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part .extended-descriptions-content-wrap {
        width: 90%;
    }
}

@media (max-width: 1500px) {
    /* box layout */
    .container-fluid-with-padding {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1499px) {
    /* ----- rotate box style  ----- */
    /* rotate box style 3 */
    .rotate-box-style-3 .hongo-rotatebox-content-hover .hongo-rotatebox-content {
        padding: 0 5% 5%;
        width: 100%;
    }
    /* fancy box */
    .fancy-text-box-style-2 {
        padding-right: 53px;
        padding-left: 53px;
    }
    /* ----- Text box style  ----- */
    /* text box style 2 */
    .text-box-style-2 .hongo-textbox-content-hover {
        width: 94%;
    }
    .text-box-style-2 .hongo-featurebox-img {
        margin-bottom: 10px;
    }
    .text-box-style-2 .hongo-textbox-content-hover .hongo-textbox-title {
        margin-bottom: 5px;
    }
    .text-box-style-2 .hongo-textbox-content-hover .hongo-textbox-content {
        width: 90%;
    }
    /* text box style 4 */
    .text-box-style-4 .hongo-textbox-content-middle {
        width: 90%;
    }
    .text-box-style-4 .hongo-textbox-content-hover .hongo-textbox-content {
        width: 90%;
    }
    /* ----- shop banner style  ----- */
    /* shop banner style 1 */
    .hongo-shop-banner-1 .hongo-shop-banner-content {
        width: 200px;
    }
    .hongo-shop-banner-1.left-side-product .hongo-shop-banner-content {
        width: 200px;
    }
    /* shop banner style 4 */
    .hongo-shop-banner-4 {
        padding: 20% 6%;
    }
    .hongo-shop-banner-4.right-side-product .hongo-shop-banner-content {
        width: 145px;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content .shop-banner-title {
        font-size: 38px;
        line-height: 40px;
    }
    /* shop banner style 10 */
    .hongo-shop-banner-10 .shop-banner-content {
        width: 90%;
    }
    .hongo-shop-banner-10 .hongo-shop-banner-content .btn {
        margin-top: 20px;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 2 */
    .interactive-banner-style-2 .hongo-featurebox-text {
        padding: 33px 40px 38px 15px;
    }
    .interactive-banner-style-2>.hongo-featurebox-text i {
        bottom: 15px;
        right: 15px;
    }
    /* ----- info banner style  ----- */
    /* info banner style 3 */
    .info-banner-style-3 .hongo-info-wrapper>div.hongo-info-wrap .hongo-info-content span {
        width: 90%;
    }
    /* ----- special content block style  ----- */
    /* special content block style 2 */
    .special-content-block-2 .block-content {
        padding: 20px 8%;
    }
    .special-content-block-2 .block-content .content-block-title {
        font-size: 18px;
        margin-bottom: 45px;
        line-height: 20px
    }
    .special-content-block-2 .block-content .content-block-title strong {
        font-size: 22px;
    }
    /* ----- swiper slider  ----- */
    /* swiper slider style 6 */
    .hongo-shop-slider-style-6 .bg-text {
        font-size: 180px;
        line-height: 190px;
        letter-spacing: -10px
    }
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap {
        margin-left: 70px;
    }
    /* hamburger menu style */
    .menu-content-inner-wrap {
        width: 70%;
    }
    .hongo-hamburger-menu .hongo-hamburger-menu-widget-wrap {
        width: 80%;
    }
    /* ----- product category  ----- */
    /* product category style 9 */
    .category-style-9 li .category-bottom-text {
        bottom: -25px;
        font-size: 50px;
    }
    /* ----- product detail page  ----- */
    /* default style */
    /* page meta */
    .hongo-product-meta-left {
        width: 58%;
    }
    .hongo-product-meta-right {
        width: 38%;
    }
    /* single product right content */
    .woocommerce .single-product-right-content div.product div.images,
    .woocommerce-page .single-product-right-content div.product div.images,
    .single-product-right-content .hongo-quick-view-product-image {
        width: 61%;
    }
    .woocommerce .single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        padding-right: 50px;
        width: 36%;
    }
    .woocommerce .container-fluid.single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary,
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
        width: 39%;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary {
        width: 39%;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary {
        width: 39%;
    }
    /* single product left content */
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce-page .single-product-left-content div.product div.images,
    .single-product-left-content .hongo-quick-view-product-image {
        width: 61%;
    }
    .woocommerce .single-product-left-content div.product div.summary,
    .woocommerce-page .single-product-left-content div.product div.summary {
        padding-left: 50px;
        width: 36%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary {
        width: 39%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary {
        width: 39%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary {
        width: 39%;
    }
    /* single product sticky */
    .woocommerce .single-product-sticky div.product div.summary,
    .woocommerce-page .single-product-sticky div.product div.summary {
        width: 33%;
    }
    .woocommerce .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap,
    .woocommerce-page .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap {
        width: 12%;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary {
        width: 39%;
    }
    /* single product modern */
    .woocommerce .single-product-modern div.product .inner-wrap-modern {
        padding-left: 4%;
        padding-right: 6%;
    }
    /* single product extended descriptions */
    .woocommerce .extended-descriptions-content-wrap {
        width: 1020px;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap {
        width: 20%;
    }
    .woocommerce .single-product-extended-descriptions div.product .hongo-single-product-image-wrap {
        width: calc(80% - 10px)
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part div.product .summary {
        width: 45%;
        padding: 30px 10px 30px 20px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part div.product .summary {
        width: 45%;
        padding: 30px 10px 30px 20px;
    }
    /* magnific popup */
    .hongo-mfp-bg-white .mfp-content {
        max-width: 95%;
    }
    .hongo-mfp-bg-white.hongo-single-html-video-popup .mfp-content {
        padding: 20px;
    }
    /* ----- blog list  ----- */
    /* blog masonry */
    .hongo-blog-masonry .blog-text {
        padding: 30px 20px 20px;
    }
    /* blog text */
    .hongo-blog-only-text .blog-text {
        padding: 30px;
    }
    .hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment {
        top: 15px;
    }
    /* blog overlay image */
    .hongo-blog-overlay-image .hongo-overlay-image-content-wrap {
        padding: 8%;
    }
    /* ----- tab style  ----- */
    /* tab style style 3 */
    .tab-style3 .nav-tabs li {
        margin: 0 15px;
    }
    /* ----- swiper slider  ----- */
    /* swiper slider style 5 */
    .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap {
        padding: 0 22%
    }
    .hongo-shop-slider-style-5 .hongo-slider-typography-wrap p {
        width: 90%;
    }
}

@media (max-width: 1299px) {
    /* ----- swiper slider  ----- */
    /* swiper slider style 2 */
    .hongo-shop-slider-style-2 .hongo-slider-typography-wrap {
        padding: 0 100px;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 2 */
    .interactive-banner-style-2>.hongo-featurebox-text i {
        bottom: 28px;
        right: 20px;
    }
    .interactive-banner-style-2 .hongo-featurebox-text {
        padding: 15px 45px 55px 15px;
    }
    /* ----- product detail page  ----- */
    /* single product extended descriptions */
    .woocommerce .extended-descriptions-content-wrap {
        width: 990px;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary .product_title {
        font-size: 24px;
        line-height: 26px;
    }
    /* ----- shop banner  ----- */
    /* shop banner sty1e 4 */
    .hongo-shop-banner-14 .shop-banner-wrapper {
        padding: 35px 30px;
        width: 225px;
    }
}

@media (max-width: 1199px) {
    /* section */
    section,
    .default-page-space {
        padding: 90px 0;
    }
    .compose-mode .vc_vc_row section.vc_row {
        padding-top: 90px
    }
    /* display */
    .md-display-table {
        display: table !important
    }
    .md-display-block {
        display: block !important
    }
    .md-display-none {
        display: none !important;
    }
    .md-display-inline-block {
        display: inline-block !important
    }
    /* clear */
    .md-clear-both {
        clear: both
    }
    .md-clear-none {
        clear: none
    }
    /* float */
    .md-float-left {
        float: left
    }
    .md-float-right {
        float: right
    }
    .md-float-none {
        float: none
    }
    /* text align */
    .md-text-left {
        text-align: left
    }
    .md-text-center {
        text-align: center
    }
    .md-text-right {
        text-align: right
    }
    .md-text-justify {
        text-align: justify
    }
    /* width */
    .md-width-auto {
        width: auto !important;
    }
    .md-width-100 {
        width: 100% !important;
    }
    .md-width-95 {
        width: 95% !important;
    }
    .md-width-90 {
        width: 90% !important;
    }
    .md-width-85 {
        width: 85% !important;
    }
    .md-width-80 {
        width: 80% !important;
    }
    .md-width-75 {
        width: 75% !important;
    }
    .md-width-70 {
        width: 70% !important;
    }
    .md-width-65 {
        width: 65% !important;
    }
    .md-width-60 {
        width: 60% !important;
    }
    .md-width-55 {
        width: 55% !important;
    }
    .md-width-50 {
        width: 50% !important;
    }
    .md-width-45 {
        width: 45% !important;
    }
    .md-width-40 {
        width: 40% !important;
    }
    .md-width-35 {
        width: 35% !important;
    }
    .md-width-30 {
        width: 30% !important;
    }
    .md-width-25 {
        width: 25% !important;
    }
    .md-width-20 {
        width: 20% !important;
    }
    .md-width-15 {
        width: 15% !important;
    }
    .md-width-10 {
        width: 10% !important;
    }
    .md-width-1000px {
        width: 1000px !important;
    }
    .md-width-950px {
        width: 950px !important;
    }
    .md-width-900px {
        width: 900px !important;
    }
    .md-width-850px {
        width: 850px !important;
    }
    .md-width-800px {
        width: 800px !important;
    }
    .md-width-750px {
        width: 750px !important;
    }
    .md-width-700px {
        width: 700px !important;
    }
    .md-width-650px {
        width: 650px !important;
    }
    .md-width-600px {
        width: 600px !important;
    }
    .md-width-550px {
        width: 550px !important;
    }
    .md-width-500px {
        width: 500px !important;
    }
    .md-width-450px {
        width: 450px !important;
    }
    .md-width-400px {
        width: 400px !important;
    }
    .md-width-350px {
        width: 350px !important;
    }
    .md-width-300px {
        width: 300px !important;
    }
    .md-width-250px {
        width: 250px !important;
    }
    .md-width-200px {
        width: 200px !important;
    }
    .md-width-180px {
        width: 180px !important;
    }
    .md-width-150px {
        width: 150px !important;
    }
    .md-width-140px {
        width: 140px !important;
    }
    .md-width-130px {
        width: 130px !important;
    }
    .md-width-120px {
        width: 120px !important;
    }
    .md-width-110px {
        width: 110px !important;
    }
    .md-width-100px {
        width: 100px !important;
    }
    .md-width-95px {
        width: 95px !important;
    }
    .md-width-90px {
        width: 90px !important;
    }
    .md-width-85px {
        width: 85px !important;
    }
    .md-width-80px {
        width: 80px !important;
    }
    .md-width-75px {
        width: 75px !important;
    }
    .md-width-70px {
        width: 70px !important;
    }
    .md-width-65px {
        width: 65px !important;
    }
    .md-width-60px {
        width: 60px !important;
    }
    .md-width-55px {
        width: 55px !important;
    }
    .md-width-50px {
        width: 50px !important;
    }
    .md-width-45px {
        width: 45px !important;
    }
    .md-width-40px {
        width: 40px !important;
    }
    .md-width-35px {
        width: 35px !important;
    }
    .md-width-30px {
        width: 30px !important;
    }
    .md-width-25px {
        width: 25px !important;
    }
    .md-width-20px {
        width: 20px !important;
    }
    .md-width-15px {
        width: 15px !important;
    }
    .md-width-10px {
        width: 10px !important;
    }
    /* margin all */
    .md-margin-5px-all {
        margin: 5px !important;
    }
    .md-margin-10px-all {
        margin: 10px !important;
    }
    .md-margin-15px-all {
        margin: 15px !important;
    }
    .md-margin-20px-all {
        margin: 20px !important;
    }
    .md-margin-25px-all {
        margin: 25px !important;
    }
    .md-margin-30px-all {
        margin: 30px !important;
    }
    .md-margin-35px-all {
        margin: 35px !important;
    }
    .md-margin-40px-all {
        margin: 40px !important;
    }
    .md-margin-45px-all {
        margin: 45px !important;
    }
    .md-margin-50px-all {
        margin: 50px !important;
    }
    .md-margin-55px-all {
        margin: 55px !important;
    }
    .md-margin-60px-all {
        margin: 60px !important;
    }
    .md-margin-65px-all {
        margin: 65px !important;
    }
    .md-margin-70px-all {
        margin: 70px !important;
    }
    .md-margin-75px-all {
        margin: 75px !important;
    }
    .md-margin-80px-all {
        margin: 80px !important;
    }
    .md-margin-85px-all {
        margin: 85px !important;
    }
    .md-margin-90px-all {
        margin: 90px !important;
    }
    .md-margin-95px-all {
        margin: 95px !important;
    }
    .md-margin-100px-all {
        margin: 100px !important;
    }
    /* margin top */
    .md-margin-5px-top {
        margin-top: 5px !important;
    }
    .md-margin-10px-top {
        margin-top: 10px !important;
    }
    .md-margin-15px-top {
        margin-top: 15px !important;
    }
    .md-margin-20px-top {
        margin-top: 20px !important;
    }
    .md-margin-25px-top {
        margin-top: 25px !important;
    }
    .md-margin-30px-top {
        margin-top: 30px !important;
    }
    .md-margin-35px-top {
        margin-top: 35px !important;
    }
    .md-margin-40px-top {
        margin-top: 40px !important;
    }
    .md-margin-45px-top {
        margin-top: 45px !important;
    }
    .md-margin-50px-top {
        margin-top: 50px !important;
    }
    .md-margin-55px-top {
        margin-top: 55px !important;
    }
    .md-margin-60px-top {
        margin-top: 60px !important;
    }
    .md-margin-65px-top {
        margin-top: 65px !important;
    }
    .md-margin-70px-top {
        margin-top: 70px !important;
    }
    .md-margin-75px-top {
        margin-top: 75px !important;
    }
    .md-margin-80px-top {
        margin-top: 80px !important;
    }
    .md-margin-85px-top {
        margin-top: 85px !important;
    }
    .md-margin-90px-top {
        margin-top: 90px !important;
    }
    .md-margin-95px-top {
        margin-top: 95px !important;
    }
    .md-margin-100px-top {
        margin-top: 100px !important;
    }
    /* margin bottom */
    .md-margin-5px-bottom {
        margin-bottom: 5px !important;
    }
    .md-margin-10px-bottom {
        margin-bottom: 10px !important;
    }
    .md-margin-15px-bottom {
        margin-bottom: 15px !important;
    }
    .md-margin-20px-bottom {
        margin-bottom: 20px !important;
    }
    .md-margin-25px-bottom {
        margin-bottom: 25px !important;
    }
    .md-margin-30px-bottom {
        margin-bottom: 30px !important;
    }
    .md-margin-35px-bottom {
        margin-bottom: 35px !important;
    }
    .md-margin-40px-bottom {
        margin-bottom: 40px !important;
    }
    .md-margin-45px-bottom {
        margin-bottom: 45px !important;
    }
    .md-margin-50px-bottom {
        margin-bottom: 50px !important;
    }
    .md-margin-55px-bottom {
        margin-bottom: 55px !important;
    }
    .md-margin-60px-bottom {
        margin-bottom: 60px !important;
    }
    .md-margin-65px-bottom {
        margin-bottom: 65px !important;
    }
    .md-margin-70px-bottom {
        margin-bottom: 70px !important;
    }
    .md-margin-75px-bottom {
        margin-bottom: 75px !important;
    }
    .md-margin-80px-bottom {
        margin-bottom: 80px !important;
    }
    .md-margin-85px-bottom {
        margin-bottom: 85px !important;
    }
    .md-margin-90px-bottom {
        margin-bottom: 90px !important;
    }
    .md-margin-95px-bottom {
        margin-bottom: 95px !important;
    }
    .md-margin-100px-bottom {
        margin-bottom: 100px !important;
    }
    /* margin left */
    .md-margin-5px-left {
        margin-left: 5px !important;
    }
    .md-margin-10px-left {
        margin-left: 10px !important;
    }
    .md-margin-15px-left {
        margin-left: 15px !important;
    }
    .md-margin-20px-left {
        margin-left: 20px !important;
    }
    .md-margin-25px-left {
        margin-left: 25px !important;
    }
    .md-margin-30px-left {
        margin-left: 30px !important;
    }
    .md-margin-35px-left {
        margin-left: 35px !important;
    }
    .md-margin-40px-left {
        margin-left: 40px !important;
    }
    .md-margin-45px-left {
        margin-left: 45px !important;
    }
    .md-margin-50px-left {
        margin-left: 50px !important;
    }
    .md-margin-55px-left {
        margin-left: 55px !important;
    }
    .md-margin-60px-left {
        margin-left: 60px !important;
    }
    .md-margin-65px-left {
        margin-left: 65px !important;
    }
    .md-margin-70px-left {
        margin-left: 70px !important;
    }
    .md-margin-75px-left {
        margin-left: 75px !important;
    }
    .md-margin-80px-left {
        margin-left: 80px !important;
    }
    .md-margin-85px-left {
        margin-left: 85px !important;
    }
    .md-margin-90px-left {
        margin-left: 90px !important;
    }
    .md-margin-95px-left {
        margin-left: 95px !important;
    }
    .md-margin-100px-left {
        margin-left: 100px !important;
    }
    /* margin right */
    .md-margin-5px-right {
        margin-right: 5px !important;
    }
    .md-margin-10px-right {
        margin-right: 10px !important;
    }
    .md-margin-15px-right {
        margin-right: 15px !important;
    }
    .md-margin-20px-right {
        margin-right: 20px !important;
    }
    .md-margin-25px-right {
        margin-right: 25px !important;
    }
    .md-margin-30px-right {
        margin-right: 30px !important;
    }
    .md-margin-35px-right {
        margin-right: 35px !important;
    }
    .md-margin-40px-right {
        margin-right: 40px !important;
    }
    .md-margin-45px-right {
        margin-right: 45px !important;
    }
    .md-margin-50px-right {
        margin-right: 50px !important;
    }
    .md-margin-55px-right {
        margin-right: 55px !important;
    }
    .md-margin-60px-right {
        margin-right: 60px !important;
    }
    .md-margin-65px-right {
        margin-right: 65px !important;
    }
    .md-margin-70px-right {
        margin-right: 70px !important;
    }
    .md-margin-75px-right {
        margin-right: 75px !important;
    }
    .md-margin-80px-right {
        margin-right: 80px !important;
    }
    .md-margin-85px-right {
        margin-right: 85px !important;
    }
    .md-margin-90px-right {
        margin-right: 90px !important;
    }
    .md-margin-95px-right {
        margin-right: 95px !important;
    }
    .md-margin-100px-right {
        margin-right: 100px !important;
    }
    /* margin no */
    .md-no-margin {
        margin: 0 !important;
    }
    .md-no-margin-top {
        margin-top: 0 !important;
    }
    .md-no-margin-bottom {
        margin-bottom: 0 !important;
    }
    .md-no-margin-left {
        margin-left: 0 !important;
    }
    .md-no-margin-right {
        margin-right: 0 !important;
    }
    /* section title */
    .heading-style-2 {
        font-size: 45px;
        line-height: 45px;
    }
    /* ----- swiper slider  ----- */
    /* swiper slider style 1 */
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap {
        right: 10%;
        width: 450px;
        padding: 7%;
    }
    .hongo-shop-slider-style-1 .left-content .hongo-slider-typography-wrap {
        left: 10%;
    }
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap .title {
        font-size: 60px;
        line-height: 55px;
        margin-bottom: 25px;
    }
    /* swiper slider style 2 */
    .hongo-shop-slider-style-2 .hongo-slider-typography-wrap {
        padding: 0 80px;
    }
    /* swiper slider style 4 */
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap .title {
        font-size: 54px;
        line-height: 48px;
    }
    /* swiper slider style 5 */
    .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap {
        padding: 0 15%
    }
    .hongo-shop-slider-style-5 .hongo-slider-typography-wrap p {
        width: 95%;
    }
    /* swiper slider style 6 */
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap .title {
        font-size: 44px;
        line-height: 44px;
    }
    .hongo-shop-slider-style-6 .bg-text {
        font-size: 160px;
        line-height: 170px;
        bottom: -57px;
    }
    /* swiper slider style 8 */
    .hongo-shop-slider-style-8 .hongo-slider-text-middle-inner {
        width: 340px;
        padding: 12% 5%
    }
    .hongo-shop-slider-style-8 .hongo-slider-typography-wrap .title {
        font-size: 35px;
        line-height: 34px;
    }
    .hongo-shop-slider-style-8 .hongo-slider-typography-wrap .hongo-separator {
        height: 35px;
        margin-bottom: 20px;
    }
    .hongo-shop-slider-style-8 .swiper-button-next {
        right: 35px;
    }
    .hongo-shop-slider-style-8 .swiper-button-prev {
        left: 35px;
    }
    /* ----- text slider  ----- */
    /* text slider 2 */
    .hongo-text-slider2 .text-slide-number {
        margin-bottom: 15px;
    }
    .hongo-text-slider2 .text-slide-title {
        font-size: 30px;
        line-height: 38px;
    }
    .hongo-text-slider2 .text-slide-number .number-title {
        font-size: 70px;
        line-height: 65px;
    }
    /* ----- metro layout  ----- */
    /* shop grid */
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-middle {
        right: 25px;
        top: 50%;
        width: 150px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-top {
        right: 25px;
        width: 150px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-middle {
        left: 25px;
        width: 150px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details .title,
    .hongo-shop-grid li .hongo-shop-grid-details .title a {
        font-size: 20px;
        line-height: 23px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-bottom {
        padding: 0 50px;
        bottom: 40px;
    }
    /* ----- shop banner  ----- */
    /* shop banner 1 */
    .hongo-shop-banner-1 .hongo-shop-banner-content {
        width: 150px;
    }
    .hongo-shop-banner-1 .hongo-shop-banner-content .shop-banner-title {
        font-size: 35px;
        line-height: 32px;
    }
    .hongo-shop-banner-1 .hongo-shop-banner-content .shop-banner-sub-title {
        margin-bottom: 10px;
    }
    .hongo-shop-banner-1.left-side-product .hongo-shop-banner-content {
        width: 150px;
    }
    /* shop banner 3 */
    .hongo-shop-banner-3 .hongo-shop-banner-img {
        margin: 10px auto 25px;
    }
    .hongo-shop-banner-3:hover .hongo-shop-banner-img {
        margin-bottom: 35px;
    }
    .hongo-shop-banner-3 .hongo-shop-banner-img img {
        width: 70%;
    }
    /* shop banner 4 */
    .hongo-shop-banner-4 {
        padding: 25% 10%;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content {
        width: 100%;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content .shop-banner-title {
        font-size: 30px;
        line-height: 32px;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content .btn-link {
        margin-top: 15px;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content .shop-banner-sub-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    /* shop banner 5 */
    .hongo-shop-banner-5 .shop-banner-title {
        bottom: 40px;
    }
    /* shop banner 6 */
    .hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-title {
        font-size: 30px;
        line-height: 32px;
    }
    .hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-sub-title {
        margin-bottom: 13px;
    }
    .hongo-shop-banner-6 .hongo-shop-banner-content {
        width: 260px;
    }
    /* shop banner 7 */
    .hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-title {
        font-size: 24px;
        line-height: 26px;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-sub-title {
        font-size: 12px;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .btn {
        margin-top: 20px;
    }
    /* shop banner 9 */
    .hongo-shop-banner-9 {
        padding-right: 50px;
    }
    .hongo-shop-banner-9 .hongo-shop-banner-content {
        width: 170px;
        padding: 20px;
    }
    .hongo-shop-banner-9 .hongo-shop-banner-content .shop-banner-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .hongo-shop-banner-9.left-side-product {
        padding-left: 50px;
    }
    /* shop banner 10 */
    .hongo-shop-banner-10 .shop-banner-content {
        width: 60%;
    }
    .hongo-shop-banner-10 .hongo-shop-banner-content .btn {
        margin-top: 25px;
    }
    /* shop banner 11 */
    .hongo-shop-banner-11 .hongo-shop-banner-content {
        padding: 6%;
    }
    /* shop banner 14 */
    .hongo-shop-banner-14 {
        padding: 30px;
    }
    .hongo-shop-banner-14 .shop-banner-wrapper {
        padding: 30px 30px;
        width: 220px;
    }
    /* shop banner 15 */
    .hongo-shop-banner-15 {
        padding: 80px 80px;
    }
    .hongo-shop-banner-15 .shop-banner-wrapper {
        width: 450px;
        padding: 60px 30px;
    }
    .hongo-shop-banner-15 .shop-banner-content {
        padding: 0 7%;
    }
    /* shop banner 16 */
    .hongo-shop-banner-16 {
        padding: 30px;
    }
    .hongo-shop-banner-16 .shop-banner-title {
        font-size: 22px;
        line-height: 24px;
    }
    .hongo-shop-banner-16 .shop-banner-content {
        width: 100%;
    }
    .hongo-shop-banner-16.right-side-product .shop-banner-wrapper {
        width: 66%;
    }
    .hongo-shop-banner-16 .shop-banner-wrapper {
        width: 80%;
    }
    /* shop banner 20 */
    .hongo-shop-banner-20 .hongo-shop-banner-content {
        margin: 32% 30px 30px;
        width: 160px;
    }
    .hongo-shop-banner-20 .hongo-shop-banner-content .shop-banner-title strong {
        font-size: 40px;
    }
    .hongo-shop-banner-20 .hongo-shop-banner-content .shop-banner-title {
        font-size: 24px;
        line-height: 26px;
    }
    /* ----- product banner  ----- */
    /* product banner 3 */
    .hongo-product-banner-3 .hongo-shop-banner-content .shop-banner-title {
        font-size: 34px;
        line-height: 34px;
    }
    /* product banner 5 */
    .hongo-product-banner-5 {
        padding-right: 90px;
    }
    .hongo-product-banner-5 .hongo-shop-banner-content {
        width: 170px;
        padding: 20px;
    }
    .hongo-product-banner-5 .hongo-shop-banner-content .shop-banner-title {
        font-size: 20px;
        line-height: 26px;
    }
    /* product banner 6 */
    .hongo-product-banner-6 .hongo-shop-banner-content .shop-banner-title {
        font-size: 20px;
        line-height: 24px;
    }
    /* ----- info banner style  ----- */
    /* info banner style 1 */
    .info-banner-style-1 .hongo-info-content-box {
        padding: 30px 25px
    }
    /* info banner style 2 */
    .info-banner-style-2 .hongo-info-content-hover {
        padding: 20px;
    }
    .info-banner-style-2 .hongo-info-content-hover .btn {
        margin-top: 15px;
    }
    /* info banner style 3 */
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap {
        padding: 40px 30px;
    }
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .hongo-info-content span {
        width: 100%;
    }
    /* info banner style 4 */
    .info-banner-style-4 .hongo-info-content-box {
        padding: 30px;
    }
    /* info banner style 5 */
    .info-banner-style-5 .text-middle {
        padding: 15%;
    }
    /* ----- text box style  ----- */
    /* text box style 3 */
    .text-box-style-3 .hongo-textbox-content-middle {
        padding: 0 10%;
    }
    /* ----- newsletter  ----- */
    /* newsletter style 3 */
    .hongo-content-newsletter-3 {
        padding: 9% 9%;
    }
    /* newsletter style 5 */
    .sidebar .hongo-content-newsletter-5 .input-group,
    .sidebar .hongo-content-newsletter-5 .form-control {
        width: 100%;
    }
    /* ----- rotate box style  ----- */
    /* rotate box style 2 */
    .rotate-box-style-2 .hongo-rotatebox-wrap {
        padding: 18% 10%;
    }
    /* ----- process-step style  ----- */
    /* process-step style 1 */
    .process-step-style-1 .hongo-process-content {
        width: 90%;
    }
    .process-step-style-1 .number-wrapper {
        margin-bottom: 15px;
    }
    /* process-step style 2 */
    .process-step-style-2 .hongo-process-content {
        display: inline-block;
        width: 85%;
    }
    .process-step-style-2 .hongo-featurebox-img {
        margin-bottom: 20px;
    }
    /* process-step style 3 */
    .process-step-style-3 .hongo-process-content {
        width: 90%;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 1 */
    .interactive-banner-style-1 .hongo-featurebox-hover {
        border-width: 20px;
    }
    .interactive-banner-style-1 .hongo-featurebox-hover .hongo-featurebox-text {
        margin-bottom: 5px;
    }
    .interactive-banner-style-1 .content {
        margin-bottom: 15px;
    }
    /* interactive banner style 2 */
    .interactive-banner-style-2 .hongo-featurebox-text {
        padding: 55px 80px 55px 40px;
    }
    /* interactive banner style 2 */
    .interactive-banner-style-3 .hongo-featurebox-hover .content {
        width: 100%;
    }
    /* ----- info banner style  ----- */
    /* info banner style 5 */
    .info-banner-style-5 .info-banner-wrapper .info-banner-highlight {
        margin-bottom: 20px;
    }
    .info-banner-style-5 .hongo-info-title {
        font-size: 24px;
        line-height: 26px;
    }
    /* info banner style 6 */
    .interactive-banner-style-6 {
        padding: 10px;
    }
    .info-banner-style-6 .hongo-info-wrapper {
        max-width: 320px;
    }
    .info-banner-style-6 .hongo-info-wrapper .hongo-info-title {
        font-size: 22px;
        line-height: 26px;
    }
    /* ----- special content block style  ----- */
    /* special content block style 2 */
    .special-content-block-2 .block-content .content-block-title {
        margin-bottom: 55px;
    }
    .special-content-block-2 .block-content img {
        margin-bottom: 30px;
    }
    /* ----- product category  ----- */
    /* product category style 3 */
    .category-style-3 .category-wrap .hongo-category-title a {
        font-size: 12px
    }
    /* product category style 4 */
    .category-style-4 .category-wrap .hongo-category-title a:after {
        border-color: transparent
    }
    .category-style-4 .category-wrap .hongo-category-title {
        font-size: 12px;
        line-height: 16px
    }
    /* product category style 5 */
    .category-style-5 .category-wrap:hover .hongo-category-title span {
        width: 100%
    }
    .category-style-5 .category-wrap .hongo-category-title {
        padding: 0 15px;
        bottom: 15px;
    }
    .category-style-5 .category-wrap .hongo-category-title span {
        padding: 9px 30px 9px 10px;
    }
    /* product category style 6 */
    .category-style-6 .hongo-category-count {
        padding: 8px 15px 8px
    }
    /* product category style 8 */
    .category-style-8 .category-content .product-count {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        font-size: 11px
    }
    .category-style-8 .category-wrap .category-content {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        padding: 20px 25px 20px;
    }
    .category-style-8 .category-wrap:hover .category-content {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    .category-style-8 .category-content .hongo-category-title,
    .category-style-8 .category-content .hongo-category-title a {
        font-size: 12px;
        line-height: 12px
    }
    /* product category style 9 */
    .category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-top {
        left: 15px;
        top: 15px;
    }
    .category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-bottom {
        left: 15px;
        top: 15px;
    }
    .category-style-9 li .hongo-category-grid-details .shop-category-link:after {
        left: 15px;
        width: calc(100% - 30px);
    }
    .category-style-9 li .hongo-category-grid-details .title a {
        font-size: 14px;
        padding: 4px 15px 4px
    }
    .category-style-9 li .category-bottom-text {
        bottom: -22px;
        font-size: 45px;
        left: 30px;
    }
    /* product category style 10 */
    .category-style-10 li .hongo-category-grid-details .title a {
        padding: 6px 10px 6px;
    }
    .category-style-10 li .hongo-category-grid-details.hongo-category-grid-center-bottom {
        padding: 0 15px;
        bottom: 22px;
    }
    .category-style-10 li .hongo-category-grid-details .title {
        padding: 5px 10px 5px;
        font-size: 11px
    }
    .category-style-10 li .hongo-category-grid-wrap:hover img {
        opacity: 1;
    }
    /* products */
    .sidebar ul.product_list_widget li .right-part-content {
        padding-left: 85px;
    }
    .sidebar .widget_recent_reviews ul.product_list_widget li img {
        margin-right: 20px;
    }
    /* product slider 2 */
    .product-slider-style-2 {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    /* ----- shop menu product slider  ----- */
    .woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap {
        padding: 20px 20px 25px 20px;
    }
    /* filter */
    .hongo-top-shop-filter {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .hongo-woocommerce-top-sidebar {
        padding: 35px
    }
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full,
    .container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full,
    .container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full {
        margin: 0 -30px;
    }
    .container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget,
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget,
    .container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget,
    .container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
        width: 232px;
        padding: 0 30px;
    }
    .container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
        padding-right: 0;
    }
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child,
    .container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
        width: 205px
    }
    /* sidebar */
    .admin-bar .hongo-product-sidebar {
        top: 32px;
    }
    .hongo-product-sidebar {
        display: block !important;
        background-color: #f7f7f7;
        position: fixed;
        top: 0;
        left: -320px;
        z-index: 99991;
        height: 100% !important;
        width: 320px !important;
        padding: 40px 30px 30px 30px !important;
        margin: 0 !important;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .hongo-product-common-sidebar-left.active {
        left: 0;
    }
    .hongo-product-common-sidebar-right {
        left: auto;
        right: -320px;
    }
    .hongo-product-common-sidebar-right.active {
        right: 0;
    }
    body.hongo-left-sidebar-wrap,
    body.hongo-right-sidebar-wrap {
        overflow: hidden;
    }
    body.hongo-left-sidebar-wrap .hongo-product-common-sidebar-left-overlay,
    body.hongo-right-sidebar-wrap .hongo-product-common-sidebar-right-overlay {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(56, 55, 55, .9);
        opacity: 1;
        visibility: visible;
        left: 0;
        top: 0;
        z-index: 9999;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .hongo-product-sidebar .sidebar-close {
        color: #fff;
        font-size: 13px;
        line-height: normal;
        padding: 8px 13px;
        background-color: #232323;
        display: inline-block;
        position: absolute;
        z-index: 999;
        right: 0;
        top: 0;
        text-decoration: none;
    }
    .hongo-product-sidebar.hongo-product-common-sidebar-right .sidebar-close {
        right: auto;
        left: 0;
    }
    .sidebar .widget {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .hongo-product-sidebar .mCSB_container {
        padding-right: 20px;
        margin: 0;
    }
    .hongo-product-sidebar .hongo-product-common-sidebar-left-wrap,
    .hongo-product-sidebar .hongo-product-common-sidebar-right-wrap {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        left: 0;
    }
    .hongo-product-sidebar .hongo-product-common-sidebar-left-wrap.mCS_no_scrollbar .mCSB_container,
    .hongo-product-sidebar .hongo-product-common-sidebar-right-wrap.mCS_no_scrollbar .mCSB_container {
        padding-right: 0;
    }
    .hongo-product-sidebar>div {
        text-align: left;
        width: 100%;
        height: 100%;
    }
    .hongo-left-common-sidebar-link,
    .hongo-right-common-sidebar-link {
        text-transform: uppercase;
        margin-top: 0;
        cursor: pointer;
        border: 1px solid #232323;
        font-weight: 500;
        color: #232323;
        font-size: 11px;
        padding: 7px 18px 7px 14px;
        line-height: 18px;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }
    .hongo-left-common-sidebar-link,
    .hongo-right-common-sidebar-link,
    .sidebar-close {
        display: inline-block !important;
    }
    .hongo-left-common-sidebar-link {
        float: left;
        margin-right: 15px;
    }
    .hongo-right-common-sidebar-link {
        float: right;
        margin-left: 15px;
    }
    .hongo-left-common-sidebar-link i,
    .hongo-right-common-sidebar-link i {
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
    }
    .hongo-shop-sidebar-link-wrap {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .hongo-shop-sidebar-link-wrap .hongo-left-common-sidebar-link {
        float: left;
    }
    .hongo-shop-sidebar-link-wrap .hongo-right-common-sidebar-link {
        float: right;
    }
    .hongo-sidebar-btn-wrap {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
    .hongo-left-common-sidebar-link~.woocommerce-info,
    .hongo-right-common-sidebar-link~.woocommerce-info {
        clear: both;
        margin-top: 45px;
    }
    /* ----- woocommerce listing  ----- */
    .pagination {
        margin: 50px 0 0 0;
    }
    .hongo-column-switch {
        display: none;
    }
    .tagcloud a {
        margin: 0 2px 8px 0
    }
    .hongo-alternate-image.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        display: none !important
    }
    .hongo-content-right-part {
        padding-left: 15px;
    }
    .hongo-content-left-part {
        padding-right: 15px;
    }
    /* sorting */
    .woocommerce .woocommerce-ordering .select2-container,
    .woocommerce-page .woocommerce-ordering .select2-container {
        width: auto !important;
        min-width: 200px;
    }
    /* products column */
    .woocommerce ul.products.hongo-shop-col-5 li.product,
    .woocommerce ul.products.hongo-shop-col-5 li,
    .woocommerce-page ul.products.hongo-shop-col-5 li.product {
        width: 25%;
        clear: none;
    }
    .woocommerce ul.hongo-shop-col-5.products[class*=columns-] li.product:nth-child(5n+1),
    .woocommerce-page ul.hongo-shop-col-5.products[class*=columns-] li.product:nth-child(5n+1) {
        clear: both;
    }
    .woocommerce ul.products.hongo-shop-col-6 li.product,
    .woocommerce ul.products.hongo-shop-col-6 li,
    .woocommerce-page ul.products.hongo-shop-col-6 li.product {
        width: 25%;
        clear: none;
    }
    .woocommerce ul.hongo-shop-col-6.products[class*=columns-] li.product:nth-child(5n+1),
    .woocommerce-page ul.hongo-shop-col-6.products[class*=columns-] li.product:nth-child(5n+1) {
        clear: both;
    }
    .woocommerce ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(5n+1),
    .woocommerce-page ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(5n+1) {
        clear: none
    }
    .woocommerce ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1),
    .woocommerce-page ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1) {
        clear: both
    }
    .woocommerce ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(5n+1),
    .woocommerce-page ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(5n+1) {
        clear: none
    }
    .woocommerce ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1),
    .woocommerce-page ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1) {
        clear: both
    }
    /* modern products column */
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product {
        width: 33.333333%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-5 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-5 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-5 li.product.grid-item-double {
        width: 66.66666667%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product.grid-item-double {
        width: 66.66666667%;
    }
    /* default style */
    .content-area {
        clear: both;
    }
    .woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap,
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap,
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap,
    .woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap,
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 100%;
        width: 100%;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a,
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a,
    .woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a,
    .woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a,
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
        opacity: 1;
    }
    .woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-standard li.product .hongo-compare,
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap a.hongo-compare,
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.hongo-compare {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap {
        margin-bottom: 20px;
        border: 1px solid #e7e7e7;
        border-top: 0;
        border-right: 0;
    }
    /* product timer */
    .woocommerce ul.products.hongo-shop-flat li.product .hongo-product-deal-wrap,
    .container ul.products.hongo-shop-flat.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-flat.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container ul.products.hongo-shop-flat.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-metro li.product .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-metro.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container ul.products.hongo-shop-metro.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-modern li.product .hongo-product-deal-wrap,
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-modern.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container ul.products.hongo-shop-modern.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .container ul.products.hongo-shop-modern.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        bottom: auto;
        top: 15px;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .hongo-product-deal-wrap {
        position: static;
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-metro li.product:hover .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-flat li.product:hover .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-modern li.product:hover .hongo-product-deal-wrap {
        top: 15px !important;
        bottom: auto !important;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .hongo-product-deal-wrap {
        top: auto;
        bottom: 50px;
    }
    .woocommerce ul.products.hongo-shop-clean li.product:hover .hongo-product-deal-wrap {
        bottom: 50px !important;
        top: auto !important;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-thumb-wrap .hongo-product-deal-wrap {
        bottom: 15px;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product:hover .product-thumb-wrap .hongo-product-deal-wrap {
        bottom: 15px !important;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap:hover .hongo-product-deal-wrap {
        bottom: 15px !important;
        opacity: 1;
    }
    .woocommerce ul.products li.product .hongo-product-deal-wrap>span {
        min-height: 54px;
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:before,
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.hongo-wishlist:before {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap {
        border: 1px solid #e7e7e7;
        border-right: 0;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-thumb-wrap,
    .woocommerce ul.products.hongo-shop-metro li.product .product-thumb-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 10px;
    }
    .woocommerce ul.products li.product .hongo-alternate-image.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        display: none !important;
    }
    .woocommerce ul.products li.product .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        display: block !important
    }
    .woocommerce ul.products li.product .product-thumb-wrap .product-thumb-inner {
        position: relative;
        margin-bottom: 25px;
    }
    .woocommerce ul.products li.product .product-buttons-wrap a .tooltip,
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a .tooltip {
        display: none !important;
    }
    .woocommerce div.product .summary a.hongo-compare {
        display: none;
    }
    .woocommerce div.product .hongo-single-product-360-button+.tooltip {
        display: none !important;
    }
    .hongo-shop-content-part .pagination {
        margin-bottom: 0;
    }
    /* shop default style */
    .woocommerce ul.products li.product .hongo-product-deal-wrap {
        bottom: 50px;
    }
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        bottom: 50px;
    }
    .woocommerce ul.products li.product:hover .hongo-product-deal-wrap {
        bottom: 50px !important;
        opacity: 1;
    }
    .woocommerce ul.products.hongo-shop-classic li.product .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-modern li.product .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-standard li.product .hongo-product-deal-wrap,
    .woocommerce ul.products li.product .hongo-product-deal-wrap {
        -webkit-transition-duration: 0.5s !important;
        -moz-transition-duration: 0.5s !important;
        -ms-transition-duration: 0.5s !important;
        -o-transition-duration: 0.5s !important;
        transition-duration: 0.5s !important;
    }
    /* product listing slider */
    .woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-next,
    .woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-prev {
        opacity: 1;
    }
    /* shop classic style */
    .woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a {
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
    .woocommerce ul.products.hongo-shop-classic li.product:hover .product-buttons-wrap a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /* shop minimalist style */
    .woocommerce ul.products.hongo-shop-minimalist li.product .hongo-product-deal-wrap,
    .woocommerce ul.products.hongo-shop-minimalist.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        bottom: 10px;
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product:hover .hongo-product-deal-wrap {
        bottom: 10px !important;
    }
    .woocommerce .container-fluid-with-padding ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container-fluid ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .woocommerce .container ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap,
    .container ul.products.hongo-shop-col-4 li.product .hongo-product-deal-wrap {
        left: 10px;
        top: auto;
        width: calc(100% - 20px);
    }
    /* shop flat style */
    .woocommerce ul.products.hongo-shop-flat li.product:hover a img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-overlay {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap,
    .woocommerce ul.products.hongo-shop-flat li.product .product-title-price-wrap {
        position: static;
        opacity: 1;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.hongo-compare {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .woocommerce ul.products.hongo-shop-flat.hongo-shop-col-4 li.product .product-title-price-wrap {
        padding: 0 5px;
    }
    .woocommerce ul.products.hongo-shop-flat li.product:hover .product-buttons-wrap {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a.hongo-wishlist {
        border-right: 0;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a:last-child {
        border-right: 1px solid #e7e7e7;
    }
    .woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap {
        left: 0;
        top: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
    /* shop box style */
    .woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a.hongo-compare {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product:hover .product-summary-wrapper {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button,
    .woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: relative;
        left: 0
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap {
        padding: 0;
        width: auto;
        top: 4px;
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product .product-summary-wrapper {
        padding-bottom: 25px;
    }
    .woocommerce ul.products.hongo-shop-minimalist.hongo-shop-col-4 li.product .product-summary-wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }
    .woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a,
    .woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button {
        visibility: visible;
        opacity: 1
    }
    /* shop clean style */
    .woocommerce ul.products.hongo-shop-clean li.product .product-price-rating-wrap,
    .woocommerce ul.products.hongo-shop-clean li.product .product-title-category-wrap {
        position: static;
        opacity: 1;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a {
        opacity: 1;
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    .woocommerce ul.products.hongo-shop-clean li.product .star-rating {
        opacity: 1;
        margin-bottom: 6px
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-thumb-wrap {
        padding-bottom: 15px;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-overlay {
        display: none;
    }
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .price del,
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-3 li.product .price del {
        display: inline-block;
    }
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .price>span,
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-3 li.product .price>span {
        line-height: none;
    }
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .product-title-category-wrap {
        padding: 0;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .price {
        font-size: 13px;
        color: #808080
    }
    .woocommerce ul.products.hongo-shop-clean li.product .price .woocommerce-Price-currencySymbol {
        top: 0;
        font-size: 13px
    }
    .woocommerce ul.products.hongo-shop-clean li.product .price del {
        margin-right: 5px;
    }
    .woocommerce ul.products.hongo-shop-clean li.product:hover .product-title-category-wrap .woocommerce-loop-product__title {
        color: #232323;
    }
    .woocommerce ul.products.hongo-shop-clean li.product:hover .price {
        color: #808080;
    }
    .woocommerce ul.products.hongo-shop-clean:hover>li .product-thumb-wrap {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .woocommerce ul.products.hongo-shop-clean:hover>li:hover .product-thumb-wrap {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .woocommerce ul.products.hongo-shop-clean li.product:hover .product-title-category-wrap .woocommerce-loop-product__title {
        border-color: transparent
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap {
        margin: 0;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a {
        border-radius: 0;
        margin: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        background-color: #1b1b1b;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:last-child {
        border-right: 0;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-thumb-wrap .product-thumb-inner {
        margin-bottom: 20px;
    }
    /* shop masonry style */
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a {
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        border-right: 1px solid #e7e7e7 !important;
        margin: 0 !important;
        border-radius: 0;
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-overlay {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-thumb-wrap {
        margin-bottom: 20px;
        border-radius: 0;
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a {
        height: 40px
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a.button i {
        line-height: 40px;
    }
    .woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap .tooltip {
        display: none !important;
    }
    /* shop metro style */
    .woocommerce ul.products.hongo-shop-metro li.product .product-bottom-wrap {
        position: static;
        min-height: inherit;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap {
        opacity: 1;
        margin-top: 0;
        right: 0;
        bottom: 0;
    }
    .woocommerce ul.products.hongo-shop-metro li.product a img {
        vertical-align: top;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-thumb-wrap .product-thumb-inner {
        margin-bottom: 0;
        overflow: hidden;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-bottom-wrap {
        padding-bottom: 0;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-bottom-wrap .button {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-metro li.product:hover .price {
        opacity: 1;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .hongo-overlay {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-thumb-wrap {
        padding-bottom: 0;
    }
    .woocommerce ul.products.hongo-shop-metro.gutter-none li.product .product-thumb-wrap {
        padding-bottom: 30px;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a {
        background: #fff;
        color: #818181;
        border: 0;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:first-child {
        border: 0;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.added_to_cart {
        background: #000;
        color: #fff;
        margin-left: 0px;
        float: right;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:last-child {
        border: 0;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:last-child:before {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:before {
        position: absolute;
        right: 0px;
        bottom: 12px;
        content: "";
        width: 1px;
        height: 20px;
        background-color: #e4e4e4;
        -webkit-transition-duration: 03s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        opacity: 1;
        z-index: 91;
        display: block;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:hover:before {
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.add_to_cart_button,
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.hongo-loop-product-button {
        display: inline-block;
        border: 0;
        background: #232323;
        color: #fff
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.add_to_cart_button.added {
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
        min-height: 0;
        min-width: 0;
        line-height: 0;
        float: left;
        display: none;
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap {
        left: auto;
        top: auto;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
    .woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.hongo-loop-product-button {
        display: inline-block;
    }
    /* shop modern style */
    .woocommerce ul.products.hongo-shop-modern li.product .product-thumb-wrap {
        padding-bottom: 10px;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-title-price-wrap {
        position: static;
        width: 100%;
        text-align: center;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-bottom-wrap {
        text-align: center;
        display: none;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-bottom-wrap .button {
        position: static;
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a {
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    .woocommerce ul.products.hongo-shop-modern li.product .price {
        margin-bottom: 0;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.add_to_cart_button {
        display: inline-block;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.hongo-loop-product-button {
        display: block;
        float: right;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.add_to_cart_button.added {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.loading:before {
        left: 0;
    }
    .woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:hover:before {
        opacity: 1;
    }
    /* shop standard style */
    .woocommerce ul.products.hongo-shop-standard li.product .hongo-compare,
    .woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist,
    .woocommerce ul.products.hongo-shop-standard li.product:hover .hongo-wishlist {
        right: 17px;
    }
    .woocommerce ul.products.hongo-shop-standard li.product:hover .hongo-compare {
        right: 0;
    }
    .woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:hover i {
        top: 0;
    }
    .woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:hover span {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a.loading:before {
        left: 2px;
        top: 1px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }
    /* shop simple style */
    .woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-wishlist,
    .woocommerce ul.products.hongo-shop-simple li.product:hover .product-title-price-wrap .hongo-wishlist {
        right: 2px;
    }
    .woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-compare {
        display: none;
    }
    .woocommerce ul.products.hongo-shop-simple li.product:hover .hongo-price-button-wrap .price,
    .woocommerce ul.products.hongo-shop-simple li.product .hongo-price-button-wrap .button {
        margin-left: 0;
    }
    .woocommerce ul.products.hongo-shop-simple li.product .hongo-price-button-wrap .button {
        position: relative;
    }
    .woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap {
        margin-bottom: 20px;
        padding-bottom: 5px;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap {
        border-right: 1px solid #e2e2e2;
    }
    .woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap {
        position: static;
        border: 1px solid #e4e4e4;
        padding-top: 7px;
    }
    .woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap a {
        margin-top: 0;
        padding: 0px 0px 7px;
        position: static;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    /* shop grid */
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-top {
        left: 40px;
        top: 40px;
    }
    /* ----- product detail page  ----- */
    /* default style */
    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .hongo-quick-view-product-image {
        width: 45%;
    }
    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 48%;
    }
    .woocommerce div.product .flex-viewport {
        margin-bottom: 20px;
    }
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        margin-bottom: 70px;
    }
    .top-space.hongo-single-product-main-wrap {
        padding-top: 40px;
    }
    .container-fluid.single-product-default div.product div.images.woocommerce-product-gallery {
        padding-left: 30px;
    }
    .container-fluid.single-product-default div.product div.summary,
    .woocommerce-page .container-fluid.single-product-default div.product div.summary {
        padding-right: 30px;
    }
    .woocommerce .container-fluid.single-product-default div.product .woocommerce-tabs {
        padding-left: 30px;
        padding-right: 30px;
    }
    .container-fluid.single-product-default .woocommerce-notices-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce div.product .woocommerce-product-rating .tooltip {
        display: none !important
    }
    .woocommerce .container .hongo-content-center-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 15px;
    }
    .woocommerce .container-fluid.single-product-default .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-default .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    .woocommerce .container.single-product-default .hongo-content-center-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-default .hongo-content-left-part,
    .woocommerce-page .container-fluid-with-padding.single-product-default .hongo-content-left-part {
        padding-right: 15px;
    }
    .quick-view-popup-wrap .mfp-content div.product .quick-view-gallery {
        margin-right: 5%;
    }
    .quick-view-popup-wrap div.product div.summary {
        width: 48%;
    }
    /* single product right content */
    /* product timer */
    .woocommerce .single-product-right-content div.product div.summary .related.products ul.products li.product .hongo-product-deal-wrap {
        bottom: 45px;
    }
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-classic.hongo-shop-col-3 li.product .product-buttons-wrap .tooltip,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-classic.hongo-shop-col-3 li.product .product-buttons-wrap .tooltip {
        display: none !important
    }
    .woocommerce .container .hongo-content-right-part ul.products.hongo-shop-flat.hongo-shop-col-3 li.product .product-buttons-wrap .tooltip,
    .woocommerce .container .hongo-content-left-part ul.products.hongo-shop-flat.hongo-shop-col-3 li.product .product-buttons-wrap .tooltip {
        display: none !important
    }
    .woocommerce .single-product-right-content div.product div.images,
    .woocommerce-page .single-product-right-content div.product div.images,
    .single-product-right-content .hongo-quick-view-product-image {
        padding-left: 30px;
        width: 58%;
    }
    .woocommerce .single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        padding-right: 30px;
        width: 40%
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary {
        padding-left: 15px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-right-part .hongo-quick-view-product-image {
        padding-left: 15px;
    }
    .woocommerce .container-fluid.single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary,
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
        width: 42%;
        padding-left: 10px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary {
        width: 42%;
        padding-left: 10px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        padding-left: 30px;
    }
    .container-fluid.single-product-right-content .woocommerce-notices-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-right-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-right-content .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    .woocommerce.container-fluid-with-padding.single-product-right-content .hongo-content-left-part,
    .woocommerce-page .container-fluid-with-padding.single-product-right-content .hongo-content-left-part {
        padding-right: 15px
    }
    /* single product left content */
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce-page .single-product-left-content div.product div.images,
    .single-product-left-content .hongo-quick-view-product-image {
        padding-left: 30px;
        padding-right: 30px;
        width: 58%;
    }
    .woocommerce .single-product-left-content div.product div.summary,
    .woocommerce-page .single-product-left-content div.product div.summary {
        padding-left: 30px;
        width: 40%
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-right-part .hongo-quick-view-product-image {
        padding-left: 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary {
        width: 42%;
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-left-part .hongo-quick-view-product-image {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary {
        width: 42%;
        padding-right: 15px;
    }
    .woocommerce .container.single-product-left-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container.single-product-left-content .hongo-content-center-part div.product div.images,
    .container.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
        padding-left: 0;
    }
    .woocommerce .container.single-product-left-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container.single-product-left-content .hongo-content-left-part div.product div.summary {
        width: 42%;
    }
    .woocommerce .container.single-product-left-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container.single-product-left-content .hongo-content-right-part div.product div.summary {
        width: 42%;
    }
    .woocommerce .single-product-left-content .woocommerce-product-gallery__image,
    .woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
        width: calc(50% - 20px);
    }
    .container-fluid.single-product-left-content .woocommerce-notices-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce .single-product-left-content .related.products,
    .woocommerce .single-product-left-content .upsells.products {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .woocommerce .container-fluid-with-padding.single-product-left-content .hongo-content-left-part,
    .woocommerce-page .container-fluid-with-padding.single-product-left-content .hongo-content-left-part,
    .woocommerce .container.single-product-left-content .hongo-content-left-part,
    .woocommerce-page .container.single-product-left-content .hongo-content-left-part,
    .woocommerce .container.single-product-default .hongo-content-left-part,
    .woocommerce-page .container.single-product-default .hongo-content-left-part {
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-left-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-left-content .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    /* single product carousel */
    .woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-left-content {
        padding-right: 20px;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-right-content {
        padding-left: 20px;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-left-content {
        padding-right: 20px;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-right-content {
        padding-left: 20px;
    }
    .woocommerce .container.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-left-content {
        padding-right: 20px;
    }
    .woocommerce .container.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-right-content {
        padding-left: 20px;
    }
    .woocommerce .container.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-left-content {
        padding-right: 20px;
    }
    .woocommerce .container.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-right-content {
        padding-left: 20px;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev,
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
        width: 50px;
        height: 50px;
        line-height: 55px;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev i,
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next i {
        font-size: 14px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
        margin-right: -52px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev {
        margin-left: -52px !important;
    }
    .woocommerce .single-product-carousel div.product .summary {
        padding: 80px 0;
    }
    /* single product sticky */
    .woocommerce .single-product-sticky .hongo-sticky-content-images-wrap {
        padding: 0 30px;
    }
    .woocommerce .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap,
    .woocommerce-page .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap {
        width: 15%;
        display: none;
    }
    .woocommerce .single-product-sticky div.product div.summary,
    .woocommerce-page .single-product-sticky div.product div.summary {
        width: 45%;
        margin-bottom: 0;
    }
    .woocommerce .single-product-sticky div.product div.images,
    .woocommerce-page .single-product-sticky div.product div.images {
        width: 50%;
    }
    .woocommerce .container.single-product-sticky div.product div.summary,
    .woocommerce-page .container.single-product-sticky div.product div.summary {
        width: 45%;
    }
    .woocommerce .single-product-sticky div.images .woocommerce-product-gallery__image {
        margin-bottom: 0;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-left-part .hongo-sticky-content-images-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.images,
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary {
        padding: 0;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.images {
        margin-right: 0;
        width: 58%;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary {
        width: 42%;
        padding-left: 30px;
    }
    .woocommerce .container.single-product-sticky .hongo-content-center-part div.product div.images,
    .woocommerce-page .container.single-product-sticky .hongo-content-center-part div.product div.images {
        width: 100%;
    }
    .woocommerce .container.single-product-sticky .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container.single-product-sticky .hongo-content-center-part div.product div.summary {
        width: 100%;
    }
    .container-fluid.single-product-sticky .woocommerce-notices-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce .container-fluid-with-padding.single-product-sticky .hongo-content-left-part {
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    .woocommerce .container-fluid-with-padding.single-product-sticky .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-sticky .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-right-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-content-right-part .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-left-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-content-left-part .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    /* single product modern */
    .woocommerce .container-fluid-with-padding.single-product-modern {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .single-product-modern div.product .woocommerce-tabs .panel {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .single-product-modern div.product .inner-wrap-modern {
        padding-right: 50px;
        padding-left: 50px;
    }
    .woocommerce .single-product-modern div.product div.summary,
    .woocommerce-page .single-product-modern div.product div.summary {
        width: 46%;
        padding-left: 4%;
        max-width: 46%;
    }
    .woocommerce .single-product-modern div.product div.images,
    .woocommerce-page .single-product-modern div.product div.images {
        width: 54%;
        max-width: 54%;
    }
    .woocommerce .single-product-modern div.product .product_title {
        font-size: 26px;
        line-height: 28px;
    }
    .woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .swiper-button-next,
    .woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .swiper-button-prev {
        opacity: 1;
        visibility: visible;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-right-part div.product .inner-wrap-modern {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-modern .hongo-content-right-part div.product div.summary {
        width: 100%;
        padding-left: 2%;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-left-part div.product .inner-wrap-modern {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-modern .hongo-content-left-part div.product div.summary {
        padding-left: 2%;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-modern .hongo-content-center-part div.product div.images {
        width: 100%;
        max-width: 100%;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-modern .hongo-content-center-part div.product div.summary {
        max-width: 100%;
        padding-left: 0;
    }
    .woocommerce .container.single-product-modern .hongo-content-right-part div.product div.images,
    .woocommerce-page .container.single-product-modern .hongo-content-right-part div.product div.images {
        max-width: 100%;
        width: 100%;
    }
    .woocommerce .container.single-product-modern .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container.single-product-modern .hongo-content-right-part div.product div.summary {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
    }
    .woocommerce .container.single-product-modern .hongo-content-left-part div.product div.images,
    .woocommerce-page .container.single-product-modern .hongo-content-left-part div.product div.images {
        max-width: 100%;
        width: 100%;
    }
    .woocommerce .container.single-product-modern .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container.single-product-modern .hongo-content-left-part div.product div.summary {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
    }
    .woocommerce .single-product-modern div.product form.cart div.quantity {
        margin-right: 10px !important;
    }
    .woocommerce .single-product-modern div.product .inner-wrap-modern {
        padding-top: 160px;
    }
    /* single product extended descriptions */
    .woocommerce .container-fluid-with-padding.single-product-extended-descriptions {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .extended-descriptions-content-wrap,
    .woocommerce .container .extended-descriptions-content-wrap {
        width: 100%;
        margin-right: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary {
        padding: 0 40px 0 65px;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
        opacity: 1 !important;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part div.product .products-social-icon {
        margin-right: 15px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part .extended-descriptions-content-wrap {
        margin-right: 0;
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part div.product .summary {
        padding-left: 65px;
        padding-right: 40px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part div.product .products-social-icon {
        margin-right: 15px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part .extended-descriptions-content-wrap {
        margin-right: 0;
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part div.product .summary {
        padding-left: 65px;
        padding-right: 40px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product div.images.woocommerce-product-gallery {
        width: 100%;
        padding-left: 0;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product .extended-product-typography-content-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-sidebar-btn-wrap {
        padding: 0;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product .summary {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product .products-social-icon {
        margin-right: 20px;
    }
    .container-fluid.single-product-extended-descriptions .woocommerce-notices-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce .single-product-extended-descriptions div.product .hongo-extended-descriptions-content-images-wrap {
        background-image: none !important;
    }
    .woocommerce .single-product-extended-descriptions div.product .extended-product-typography-content-area {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .extended-product-typography-wrap {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images.woocommerce-product-gallery {
        padding-left: 40px;
    }
    .woocommerce .single-product-extended-descriptions div.product .products-social-icon {
        position: relative;
        width: auto;
        margin: 21px 0 0 0;
        float: right;
        padding: 0;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .woocommerce .single-product-extended-descriptions div.product .products-social-icon ul li {
        display: inline-block;
        margin: 0;
        padding-left: 8px;
        padding-right: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .products-social-icon ul li:first-child {
        padding-left: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .products-social-icon ul li a {
        font-size: 11px;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary .woocommerce-product-rating {
        margin-bottom: 15px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part .extended-descriptions-content-wrap {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-extended-descriptions .hongo-content-center-part .both-sidebar-wrap div.product div.summary {
        padding-right: 40px;
    }
    .woocommerce .container-fluid-with-padding.single-product-extended-descriptions .hongo-content-center-part div.product .summary {
        padding-right: 40px;
    }
    .woocommerce .single-product-extended-descriptions .hongo-sidebar-btn-wrap {
        margin-top: 40px;
    }
    .woocommerce .single-product-extended-descriptions .hongo-sidebar-btn-wrap {
        padding: 0 40px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part div.product div.images {
        margin-bottom: 0;
    }
    .woocommerce .container-fluid-with-padding.single-product-extended-descriptions .hongo-content-left-part {
        padding-right: 15px;
    }
    /* single product classic */
    .woocommerce .container-fluid.single-product-classic div.product div.images,
    .woocommerce-page .container-fluid.single-product-classic div.product div.images,
    .container-fluid.single-product-classic .hongo-quick-view-product-image {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce .container-fluid.single-product-classic div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic div.product div.summary {
        padding-right: 30px;
    }
    .woocommerce .container-fluid.single-product-classic .woocommerce-tabs {
        padding: 0 30px
    }
    .woocommerce .container-fluid.single-product-classic div.product .upsells.products {
        padding: 0 30px
    }
    .woocommerce .container-fluid.single-product-classic div.product .related.products {
        padding: 0 30px
    }
    .woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .swiper-button-next,
    .single-product-classic div.product div.images.woocommerce-product-gallery .swiper-button-prev {
        opacity: 1;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-left-part div.product div.summary,
    .woocommerce .container-fluid.single-product-classic .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-right-part div.product div.summary,
    .woocommerce .container-fluid.single-product-classic .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part div.product div.summary {
        padding-left: 0;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part div.product div.images,
    .single-product-classic .hongo-content-center-part.hongo-quick-view-product-image,
    .woocommerce .container-fluid.single-product-classic .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part div.product div.summary {
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }
    .woocommerce .container-fluid .hongo-content-center-part div.product div.images,
    .woocommerce .container-fluid.hongo-content-center-part div.product div.summary {
        margin-bottom: 40px;
    }
    .woocommerce .container.single-product-classic .hongo-content-left-part div.product div.images,
    .woocommerce-page .container.single-product-classic .hongo-content-left-part div.product div.images,
    .container.single-product-classic .hongo-content-left-part .hongo-quick-view-product-image,
    .woocommerce .container.single-product-classic .hongo-content-right-part div.product div.images,
    .woocommerce-page .container.single-product-classic .hongo-content-right-part div.product div.images,
    .container.single-product-classic .hongo-content-right-part .hongo-quick-view-product-image {
        padding-right: 30px;
    }
    .woocommerce .container.single-product-classic .hongo-content-center-part div.product div.images,
    .woocommerce-page .container.single-product-classic .hongo-content-center-part div.product div.images {
        padding: 0;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container.single-product-classic .hongo-content-left-part div.product div.summary,
    .woocommerce .container.single-product-classic .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container.single-product-classic .hongo-content-right-part div.product div.summary,
    .woocommerce .container.single-product-classic .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container.single-product-classic .hongo-content-center-part div.product div.summary {
        padding-left: 0;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-center-part div.product .summary {
        flex-direction: column;
        padding: 15px 0 50px;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-center-part div.product .summary .hongo-summary-left-content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
        border: none;
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-center-part div.product .summary .hongo-summary-right-content {
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }
    .container-fluid.single-product-classic .woocommerce-notices-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .woocommerce .single-product-classic div.product div.images,
    .woocommerce .single-product-classic div.product div.summary {
        margin-bottom: 70px;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-right-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-right-part .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-center-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-left-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-left-part .hongo-sidebar-btn-wrap {
        padding: 0 30px;
    }
    /* single product thumb slider */
    .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-next,
    .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-prev {
        opacity: 1;
        visibility: visible;
    }
    /* classic product */
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger+.tooltip,
    .woocommerce div.product .hongo-single-product-video+.tooltip {
        display: none !important;
    }
    /* ----- blog detail listing  ----- */
    /* sidebar blog detail */
    .hongo-sidebar-style-2.sidebar .widget {
        padding: 25px;
    }
    /* blog masonry */
    .hongo-blog-masonry .blog-text {
        padding: 30px 25px 25px;
    }
    .hongo-blog-masonry .hongo-no-image.blog-post .blog-image {
        padding-left: 25px;
        padding-right: 25px;
    }
    /* blog clean */
    .hongo-blog-clean .entry-title {
        width: 90%;
    }
    /* blog modern */
    .hongo-blog-modern .blog-text .hongo-blog-modern-wrap {
        padding: 8% 6% 7%;
    }
    .hongo-blog-modern .blog-text .hongo-blog-modern-meta-wrap {
        padding: 9px 5px 9px;
    }
    /* blog side image */
    .hongo-blog-side-image .blog-text {
        padding-left: 15px;
    }
    /* blog text */
    .hongo-blog-only-text .blog-text {
        padding: 25px;
    }
    .hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment {
        right: 20px;
    }
    /* blog overlay image */
    .hongo-blog-overlay-image .hongo-overlay-image-content-wrap {
        padding: 10%;
    }
    .hongo-blog-overlay-image .blog-post:hover .hongo-overlay-image-content-wrap {
        padding-bottom: 0;
        padding-top: 20%;
    }
    .hongo-blog-styles .blog-date-author .blog-separator {
        margin: 0 8px;
    }
    .hongo-blog-overlay-image .blog-date-author img {
        width: 25px;
        margin-right: 8px;
    }
    /* blog image */
    .hongo-blog-image .hongo-blog-post-category {
        padding: 20px;
    }
    .hongo-blog-image .blog-like-comment {
        top: 20px;
    }
    .hongo-blog-image .content-wrap {
        padding: 20px;
    }
    .hongo-blog-image .entry-title {
        margin-bottom: 8px;
    }
    .hongo-blog-image .entry-content {
        margin-bottom: 0;
    }
    /* blog standard style */
    .hongo-blog-standard .content .hongo-blog-post-meta-wrap>.hongo-blog-post-meta {
        padding: 10px 10px;
    }
    /* col grid item */
    .hongo-6col li {
        width: 20%;
    }
    /* comment box */
    .blog-comment li .comment-image-box img {
        max-width: 75px;
    }
    .blog-comment li ul.children {
        margin-left: 90px;
    }
    /* ----- testimonial slider style  ----- */
    /* testimonial slider style 1 */
    .testimonial-slider-style-1 .testimonial-content-wrap .testimonial-content-box {
        padding: 25px 25px;
    }
    /* testimonial slider style 2 */
    .testimonial-slider-style-2 .testimonial-content-wrap {
        padding: 35px 25px;
    }
    /* testimonial slider style 3 */
    .testimonial-slider-style-3 .testimonial-content-wrap {
        padding: 45px 55px;
    }
    /* ----- icon with text style  ----- */
    /* icon with text style 5 */
    .icon-text-style-5 {
        padding: 14% 8%;
    }
    /* ----- fancy text box style  ----- */
    /* fancy text box style 2 */
    .fancy-text-box-style-2:hover:before {
        width: 86%;
    }
    /* fancy text box style 3 */
    .fancy-text-box-style-3 .content-hover {
        width: 85%;
    }
    /* fancy text box style 6 */
    .fancy-text-box-style-6 {
        padding: 10% 10%;
    }
    /* page title style 5 */
    .page-title-style-5 .hongo-main-title {
        width: 65%;
        font-size: 45px;
        line-height: 48px;
    }
    /* page title style 6 */
    .page-title-style-6 .hongo-main-title {
        width: 40%;
    }
    /* page title style 7 */
    .page-title-style-7 .hongo-main-title {
        width: 60%;
    }
    /* page title style 8 */
    .page-title-style-8 .hongo-main-title {
        width: 60%;
    }
    /* footer */
    .footer-default-wrapper .footer-sidebar .widget_hongo_custom_text_widget {
        width: 91%;
    }
    .latest-post.hongo-latest-blog-widget li .hongo-latest-blog-widget a.latest-blog-title {
        width: 100%
    }
    footer .latest-post.hongo-latest-blog-widget li figure {
        width: 53px;
        margin-right: 15px;
    }
    /* ----- team style  ----- */
    /* team style 1 */
    .team-style-1 figure {
        cursor: pointer;
    }
    /* team style 3 */
    .team-style-3 figure {
        cursor: pointer;
    }
    /* ----- cart and account pages  ----- */
    /* cart page */
    .checkout-sidebar {
        padding: 30px;
    }
    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        padding-left: 8px;
        padding-right: 8px;
    }
    .checkout-content-left {
        padding-right: 40px
    }
    .woocommerce ul#shipping_method li input {
        margin: 5px 7px 0 0;
    }
    #add_payment_method #payment ul.payment_methods li input,
    .woocommerce-cart #payment ul.payment_methods li input,
    .woocommerce-checkout #payment ul.payment_methods li input {
        margin-right: 8px;
    }
    /* checkout page */
    .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal input[type="radio"] {
        margin-top: 13px;
    }
    #add_payment_method #payment ul.payment_methods li img,
    .woocommerce-cart #payment ul.payment_methods li img,
    .woocommerce-checkout #payment ul.payment_methods li img {
        margin: 0 .5em 0;
        display: inline-block;
        width: auto;
        max-width: 115px;
    }
    .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
        line-height: 40px;
    }
    /* login, register, reset password  */
    .woocommerce form.login,
    .woocommerce form.register {
        padding: 35px;
    }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
        width: 27%;
    }
    .woocommerce-column--billing-address,
    .woocommerce-column--shipping-address,
    .woocommerce-account .woocommerce-Address {
        padding: 25px;
    }
    .woocommerce-account .woocommerce .woocommerce-table--order-details tfoot tr th,
    .woocommerce-order-details table.shop_table tfoot tr th {
        padding-left: 40% !important;
    }
    /* my account */
    .woocommerce-account .woocommerce table.my_account_orders tr td.woocommerce-orders-table__cell-order-actions {
        max-width: 160px
    }
    /* ----- Product slider  ----- */
    /* product slider 2 */
    .product-slider-style-2 .swiper-slide .shop-buttons-wrap {
        bottom: 15px;
    }
    .product-slider-style-2 .swiper-slide .shop-buttons-wrap a {
        opacity: 1;
        width: 28px;
        height: 28px;
        line-height: 28px;
        border: 0 solid transparent;
        background-color: transparent;
    }
    .product-slider-style-2 .swiper-slide .shop-buttons-wrap a:last-child {
        border-right: 0 solid transparent;
    }
    .product-slider-style-2 .swiper-slide .shop-buttons-wrap a.button i {
        line-height: 28px;
    }
    .product-slider-style-2 .product-bottom-wrap {
        min-height: 1px;
    }
    .product-slider-style-2 .product-thumb-wrap .price {
        font-size: 15px;
    }
    .product-slider-style-2 .product-bottom-wrap {
        padding-bottom: 50px;
    }
    /* landing page footer */
    .hongo-section-product-featurebox-2 {
        padding-left: 60px;
    }
    .hongo-section-product-featurebox-2 .content {
        width: 88%;
    }
}

@media (max-width: 1050px) {
    /* background image */
    .parallax,
    .vc_parallax {
        background-attachment: inherit !important;
        background-position: center center !important;
    }
    .hongo-main-title-wrap.parallax,
    .hongo-main-title-wrap.vc_parallax {
        background-attachment: inherit !important;
        background-position: center top !important;
    }
}

@media (max-width: 1024px) {
    /* footer sticky */
    .footer-sticky {
        position: relative;
        z-index: 0;
    }
    .hongo-contain-footer-sticky .hongo-main-content-wrap {
        z-index: inherit;
    }
    /* fix background */
    .fix-background {
        background-attachment: inherit;
    }
    /* counter style 1 */
    .counter-style1 {
        cursor: pointer;
    }
    /* text box style 1 */
    .text-box-style-1 {
        cursor: pointer;
    }
    /* text box style 2 */
    .text-box-style-2 {
        cursor: pointer;
    }
    /* text box style 3 */
    .text-box-style-3 {
        cursor: pointer;
    }
    /* text box style 4 */
    .text-box-style-4 {
        cursor: pointer;
    }
    /* icon with text style 2 */
    .fancy-text-box-style-2 {
        cursor: pointer;
    }
    /* icon with text style 3 */
    .fancy-text-box-style-3 {
        cursor: pointer;
    }
    /* icon with text style 4 */
    .fancy-text-box-style-4 {
        cursor: pointer;
    }
    /* icon with text style 5 */
    .fancy-text-box-style-5 {
        cursor: pointer;
    }
    /* interactive banner style 1 */
    .interactive-banner-style-1 {
        cursor: pointer;
    }
    /* interactive banner style 2 */
    .interactive-banner-style-2 {
        cursor: pointer;
    }
    /* interactive banner style 3 */
    .interactive-banner-style-3 {
        cursor: pointer;
    }
    /* interactive banner style 4 */
    .interactive-banner-style-4 {
        cursor: pointer;
    }
    /* interactive banner style 6 */
    .interactive-banner-style-6 {
        cursor: pointer;
    }
    /* info banner style 1 */
    .info-banner-style-2 {
        cursor: pointer;
    }
    /* shop banner style 5 */
    .hongo-shop-banner-5 {
        cursor: pointer;
    }
    /* rotate box style */
    .rotate-box-style-1 {
        cursor: pointer;
    }
    .rotate-box-style-2 {
        cursor: pointer;
    }
    .rotate-box-style-3 {
        cursor: pointer;
    }
    /* process step style */
    .process-step-style-1 {
        cursor: pointer;
    }
    .process-step-style-2 {
        cursor: pointer;
    }
    .process-step-style-3 {
        cursor: pointer;
    }
    /* youtube video hide */
    .vc_row .vc_video-bg {
        display: none;
    }
    /* magnific popup */
    .pswp--open .pswp__container {
        -webkit-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        transition-duration: 0s !important;
    }
}

@media (max-width: 991px) {
    /* col height */
    .one-fifth-screen {
        height: 500px;
    }
    .one-fourth-screen {
        height: 450px;
    }
    .one-third-screen {
        height: 400px;
    }
    .one-second-screen {
        height: 350px;
    }
    .hongo-main-title-wrap .one-fifth-screen {
        height: 280px;
    }
    .hongo-main-title-wrap .one-fourth-screen {
        height: 280px;
    }
    .hongo-main-title-wrap .one-third-screen {
        height: 280px;
    }
    .hongo-main-title-wrap .one-second-screen {
        height: 280px;
    }
    .hongo-main-title-wrap .small-screen {
        height: 280px;
    }
    body {
        line-height: 22px;
    }
    /* section */
    section,
    .default-page-space {
        padding: 80px 0;
    }
    .compose-mode .vc_vc_row section.vc_row {
        padding-top: 80px
    }
    .sm-equalize-auto>[class*='col-'] {
        height: auto !important;
    }
    /* display */
    .sm-display-table {
        display: table !important
    }
    .sm-display-block {
        display: block !important
    }
    .sm-display-none {
        display: none !important;
    }
    .sm-display-inline-block {
        display: inline-block !important
    }
    /* clear */
    .sm-clear-both {
        clear: both
    }
    .sm-clear-none {
        clear: none
    }
    /* float */
    .sm-float-left {
        float: left
    }
    .sm-float-right {
        float: right
    }
    .sm-float-none {
        float: none
    }
    /* text align */
    .sm-text-left {
        text-align: left
    }
    .sm-text-center {
        text-align: center
    }
    .sm-text-right {
        text-align: right
    }
    .sm-text-justify {
        text-align: justify
    }
    /* width */
    .sm-width-auto {
        width: auto !important;
    }
    .sm-width-100 {
        width: 100% !important;
    }
    .sm-width-95 {
        width: 95% !important;
    }
    .sm-width-90 {
        width: 90% !important;
    }
    .sm-width-85 {
        width: 85% !important;
    }
    .sm-width-80 {
        width: 80% !important;
    }
    .sm-width-75 {
        width: 75% !important;
    }
    .sm-width-70 {
        width: 70% !important;
    }
    .sm-width-65 {
        width: 65% !important;
    }
    .sm-width-60 {
        width: 60% !important;
    }
    .sm-width-55 {
        width: 55% !important;
    }
    .sm-width-50 {
        width: 50% !important;
    }
    .sm-width-45 {
        width: 45% !important;
    }
    .sm-width-40 {
        width: 40% !important;
    }
    .sm-width-35 {
        width: 35% !important;
    }
    .sm-width-30 {
        width: 30% !important;
    }
    .sm-width-25 {
        width: 25% !important;
    }
    .sm-width-20 {
        width: 20% !important;
    }
    .sm-width-15 {
        width: 15% !important;
    }
    .sm-width-10 {
        width: 10% !important;
    }
    .sm-width-1000px {
        width: 1000px !important;
    }
    .sm-width-950px {
        width: 950px !important;
    }
    .sm-width-900px {
        width: 900px !important;
    }
    .sm-width-850px {
        width: 850px !important;
    }
    .sm-width-800px {
        width: 800px !important;
    }
    .sm-width-750px {
        width: 750px !important;
    }
    .sm-width-700px {
        width: 700px !important;
    }
    .sm-width-650px {
        width: 650px !important;
    }
    .sm-width-600px {
        width: 600px !important;
    }
    .sm-width-550px {
        width: 550px !important;
    }
    .sm-width-500px {
        width: 500px !important;
    }
    .sm-width-450px {
        width: 450px !important;
    }
    .sm-width-400px {
        width: 400px !important;
    }
    .sm-width-350px {
        width: 350px !important;
    }
    .sm-width-300px {
        width: 300px !important;
    }
    .sm-width-250px {
        width: 250px !important;
    }
    .sm-width-200px {
        width: 200px !important;
    }
    .sm-width-180px {
        width: 180px !important;
    }
    .sm-width-150px {
        width: 150px !important;
    }
    .sm-width-140px {
        width: 140px !important;
    }
    .sm-width-130px {
        width: 130px !important;
    }
    .sm-width-120px {
        width: 120px !important;
    }
    .sm-width-110px {
        width: 110px !important;
    }
    .sm-width-100px {
        width: 100px !important;
    }
    .sm-width-95px {
        width: 95px !important;
    }
    .sm-width-90px {
        width: 90px !important;
    }
    .sm-width-85px {
        width: 85px !important;
    }
    .sm-width-80px {
        width: 80px !important;
    }
    .sm-width-75px {
        width: 75px !important;
    }
    .sm-width-70px {
        width: 70px !important;
    }
    .sm-width-65px {
        width: 65px !important;
    }
    .sm-width-60px {
        width: 60px !important;
    }
    .sm-width-55px {
        width: 55px !important;
    }
    .sm-width-50px {
        width: 50px !important;
    }
    .sm-width-45px {
        width: 45px !important;
    }
    .sm-width-40px {
        width: 40px !important;
    }
    .sm-width-35px {
        width: 35px !important;
    }
    .sm-width-30px {
        width: 30px !important;
    }
    .sm-width-25px {
        width: 25px !important;
    }
    .sm-width-20px {
        width: 20px !important;
    }
    .sm-width-15px {
        width: 15px !important;
    }
    .sm-width-10px {
        width: 10px !important;
    }
    /* margin all */
    .sm-margin-5px-all {
        margin: 5px !important;
    }
    .sm-margin-10px-all {
        margin: 10px !important;
    }
    .sm-margin-15px-all {
        margin: 15px !important;
    }
    .sm-margin-20px-all {
        margin: 20px !important;
    }
    .sm-margin-25px-all {
        margin: 25px !important;
    }
    .sm-margin-30px-all {
        margin: 30px !important;
    }
    .sm-margin-35px-all {
        margin: 35px !important;
    }
    .sm-margin-40px-all {
        margin: 40px !important;
    }
    .sm-margin-45px-all {
        margin: 45px !important;
    }
    .sm-margin-50px-all {
        margin: 50px !important;
    }
    .sm-margin-55px-all {
        margin: 55px !important;
    }
    .sm-margin-60px-all {
        margin: 60px !important;
    }
    .sm-margin-65px-all {
        margin: 65px !important;
    }
    .sm-margin-70px-all {
        margin: 70px !important;
    }
    .sm-margin-75px-all {
        margin: 75px !important;
    }
    .sm-margin-80px-all {
        margin: 80px !important;
    }
    .sm-margin-85px-all {
        margin: 85px !important;
    }
    .sm-margin-90px-all {
        margin: 90px !important;
    }
    .sm-margin-95px-all {
        margin: 95px !important;
    }
    .sm-margin-100px-all {
        margin: 100px !important;
    }
    /* margin top */
    .sm-margin-5px-top {
        margin-top: 5px !important;
    }
    .sm-margin-10px-top {
        margin-top: 10px !important;
    }
    .sm-margin-15px-top {
        margin-top: 15px !important;
    }
    .sm-margin-20px-top {
        margin-top: 20px !important;
    }
    .sm-margin-25px-top {
        margin-top: 25px !important;
    }
    .sm-margin-30px-top {
        margin-top: 30px !important;
    }
    .sm-margin-35px-top {
        margin-top: 35px !important;
    }
    .sm-margin-40px-top {
        margin-top: 40px !important;
    }
    .sm-margin-45px-top {
        margin-top: 45px !important;
    }
    .sm-margin-50px-top {
        margin-top: 50px !important;
    }
    .sm-margin-55px-top {
        margin-top: 55px !important;
    }
    .sm-margin-60px-top {
        margin-top: 60px !important;
    }
    .sm-margin-65px-top {
        margin-top: 65px !important;
    }
    .sm-margin-70px-top {
        margin-top: 70px !important;
    }
    .sm-margin-75px-top {
        margin-top: 75px !important;
    }
    .sm-margin-80px-top {
        margin-top: 80px !important;
    }
    .sm-margin-85px-top {
        margin-top: 85px !important;
    }
    .sm-margin-90px-top {
        margin-top: 90px !important;
    }
    .sm-margin-95px-top {
        margin-top: 95px !important;
    }
    .sm-margin-100px-top {
        margin-top: 100px !important;
    }
    /* margin bottom */
    .sm-margin-5px-bottom {
        margin-bottom: 5px !important;
    }
    .sm-margin-10px-bottom {
        margin-bottom: 10px !important;
    }
    .sm-margin-15px-bottom {
        margin-bottom: 15px !important;
    }
    .sm-margin-20px-bottom {
        margin-bottom: 20px !important;
    }
    .sm-margin-25px-bottom {
        margin-bottom: 25px !important;
    }
    .sm-margin-30px-bottom {
        margin-bottom: 30px !important;
    }
    .sm-margin-35px-bottom {
        margin-bottom: 35px !important;
    }
    .sm-margin-40px-bottom {
        margin-bottom: 40px !important;
    }
    .sm-margin-45px-bottom {
        margin-bottom: 45px !important;
    }
    .sm-margin-50px-bottom {
        margin-bottom: 50px !important;
    }
    .sm-margin-55px-bottom {
        margin-bottom: 55px !important;
    }
    .sm-margin-60px-bottom {
        margin-bottom: 60px !important;
    }
    .sm-margin-65px-bottom {
        margin-bottom: 65px !important;
    }
    .sm-margin-70px-bottom {
        margin-bottom: 70px !important;
    }
    .sm-margin-75px-bottom {
        margin-bottom: 75px !important;
    }
    .sm-margin-80px-bottom {
        margin-bottom: 80px !important;
    }
    .sm-margin-85px-bottom {
        margin-bottom: 85px !important;
    }
    .sm-margin-90px-bottom {
        margin-bottom: 90px !important;
    }
    .sm-margin-95px-bottom {
        margin-bottom: 95px !important;
    }
    .sm-margin-100px-bottom {
        margin-bottom: 100px !important;
    }
    /* margin left */
    .sm-margin-5px-left {
        margin-left: 5px !important;
    }
    .sm-margin-10px-left {
        margin-left: 10px !important;
    }
    .sm-margin-15px-left {
        margin-left: 15px !important;
    }
    .sm-margin-20px-left {
        margin-left: 20px !important;
    }
    .sm-margin-25px-left {
        margin-left: 25px !important;
    }
    .sm-margin-30px-left {
        margin-left: 30px !important;
    }
    .sm-margin-35px-left {
        margin-left: 35px !important;
    }
    .sm-margin-40px-left {
        margin-left: 40px !important;
    }
    .sm-margin-45px-left {
        margin-left: 45px !important;
    }
    .sm-margin-50px-left {
        margin-left: 50px !important;
    }
    .sm-margin-55px-left {
        margin-left: 55px !important;
    }
    .sm-margin-60px-left {
        margin-left: 60px !important;
    }
    .sm-margin-65px-left {
        margin-left: 65px !important;
    }
    .sm-margin-70px-left {
        margin-left: 70px !important;
    }
    .sm-margin-75px-left {
        margin-left: 75px !important;
    }
    .sm-margin-80px-left {
        margin-left: 80px !important;
    }
    .sm-margin-85px-left {
        margin-left: 85px !important;
    }
    .sm-margin-90px-left {
        margin-left: 90px !important;
    }
    .sm-margin-95px-left {
        margin-left: 95px !important;
    }
    .sm-margin-100px-left {
        margin-left: 100px !important;
    }
    /* margin right */
    .sm-margin-5px-right {
        margin-right: 5px !important;
    }
    .sm-margin-10px-right {
        margin-right: 10px !important;
    }
    .sm-margin-15px-right {
        margin-right: 15px !important;
    }
    .sm-margin-20px-right {
        margin-right: 20px !important;
    }
    .sm-margin-25px-right {
        margin-right: 25px !important;
    }
    .sm-margin-30px-right {
        margin-right: 30px !important;
    }
    .sm-margin-35px-right {
        margin-right: 35px !important;
    }
    .sm-margin-40px-right {
        margin-right: 40px !important;
    }
    .sm-margin-45px-right {
        margin-right: 45px !important;
    }
    .sm-margin-50px-right {
        margin-right: 50px !important;
    }
    .sm-margin-55px-right {
        margin-right: 55px !important;
    }
    .sm-margin-60px-right {
        margin-right: 60px !important;
    }
    .sm-margin-65px-right {
        margin-right: 65px !important;
    }
    .sm-margin-70px-right {
        margin-right: 70px !important;
    }
    .sm-margin-75px-right {
        margin-right: 75px !important;
    }
    .sm-margin-80px-right {
        margin-right: 80px !important;
    }
    .sm-margin-85px-right {
        margin-right: 85px !important;
    }
    .sm-margin-90px-right {
        margin-right: 90px !important;
    }
    .sm-margin-95px-right {
        margin-right: 95px !important;
    }
    .sm-margin-100px-right {
        margin-right: 100px !important;
    }
    /* margin no */
    .sm-no-margin {
        margin: 0 !important;
    }
    .sm-no-margin-top {
        margin-top: 0 !important;
    }
    .sm-no-margin-bottom {
        margin-bottom: 0 !important;
    }
    .sm-no-margin-left {
        margin-left: 0 !important;
    }
    .sm-no-margin-right {
        margin-right: 0 !important;
    }
    /* icon */
    .icon-medium {
        font-size: 18px
    }
    .icon-extra-medium {
        font-size: 26px
    }
    .icon-large {
        font-size: 34px
    }
    .icon-extra-large {
        font-size: 40px
    }
    /* height */
    .sm-height-450px {
        height: 450px;
    }
    /* col grid item */
    .work-3col li {
        width: 50%;
    }
    .work-4col li {
        width: 50%;
    }
    .hongo-6col li {
        width: 33.33%
    }
    .hongo-4col li {
        width: 50%;
    }
    .work-6col li {
        width: 25%;
    }
    .work-6col li.grid-item-double {
        width: 50%;
    }
    .work-4col li.grid-item-double {
        width: 100%;
    }
    /* gutter type */
    .gutter-large {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .gutter-large li {
        padding: 15px !important;
    }
    .gutter-extra-large {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .gutter-extra-large li {
        padding: 15px !important;
    }
    /* section title */
    .heading-style-2 {
        font-size: 36px;
        line-height: 40px;
    }
    .heading-style-3 {
        font-size: 22px;
        line-height: 28px;
    }
    /* hamburger menu style */
    .hongo-hamburger-menu .h-image {
        display: none !important
    }
    .hongo-hamburger-menu .h-menu {
        width: 100% !important;
    }
    .menu-content-inner-wrap {
        width: 80%;
    }
    /* icon with title */
    .popup-icon-title {
        margin: 25px 20px;
    }
    /* col nth */
    .col-3-nth .col-md-4:nth-child(3n+1) {
        clear: none;
    }
    .col-3-nth .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
    /* swiper text top */
    .pagination-bottom-space,
    .woocommerce-cart .cross-sells .swiper-container.pagination-bottom-space {
        padding-bottom: 40px
    }
    /* instagram feed */
    .hongo-instagram-feed-wrap .pagination-bottom-space~.instagram-title {
        margin-top: -20px
    }
    /* ----- swiper slider  ----- */
    /* swiper slider style 1 */
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap {
        width: 330px;
    }
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap .title {
        font-size: 45px;
        line-height: 40px;
        margin-bottom: 15px
    }
    /* swiper slider style 2 */
    .hongo-shop-slider-style-2 .hongo-slider-typography-wrap {
        padding: 0 60px;
    }
    .hongo-shop-slider-style-2 .hongo-slider-typography-wrap .title {
        font-size: 60px;
        line-height: 55px;
    }
    /* swiper slider style 3 */
    .hongo-shop-slider-style-3 .hongo-slider-typography-wrap .title {
        font-size: 65px;
        line-height: 55px;
    }
    /* swiper slider style 4 */
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap .title {
        font-size: 48px;
        letter-spacing: -1px;
    }
    .hongo-shop-slider-style-4 .hongo-slider-text-middle .hongo-slider-text-wrap {
        width: 270px;
    }
    .hongo-shop-slider-style-4 .hongo-swiper-numeric {
        right: 15px;
    }
    .hongo-shop-slider-style-4 .swiper-button-next,
    .hongo-shop-slider-style-4 .swiper-button-prev {
        right: 15px;
    }
    /* swiper slider style 5 */
    .hongo-shop-slider-style-5 .hongo-slider-typography-wrap .title {
        font-size: 44px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    /* swiper slider style 6 */
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap .title {
        font-size: 40px;
        line-height: 40px;
    }
    .hongo-shop-slider-style-6 .bg-text {
        font-size: 130px;
        line-height: 140px;
        bottom: -47px;
        letter-spacing: -8px
    }
    .hongo-shop-slider-style-6 .price {
        font-size: 18px;
        line-height: 28px;
    }
    .hongo-shop-slider-style-6 .hongo-followus-wrap {
        left: 15px;
    }
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap {
        margin-left: 0;
        padding: 0 20px 0 70px;
    }
    /* swiper slider style 8 */
    .hongo-shop-slider-style-8 .hongo-slider-text-middle-main {
        width: 100%
    }
    .hongo-shop-slider-style-8 .hongo-slider-text-middle-inner {
        padding: 9% 3%
    }
    /* number pagination */
    .swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets {
        width: 100%;
        height: auto;
        top: auto;
        right: 0;
        bottom: 10px !important;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet {
        display: inline-block;
        margin: 0 10px;
    }
    /* swiper pagination */
    .swiper-container-vertical .swiper-pagination {
        right: 0;
        bottom: 0 !important;
        left: 0;
        top: inherit;
        text-align: center;
        padding-bottom: 10px;
    }
    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
        display: inline-block;
    }
    /* ----- brand style  ----- */
    /* brand style 2 */
    .product-brand-style-2 {
        padding: 25px;
    }
    /* brand style 3 */
    .product-brand-style-3 {
        padding: 25% 15px;
    }
    /* ----- newsletter  ----- */
    /* newsletter style 1 */
    .hongo-content-newsletter-1 form {
        margin: 20px auto 0;
    }
    /* newsletter style 2 */
    .hongo-content-newsletter-2 .newsletter-title,
    .hongo-content-newsletter-1 .newsletter-title,
    .hongo-content-newsletter-3 .newsletter-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    /* newsletter style 3 */
    .hongo-content-newsletter-3 {
        padding: 8% 8%;
    }
    /* newsletter style 5 */
    .hongo-content-newsletter-5 .input-group-btn {
        float: right
    }
    .sidebar .hongo-content-newsletter-5 .input-group,
    .sidebar .hongo-content-newsletter-5 .form-control {
        width: 100%;
    }
    /* ----- call to action style  ----- */
    /* call to action style 1 */
    .call-to-action-style-1 .call-to-action-title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    /* call to action style 2 */
    .call-to-action-style-2 .call-to-action-title {
        font-size: 28px;
        line-height: 38px;
    }
    /* call to action style 4 */
    .call-to-action-style-4 .call-to-action-title {
        font-size: 18px;
        line-height: 24px;
    }
    /* call to action style 5 */
    .call-to-action-style-5 .call-to-action-title {
        line-height: 20px;
    }
    /* call to action style 6 */
    .call-to-action-style-6 .call-to-action-title {
        line-height: 32px;
    }
    .call-to-action-style-6 .call-to-action-content {
        margin-bottom: 30px;
    }
    /* call to action style 7 */
    .call-to-action-style-7 .call-to-action-title {
        line-height: 34px;
    }
    /* ----- counter style  ----- */
    /* counter style 2 */
    .counter-style2 {
        cursor: pointer;
    }
    /* ----- tab style  ----- */
    /* tab style style 1 */
    .tab-style1 .tab-content {
        padding: 50px 0 0;
    }
    /* tab style style 2 */
    .tab-style2 .tab-content {
        padding: 0 0 0 30px
    }
    /* tab style style 3 */
    .tab-style3 .tab-content {
        padding: 50px 0 0;
    }
    .tab-style3 .nav-tabs li {
        margin: 0 15px;
    }
    /* filter tab */
    .hongo-blog-filter-wrap {
        margin-bottom: 50px;
    }
    /* ----- accordion menu style  ----- */
    /* accordion menu style 1 */
    .accordion-style-1 .panel-body {
        padding: 22px 70px 25px 30px
    }
    /* ----- testimonial slider style  ----- */
    /* testimonial style 3 */
    .testimonial-slider-style-3 .swiper-button-prev {
        left: 10px;
    }
    .testimonial-slider-style-3 .swiper-button-next {
        right: 10px;
    }
    /* both sidebar */
    .both-sidebar-wrap .both-content-center,
    .both-sidebar-wrap .hongo-layout-both-sidebar {
        margin-bottom: 50px;
    }
    /* ----- fancy text box style  ----- */
    /* fancy text box style 2 */
    .fancy-text-box-style-2 {
        padding-right: 60px;
        padding-left: 60px;
    }
    .fancy-text-box-style-2:hover:before {
        width: 92%;
        padding: 16% 20% 16%;
        left: 4%;
    }
    /* popup video */
    .hongo-popup-video {
        max-width: 100%;
    }
    .hongo-popup-contact-form {
        padding: 30px;
    }
    /* ----- rotate box style  ----- */
    /* rotate box style 1 */
    .rotate-box-style-1 {
        cursor: pointer;
    }
    .rotate-box-style-1 .hongo-rotatebox-wrap .hongo-rotatebox-title {
        bottom: 30px;
    }
    .rotate-box-style-1 .hongo-rotatebox-title,
    .rotate-box-style-1 .hongo-rotatebox-title a {
        font-size: 13px;
    }
    .rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-title,
    .rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-title a {
        margin: 20px 0 4px;
    }
    .rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-content {
        padding: 0 10px;
    }
    /* rotate box style 2 */
    .rotate-box-style-2 .hongo-rotatebox-wrap {
        padding: 35px 25px;
    }
    /* rotate box style 3 */
    .rotate-box-style-3 .hongo-rotatebox-content-hover .hongo-rotatebox-content {
        width: 100%;
        padding: 0 5% 7%;
    }
    .rotate-box-style-3 .hongo-rotatebox-title,
    .rotate-box-style-3 .hongo-rotatebox-title a {
        font-size: 13px;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 1 */
    .interactive-banner-style-1 .hongo-featurebox-hover {
        border-width: 30px;
    }
    /* interactive banner style 2 */
    .interactive-banner-style-2 .hongo-featurebox-text {
        padding: 55px 80px 55px 30px;
    }
    /* interactive banner style 3 */
    .interactive-banner-style-3 .hongo-featurebox-hover .content {
        width: 90%;
        margin-bottom: 15px;
    }
    .interactive-banner-style-3 .hongo-featurebox-hover .hongo-featurebox-text {
        margin-bottom: 5px;
    }
    /* interactive banner style 4 */
    .interactive-banner-style-4 .hongo-featurebox-hover .content {
        width: 90%;
    }
    /* ----- info banner style  ----- */
    /* info banner style 1 */
    .info-banner-style-1 .hongo-info-content-box {
        padding: 20px;
    }
    .info-banner-style-1 .hongo-info-content-box .hongo-info-title {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .info-banner-style-1 .hongo-info-content-box .btn {
        margin-top: 20px;
    }
    /* info banner style 1 */
    .info-banner-style-2 .hongo-info-content-hover {
        padding: 30px;
    }
    /* info banner style 3 */
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap {
        padding: 60px;
        width: 50%;
    }
    .info-banner-style-3,
    .info-banner-style-3 .hongo-info-wrapper {
        width: 100%;
        display: table;
    }
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-image,
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-wrap {
        height: 100%;
        display: table-cell;
        width: 50%;
    }
    .info-banner-style-3 .hongo-info-wrapper {
        height: 100%;
        display: table;
    }
    @-moz-document url-prefix() {
        .info-banner-style-3 .hongo-info-wrapper .hongo-info-image,
        .info-banner-style-3 .hongo-info-wrapper .hongo-info-wrap {
            height: 400px;
            display: table;
            width: 50%;
        }
        .info-banner-style-3 .hongo-info-wrapper>div,
        .hongo-info-image {
            width: 50%;
            height: auto;
            float: left;
        }
    }
    /* info banner style 6 */
    .interactive-banner-style-6 {
        cursor: pointer;
    }
    .info-banner-style-6 .hongo-info-wrapper .hongo-info-title {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    .info-banner-style-6 .hongo-info-wrapper {
        max-width: 250px;
    }
    /* ----- process-step style  ----- */
    /* process-step style 1 */
    .process-step-style-1 .number-wrapper {
        margin-bottom: 15px;
    }
    .process-step-style-1 .hongo-process-content,
    .process-step-style-2 .hongo-process-content,
    .process-step-style-3 .hongo-process-content {
        width: 90%;
    }
    /* process-step style 2 */
    .process-step-style-2 .hongo-featurebox-img {
        margin-bottom: 15px;
    }
    .process-step-style-2 .hongo-featurebox-img span {
        width: 110px;
        height: 110px;
    }
    /* process-step style 3 */
    .process-step-style-3 .number-wrapper {
        margin-bottom: 20px;
    }
    /* ----- special content block style  ----- */
    /* special content block style 2 */
    .special-content-block-2 .block-content .content-block-title {
        margin-bottom: 45px;
    }
    .special-content-block-2 .block-content img {
        margin-bottom: 24px;
    }
    /* ----- shop banner  ----- */
    /* shop banner 1 */
    .hongo-shop-banner-1 {
        padding: 12% 0;
    }
    .hongo-shop-banner-1.center-side-product .hongo-shop-banner-content {
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
    }
    /* shop banner 3 */
    .hongo-shop-banner-3 .hongo-shop-banner-img img {
        width: 75%;
    }
    /* shop banner 4 */
    .hongo-shop-banner-4 {
        padding: 20% 10%;
    }
    .hongo-shop-banner-4.center-side-product .hongo-shop-banner-content {
        width: auto;
    }
    .hongo-shop-banner-4.right-side-product .hongo-shop-banner-content {
        width: 150px;
    }
    .hongo-shop-banner-4.left-side-product .hongo-shop-banner-content {
        width: 150px;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content .btn-link {
        margin-top: 15px;
    }
    /* shop banner 5 */
    .hongo-shop-banner-5 .shop-banner-title {
        bottom: 30px;
    }
    .hongo-shop-banner-5 .shop-banner-title {
        padding: 3px 20px 4px;
        font-size: 11px;
    }
    /* shop banner 6 */
    .hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-title {
        font-size: 28px;
        line-height: 34px;
    }
    .hongo-shop-banner-6 .hongo-shop-banner-content .btn {
        margin-top: 15px;
    }
    /* shop banner 7 */
    .hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-sub-title {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-title {
        font-size: 20px;
        line-height: 22px;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .btn {
        margin-top: 15px;
    }
    /* shop banner 8 */
    .hongo-shop-banner-8 .hongo-shop-banner-content .shop-banner-title {
        font-size: 20px;
        line-height: 20px;
    }
    .hongo-shop-banner-8 .vertical-separator {
        margin-bottom: 10px;
        height: 25px;
    }
    .hongo-shop-banner-8 .btn {
        margin-top: 10px;
    }
    /* shop banner 9 */
    .hongo-shop-banner-9 .hongo-shop-banner-content .btn {
        font-size: 10px;
    }
    .hongo-shop-banner-9:hover .hongo-shop-banner-content {
        right: 5px;
    }
    .hongo-shop-banner-9 .hongo-shop-banner-content {
        padding: 25px;
        right: -30px;
    }
    .hongo-shop-banner-9.left-side-product:hover .hongo-shop-banner-content {
        left: 30px;
        right: inherit;
    }
    .hongo-shop-banner-9.left-side-product .hongo-shop-banner-content {
        left: 0px;
        right: inherit;
    }
    /* shop banner 10 */
    .hongo-shop-banner-10 .shop-banner-content {
        width: 70%;
    }
    .hongo-shop-banner-10 .hongo-shop-banner-content .btn {
        margin-top: 20px;
    }
    /* shop banner 11 */
    .hongo-shop-banner-11 .hongo-shop-banner-content {
        width: 50%;
    }
    /* shop banner 14 */
    .hongo-shop-banner-14 .shop-banner-wrapper {
        padding: 40px 30px;
        width: 220px;
    }
    .hongo-shop-banner-14 .shop-banner-title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 7px;
    }
    .hongo-shop-banner-14 .shop-banner-content p {
        margin-bottom: 20px;
    }
    /* shop banner 16 */
    .hongo-shop-banner-16 {
        padding: 10% 30px;
    }
    .hongo-shop-banner-16 .shop-banner-wrapper {
        width: 82%;
    }
    /* ----- product banner  ----- */
    /* product banner 3 */
    .hongo-product-banner-3 .hongo-shop-banner-content .shop-banner-sub-title {
        font-size: 12px;
    }
    .hongo-product-banner-3 .hongo-shop-banner-content .shop-banner-title {
        font-size: 24px;
        line-height: 24px;
    }
    .hongo-product-banner-3 .hongo-shop-banner-content .btn {
        margin-top: 15px;
    }
    /* product banner 4 */
    .hongo-product-banner-4 .hongo-shop-banner-content .shop-banner-title {
        font-size: 22px;
        line-height: 24px;
    }
    .hongo-product-banner-4 .vertical-separator {
        margin-bottom: 10px;
        height: 25px;
    }
    .hongo-product-banner-4 .btn {
        margin-top: 10px;
    }
    /* product banner 5 */
    .hongo-product-banner-5 {
        padding-right: 50px;
    }
    .hongo-product-banner-5 .hongo-shop-banner-content {
        width: 140px;
        padding: 15px;
    }
    .hongo-product-banner-5 .hongo-shop-banner-content .shop-banner-title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .hongo-product-banner-5 .hongo-shop-banner-content .btn {
        font-size: 10px;
    }
    .hongo-product-banner-5:hover .hongo-shop-banner-content {
        right: 5px;
    }
    /* product banner 6 */
    .hongo-product-banner-6 .hongo-shop-banner-content .shop-banner-title {
        font-size: 16px;
        line-height: 20px;
    }
    .hongo-product-banner-6 .hongo-shop-banner-content .btn {
        margin-top: 10px;
    }
    /* ----- pricing style  ----- */
    /* list style 1 */
    .pricing-style-1 {
        padding: 35px 25px;
    }
    .pricing-style-1 .pricing-price {
        font-size: 32px;
        line-height: 38px;
        margin: 0;
    }
    .pricing-style-1 .pricing-features ul li {
        padding-bottom: 11px;
        margin-bottom: 8px;
    }
    .pricing-style-1 .pricing-title {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .pricing-style-1 .pricing-icon {
        margin-bottom: 10px;
    }
    .pricing-style-1 .pricing-month {
        margin-bottom: 15px;
    }
    .pricing-style-1 .pricing-action {
        margin-top: 15px;
    }
    /* ----- product category  ----- */
    /* product category style 4 */
    .category-style-4 .category-wrap .hongo-category-title {
        padding: 0 0 0 9%;
        bottom: 8%
    }
    .category-style-4 .category-wrap .hongo-category-btn {
        padding: 0 9% 0 0;
        bottom: 8%
    }
    /* product category style 9 */
    .category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-top {
        left: 20px;
        top: 20px;
    }
    /* product category style 10 */
    .category-style-10 li .hongo-category-grid-details.hongo-category-grid-center-bottom {
        bottom: 30px
    }
    /* shop grid */
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-top {
        left: 60px;
        top: 60px;
    }
    /* ----- product detail page  ----- */
    /* default style */
    .woocommerce div.product form.cart .variations select {
        width: 70%;
        min-width: 70%;
    }
    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary {
        padding-right: 0
    }
    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .hongo-quick-view-product-image {
        width: 46%;
    }
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        margin-bottom: 50px
    }
    .woocommerce div.product .summary a.hongo-wishlist,
    .woocommerce div.product .summary a.hongo-compare {
        margin-right: 15px;
    }
    .woocommerce div.product section {
        padding: 50px 0;
    }
    .mfp-fade.mfp-wrap.mfp-ready .mfp-content .hongo-size-guide-details .table-wrapper {
        width: 900px;
    }
    .product-img-btn:nth-of-type(1) {
        top: 15px !important
    }
    .product-img-btn:nth-of-type(2) {
        top: 52px !important;
    }
    .product-img-btn:nth-of-type(3) {
        top: 89px !important;
    }
    .woocommerce div.product .flex-viewport {
        margin-bottom: 10px;
    }
    .container-fluid.single-product-default div.product div.images.woocommerce-product-gallery {
        padding: 0 25px;
        width: 100%;
    }
    .container-fluid.single-product-default div.product div.summary,
    .woocommerce-page .container-fluid.single-product-default div.product div.summary {
        padding: 0 25px;
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-default div.product .woocommerce-tabs {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .container-fluid.single-product-default div.product .upsells.products,
    .woocommerce .container-fluid.single-product-default div.product .related.products {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container.single-product-default .hongo-content-right-part div.product div.images,
    .woocommerce-page .container.single-product-default .hongo-content-right-part div.product div.images,
    .container.single-product-default .hongo-content-right-part .hongo-quick-view-product-image {
        width: 100%;
    }
    .woocommerce .container.single-product-default .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container.single-product-default .hongo-content-right-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container.single-product-default .hongo-content-left-part div.product div.images,
    .woocommerce-page .container.single-product-default .hongo-content-left-part div.product div.images,
    .container.single-product-default .hongo-content-left-part .hongo-quick-view-product-image {
        width: 100%;
    }
    .woocommerce .container.single-product-default .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container.single-product-default .hongo-content-left-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-default .hongo-content-right-part div.product div.images,
    .woocommerce .container-fluid.single-product-default .hongo-content-right-part div.product div.summary {
        width: 100%;
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-default .hongo-content-left-part div.product div.images,
    .woocommerce .container-fluid.single-product-default .hongo-content-left-part div.product div.summary {
        width: 100%;
        padding: 0 15px;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 15px;
    }
    .single-product-navigation .navigation-wrap {
        display: none;
    }
    .woocommerce .single-product-default div.images.woocommerce-product-gallery {
        width: 100%;
        margin-bottom: 50px;
    }
    .woocommerce .single-product-default div.product div.summary {
        width: 100%;
    }
    .woocommerce .single-product-default div.product form.cart .variations select {
        width: 40%;
        min-width: 40%;
    }
    .container-fluid.single-product-default .woocommerce-notices-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .hongo-single-product-main-wrap .hongo-content-full-part ul.products li.product,
    .woocommerce .hongo-single-product-main-wrap .hongo-content-full-part ul.products li,
    .woocommerce-page .hongo-single-product-main-wrap .hongo-content-full-part ul.products li.product {
        width: 50%;
    }
    .woocommerce .container.single-product-default .hongo-content-right-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap,
    .woocommerce .container.single-product-default .hongo-content-left-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-default .hongo-content-right-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap,
    .woocommerce .container-fluid-with-padding.single-product-default .hongo-content-left-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 15px;
    }
    .woocommerce .container-fluid.single-product-default .hongo-content-right-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap,
    .woocommerce .container-fluid.single-product-default .hongo-content-left-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 15px;
    }
    .woocommerce .container-fluid.single-product-default .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-default .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-default .hongo-content-center-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-default .hongo-content-center-part .hongo-sidebar-btn-wrap {
        padding: 0 25px;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-next {
        opacity: 1;
        visibility: visible;
    }
    /* single product carousel */
    .woocommerce .single-product-carousel div.product .summary {
        padding: 80px 0;
    }
    .woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image,
    .woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image--placeholder {
        width: 100%;
        opacity: 1;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev {
        left: 15px !important;
        margin: 0 !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
        right: 15px !important;
        margin: 0 !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev,
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
        bottom: inherit !important;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .woocommerce .container-fluid-with-padding.single-product-carousel {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce div.summary .woocommerce-info {
        float: left;
        width: 100%;
        clear: both;
    }
    /* compare popup */
    .compare-popup-main-content .content-left {
        width: 169px;
    }
    .compare-popup-main-content .content-right {
        padding-left: 169px;
    }
    /* accordion menu */
    .hongo-accordion {
        margin-top: 30px;
    }
    /* tab */
    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .hongo-woocommerce-tabs ul.tabs li {
        margin: 0 15px;
    }
    .single-product .hongo-woocommerce-tabs {
        padding: 50px 0 0 0;
    }
    .hongo-woocommerce-tabs ul.tabs {
        margin-bottom: 40px;
    }
    .woocommerce div.product .woocommerce-tabs .panel,
    .panel {
        padding: 50px 0 50px 0
    }
    /* ----- text box style  ----- */
    /* single product thumb */
    .woocommerce div.product div.images .flex-control-thumbs li {
        padding: 0 5px 10px;
    }
    .woocommerce div.product div.images .flex-control-thumbs {
        margin: 0 -5px;
    }
    /* single product thumb slider */
    .woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .hongo-single-product-verticle-slider-wrap {
        margin: 0 0 20px 0;
        width: 100%;
    }
    .woocommerce div.product div.images .hongo-single-product-thumb-wrap,
    .woocommerce div.product div.images .hongo-single-product-thumb-wrap {
        clear: both;
    }
    /* page title style 5 */
    .page-title-style-5 .hongo-main-title {
        font-size: 42px;
        line-height: 50px;
    }
    /* page title style 6 */
    .page-title-style-6 .hongo-main-title {
        font-size: 30px;
        line-height: 32px;
    }
    /* breadcrumb product details */
    .breadcrumb-navigation-wrap .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* related / upsells products */
    .related.products>h2,
    .upsells.products>h2 {
        margin-bottom: 45px;
    }
    /* group product */
    .woocommerce div.product form.cart .group_table td,
    .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
        padding: 15px 10px;
    }
    /* single product classic */
    .woocommerce .single-product-classic div.product div.summary,
    .woocommerce-page .single-product-classic div.product div.summary {
        width: 100%;
        max-width: 100%;
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .woocommerce .single-product-classic div.product div.images,
    .woocommerce-page .single-product-classic div.product div.images,
    .single-product-classic .hongo-quick-view-product-image {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .woocommerce .single-product-classic div.product div.images,
    .woocommerce .single-product-classic div.product div.summary {
        margin-bottom: 50px;
    }
    .woocommerce .single-product-classic .hongo-content-center-part div.product div.summary,
    .woocommerce-page .single-product-classic .hongo-content-center-part div.product div.summary {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid.single-product-classic div.product div.images,
    .woocommerce-page .container-fluid.single-product-classic div.product div.images,
    .container-fluid.single-product-classic .hongo-quick-view-product-image {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .container-fluid.single-product-classic div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic div.product div.summary {
        padding-right: 25px;
        padding-left: 25px;
    }
    .woocommerce .container-fluid.single-product-classic .woocommerce-tabs {
        padding: 0 25px
    }
    .woocommerce .container-fluid.single-product-classic div.product .upsells.products {
        padding: 0 15px
    }
    .woocommerce .container-fluid.single-product-classic div.product .related.products {
        padding: 0 15px
    }
    .woocommerce .hongo-content-right-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap,
    .woocommerce .hongo-content-left-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin-bottom: 0;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part div.product div.images,
    .container-fluid.single-product-classic .hongo-content-center-part .hongo-quick-view-product-image {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part div.product div.summary {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container.single-product-classic .hongo-content-left-part div.product div.images,
    .woocommerce-page .container.single-product-classic .hongo-content-left-part div.product div.images,
    .container.single-product-classic .hongo-content-left-part .hongo-quick-view-product-image,
    .woocommerce .container.single-product-classic .hongo-content-right-part div.product div.images,
    .woocommerce-page .container.single-product-classic .hongo-content-right-part div.product div.images,
    .container.single-product-classic .hongo-content-right-part .hongo-quick-view-product-image {
        padding-right: 0;
    }
    .woocommerce .single-product-classic div.product div.images .flex-control-thumbs,
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap {
        margin: 0;
        width: 100%;
        height: auto !important;
        padding: 0;
    }
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
        line-height: 18px;
    }
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
        left: inherit;
        bottom: inherit;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        width: 30px;
        height: 30px;
        line-height: 20px;
    }
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
        left: 0;
        bottom: inherit;
        right: inherit;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        width: 30px;
        height: 30px;
        line-height: 20px;
    }
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .woocommerce .single-product-classic div.product .flex-viewport,
    .woocommerce .single-product-classic div.product .hongo-single-product-verticle-slider-wrap {
        margin-bottom: 15px !important;
        width: 100%;
    }
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap ol li {
        width: 25%;
        cursor: pointer;
    }
    .woocommerce .container-fluid.single-product-classic div.product div.images,
    .woocommerce-page .container-fluid.single-product-classic div.product div.images,
    .container-fluid.single-product-classic .hongo-quick-view-product-image {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-classic div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic div.product div.summary {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-classic .woocommerce-tabs {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-classic div.product .upsells.products,
    .woocommerce .container-fluid.single-product-classic div.product .related.products {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-classic div.product .hongo-woocommerce-tabs ul.tabs {
        padding: 0 15px;
    }
    .woocommerce .container.single-product-classic .hongo-content-center-part div.product div.images,
    .woocommerce .container.single-product-classic .hongo-content-center-part div.product div.summary {
        margin-bottom: 40px;
    }
    .container-fluid.single-product-classic .woocommerce-notices-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-left-part div.product div.summary,
    .woocommerce .container-fluid.single-product-classic .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-right-part div.product div.summary {
        padding-left: 15px
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-right-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-right-part .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-classic .hongo-content-left-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-classic .hongo-content-left-part .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    /* single product right content */
    .woocommerce .single-product-right-content div.product div.images,
    .woocommerce-page .single-product-right-content div.product div.images,
    .single-product-right-content .hongo-quick-view-product-image {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 40px !important;
    }
    .woocommerce .single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
    }
    .woocommerce .container.single-product-right-content div.product div.images,
    .woocommerce-page .container.single-product-right-content div.product div.images,
    .container.single-product-right-content .hongo-quick-view-product-image {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container.single-product-right-content div.product div.summary,
    .woocommerce-page .container.single-product-right-content div.product div.summary {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
    .woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__image {
        margin: 0 10px 20px 10px;
    }
    .single-product-right-content .related.products>h2,
    .single-product-right-content .upsells.products>h2 {
        text-align: center;
    }
    .woocommerce .single-product-right-content .sale-new-wrap {
        padding: 0 22px;
    }
    .woocommerce .single-product-right-content div.product .product-img-btn {
        right: 25px !important;
    }
    .woocommerce .container.single-product-right-content div.product div.images .woocommerce-product-gallery__wrapper {
        margin: 0 -10px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-center-part .hongo-quick-view-product-image {
        padding: 0 5px;
    }
    .woocommerce .container.single-product-right-content .hongo-content-center-part {
        padding: 0 15px;
    }
    .woocommerce .container.single-product-right-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container.single-product-right-content .hongo-content-center-part div.product div.summary {
        padding: 0;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-right-part .hongo-quick-view-product-image {
        padding: 0 5px;
    }
    .woocommerce .container-fluid.single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary,
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
        width: 100%;
        padding-left: 25px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content hongo-content-right-part div.product div.summary,
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
        padding-left: 15px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-left-part .hongo-quick-view-product-image {
        padding: 0 5px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary {
        width: 100%;
        padding-left: 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
        padding: 0 5px;
        margin-bottom: 30px;
    }
    .woocommerce .container.single-product-right-content .hongo-content-center-part div.product div.images .woocommerce-product-gallery__wrapper {
        margin-right: -10px;
    }
    .woocommerce .single-product-right-content div.product div.summary section {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .container-fluid.single-product-right-content .woocommerce-notices-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .container-fluid-with-padding.single-product-right-content {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary {
        width: 100%;
    }
    /* single product left content */
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce-page .single-product-left-content div.product div.images,
    .single-product-left-content .hongo-quick-view-product-image {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .woocommerce .single-product-left-content div.product div.summary,
    .woocommerce-page .single-product-left-content div.product div.summary {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
    }
    .woocommerce .container.single-product-left-content div.product div.images,
    .woocommerce-page .container.single-product-left-content div.product div.images,
    .container.single-product-left-content .hongo-quick-view-product-image {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container.single-product-left-content div.product div.summary,
    .woocommerce-page .container.single-product-left-content div.product div.summary {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
    .woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image {
        margin: 0 10px 20px 10px;
    }
    .woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__wrapper {
        margin-right: 0;
    }
    .woocommerce .single-product-left-content .sale-new-wrap {
        padding: 0 22px;
    }
    .woocommerce .single-product-left-content div.product .product-img-btn {
        right: 25px !important;
    }
    .woocommerce .container.single-product-left-content div.product div.images .woocommerce-product-gallery__wrapper {
        margin: 0 -10px;
    }
    .woocommerce .container.single-product-left-content .sale-new-wrap {
        padding: 0 12px;
    }
    .woocommerce .container.single-product-left-content div.product .product-img-btn {
        right: 15px !important;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-right-part .hongo-quick-view-product-image {
        padding: 0 5px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-left-part .hongo-quick-view-product-image {
        padding: 0 5px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container.single-product-left-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container.single-product-left-content .hongo-content-center-part div.product div.images,
    .container.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
        margin-bottom: 30px;
    }
    .woocommerce .container.single-product-left-content .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container.single-product-left-content .hongo-content-left-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container.single-product-left-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container.single-product-left-content .hongo-content-right-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .single-product-left-content div.product div.summary section {
        padding-top: 50px;
    }
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce .single-product-left-content div.product div.summary {
        margin-bottom: 40px;
    }
    .container-fluid.single-product-left-content .woocommerce-notices-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .container-fluid-with-padding.single-product-left-content {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid-with-padding.single-product-left-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-left-content .hongo-sidebar-btn-wrap {
        padding: 0 25px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary {
        width: 100%;
    }
    /* single product carousel */
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .sale-new-wrap {
        bottom: 30px;
        left: -3px;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn {
        right: 15px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(1) {
        bottom: 30px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(2) {
        bottom: 67px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(3) {
        bottom: 104px !important;
    }
    .woocommerce .single-product-carousel div.product .summary .hongo-summary-left-content {
        padding-right: 50px;
    }
    .woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content {
        padding-left: 50px;
    }
    .woocommerce .single-product-carousel div.product .product_title {
        font-size: 21px;
        line-height: 23px;
        margin: 0 0 6px 0;
    }
    .woocommerce .single-product-carousel div.product p.price {
        font-size: 15px;
    }
    .woocommerce .single-product-carousel div.product .hongo-single-product-tab-content-carousel {
        padding: 60px 0 0;
    }
    .woocommerce .container.single-product-carousel div.product .summary,
    .woocommerce .container.single-product-carousel div.product .woocommerce-tabs,
    .woocommerce .container.single-product-carousel div.product .hongo-woocommerce-tabs {
        padding-right: 0;
        padding-left: 0;
    }
    .woocommerce .container.single-product-carousel div.product .upsells.products,
    .woocommerce .container.single-product-carousel div.product .related.products {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product .summary {
        flex-direction: column;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-left-content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
        border: none;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-right-content {
        max-width: 100%;
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product .summary {
        flex-direction: column;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-left-content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
        border: none;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-right-content {
        max-width: 100%;
        width: 100%;
    }
    .woocommerce .container.single-product-carousel .hongo-content-right-part div.product .summary {
        flex-direction: column;
    }
    .woocommerce .container.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-left-content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
        border: none;
        padding: 0;
    }
    .woocommerce .container.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-right-content {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .woocommerce .container.single-product-carousel .hongo-content-left-part div.product .summary {
        flex-direction: column;
    }
    .woocommerce .container.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-left-content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
        border: none;
        padding: 0;
    }
    .woocommerce .container.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-right-content {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    /* single product sticky */
    .woocommerce .container-fluid-with-padding.single-product-sticky {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .single-product-sticky div.product div.summary,
    .woocommerce-page .single-product-sticky div.product div.summary {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .woocommerce .single-product-sticky .hongo-sticky-content-images-wrap {
        padding: 0 25px;
        margin-bottom: 40px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.images,
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary {
        padding-left: 0;
    }
    .woocommerce .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap,
    .woocommerce-page .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap {
        width: calc(25% - 20px);
        margin-right: 0;
        margin-bottom: 50px;
        padding-right: 0;
    }
    .woocommerce .single-product-sticky div.product div.images,
    .woocommerce-page .single-product-sticky div.product div.images {
        width: 100%;
        margin-bottom: 50px;
        margin-right: 0
    }
    .woocommerce .single-product-sticky div.product .upsells.products,
    .woocommerce .single-product-sticky div.product .related.products {
        padding: 0 15px;
    }
    .woocommerce .container.single-product-sticky div.product .upsells.products,
    .woocommerce .container.single-product-sticky div.product .related.products {
        padding: 0;
    }
    .woocommerce .container.single-product-sticky div.product div.summary,
    .woocommerce-page .container.single-product-sticky div.product div.summary {
        width: 48%;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part .hongo-sticky-content-images-wrap {
        padding: 0 25px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-right-part div.product div.images,
    .woocommerce .container-fluid.single-product-sticky .hongo-content-right-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-right-part .hongo-sticky-content-images-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-left-part div.product div.images,
    .woocommerce .container-fluid.single-product-sticky .hongo-content-left-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container.single-product-sticky .hongo-content-right-part div.product div.images,
    .woocommerce .container.single-product-sticky .hongo-content-right-part div.product div.summary {
        width: 100%;
    }
    .woocommerce .container.single-product-sticky .hongo-content-left-part div.product div.images,
    .woocommerce .container.single-product-sticky .hongo-content-left-part div.product div.summary {
        width: 100%;
    }
    .container-fluid.single-product-sticky .woocommerce-notices-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-sidebar-btn-wrap {
        padding: 0 25px;
    }
    .woocommerce .container-fluid-with-padding.single-product-sticky .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-sticky .hongo-sidebar-btn-wrap {
        padding: 0 25px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-right-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-content-right-part .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    /* single product modern */
    .woocommerce .single-product-modern div.product .woocommerce-tabs .panel {
        padding: 50px 25px 50px;
    }
    .woocommerce .single-product-modern div.product .inner-wrap-modern {
        padding: 110px 25px 60px;
    }
    .woocommerce .single-product-modern div.product div.images,
    .woocommerce-page .single-product-modern div.product div.images {
        width: 100%;
        max-width: 100%;
        margin-bottom: 60px;
    }
    .woocommerce .single-product-modern div.product div.summary,
    .woocommerce-page .single-product-modern div.product div.summary {
        width: 100%;
        padding-left: 0;
        max-width: 100%;
    }
    .woocommerce .single-product-modern div.product .upsells.products,
    .woocommerce .single-product-modern div.product .related.products {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-modern .hongo-content-right-part div.product div.summary {
        padding-left: 0;
    }
    .woocommerce .container-fluid.single-product-modern .hongo-content-left-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-modern .hongo-content-left-part div.product div.summary {
        padding-left: 0;
    }
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap {
        padding: 0 !important;
        width: 100%;
        margin: 0;
        position: relative;
        height: auto !important;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap ol li {
        width: 17%;
    }
    .woocommerce .single-product-modern div.product .hongo-single-product-verticle-slider-wrap {
        margin-bottom: 15px !important;
    }
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
        line-height: 24px;
        padding-left: 3px;
        left: inherit;
        bottom: inherit;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
        left: 10px;
        bottom: inherit;
        right: inherit;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .woocommerce .container-fluid-with-padding.single-product-modern {
        padding-left: 0;
        padding-right: 0;
    }
    /* single product extended descriptions */
    .woocommerce .extended-descriptions-content-wrap {
        width: 100%;
        margin: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .extended-product-typography-wrap {
        padding: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .extended-product-typography-content-area {
        padding: 25px 25px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .woocommerce .container.single-product-extended-descriptions div.product .extended-product-typography-content-area {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images.woocommerce-product-gallery {
        padding-left: 0;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images.woocommerce-product-gallery {
        width: 100%;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary {
        padding: 30px 0 20px;
        width: 100%;
        height: auto !important;
    }
    .woocommerce .container-fluid-with-padding.single-product-extended-descriptions .hongo-content-center-part div.product .summary {
        padding-right: 0;
    }
    .woocommerce .single-product-extended-descriptions .upsells.products,
    .woocommerce .single-product-extended-descriptions .related.products {
        padding: 0 15px !important;
    }
    .woocommerce .container.single-product-extended-descriptions div.product .summary {
        width: 100%;
        padding: 30px 0;
    }
    .woocommerce .container.single-product-extended-descriptions .upsells.products,
    .woocommerce .container.single-product-extended-descriptions .related.products {
        padding: 0 0 !important;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part div.product .products-social-icon {
        margin-right: 10px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part div.product .summary {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part div.product .products-social-icon {
        margin-right: 10px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part div.product .summary {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part .extended-descriptions-content-wrap {}
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part div.product .products-social-icon {
        margin-right: 10px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-right-part div.product .products-social-icon {
        margin-right: 10px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-left-part div.product .products-social-icon {
        margin-right: 10px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product .products-social-icon {
        margin-right: 10px;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
        margin: 0 0 10px !important;
        width: 100%;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap {
        width: 100%;
        height: auto !important;
        margin: 0;
    }
    .woocommerce .container.single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap {
        width: 100%;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap ol li {
        width: 25%;
        height: auto;
        float: left;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
        left: inherit;
        bottom: inherit;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
        left: 10px;
        bottom: inherit;
        right: inherit;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: relative;
        top: -1px;
        left: 2px;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .woocommerce .single-product-extended-descriptions div.product .products-social-icon {
        position: inherit;
        width: 100%;
        right: inherit;
        top: inherit;
        transform: inherit;
        background: #fff;
        margin-top: 12px
    }
    .woocommerce .single-product-extended-descriptions div.product .products-social-icon ul li {
        display: inline-block;
        margin: 0;
    }
    .container-fluid.single-product-extended-descriptions .woocommerce-notices-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .woocommerce .single-product-extended-descriptions .hongo-sidebar-btn-wrap {
        padding: 0 25px;
        margin-bottom: 5px;
    }
    .woocommerce .single-product-extended-descriptions div.product .product_meta {
        border-top: 1px solid #e8e8e8;
    }
    /* breadcrumb product details */
    .breadcrumb-navigation-wrap ul.breadcrumb-wrap {
        width: 100%;
        margin: 0 0 10px 0;
    }
    /* ----- blog list  ----- */
    /* blog grid */
    .hongo-blog-grid .entry-title {
        width: 100%;
    }
    .hongo-blog-grid .entry-content {
        width: 100%;
    }
    /* blog standard style */
    .hongo-layout-right-sidebar.hongo-content-left-part {
        padding-right: 0;
    }
    .hongo-layout-left-sidebar.hongo-content-right-part {
        padding-left: 0;
    }
    /* products column */
    .woocommerce ul.products.hongo-shop-col-4 li.product,
    .woocommerce ul.products.hongo-shop-col-4 li,
    .woocommerce-page ul.products.hongo-shop-col-4 li.product {
        width: 33.333%;
    }
    .woocommerce ul.products.hongo-shop-col-4 li.product:nth-child(3n),
    .woocommerce ul.products.hongo-shop-col-4 li:nth-child(3n),
    .woocommerce-page ul.products.hongo-shop-col-4 li.product:nth-child(3n),
    .woocommerce ul.hongo-shop-col-4.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-4.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: none;
    }
    .woocommerce ul.products.hongo-shop-col-5 li.product,
    .woocommerce ul.products.hongo-shop-col-5 li,
    .woocommerce-page ul.products.hongo-shop-col-5 li.product {
        width: 33.333%;
    }
    .woocommerce ul.products.hongo-shop-col-5 li.product:nth-child(3n),
    .woocommerce ul.products.hongo-shop-col-5 li:nth-child(3n),
    .woocommerce-page ul.products.hongo-shop-col-5 li.product:nth-child(3n),
    .woocommerce ul.hongo-shop-col-5.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-5.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: none;
    }
    .woocommerce ul.products.hongo-shop-col-6 li.product,
    .woocommerce ul.products.hongo-shop-col-6 li,
    .woocommerce-page ul.products.hongo-shop-col-6 li.product {
        width: 33.333%;
    }
    .woocommerce ul.products.hongo-shop-col-6 li.product:nth-child(3n),
    .woocommerce ul.products.hongo-shop-col-6 li:nth-child(3n),
    .woocommerce-page ul.products.hongo-shop-col-6 li.product:nth-child(3n),
    .woocommerce ul.hongo-shop-col-6.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-6.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: none;
    }
    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        clear: both;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-3 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-3 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-3 li.product {
        width: 50%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-3 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-3 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-3 li.product.grid-item-double {
        width: 100%;
    }
    .woocommerce .hongo-content-full-part ul.products.hongo-shop-col-3 li.product,
    .woocommerce .hongo-content-full-part ul.products.hongo-shop-col-3 li,
    .woocommerce-page .hongo-content-full-part ul.products.hongo-shop-col-3 li.product {
        width: 33.33333333%;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
    .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        float: left;
    }
    .woocommerce ul.hongo-shop-col-3.hongo-product-grid-view.products[class*=columns-] li.product,
    .woocommerce-page ul.hongo-shop-col-3.hongo-product-grid-view.products[class*=columns-] li.product {
        clear: none
    }
    .woocommerce ul.hongo-shop-col-3.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1),
    .woocommerce-page ul.hongo-shop-col-3.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1) {
        clear: none !important
    }
    .woocommerce ul.hongo-shop-col-3.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-3.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: both !important
    }
    .woocommerce ul.hongo-shop-col-4.hongo-product-grid-view.products[class*=columns-] li.product,
    .woocommerce-page ul.hongo-shop-col-4.hongo-product-grid-view.products[class*=columns-] li.product {
        clear: none;
    }
    .woocommerce ul.hongo-shop-col-4.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1),
    .woocommerce-page ul.hongo-shop-col-4.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1) {
        clear: none !important
    }
    .woocommerce ul.hongo-shop-col-4.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-4.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: both !important
    }
    .woocommerce ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1),
    .woocommerce-page ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1) {
        clear: none !important
    }
    .woocommerce ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-5.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: both !important
    }
    .woocommerce ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1),
    .woocommerce-page ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(4n+1) {
        clear: none
    }
    .woocommerce ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1),
    .woocommerce-page ul.hongo-shop-col-6.hongo-product-grid-view.products[class*=columns-] li.product:nth-child(3n+1) {
        clear: both !important;
    }
    /* modern products column */
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-4 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-4 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-4 li.product {
        width: 50%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-5 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-5 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-5 li.product {
        width: 33.333333%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product {
        width: 33.333333%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-4 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-4 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-4 li.product.grid-item-double {
        width: 100%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-5 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-5 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-5 li.product.grid-item-double {
        width: 66.66666667%;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product.grid-item-double {
        width: 66.66666667%;
    }
    /* metro products column */
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-4 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-4 li.product {
        width: 50%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-5 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-5 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-5 li.product {
        width: 33.333333%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-6 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-6 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-6 li.product {
        width: 33.333333%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-4 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-4 li.product.grid-item-double {
        width: 100%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-5 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-5 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-5 li.product.grid-item-double {
        width: 66.66666667%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-6 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-6 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-6 li.product.grid-item-double {
        width: 66.66666667%;
    }
    /* sale and new */
    .woocommerce .sale-new-wrap {
        top: 15px;
        padding: 0 15px;
    }
    .extra-hongo-shop-grid li:nth-child(5),
    .extra-hongo-shop-grid li:nth-child(6),
    .extra-hongo-shop-grid li:nth-child(7) {
        width: 100%;
    }
    /* shop clean list style */
    .woocommerce ul.products.hongo-shop-clean li.product .product-price-rating-wrap {
        right: 15px;
        top: 15px;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .woocommerce-loop-product__title,
    .woocommerce ul.products.hongo-shop-clean li.product.product-category .woocommerce-loop-category__title {
        font-size: 12px;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .price .woocommerce-Price-currencySymbol {
        top: -1px;
    }
    .woocommerce ul.products.hongo-shop-clean li.product .product-title-category-wrap,
    .woocommerce ul.products.hongo-shop-clean li.product.product-category .woocommerce-loop-category__title {
        bottom: 10px;
    }
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-2 li.product .price>span {
        display: block;
    }
    /* shop list style */
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product {
        margin-bottom: 30px !important;
    }
    /* ----- masonry style  ----- */
    /* list style */
    .woocommerce ul.products.hongo-shop-masonry li {
        margin-bottom: 0 !important;
    }
    /* blockquote style */
    blockquote {
        padding: 3px 0 3px 25px;
    }
    /* ----- blog detail listing  ----- */
    /* sidebar blog detail */
    .hongo-sidebar-style-2.sidebar .widget-title {
        margin-bottom: 12px;
    }
    .single-post-main-section .vc_col-sm-12.vc_col-md-6.vc_col-xs-12 .text-block-content.last-paragraph-no-margin p:first-child {
        margin-bottom: 25px;
    }
    /* ----- blog list  ----- */
    .hongo-blog-styles .overlay-image .blog-post {
        margin-bottom: 30px;
    }
    .hongo-blog-styles .overlay-image .blog-post:last-child {
        margin: 0;
    }
    /* blog standard style */
    .hongo-content-right-part {
        padding-left: 15px;
    }
    .hongo-blog-standard .blog-image {
        padding: 30px 30px 0 30px !important;
    }
    .hongo-blog-standard .content .content-wrap {
        padding: 35px 30px 40px;
        width: 95%;
    }
    .hongo-content-left-part {
        padding-right: 15px;
    }
    .hongo-blog-standard .content .content-wrap .entry-title {
        font-size: 21px;
        line-height: 28px;
    }
    /* blog side image */
    .hongo-blog-styles.hongo-blog-side-image .blog-post .blog-image {
        padding: 0;
        margin-bottom: 20px;
    }
    .hongo-blog-styles.hongo-blog-side-image .blog-post .blog-text {
        padding: 0;
    }
    /* blog masonry */
    .hongo-blog-masonry .hongo-no-image.blog-post .blog-image {
        padding-left: 5%;
        padding-right: 5%;
    }
    /* blog grid */
    .hongo-blog-styles.hongo-blog-grid .blog-post {
        margin-bottom: 30px;
    }
    .hongo-blog-grid .blog-image {
        margin-bottom: 20px;
    }
    /* blog clean */
    .hongo-blog-clean .blog-image {
        margin-bottom: 30px;
    }
    /* text modern */
    .hongo-blog-modern .blog-image~.blog-text {
        padding: 0 25px 15px;
    }
    .hongo-blog-modern .blog-text .hongo-blog-modern-wrap {
        padding: 8% 25px 7%;
    }
    .hongo-blog-modern .blog-text .hongo-blog-modern-meta-wrap {
        padding: 9px 25px 9px;
    }
    /* blog overlay image */
    .hongo-blog-overlay-image .hongo-overlay-image-content-wrap {
        padding: 30px 30px 25px;
    }
    .hongo-blog-overlay-image .hongo-blog-textonly-meta-wrap {
        padding: 25px 30px 30px;
    }
    /* blog image */
    .hongo-blog-image .hongo-author-meta-wrap {
        padding: 14px 15px 14px;
    }
    /* ----- special content block style  ----- */
    /* special content block style 1 */
    .special-content-block-1 {
        flex-direction: column;
    }
    .special-content-block-1 .block-img {
        width: 100%;
    }
    .special-content-block-1 .block-img img {
        width: 100%;
    }
    .special-content-block-1 .block-content {
        width: calc(100% - 30px);
        margin: -30px 0 0 0;
        padding: 40px 30px;
    }
    /* author box */
    .hongo-author-box-wrap .hongo-author-box>div>img {
        margin-right: 25px;
    }
    /* ----- icon with text style  ----- */
    /* icon with text style 7 */
    .icon-text-style-7 .content {
        width: 100%;
    }
    /* 404 page */
    .hongo-404-content-wrap .hongo-404-image {
        margin-top: 30px;
    }
    .hongo-404-content-wrap .search-form {
        margin-bottom: 40px;
    }
    .hongo-404-content-wrap .hongo-404-subtitle {
        width: 70%;
    }
    /* products */
    .sidebar ul.product_list_widget li .right-part-content {
        padding-left: 80px;
    }
    .sidebar .widget_recent_reviews ul.product_list_widget li img {
        margin-right: 15px;
    }
    /* swiper next prev button */
    .swiper-button-next {
        right: 15px;
    }
    .swiper-button-prev {
        left: 15px;
    }
    /* ----- testimonial style  ----- */
    /* testimonial style 1 */
    .testimonial-style-1 .testimonial-content-wrap {
        padding: 25px 20px;
    }
    /* testimonial style 2 */
    .testimonial-style-2 .testimonial-content-wrap {
        padding-left: 30px;
    }
    /* ----- icon with text style  ----- */
    /* icon with text style 8 */
    .icon-text-style-8 {
        padding: 13%;
    }
    .icon-text-style-8 .hongo-featurebox-inner-wrap {
        padding-left: 0;
        padding-bottom: 16px;
        margin-bottom: 13px;
    }
    .icon-text-style-8 .hongo-featurebox-img {
        position: relative;
        top: inherit;
        left: inherit;
        margin-bottom: 10px;
    }
    /* ----- counter style  ----- */
    /* counter style 2 */
    .hongo-timer-style-2.counter-event .counter-box .number {
        font-size: 45px;
    }
    /* counter style 3 */
    .hongo-timer-style-3.counter-event .counter-box .number {
        font-size: 45px;
    }
    .counter-style3:before {
        display: none;
    }
    /* ----- countdown style  ----- */
    /* countdown style 2 */
    .hongo-timer-style-2.counter-event .counter-box {
        min-width: 24%;
    }
    /* countdown style 3 */
    .hongo-timer-style-3.counter-event .counter-box {
        min-width: 18%;
    }
    /* ----- text box style  ----- */
    /* text box style 1 */
    .text-box-style-1 {
        padding-left: 13%;
        padding-right: 8%;
    }
    /* comment form */
    .single-post .single-comment-layout-2 .hongo-comment-form .comment-form {
        padding: 60px 50px 40px;
    }
    /* page title style 7 */
    .page-title-style-7 .hongo-main-title {
        width: 80%;
    }
    /* page title style 8 */
    .page-title-style-8 .hongo-main-title {
        width: 80%;
    }
    /* ----- cart and account pages  ----- */
    /* cart page */
    .woocommerce-cart .checkout-sidebar {
        margin-bottom: 0;
    }
    .woocommerce-cart table.cart td.actions {
        padding-top: 40px;
    }
    .woocommerce-cart .checkout-content-left,
    .woocommerce-cart .checkout-sidebar {
        margin-bottom: 40px
    }
    .woocommerce-cart table.cart td.product-quantity:before {
        margin-top: 10px;
    }
    .woocommerce-cart table.cart td {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .woocommerce-cart table.cart td.actions .button,
    .woocommerce-cart table.cart td.actions .btn {
        width: auto;
        display: inline-block;
    }
    .woocommerce-cart table.cart td.actions .coupon {
        float: left;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-subtotal {
        padding-right: 10px;
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        background-position: center left 10px;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table tr:nth-child(2n) td {
        background-color: transparent;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table tr.shipping .woocommerce-shipping-methods {
        display: inline-block;
        clear: both;
        text-align: left;
        margin: 0 !important;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table tr.shipping+tr td:before {
        display: none;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table tr.shipping+tr td {
        text-align: left !important
    }
    .woocommerce-cart .cart-collaterals .cart_totals table tr td:before {
        color: #232323;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table td {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td,
    .woocommerce-checkout .checkout-sidebar .order-total span,
    .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td span {
        font-size: 20px;
    }
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        margin-top: 10px;
    }
    .checkout-content-left {
        padding-right: 0;
    }
    .checkout .checkout-content-left {
        padding-right: 40px;
    }
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        display: table-cell !important;
        text-align: left!important;
    }
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: table-cell !important;
    }
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
    }
    .woocommerce table.shop_table_responsive thead,
    .woocommerce-page table.shop_table_responsive thead {
        display: table-header-group !important;
    }
    .woocommerce table.shop_table_responsive tr,
    .woocommerce-page table.shop_table_responsive tr {
        display: table-row !important;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent !important
    }
    .woocommerce table.shop_table_responsive tbody th,
    .woocommerce-page table.shop_table_responsive tbody th {
        display: table-cell;
    }
    .track_order {
        padding: 40px;
        width: 65%;
    }
    /* checkout page */
    .woocommerce-checkout .woocommerce form.checkout {
        margin-top: 60px;
    }
    #add_payment_method #payment ul.payment_methods,
    .woocommerce-cart #payment ul.payment_methods,
    .woocommerce-checkout #payment ul.payment_methods {
        padding: 20px;
    }
    .woocommerce-checkout #payment ul.payment_methods li img {
        display: block;
        margin: 0;
    }
    .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
        line-height: normal;
        float: left;
    }
    .woocommerce-checkout .woocommerce form.login,
    .woocommerce form.checkout_coupon {
        width: 39%;
    }
    .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal input[type="radio"] {
        margin-top: 9px;
    }
    /* order page */
    .woocommerce-order>section:last-child {
        margin-top: 60px;
    }
    .woocommerce ul.order_details {
        margin-bottom: 60px;
    }
    .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th,
    .woocommerce-account .woocommerce .woocommerce-table--order-details tfoot tr th,
    .woocommerce-order-details table.shop_table tfoot tr th {
        padding-left: 45% !important;
    }
    .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
        margin-right: 0;
    }
    /* login, register, reset password  */
    #customer_login {
        width: 100%;
    }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content {
        float: left;
        width: 100%;
    }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content {
        padding: 0;
    }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
        margin-bottom: 50px;
    }
    .woocommerce .woocommerce-order-downloads {
        margin-bottom: 0;
    }
    .woocommerce-account .woocommerce-Address {
        width: 100% !important;
    }
    .woocommerce-account .woocommerce-Addresses .woocommerce-Address:last-child {
        margin-right: 0;
    }
    .woocommerce-account .woocommerce-Address:last-child {
        margin-bottom: 0;
    }
    .woocommerce .woocommerce-order .woocommerce-column--billing-address,
    .woocommerce .woocommerce-order .woocommerce-column--shipping-address {
        width: 100%;
    }
    .hongo-myaccount-without-register {
        width: 55%;
    }
    /* footer */
    .footer-default-wrapper {
        padding: 0;
    }
    .footer-default-wrapper .footer-sidebar .widget_hongo_custom_text_widget {
        width: 100%;
    }
    .footer-main-wrapper section {
        padding: 40px 0;
    }
    footer .hongo-footer-top .widget .widget-title {
        display: block;
        margin: 0 0 10px 0;
        width: 100%;
    }
    footer .hongo-footer-top .newsletter-style-1.textwidget {
        width: 100%;
    }
    footer .vc_col-sm-12 .hongo-instagram-widget-wrap .first-big-image li:first-child,
    footer .vc_col-sm-12 .hongo-instagram-widget-wrap .first-big-image li {
        width: 20%;
    }
    footer .vc_col-md-12 .hongo-instagram-widget-wrap .first-big-image li:first-child,
    footer .vc_col-md-12 .hongo-instagram-widget-wrap .first-big-image li {
        width: 20%;
    }
    footer .vc_col-md-12 .hongo-instagram-widget-wrap li,
    footer .vc_col-sm-12 .hongo-instagram-widget-wrap li {
        width: 12.5%;
    }
    footer .vc_col-md-12 .widget_hongo_instagram_widget .widget-title,
    footer .vc_col-sm-12 .widget_hongo_instagram_widget .widget-title {
        display: none
    }
    footer .hongo-footer-top .widget_hongo_newsletter .widget-title,
    footer .hongo-footer-top .widget_hongo_social_widget .widget-title {
        display: none;
    }
    footer .vc_col-sm-12 .latest-post.hongo-latest-blog-widget li {
        width: 50%;
        display: block;
        float: left;
        padding-right: 12%;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .hongo-main-site-content .footer-sticky {
        left: 0;
    }
    /* header */
    .header-default-wrapper.navbar-default .navbar-collapse {
        z-index: 99;
    }
    .header-default-wrapper.navbar-default .navbar-nav>li>a {
        padding: 10px 15px;
    }
    .header-default-wrapper.navbar-default .simple-dropdown ul.sub-menu li {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-default-wrapper.navbar-default .simple-dropdown ul.sub-menu li a {
        padding: 10px 0;
    }
    .header-default-wrapper.navbar-default .navbar-collapse.collapse {
        display: none !important;
    }
    .header-default-wrapper.navbar-default .navbar-collapse.collapse.in {
        display: block !important;
    }
    /* landing page footer */
    .hongo-section-product-featurebox-2 {
        padding-left: 45px;
    }
    .hongo-section-product-featurebox-2 .content {
        margin-bottom: 10px;
        width: 90%;
    }
    /* landing page sticky header */
    header.header-sticky .landing-header {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    /* sidebar */
    .sidebar .widget_nav_menu ul li>ul {
        padding-left: 10px !important;
    }
}

@media (max-width: 767px) {
    p {
        margin: 0 0 20px;
    }
    .table-wrapper {
        overflow-y: scroll
    }
    .table-style-1 {
        width: 600px;
        margin: 0 auto;
    }
    .table-style-2 {
        width: 600px;
        margin: 0 auto;
    }
    .mfp-content .table-wrapper {
        overflow-y: visible
    }
    input,
    textarea,
    select,
    .form-control {
        margin-bottom: 15px;
    }
    /* heading */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 25px;
    }
    h1 {
        font-size: 25px;
        line-height: 34px;
    }
    h2 {
        font-size: 22px;
        line-height: 30px;
    }
    h3 {
        font-size: 20px;
        line-height: 28px;
    }
    h4 {
        font-size: 18px;
        line-height: 24px;
    }
    h6 {
        font-size: 14px;
        line-height: 18px;
    }
    /* section */
    section,
    .default-page-space {
        padding: 50px 0;
    }
    .compose-mode .vc_vc_row section.vc_row {
        padding-top: 50px
    }
    /* display */
    .xs-display-table {
        display: table !important
    }
    .xs-display-block {
        display: block !important
    }
    .xs-display-none {
        display: none !important;
    }
    .xs-display-inline-block {
        display: inline-block !important
    }
    /* clear */
    .xs-clear-both {
        clear: both
    }
    .xs-clear-none {
        clear: none
    }
    /* float */
    .xs-float-left {
        float: left
    }
    .xs-float-right {
        float: right
    }
    .xs-float-none {
        float: none
    }
    /* width */
    .xs-width-auto {
        width: auto !important;
    }
    .xs-width-100 {
        width: 100% !important;
    }
    .xs-width-95 {
        width: 95% !important;
    }
    .xs-width-90 {
        width: 90% !important;
    }
    .xs-width-85 {
        width: 85% !important;
    }
    .xs-width-80 {
        width: 80% !important;
    }
    .xs-width-75 {
        width: 75% !important;
    }
    .xs-width-70 {
        width: 70% !important;
    }
    .xs-width-65 {
        width: 65% !important;
    }
    .xs-width-60 {
        width: 60% !important;
    }
    .xs-width-55 {
        width: 55% !important;
    }
    .xs-width-50 {
        width: 50% !important;
    }
    .xs-width-45 {
        width: 45% !important;
    }
    .xs-width-40 {
        width: 40% !important;
    }
    .xs-width-35 {
        width: 35% !important;
    }
    .xs-width-30 {
        width: 30% !important;
    }
    .xs-width-25 {
        width: 25% !important;
    }
    .xs-width-20 {
        width: 20% !important;
    }
    .xs-width-15 {
        width: 15% !important;
    }
    .xs-width-10 {
        width: 10% !important;
    }
    .xs-width-1000px {
        width: 1000px !important;
    }
    .xs-width-950px {
        width: 950px !important;
    }
    .xs-width-900px {
        width: 900px !important;
    }
    .xs-width-850px {
        width: 850px !important;
    }
    .xs-width-800px {
        width: 800px !important;
    }
    .xs-width-750px {
        width: 750px !important;
    }
    .xs-width-700px {
        width: 700px !important;
    }
    .xs-width-650px {
        width: 650px !important;
    }
    .xs-width-600px {
        width: 600px !important;
    }
    .xs-width-550px {
        width: 550px !important;
    }
    .xs-width-500px {
        width: 500px !important;
    }
    .xs-width-450px {
        width: 450px !important;
    }
    .xs-width-400px {
        width: 400px !important;
    }
    .xs-width-350px {
        width: 350px !important;
    }
    .xs-width-300px {
        width: 300px !important;
    }
    .xs-width-250px {
        width: 250px !important;
    }
    .xs-width-200px {
        width: 200px !important;
    }
    .xs-width-180px {
        width: 180px !important;
    }
    .xs-width-150px {
        width: 150px !important;
    }
    .xs-width-140px {
        width: 140px !important;
    }
    .xs-width-130px {
        width: 130px !important;
    }
    .xs-width-120px {
        width: 120px !important;
    }
    .xs-width-110px {
        width: 110px !important;
    }
    .xs-width-100px {
        width: 100px !important;
    }
    .xs-width-95px {
        width: 95px !important;
    }
    .xs-width-90px {
        width: 90px !important;
    }
    .xs-width-85px {
        width: 85px !important;
    }
    .xs-width-80px {
        width: 80px !important;
    }
    .xs-width-75px {
        width: 75px !important;
    }
    .xs-width-70px {
        width: 70px !important;
    }
    .xs-width-65px {
        width: 65px !important;
    }
    .xs-width-60px {
        width: 60px !important;
    }
    .xs-width-55px {
        width: 55px !important;
    }
    .xs-width-50px {
        width: 50px !important;
    }
    .xs-width-45px {
        width: 45px !important;
    }
    .xs-width-40px {
        width: 40px !important;
    }
    .xs-width-35px {
        width: 35px !important;
    }
    .xs-width-30px {
        width: 30px !important;
    }
    .xs-width-25px {
        width: 25px !important;
    }
    .xs-width-20px {
        width: 20px !important;
    }
    .xs-width-15px {
        width: 15px !important;
    }
    .xs-width-10px {
        width: 10px !important;
    }
    /* margin all */
    .xs-margin-5px-all {
        margin: 5px !important;
    }
    .xs-margin-10px-all {
        margin: 10px !important;
    }
    .xs-margin-15px-all {
        margin: 15px !important;
    }
    .xs-margin-20px-all {
        margin: 20px !important;
    }
    .xs-margin-25px-all {
        margin: 25px !important;
    }
    .xs-margin-30px-all {
        margin: 30px !important;
    }
    .xs-margin-35px-all {
        margin: 35px !important;
    }
    .xs-margin-40px-all {
        margin: 40px !important;
    }
    .xs-margin-45px-all {
        margin: 45px !important;
    }
    .xs-margin-50px-all {
        margin: 50px !important;
    }
    .xs-margin-55px-all {
        margin: 55px !important;
    }
    .xs-margin-60px-all {
        margin: 60px !important;
    }
    .xs-margin-65px-all {
        margin: 65px !important;
    }
    .xs-margin-70px-all {
        margin: 70px !important;
    }
    .xs-margin-75px-all {
        margin: 75px !important;
    }
    .xs-margin-80px-all {
        margin: 80px !important;
    }
    .xs-margin-85px-all {
        margin: 85px !important;
    }
    .xs-margin-90px-all {
        margin: 90px !important;
    }
    .xs-margin-95px-all {
        margin: 95px !important;
    }
    .xs-margin-100px-all {
        margin: 100px !important;
    }
    /* margin top */
    .xs-margin-5px-top {
        margin-top: 5px !important;
    }
    .xs-margin-10px-top {
        margin-top: 10px !important;
    }
    .xs-margin-15px-top {
        margin-top: 15px !important;
    }
    .xs-margin-20px-top {
        margin-top: 20px !important;
    }
    .xs-margin-25px-top {
        margin-top: 25px !important;
    }
    .xs-margin-30px-top {
        margin-top: 30px !important;
    }
    .xs-margin-35px-top {
        margin-top: 35px !important;
    }
    .xs-margin-40px-top {
        margin-top: 40px !important;
    }
    .xs-margin-45px-top {
        margin-top: 45px !important;
    }
    .xs-margin-50px-top {
        margin-top: 50px !important;
    }
    .xs-margin-55px-top {
        margin-top: 55px !important;
    }
    .xs-margin-60px-top {
        margin-top: 60px !important;
    }
    .xs-margin-65px-top {
        margin-top: 65px !important;
    }
    .xs-margin-70px-top {
        margin-top: 70px !important;
    }
    .xs-margin-75px-top {
        margin-top: 75px !important;
    }
    .xs-margin-80px-top {
        margin-top: 80px !important;
    }
    .xs-margin-85px-top {
        margin-top: 85px !important;
    }
    .xs-margin-90px-top {
        margin-top: 90px !important;
    }
    .xs-margin-95px-top {
        margin-top: 95px !important;
    }
    .xs-margin-100px-top {
        margin-top: 100px !important;
    }
    /* margin bottom */
    .xs-margin-5px-bottom {
        margin-bottom: 5px !important;
    }
    .xs-margin-10px-bottom {
        margin-bottom: 10px !important;
    }
    .xs-margin-15px-bottom {
        margin-bottom: 15px !important;
    }
    .xs-margin-20px-bottom {
        margin-bottom: 20px !important;
    }
    .xs-margin-25px-bottom {
        margin-bottom: 25px !important;
    }
    .xs-margin-30px-bottom {
        margin-bottom: 30px !important;
    }
    .xs-margin-35px-bottom {
        margin-bottom: 35px !important;
    }
    .xs-margin-40px-bottom {
        margin-bottom: 40px !important;
    }
    .xs-margin-45px-bottom {
        margin-bottom: 45px !important;
    }
    .xs-margin-50px-bottom {
        margin-bottom: 50px !important;
    }
    .xs-margin-55px-bottom {
        margin-bottom: 55px !important;
    }
    .xs-margin-60px-bottom {
        margin-bottom: 60px !important;
    }
    .xs-margin-65px-bottom {
        margin-bottom: 65px !important;
    }
    .xs-margin-70px-bottom {
        margin-bottom: 70px !important;
    }
    .xs-margin-75px-bottom {
        margin-bottom: 75px !important;
    }
    .xs-margin-80px-bottom {
        margin-bottom: 80px !important;
    }
    .xs-margin-85px-bottom {
        margin-bottom: 85px !important;
    }
    .xs-margin-90px-bottom {
        margin-bottom: 90px !important;
    }
    .xs-margin-95px-bottom {
        margin-bottom: 95px !important;
    }
    .xs-margin-100px-bottom {
        margin-bottom: 100px !important;
    }
    /* margin left */
    .xs-margin-5px-left {
        margin-left: 5px !important;
    }
    .xs-margin-10px-left {
        margin-left: 10px !important;
    }
    .xs-margin-15px-left {
        margin-left: 15px !important;
    }
    .xs-margin-20px-left {
        margin-left: 20px !important;
    }
    .xs-margin-25px-left {
        margin-left: 25px !important;
    }
    .xs-margin-30px-left {
        margin-left: 30px !important;
    }
    .xs-margin-35px-left {
        margin-left: 35px !important;
    }
    .xs-margin-40px-left {
        margin-left: 40px !important;
    }
    .xs-margin-45px-left {
        margin-left: 45px !important;
    }
    .xs-margin-50px-left {
        margin-left: 50px !important;
    }
    .xs-margin-55px-left {
        margin-left: 55px !important;
    }
    .xs-margin-60px-left {
        margin-left: 60px !important;
    }
    .xs-margin-65px-left {
        margin-left: 65px !important;
    }
    .xs-margin-70px-left {
        margin-left: 70px !important;
    }
    .xs-margin-75px-left {
        margin-left: 75px !important;
    }
    .xs-margin-80px-left {
        margin-left: 80px !important;
    }
    .xs-margin-85px-left {
        margin-left: 85px !important;
    }
    .xs-margin-90px-left {
        margin-left: 90px !important;
    }
    .xs-margin-95px-left {
        margin-left: 95px !important;
    }
    .xs-margin-100px-left {
        margin-left: 100px !important;
    }
    /* margin right */
    .xs-margin-5px-right {
        margin-right: 5px !important;
    }
    .xs-margin-10px-right {
        margin-right: 10px !important;
    }
    .xs-margin-15px-right {
        margin-right: 15px !important;
    }
    .xs-margin-20px-right {
        margin-right: 20px !important;
    }
    .xs-margin-25px-right {
        margin-right: 25px !important;
    }
    .xs-margin-30px-right {
        margin-right: 30px !important;
    }
    .xs-margin-35px-right {
        margin-right: 35px !important;
    }
    .xs-margin-40px-right {
        margin-right: 40px !important;
    }
    .xs-margin-45px-right {
        margin-right: 45px !important;
    }
    .xs-margin-50px-right {
        margin-right: 50px !important;
    }
    .xs-margin-55px-right {
        margin-right: 55px !important;
    }
    .xs-margin-60px-right {
        margin-right: 60px !important;
    }
    .xs-margin-65px-right {
        margin-right: 65px !important;
    }
    .xs-margin-70px-right {
        margin-right: 70px !important;
    }
    .xs-margin-75px-right {
        margin-right: 75px !important;
    }
    .xs-margin-80px-right {
        margin-right: 80px !important;
    }
    .xs-margin-85px-right {
        margin-right: 85px !important;
    }
    .xs-margin-90px-right {
        margin-right: 90px !important;
    }
    .xs-margin-95px-right {
        margin-right: 95px !important;
    }
    .xs-margin-100px-right {
        margin-right: 100px !important;
    }
    /* margin no */
    .xs-no-margin {
        margin: 0 !important;
    }
    .xs-no-margin-top {
        margin-top: 0 !important;
    }
    .xs-no-margin-bottom {
        margin-bottom: 0 !important;
    }
    .xs-no-margin-left {
        margin-left: 0 !important;
    }
    .xs-no-margin-right {
        margin-right: 0 !important;
    }
    /* vc five col */
    .vc_col-xs-1\/5 {
        width: 20%;
    }
    .col-xs-1\/5 {
        width: 20%;
    }
    .col-xs-2\/5 {
        width: 40%;
    }
    .col-xs-3\/5 {
        width: 60%;
    }
    .col-xs-4\/5 {
        width: 80%;
    }
    /* col height */
    .one-fifth-screen {
        height: 350px;
    }
    .one-fourth-screen {
        height: 300px;
    }
    .one-third-screen {
        height: 250px;
    }
    .one-second-screen {
        height: 250px;
    }
    .small-screen {
        height: 250px;
    }
    .hongo-main-title-wrap .one-fourth-screen {
        height: 250px;
    }
    .hongo-main-title-wrap .one-third-screen {
        height: 250px;
    }
    .hongo-main-title-wrap .one-second-screen {
        height: 250px;
    }
    .hongo-main-title-wrap .one-second-screen {
        height: 250px;
    }
    .hongo-main-title-wrap .small-screen {
        height: 250px;
    }
    /* icon */
    .icon-extra-medium {
        font-size: 22px
    }
    .icon-large {
        font-size: 28px
    }
    .icon-extra-large {
        font-size: 32px
    }
    /* text align */
    .xs-text-left {
        text-align: left
    }
    .xs-text-center {
        text-align: center
    }
    .xs-text-right {
        text-align: right
    }
    .xs-text-justify {
        text-align: justify
    }
    /* equalize auto */
    .xs-equalize-auto>[class*='col-'],
    .xs-equalize-auto .inner-match-height {
        height: auto !important;
    }
    /* height */
    .xs-height-450px {
        height: 350px;
    }
    /* heading style */
    .heading-style-2 {
        font-size: 25px;
        line-height: 28px;
    }
    .heading-style-3 {
        font-size: 20px;
        line-height: 26px;
    }
    /* revolution slider wacth demo */
    .tp-tabs.nav-pos-hor-right .tp-tab-mask {
        left: 20px;
    }
    /* overlay */
    .hongo-half-overlay {
        width: 100%;
    }
    /* magnific popup */
    .pswp__item {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }
    /* ----- swiper slider  ----- */
    /* swiper slider style 2 */
    .hongo-shop-slider-style-2 .hongo-slider-typography-wrap .title {
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .hongo-shop-slider-style-2 .hongo-slider-text-wrap,
    .hongo-shop-slider-style-2 .hongo-slider-typography-wrap p {
        width: 100%;
        font-size: 13px;
        line-height: 20px;
    }
    .hongo-shop-slider-style-2 .center-content .hongo-slider-text-wrap {
        width: 100%;
        margin: 0 auto;
    }
    /* swiper slider style 3 */
    .hongo-shop-slider-style-3 .hongo-slider-typography-wrap .title {
        font-size: 40px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    /* swiper slider style 4 */
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap .title {
        font-size: 42px;
        line-height: 38px;
        margin-bottom: 15px;
        letter-spacing: 0;
    }
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap p {
        font-size: 14px;
    }
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap .price {
        font-size: 18px;
    }
    .hongo-shop-slider-style-4 .hongo-slider-text-middle .hongo-slider-text-wrap,
    .hongo-shop-slider-style-4 .left-content .hongo-slider-text-wrap {
        float: none;
        margin: 0 auto;
    }
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap .subtitle {
        margin-bottom: 15px;
    }
    .hongo-shop-slider-style-4 .hongo-slider-typography-wrap .btn {
        margin-top: 10px;
    }
    /* swiper slider style 5 */
    .hongo-shop-slider-style-5 .hongo-slider-typography-wrap .subtitle {
        padding-left: 0;
    }
    .hongo-shop-slider-style-5 .hongo-slider-typography-wrap .subtitle:before {
        display: none
    }
    .hongo-shop-slider-style-5 .hongo-slider-typography-wrap p {
        width: 100%;
    }
    .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap {
        padding: 0 10%;
    }
    /* swiper slider style 6 */
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap .title {
        font-size: 26px;
        line-height: 26px;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap .subtitle {
        margin-bottom: 15px;
    }
    .hongo-shop-slider-style-6 .bg-text {
        font-size: 60px;
        line-height: 75px;
        bottom: -25px;
        letter-spacing: -4px
    }
    .hongo-shop-slider-style-6 .hongo-followus-wrap {
        left: 15px;
    }
    .hongo-shop-slider-style-6 .price {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .hongo-shop-slider-style-6 .hongo-slider-typography-wrap p {
        margin-bottom: 15px;
    }
    /* ----- metro layout  ----- */
    /* shop grid */
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-middle {
        right: 30px;
        width: 130px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-top {
        width: 130px;
        top: 30px;
        right: 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-middle {
        width: 130px;
        left: 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details .title,
    .hongo-shop-grid li .hongo-shop-grid-details .title a {
        font-size: 18px;
        line-height: 21px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-top {
        left: 30px;
        top: 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-bottom {
        left: 30px;
        bottom: 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-bottom {
        right: 30px;
        bottom: 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-top {
        padding: 0 30px;
        top: 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-middle {
        padding: 0 30px;
    }
    .hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-bottom {
        padding: 0 30px;
    }
    /* products column */
    .woocommerce ul.products li.product:last-child,
    .woocommerce ul.products li.product:last-child,
    .woocommerce-page ul.products li.product:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .woocommerce ul.products.hongo-shop-col-2 li.product,
    .woocommerce ul.products.hongo-shop-col-2 li,
    .woocommerce-page ul.products.hongo-shop-col-2 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-col-3 li.product,
    .woocommerce ul.products.hongo-shop-col-3 li,
    .woocommerce-page ul.products.hongo-shop-col-3 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-col-4 li.product,
    .woocommerce ul.products.hongo-shop-col-4 li,
    .woocommerce-page ul.products.hongo-shop-col-4 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-col-5 li.product,
    .woocommerce ul.products.hongo-shop-col-5 li,
    .woocommerce-page ul.products.hongo-shop-col-5 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-col-6 li.product,
    .woocommerce ul.products.hongo-shop-col-6 li,
    .woocommerce-page ul.products.hongo-shop-col-6 li.product {
        width: 100% !important;
    }
    /* modern products column */
    .woocommerce ul.products.hongo-shop-modern li.product:last-child,
    .woocommerce ul.hongo-shop-modern.products li.product:last-child,
    .woocommerce-page ul.hongo-shop-modern.products li.product:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-2 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-2 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-2 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-3 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-3 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-3 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-4 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-4 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-4 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-5 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-5 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-5 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product,
    .woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li,
    .woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product {
        width: 100% !important;
    }
    /* metro products column */
    .woocommerce ul.products.hongo-shop-metro li.product:last-child,
    .woocommerce ul.hongo-shop-metro.products li.product:last-child,
    .woocommerce-page ul.hongo-shop-metro.products li.product:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-2 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-2 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-2 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-3 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-3 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-3 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-4 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-4 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-5 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-5 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-5 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-6 li.product,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-6 li,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-6 li.product {
        width: 100% !important;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-4 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-4 li.product.grid-item-double {
        width: 100%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-5 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-5 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-5 li.product.grid-item-double {
        width: 100%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-6 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-6 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-6 li.product.grid-item-double {
        width: 100%;
    }
    .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-3 li.product.grid-item-double,
    .woocommerce ul.hongo-shop-metro.products.hongo-shop-col-3 li.grid-item-double,
    .woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-3 li.product.grid-item-double {
        width: 100%;
    }
    /* shop list style */
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product {
        width: 100%;
        display: inherit !important;
        margin-bottom: 10px !important;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap,
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap {
        width: 100%;
        margin-bottom: 0;
        clear: both;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .price {
        margin-bottom: 12px;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category>a:first-child {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category>a.hongo-loop-product-category-link {
        width: 100%;
    }
    /* toolbar */
    .hongo-list-grid-switch-wrap {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .hongo-list-grid-layout-wrap {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .woocommerce .woocommerce-ordering {
        margin: 0 auto 20px;
        float: none;
        clear: both;
        width: 100%;
        text-align: center;
    }
    .woocommerce .woocommerce-ordering .select2-container {
        text-align: left;
        width: 100% !important;
    }
    /* col grid item */
    .image-gallery-grid li,
    .image-gallery-grid li.grid-item-double {
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
    }
    .metro-grid li,
    .metro-grid li.grid-item-double {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .instagram-grid li {
        width: 100%;
        padding: 0;
        margin-bottom: 15px
    }
    .hongo-instagram-masonary li {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    /* gutter type */
    .gutter-none li,
    .gutter-very-small li,
    .gutter-small li,
    .gutter-medium li,
    .gutter-extra-large li {
        margin-bottom: 0 !important;
    }
    .gutter-large {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .gutter-large li {
        padding: 15px 15px !important;
    }
    /* alert message style */
    .woocommerce-message::before,
    .woocommerce-error::before,
    .woocommerce-info::before,
    .woocommerce-warning::before {
        top: 15px;
    }
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-warning {
        padding-left: 50px;
        line-height: normal;
    }
    .woocommerce .woocommerce-message .button,
    .woocommerce .woocommerce-error .button,
    .woocommerce .woocommerce-info .button,
    .woocommerce .woocommerce-warning .button {
        margin: 8px 0 0 0;
    }
    /* alert message style 1 */
    .alert-message-style-1 {
        padding-left: 60px;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .alert {
        line-height: 18px;
    }
    .alert-message-style-1 span {
        width: 45px;
        font-size: 15px;
    }
    .alert-message-style-1.woocommerce-message {
        padding-right: 15px;
    }
    /* alert message style 2 */
    .alert-message-style-2 {
        font-size: 13px;
        padding-left: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* alert message style 3 */
    .alert-message-style-3 {
        padding-left: 15px;
    }
    /* ----- newsletter  ----- */
    /* newsletter style 1 */
    .hongo-content-newsletter-1 form {
        margin-top: 10px;
    }
    .hongo-content-newsletter-1 .newsletter-title {
        font-size: 20px;
        line-height: 28px;
    }
    .hongo-content-newsletter-1 .newsletter-sub-title {
        margin-bottom: 10px;
    }
    /* newsletter style 2 */
    .hongo-content-newsletter-2 .newsletter-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .hongo-content-newsletter-2 .newsletter-sub-title {
        font-size: 12px;
        margin-bottom: 5px;
    }
    /* newsletter style 3 */
    .hongo-content-newsletter-3 {
        padding: 30px;
    }
    .hongo-content-newsletter-3 .newsletter-title {
        font-size: 20px;
        line-height: 28px;
    }
    .hongo-content-newsletter-3 .newsletter-title br {
        display: none
    }
    /* newsletter style 4 */
    .hongo-content-newsletter-4 .newsletter-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    /* newsletter style 5 */
    .hongo-content-newsletter-5 .input-group .form-control {
        width: 100%;
    }
    .hongo-content-newsletter-5 .input-group-btn {
        float: left;
        margin: 10px 0 0 0;
        width: 100%;
    }
    .hongo-content-newsletter-5 .input-group-btn .btn {
        margin: 0 !important;
        width: 100%;
    }
    /* ----- video play button  ----- */
    /* icon middle */
    .popup-icon span {
        width: 45px;
        height: 45px;
    }
    /* ----- call to action style  ----- */
    /* call to action style 1 */
    .call-to-action-style-1 .call-to-action-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    /* call to action style 2 */
    .call-to-action-style-2 {
        display: inline-block;
        width: 100%;
    }
    .call-to-action-style-2 .call-to-action-title {
        font-size: 20px;
        line-height: 28px;
        width: 100%;
        display: inline-block;
        padding: 0;
        margin-bottom: 5px;
    }
    .call-to-action-style-2 .call-to-action-sub-title {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .text-center .call-to-action-style-2 .call-to-action-sub-title {
        text-align: inherit;
    }
    .call-to-action-style-2 .action-button {
        display: inline-block;
        padding-left: 0;
        margin: 0 auto;
    }
    /* call to action style 3 */
    .call-to-action-style-3 .call-to-action-title {
        margin-bottom: 15px;
    }
    .call-to-action-style-3 {
        display: inline-block;
        width: 100%;
    }
    .call-to-action-style-3 .action-button,
    .call-to-action-style-3 .call-to-action-title {
        display: inline-block;
        width: 90%;
        padding: 0;
    }
    /* call to action style 4 */
    .call-to-action-style-4 {
        display: inline-block;
        width: 100%;
    }
    .call-to-action-style-4 .call-to-action-title {
        font-size: 20px;
        line-height: 24px;
        width: 80%;
        display: inline-block;
        padding: 0;
        margin-bottom: 20px;
    }
    .call-to-action-style-4 .action-button {
        display: inline-block;
        width: 100%;
        padding: 0;
    }
    /* call to action style 5 */
    .call-to-action-style-5 {
        display: inline-block;
        width: 100%;
    }
    .call-to-action-style-5 .call-to-action-title {
        width: 100%;
        display: inline-block;
        line-height: 22px;
    }
    .call-to-action-style-5 .btn {
        width: 100%;
        display: inline-block
    }
    /* call to action style 6 */
    .call-to-action-style-6 .call-to-action-content {
        margin: 0 auto 15px;
        width: 90%;
    }
    .call-to-action-style-6 .call-to-action-title {
        font-size: 20px;
        line-height: 24px;
        width: 100%;
        display: inline-block;
        padding: 0;
        margin-bottom: 10px;
    }
    /* call to action style 7 */
    .call-to-action-style-7 .call-to-action-content {
        margin: 0 auto 15px;
        width: 90%;
    }
    .call-to-action-style-7 .call-to-action-title {
        font-size: 20px;
        line-height: 24px;
        width: 100%;
        display: inline-block;
        padding: 0;
    }
    /* ----- accordion menu style  ----- */
    /* accordion menu style 1 */
    .accordion-style-1 .panel-title {
        padding: 16px 40px 15px 20px;
    }
    .accordion-style-1 .panel-body {
        padding: 17px 20px 20px 20px
    }
    .accordion-style-1 .panel-title>span.pull-right {
        right: 12px;
    }
    /* accordion menu style 2 */
    .accordion-style-2 .panel-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .accordion-style-2 .panel-title {
        padding: 15px 60px 15px 20px;
    }
    .accordion-style-2 .panel-title>span.pull-right {
        width: 45px;
    }
    /* accordion menu style 3 */
    .accordion-style-3 .panel-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .accordion-style-3 .panel-title {
        padding: 15px 60px 15px 20px;
    }
    .accordion-style-3 .panel-title>span.pull-right {
        width: 45px;
    }
    /* accordion menu style 4 */
    .accordion-style-4 .panel-heading {
        padding: 12px 0;
    }
    .accordion-style-4.panel-group .panel-collapse .panel-body {
        padding: 15px 0
    }
    /* toggles menu style 1 */
    .toggle-style-1 .panel-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .toggle-style-1 .panel-title {
        padding: 15px 60px 15px 20px;
    }
    .toggle-style-1 .panel-title>span.pull-right {
        right: 17px;
    }
    /* ----- tab style  ----- */
    /* tab style style 1 */
    .tab-style1 .nav-tabs li {
        width: 100%;
        margin: 0;
    }
    .tab-style1 .nav-tabs {
        border-bottom: 1px solid #ddd
    }
    .tab-style1 .tab-content {
        padding: 30px 0 0
    }
    /* tab style style 2 */
    .tab-style2 .tab-content {
        padding: 30px 0 0 15px;
    }
    .tab-style2 .nav-tabs {
        padding-right: 15px;
    }
    .tab-style2 .nav-tabs li {
        border-right: 1px solid #ebebeb;
    }
    .tab-style2 .nav-tabs li a {
        text-align: center;
    }
    /* tab style style 3 */
    .tab-style3 .nav-tabs li {
        width: 100%;
        margin: 0 0 12px;
        border-bottom: 1px solid rgba(69, 69, 69, 0.60);
        padding: 0 0 10px;
    }
    .tab-style3 .tab-content {
        padding: 30px 0 0
    }
    /* filter tab */
    .hongo-blog-filter-wrap {
        margin-bottom: 30px;
    }
    /* ----- brand slider  ----- */
    /* brand style slider 1 */
    .brand-style-slider-1 .swiper-slide:before {
        display: none;
    }
    /* ----- testimonial slider style  ----- */
    /* testimonial style 1 */
    .testimonial-slider-style-1 .testimonial-box {
        clear: both;
        padding-left: 20px;
        padding-right: 20px;
    }
    .testimonial-slider-style-1 .testimonial-content-wrap .testimonial-content-box:after {
        margin-left: 28px;
    }
    /* testimonial slider style 2 */
    .testimonial-slider-style-2 .testimonial-content-wrap {
        padding: 35px;
    }
    /* testimonial slider style 3 */
    .testimonial-slider-style-3 .swiper-button-prev {
        left: -10px;
    }
    .testimonial-slider-style-3 .swiper-button-next {
        right: -10px;
    }
    .testimonial-slider-style-3 .testimonial-content-wrap {
        padding: 35px;
    }
    .testimonial-slider-style-3 .testimonial-content {
        margin-bottom: 15px
    }
    .testimonial-slider-style-3 .testimonial-image {
        display: table;
        margin: 0 auto 25px;
        text-align: center
    }
    .testimonial-slider-style-3 .testimonial-box {
        display: table;
        text-align: center;
    }
    .testimonial-slider-style-3 .testimonial-meta {
        text-align: center
    }
    .testimonial-slider-style-3 .testimonial-designation {
        display: block;
    }
    /* ----- testimonial style  ----- */
    /* testimonial style 1 */
    .testimonial-style-1 .testimonial-image {
        margin-bottom: 20px;
    }
    /* testimonial style 2 */
    .testimonial-style-2 .testimonial-content {
        margin-bottom: 10px;
    }
    /* testimonial style 3 */
    .testimonial-style-3 .testimonial-content {
        margin-bottom: 15px;
        font-size: 19px;
    }
    .testimonial-style-3 .testimonial-content-title {
        font-size: 20px;
    }
    /* ----- feature box  ----- */
    /* feature box style 1 */
    .hongo-product-featurebox-1 {
        padding: 6%;
    }
    /* feature box style 2 */
    .hongo-product-featurebox-2 {
        border-right: 0;
    }
    /* feature box style 4 */
    .hongo-product-featurebox-4 {
        padding: 20px;
    }
    .hongo-product-featurebox-4 .hongo-featurebox-img {
        margin-bottom: 12px;
    }
    /* ----- icon with text style  ----- */
    /* icon with text style 4 */
    .icon-text-style-4 {
        padding-left: 45px;
    }
    /* icon with text style 5 */
    .icon-text-style-5 {
        padding: 40px 30px;
    }
    /* icon with text style 6 */
    .icon-text-style-6 .hongo-featurebox-img {
        margin-bottom: 15px;
    }
    /* icon with text style 7 */
    .icon-text-style-7 {
        padding-left: 45px;
    }
    .icon-text-style-7 .content {
        width: 100%;
    }
    /* icon with text style 8 */
    .icon-text-style-8 {
        padding: 40px 25px;
    }
    /* ----- custom icon text style  ----- */
    /* custom icon text style 1 */
    .custom-icon-text-style-1 {
        padding: 10% 5%;
    }
    /* ----- counter style  ----- */
    /* counter style 1 */
    .counter-style1 {
        padding: 5% 20px;
    }
    .counter-style1 i,
    .counter-style1 .icon-image {
        margin-bottom: 10px;
    }
    /* counter style 2 */
    .counter-style2 {
        margin: 0 auto;
    }
    /* counter style 3 */
    .counter-style3 .timer {
        font-size: 60px;
        line-height: 60px;
    }
    /* ----- counter style  ----- */
    /* counter style 1 */
    .hongo-timer-style-1.counter-event .counter-box,
    .hongo-timer-style-1.counter-event .counter-box:last-child {
        padding: 15px 20px;
        width: 50%;
    }
    .hongo-timer-style-1.counter-event .counter-box .number {
        font-size: 30px;
        line-height: 32px;
    }
    /* counter style 2 */
    .hongo-timer-style-2.counter-event .counter-box {
        width: 50%;
        padding: 15px 20px;
    }
    .hongo-timer-style-2.counter-event .counter-box span {
        display: table;
        margin: 0 auto;
        line-height: 24px;
        padding: 0;
    }
    .hongo-timer-style-2.counter-event .counter-box .number {
        font-size: 40px;
        line-height: 40px;
    }
    .hongo-timer-style-2.counter-event .counter-box:nth-child(2):after {
        display: none
    }
    /* counter style 3 */
    .hongo-timer-style-3.counter-event .counter-box {
        width: 50%;
        padding: 15px 20px;
    }
    .hongo-timer-style-3.counter-event .counter-box .number {
        font-size: 35px;
        line-height: 35px;
    }
    .hongo-timer-style-3.counter-event .counter-box .number:before {
        margin-top: -2px;
    }
    .hongo-timer-style-3.counter-event .counter-box:nth-child(2) .number:before {
        display: none
    }
    /* both sidebar */
    .both-sidebar-wrap .both-content-center,
    .both-sidebar-wrap .hongo-layout-both-sidebar {
        margin-bottom: 40px;
    }
    .both-sidebar-wrap .both-sidebar-left {
        margin-bottom: 40px;
    }
    /* ----- fancy text box style  ----- */
    /* fancy text box style 1 */
    .fancy-text-box-style-1 .content {
        margin-top: 10px;
    }
    /* fancy text box style 3 */
    .fancy-text-box-style-2 {
        padding-left: 50px;
        padding-right: 50px;
    }
    .fancy-text-box-style-2:hover:before {
        width: 94%;
        padding: 50px 15px 50px;
    }
    /* fancy text box style 6 */
    .fancy-text-box-style-6 {
        padding: 10% 8%;
    }
    /* ----- text box style  ----- */
    /* text box style 1 */
    .text-box-style-1 {
        padding: 8% 8%
    }
    /* ----- text slider  ----- */
    /* text slider 2 */
    .hongo-text-slider2 .text-slide-number {
        margin-bottom: 10px;
    }
    .hongo-text-slider2 .text-slide-number .number-title {
        font-size: 60px;
        line-height: 55px;
    }
    .hongo-text-slider2 .text-slide-title {
        font-size: 20px;
        line-height: 28px;
    }
    /* ----- shop banner  ----- */
    /* shop banner 1 */
    .hongo-shop-banner-1 {
        padding: 50px 20px
    }
    .hongo-shop-banner-1 .hongo-shop-banner-content {
        width: auto;
        margin-right: 0;
    }
    .hongo-shop-banner-1 .hongo-shop-banner-content .shop-banner-title {
        font-size: 34px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .hongo-shop-banner-1.left-side-product .hongo-shop-banner-content {
        width: auto;
        margin: 0;
    }
    .hongo-shop-banner-1.center-side-product .hongo-shop-banner-content {
        width: 100%;
        margin: 0;
    }
    .hongo-shop-banner-1 .hongo-shop-banner-content .shop-banner-sub-title {
        margin-bottom: 8px;
    }
    /* shop banner 4 */
    .hongo-shop-banner-4 .hongo-shop-banner-content .shop-banner-title {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 6px;
    }
    .hongo-shop-banner-4.left-side-product .hongo-shop-banner-content {
        width: auto;
    }
    .hongo-shop-banner-4.right-side-product .hongo-shop-banner-content {
        width: auto;
    }
    .hongo-shop-banner-4 .hongo-shop-banner-content .btn-link {
        margin-top: 15px;
    }
    /* shop banner 5 */
    .hongo-shop-banner-5 .shop-banner-title {
        bottom: 50px;
    }
    /* shop banner 6 */
    .hongo-shop-banner-6 .hongo-shop-banner-content {
        width: 220px;
        margin: 50px auto;
        float: none;
        padding: 30px;
    }
    .hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-sub-title {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-title {
        font-size: 26px;
        line-height: 32px;
    }
    .hongo-shop-banner-6 .hongo-shop-banner-content .btn {
        margin-top: 15px;
    }
    .hongo-shop-banner-6.left-side-product .hongo-shop-banner-content {
        float: none
    }
    /* shop banner 7 */
    .hongo-shop-banner-7.left-side-product>div:first-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content {
        padding: 17%;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-sub-title {
        font-size: 12px;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-title {
        font-size: 28px;
        line-height: 28px;
    }
    .hongo-shop-banner-7 .hongo-shop-banner-content .btn {
        margin-top: 20px;
    }
    /* shop banner 8 */
    .hongo-shop-banner-8.left-side-product>div:first-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .hongo-shop-banner-8 .hongo-shop-banner-content {
        padding: 15%;
    }
    /* shop banner 9 */
    .hongo-shop-banner-9 {
        padding-right: 0;
        width: 100%;
    }
    .hongo-shop-banner-9 .hongo-shop-banner-content .shop-banner-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .hongo-shop-banner-9 .hongo-shop-banner-content {
        background: #fff;
        bottom: 0;
        top: inherit;
        transform: none;
        width: 200px;
        padding: 30px;
    }
    .hongo-shop-banner-9:hover .hongo-shop-banner-content {
        right: 0;
    }
    .hongo-shop-banner-9.left-side-product {
        padding-left: 0;
    }
    .hongo-shop-banner-9.left-side-product .hongo-shop-banner-content {
        left: -30px;
        right: inherit;
    }
    .hongo-shop-banner-9.left-side-product:hover .hongo-shop-banner-content {
        left: 0;
    }
    /* shop banner 10 */
    .hongo-shop-banner-10.left-side-product>div:first-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .hongo-shop-banner-10 .hongo-shop-banner-content .btn {
        margin-top: 20px;
    }
    .hongo-shop-banner-10 .shop-banner-content {
        width: 90%;
    }
    .hongo-shop-banner-10 .hongo-shop-banner-content {
        padding: 50px;
    }
    /* shop banner 11 */
    .hongo-shop-banner-11 .hongo-shop-banner-content {
        width: 100%;
        margin: 0;
        padding: 30px;
    }
    .hongo-shop-banner-11 .hongo-shop-banner-content .shop-banner-title {
        font-size: 28px;
        line-height: 34px;
    }
    /* shop banner 14 */
    .hongo-shop-banner-14 {
        padding: 25px;
    }
    .hongo-shop-banner-14 .shop-banner-wrapper {
        padding: 30px 30px;
    }
    .hongo-shop-banner-14 .shop-banner-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    /* shop banner 15 */
    .hongo-shop-banner-15 {
        padding: 8%;
    }
    .hongo-shop-banner-15 .shop-banner-wrapper {
        width: 100%;
        padding: 40px 30px;
    }
    .hongo-shop-banner-15 .shop-banner-highlight {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 25px;
    }
    .hongo-shop-banner-15 .shop-banner-title {
        font-size: 32px;
        line-height: 36px;
    }
    /* shop banner 16 */
    .hongo-shop-banner-16 {
        padding: 30px 20px;
    }
    .hongo-shop-banner-16 .shop-banner-wrapper {
        width: 50%;
    }
    .hongo-shop-banner-16.right-side-product .shop-banner-wrapper {
        width: 50%;
    }
    .hongo-shop-banner-16 .shop-banner-sub-title {
        margin-bottom: 2px;
    }
    /* shop banner 20 */
    .hongo-shop-banner-20 .hongo-shop-banner-content {
        padding: 30px 0 0 0;
        margin: 25% auto 35px;
        float: none;
    }
    .hongo-shop-banner-20.left-side-product .hongo-shop-banner-content {
        float: none
    }
    /* ----- product banner  ----- */
    /* product banner 4 */
    .hongo-product-banner-4.left-side-product>div:first-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    /* product banner 5 */
    .hongo-product-banner-5 .hongo-shop-banner-content {
        right: -15px;
    }
    /* product banner 6 */
    .hongo-product-banner-6.left-side-product>div:first-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .hongo-product-banner-6 .hongo-shop-banner-content .btn {
        margin-top: 15px;
    }
    /* blog overlay image */
    .hongo-blog-overlay-image .hongo-overlay-image-content-wrap {
        padding: 20px;
    }
    .hongo-blog-overlay-image .hongo-blog-textonly-meta-wrap {
        padding: 20px;
    }
    .hongo-blog-overlay-image .blog-post:hover .hongo-overlay-image-content-wrap {
        padding-top: 40px;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 1 */
    .interactive-banner-style-1 .hongo-featurebox-hover {
        border-width: 20px;
    }
    /* interactive banner style 5 */
    .interactive-banner-style-5 .hongo-featurebox-text .interactive-number {
        font-size: 33px;
        padding-right: 15px;
    }
    /* ----- info banner style  ----- */
    /* info banner style 1 */
    .info-banner-style-1 .hongo-info-content-box .btn {
        margin-top: 15px;
    }
    /* info banner style 2 */
    .info-banner-style-2 .hongo-info-content-hover {
        padding: 20px;
    }
    /* info banner style 3 */
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap {
        padding: 30px;
        width: 100%;
        height: auto;
        display: block;
    }
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .hongo-info-title {
        font-size: 20px;
        line-height: 30px;
    }
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .btn {
        margin-top: 15px;
    }
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-image,
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap {
        display: block;
        width: 100%;
        height: auto;
    }
    .info-banner-style-3 .hongo-info-wrapper .hongo-info-image {
        height: 400px;
    }
    .info-banner-style-3 .hongo-info-wrapper {
        display: block;
    }
    /* info banner style 5 */
    .info-banner-style-5 .text-middle {
        padding: 12%;
    }
    .info-banner-style-5 .hongo-info-title {
        font-size: 22px;
        line-height: 26px;
    }
    /* info banner style 6 */
    .info-banner-style-6 .hongo-info-wrapper {
        margin: 30% 20px 20px;
        padding: 11%;
        max-width: 100%;
    }
    /* ----- rotate box style  ----- */
    /* rotate box style 1 */
    .rotate-box-style-1 .hongo-rotatebox-wrap .hongo-rotatebox-title {
        bottom: 45px;
    }
    /* ----- process-step style  ----- */
    .process-step-style-1.number-border.xs-border-display-none:before {
        display: none
    }
    .process-step-style-2 .hongo-featurebox-img-border.xs-border-display-none:before {
        display: none
    }
    .process-step-style-3 .number-border.xs-border-display-none:before {
        display: none
    }
    /* process-step style 1 */
    .process-step-style-1 .hongo-featurebox-img {
        margin-bottom: 10px;
    }
    /* process-step style 2 */
    .process-step-style-2 .hongo-featurebox-img {
        margin-bottom: 10px;
    }
    /* process-step style 3 */
    .process-step-style-3 .number-wrapper {
        margin-bottom: 15px;
    }
    /* ----- product detail page  ----- */
    /* default style */
    .mfp-fade.mfp-wrap.mfp-ready .mfp-content .hongo-size-guide-details .table-wrapper {
        width: 600px;
    }
    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 100%;
    }
    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .hongo-quick-view-product-image {
        width: 100%
    }
    .woocommerce div.product .flex-viewport {
        margin-bottom: 10px;
    }
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        margin-bottom: 40px;
    }
    .woocommerce div.product .woocommerce-product-details__short-description,
    .woocommerce form.cart,
    .product_meta {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }
    .woocommerce div.product .summary .woocommerce-product-details__short-description,
    .woocommerce .summary form.cart,
    .summary .product_meta {
        float: left;
        width: 100%;
    }
    .woocommerce form.cart.variations_form .single_variation_wrap {
        margin: 15px 0 0 0;
        padding: 26px 0 0 0;
    }
    .woocommerce div.product .product_title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .woocommerce .product form.cart.variations_form .single_variation_wrap {
        margin-top: 0;
        padding-top: 20px;
    }
    .summary-main-title-left {
        width: 100%;
    }
    .summary-main-title-right {
        width: 100%;
        float: left;
        margin-top: 10px;
        text-align: left
    }
    .woocommerce form.cart .variations .size-chart {
        display: table;
        margin: 4px 0 0 0;
    }
    .woocommerce div.product form.cart .variations select {
        width: 100%;
        min-width: 100%;
    }
    .top-space.hongo-single-product-main-wrap {
        padding-top: 30px;
    }
    .container-fluid.single-product-default div.product div.images.woocommerce-product-gallery {
        padding-left: 15px;
        width: 100%;
        padding-right: 15px;
    }
    .container-fluid.single-product-default div.product div.summary,
    .woocommerce-page .container-fluid.single-product-default div.product div.summary {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-default div.product .woocommerce-tabs {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .single-product-right-content .woocommerce-product-rating .star-rating {
        right: 0 !important;
    }
    .woocommerce .single-product-left-content .woocommerce-product-rating .star-rating {
        right: 0 !important;
    }
    .woocommerce .single-product-classic .woocommerce-product-rating .star-rating {
        right: 0 !important;
    }
    .woocommerce .single-product-carousel .woocommerce-product-rating .star-rating {
        right: 0 !important;
    }
    .woocommerce .single-product-sticky .woocommerce-product-rating .star-rating {
        right: 0 !important;
    }
    .woocommerce .single-product-modern div.product .woocommerce-product-rating .star-rating {
        right: 0 !important;
    }
    .woocommerce .single-product-default div.images.woocommerce-product-gallery {
        margin-bottom: 40px;
    }
    .woocommerce .single-product-modern div.product div.images,
    .woocommerce-page .single-product-modern div.product div.images {
        margin-bottom: 40px;
    }
    .woocommerce .single-product-default div.product form.cart .variations select {
        width: 100%;
        min-width: 100%;
    }
    .container-fluid.single-product-default .woocommerce-notices-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .quick-view-popup-wrap .mfp-content div.product div.images {
        width: 100%;
        margin-bottom: 0 !important;
    }
    .quick-view-popup-wrap .mfp-content div.product .quick-view-gallery {
        width: 100%;
        margin-bottom: 25px !important;
        margin-right: 0;
    }
    .quick-view-popup-wrap div.product div.summary {
        width: 100%;
    }
    .quick-view-popup-wrap.hongo-mfp-bg-white .mfp-content {
        padding-right: 15px;
    }
    .quick-view-popup-wrap div.product .woocommerce-review-link {
        float: left;
    }
    .hongo-quick-view-popup .woocommerce div.product div.summary,
    .hongo-quick-view-popup .woocommerce div.product div.summary .woocommerce-product-details__short-description,
    .hongo-quick-view-popup .woocommerce div.product div.summary form.cart {
        float: left;
        width: 100%;
    }
    .woocommerce .hongo-single-product-main-wrap .hongo-content-full-part ul.products li.product,
    .woocommerce .hongo-single-product-main-wrap .hongo-content-full-part ul.products li,
    .woocommerce-page .hongo-single-product-main-wrap .hongo-content-full-part ul.products li.product {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-default .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-default .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-default .hongo-content-center-part .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-default .hongo-content-center-part .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .hongo-single-html-video-popup.hongo-mfp-bg-white .mfp-content {
        padding: 10px;
    }
    /* shopping cart */
    .sidebar .widget_shopping_cart .cart_list li,
    .woocommerce.widget_shopping_cart .cart_list li,
    .sidebar .widget_shopping_cart .cart_list li:last-child,
    .woocommerce.widget_shopping_cart .cart_list li:last-child {
        margin-bottom: 15px;
    }
    /* single product thumb slider */
    .woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .hongo-single-product-verticle-slider-wrap {
        margin: 0 0 15px 0;
        width: 100%;
    }
    .woocommerce .single-product-modern div.product form.cart .variations .size-chart {
        margin-left: 0;
    }
    /* single product thumb slider */
    .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-next {
        right: 5px;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-prev {
        left: 5px;
    }
    /* tab */
    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .hongo-woocommerce-tabs ul.tabs li {
        width: 100%;
        margin: 0;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .hongo-woocommerce-tabs ul.tabs li a {
        padding: 10px 0;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e8e8e8;
        display: inline-block
    }
    .woocommerce div.product .woocommerce-tabs .panel,
    .panel {
        padding: 30px 0;
    }
    .woocommerce div.product .woocommerce-tabs,
    .woocommerce-page div.product .woocommerce-tabs {
        padding-bottom: 15px;
    }
    .single-product .hongo-woocommerce-tabs {
        padding-top: 40px;
    }
    .woocommerce div.product .woocommerce-tabs .panel ul {
        margin-bottom: 20px;
    }
    .woocommerce table.shop_attributes th {
        width: 110px;
    }
    /* page title style 4 */
    .page-title-style-4 .hongo-main-title {
        font-size: 30px;
        line-height: 34px;
        width: 100%;
    }
    /* page title style 5 */
    .page-title-style-5 .hongo-main-title {
        font-size: 30px;
        line-height: 34px;
        width: 100%;
    }
    /* page title style 6 */
    .page-title-style-6 .hongo-main-title {
        width: 100%;
        font-size: 24px;
        line-height: 28px;
    }
    /* page title style 7 */
    .page-title-style-7 .hongo-main-title {
        font-size: 30px;
        line-height: 34px;
        width: 100%;
    }
    /* page title style 8 */
    .page-title-style-8 .hongo-main-title {
        font-size: 30px;
        line-height: 34px;
    }
    /* breadcrumb product details */
    .navigation-wrap ul.hongo-page-navigation-link {
        position: absolute;
        right: 0;
        margin: 0;
    }
    /* special content block style 2 */
    .special-content-block-2 .block-content {
        padding: 30px;
    }
    .special-content-block-2 .block-content .content-block-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .special-content-block-2 .block-content .content-block-title strong {
        font-size: 24px;
    }
    /* related / upsells products */
    .related.products>h2,
    .upsells.products>h2 {
        margin-bottom: 30px;
    }
    /* single product right content */
    .woocommerce .single-product-right-content div.product div.images,
    .woocommerce-page .single-product-right-content div.product div.images,
    .single-product-right-content .hongo-quick-view-product-image {
        width: 100%;
        padding: 0 15px;
    }
    .woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__image,
    .woocommerce .single-product-right-content .woocommerce-product-gallery__image,
    .woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
        width: 100%;
        margin: 0 0 15px 0
    }
    .woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__image:last-child {
        margin-bottom: 0;
    }
    .woocommerce .single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary {
        width: 100%;
        padding: 0 15px;
        margin-top: 0;
    }
    .single-product-right-content .summary-main-title-right .woocommerce-product-rating {
        float: left;
        margin: 6px 0 5px 0 !important;
    }
    .woocommerce .single-product-right-content .sale-new-wrap {
        padding: 0 13px;
    }
    .woocommerce .single-product-right-content div.product .product-img-btn {
        right: 15px !important;
    }
    .woocommerce .single-product-right-content div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap.product-single-img {
        width: 100%;
    }
    .woocommerce .container.single-product-right-content div.product div.images .woocommerce-product-gallery__wrapper {
        margin: 0;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-center-part .hongo-quick-view-product-image {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-right-part .hongo-quick-view-product-image {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.images,
    .container-fluid.single-product-right-content .hongo-content-left-part .hongo-quick-view-product-image {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .woocommerce .container.single-product-right-content .hongo-content-center-part div.product div.images .woocommerce-product-gallery__wrapper {
        margin: 0;
    }
    .woocommerce .container-fluid.single-product-right-content div.product div.summary,
    .woocommerce-page .single-product-right-content div.product div.summary,
    .woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
    .woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
        padding-left: 15px;
    }
    .container-fluid.single-product-right-content .woocommerce-notices-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-right-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-right-content .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    /* single product left content */
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce-page .single-product-left-content div.product div.images,
    .single-product-left-content .hongo-quick-view-product-image {
        width: 100%;
        padding: 0 15px;
    }
    .woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image,
    .woocommerce .single-product-left-content .woocommerce-product-gallery__image,
    .woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image:last-child {
        margin-bottom: 0;
    }
    .woocommerce .single-product-left-content div.product div.summary,
    .woocommerce-page .single-product-left-content div.product div.summary {
        width: 100%;
        padding: 0 15px;
        margin-top: 0;
    }
    .woocommerce .single-product-left-content .summary-main-title-right .woocommerce-product-rating {
        float: left;
        margin: 6px 0 5px 0 !important;
    }
    .woocommerce .single-product-left-content .sale-new-wrap {
        padding: 0 13px;
    }
    .woocommerce .single-product-left-content div.product .product-img-btn {
        right: 15px !important;
    }
    .woocommerce .single-product-left-content div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap.product-single-img {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-right-part .hongo-quick-view-product-image {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.images,
    .woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.images,
    .container-fluid.single-product-left-content .hongo-content-left-part .hongo-quick-view-product-image {
        padding: 0 15px;
    }
    .woocommerce .container.single-product-left-content .hongo-content-center-part div.product div.images,
    .woocommerce-page .container.single-product-left-content .hongo-content-center-part div.product div.images,
    .container.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
        margin-bottom: 15px;
    }
    .woocommerce .single-product-left-content div.product div.images,
    .woocommerce .single-product-left-content div.product div.summary {
        margin-bottom: 30px;
    }
    .container-fluid.single-product-left-content .woocommerce-notices-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container.single-product-left-content .related.products,
    .woocommerce .container.single-product-left-content .upsells.products {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .woocommerce .container-fluid-with-padding.single-product-left-content .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-left-content .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    /* single product classic */
    .container-fluid.single-product-classic .woocommerce-notices-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .single-product-classic div.product div.images,
    .woocommerce .single-product-classic div.product div.summary {
        margin-bottom: 40px;
    }
    .woocommerce div.product p.stock,
    .woocommerce div.product .stock {
        display: inline-block
    }
    /* single product carousel */
    .woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image.swiper-slide-active,
    .woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image,
    .woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image--placeholder {
        opacity: 1;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev,
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .sale-new-wrap {
        bottom: 15px;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(1) {
        bottom: 15px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(2) {
        bottom: 52px !important;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(3) {
        bottom: 89px !important;
    }
    .woocommerce .single-product-carousel div.product .summary .hongo-summary-left-content {
        padding-right: 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
    }
    .woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content {
        padding-left: 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .woocommerce .single-product-carousel .woocommerce-review-link {
        float: none;
        margin: 0;
        display: inline-block;
        position: relative;
        top: 0;
    }
    .woocommerce .single-product-carousel div.product .summary-main-title-right .woocommerce-product-rating {
        float: left;
        margin: 0!important
    }
    .woocommerce .single-product-carousel div.product .product_title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .woocommerce .single-product-carousel div.product .summary {
        padding: 40px 0 30px;
    }
    .woocommerce .single-product-carousel div.product .summary .hongo-summary-left-content>div>div:last-child,
    .woocommerce .single-product-carousel div.product .hongo-variation-price-availability,
    .woocommerce .single-product-carousel div.product .woocommerce-product-details__short-description,
    .woocommerce .single-product-carousel div.product .product_meta,
    .woocommerce .single-product-carousel div.product form.cart,
    .woocommerce .single-product-carousel div.product form.cart .variations,
    .woocommerce .single-product-carousel div.product form.cart table.group_table,
    .woocommerce .single-product-carousel div.product p.cart {
        margin: 0 0 30px 0;
    }
    .woocommerce .single-product-carousel div.product form.cart.variations_form .single_variation_wrap {
        margin-bottom: 0
    }
    .woocommerce .single-product-carousel div.product .product_meta>span,
    .woocommerce .single-product-carousel div.product .product_meta>div {
        padding: 0 15px;
        width: 100%;
        margin: 5px 0;
    }
    .woocommerce .single-product-carousel div.product .product_meta .products-social-icon>span {
        display: inline-block;
        float: none;
        margin-right: 5px;
    }
    .woocommerce .single-product-carousel div.product .product_meta .products-social-icon ul {
        display: inline-block;
    }
    .woocommerce .single-product-carousel div.product .product_meta>span:after,
    .woocommerce .single-product-carousel div.product .product_meta>span~div:after {
        display: none
    }
    .woocommerce .single-product-carousel div.product .product_meta {
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .woocommerce .single-product-carousel div.product .hongo-single-product-tab-content-carousel {
        padding: 30px 0 0;
    }
    .woocommerce .single-product-carousel div.product .woocommerce-tabs ul.tabs {
        width: 100%;
    }
    .woocommerce .container.single-product-carousel div.product .summary .hongo-summary-right-content {
        padding-left: 0;
    }
    .woocommerce .container.single-product-carousel div.product .woocommerce-tabs,
    .woocommerce .container.single-product-carousel div.product .hongo-woocommerce-tabs {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-left-content {
        margin-bottom: 0;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-left-content {
        margin-bottom: 0;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-center-part div.product .summary .hongo-summary-left-content {
        margin-bottom: 0;
    }
    .woocommerce .container.single-product-carousel .hongo-content-right-part div.product .summary .hongo-summary-left-content {
        margin-bottom: 0;
    }
    .woocommerce .container.single-product-carousel .hongo-content-left-part div.product .summary .hongo-summary-left-content {
        margin-bottom: 0;
    }
    .woocommerce .container.single-product-carousel .hongo-content-center-part div.product .summary .hongo-summary-left-content {
        margin-bottom: 0;
    }
    .woocommerce .container-fluid.single-product-carousel .hongo-content-center-part div.product .summary {
        padding: 0 0 30px;
    }
    .woocommerce .container.single-product-carousel .hongo-content-center-part div.product .summary {
        margin-bottom: 30px;
    }
    .woocommerce .container.single-product-carousel .hongo-content-center-part div.product div.images {
        margin-bottom: 40px;
    }
    /* single product modern */
    .woocommerce .single-product-modern div.product .woocommerce-tabs .tabs li a {
        padding: 10px 0 9px;
    }
    .woocommerce .single-product-modern div.product .woocommerce-tabs .panel {
        padding: 30px 15px;
    }
    .woocommerce .single-product-modern div.product .upsells.products,
    .woocommerce .single-product-modern div.product .related.products {
        padding: 0 15px;
    }
    .woocommerce .single-product-modern div.product .inner-wrap-modern {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 50px;
    }
    .woocommerce .single-product-modern div.product .product_title {
        font-size: 21px;
    }
    .woocommerce .single-product-modern div.product .summary a.hongo-wishlist,
    .woocommerce .single-product-modern div.product .summary a.hongo-compare {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container.single-product-modern div.product .woocommerce-tabs .panel {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container.single-product-modern div.product .upsells.products,
    .woocommerce .container.single-product-modern div.product .related.products {
        padding: 0 0;
    }
    .woocommerce .single-product-modern div.product .woocommerce-tabs .tabs {
        width: calc(100% - 30px);
    }
    .woocommerce .single-product-modern div.product .hongo-woocommerce-tabs {
        padding-top: 40px;
    }
    /* single product extended descriptions */
    .woocommerce .single-product-extended-descriptions div.product .summary .woocommerce-product-rating {
        margin-bottom: 10px;
    }
    .woocommerce .single-product-extended-descriptions div.product .extended-product-typography-content-area {
        padding: 15px 15px 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary .product_title {
        font-size: 20px;
        margin-bottom: 3px;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary p.price,
    .woocommerce .single-product-extended-descriptions div.product .summary span.price,
    .woocommerce .single-product-extended-descriptions div.product .summary p.price ins,
    .woocommerce .single-product-extended-descriptions div.product .summary span.price ins {
        font-size: 16px;
    }
    .woocommerce .single-product-extended-descriptions div.product .summary-main-title,
    .woocommerce .single-product-extended-descriptions div.product .woocommerce-product-details__short-description,
    .woocommerce .single-product-extended-descriptions div.product form.cart,
    .woocommerce .single-product-extended-descriptions div.product p.cart {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }
    .woocommerce .single-product-extended-descriptions div.product .woocommerce-tabs .panel {
        padding-bottom: 15px;
        padding-top: 30px;
    }
    .woocommerce .single-product-extended-descriptions div.product .product_meta>span:after,
    .woocommerce .single-product-extended-descriptions div.product .product_meta>span~div:after {
        display: none;
    }
    .woocommerce .single-product-extended-descriptions div.product .product_meta>span {
        display: block;
        padding: 0 15px 0 15px;
    }
    .woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li.active a,
    .woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li.active a {
        margin: 0;
        padding: 12px 15px 10px;
    }
    .woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li a,
    .woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li a {
        padding: 12px 15px 10px;
    }
    .woocommerce .single-product-extended-descriptions div.product .product_meta {
        text-align: left;
        border-bottom: 0;
    }
    .woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs {
        padding: 10px;
    }
    .woocommerce .container.single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap {
        width: 100%;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
        line-height: 24px;
        display: none;
    }
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i {
        padding-top: 1px;
    }
    .container-fluid.single-product-extended-descriptions .woocommerce-notices-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-extended-descriptions {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .single-product-extended-descriptions .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    /* single product sticky */
    .woocommerce .single-product-sticky .hongo-sticky-content-images-wrap {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .woocommerce .hongo-single-product-sticky-thumb-wrap ul li {
        padding-bottom: 10px;
        margin: 0;
    }
    .woocommerce .single-product-sticky div.images .woocommerce-product-gallery__image {
        margin-bottom: 10px;
    }
    .woocommerce .single-product-sticky div.product div.images,
    .woocommerce-page .single-product-sticky div.product div.images {
        width: 100%;
        margin: 0 0 20px;
    }
    .woocommerce .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap,
    .woocommerce-page .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap {
        width: calc(33% - 20px);
        margin-bottom: 20px;
    }
    .woocommerce .single-product-sticky div.product div.summary,
    .woocommerce-page .single-product-sticky div.product div.summary {
        width: 100%;
    }
    .woocommerce .single-product-sticky .summary-main-title-right .woocommerce-product-rating {
        float: left;
    }
    .woocommerce .single-product-sticky .product-img-btn {
        right: 15px !important;
    }
    .woocommerce .container.single-product-sticky div.product div.summary,
    .woocommerce-page .container.single-product-sticky div.product div.summary {
        width: 100%;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.images {
        margin-bottom: 20px;
    }
    .woocommerce .container.single-product-sticky .hongo-content-center-part div.product div.images {
        margin-bottom: 20px;
    }
    .container-fluid.single-product-sticky .woocommerce-notices-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .container-fluid-with-padding.single-product-sticky {
        padding-left: 0;
        padding-right: 0;
    }
    .woocommerce .container-fluid-with-padding.single-product-sticky .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid-with-padding.single-product-sticky .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-content-center-part .hongo-sticky-content-images-wrap {
        padding: 0 15px;
    }
    .woocommerce .container-fluid.single-product-sticky .hongo-sidebar-btn-wrap,
    .woocommerce-page .container-fluid.single-product-sticky .hongo-sidebar-btn-wrap {
        padding: 0 15px;
    }
    .woocommerce .single-product-carousel div.product .summary .woocommerce-info {
        margin-top: 0;
    }
    /* swiper next prev top */
    .hongo-related-products.swiper-container .swiper-button-prev,
    .hongo-up-sells-products.swiper-container .swiper-button-prev,
    .cross-sells .swiper-container .swiper-button-prev {
        left: 47%;
        right: auto;
    }
    .hongo-related-products.swiper-container .swiper-button-next,
    .hongo-up-sells-products.swiper-container .swiper-button-next,
    .cross-sells .swiper-container .swiper-button-next {
        right: 47%;
    }
    /* ----- woocommerce listing  ----- */
    /* sidebar */
    .hongo-left-common-sidebar-link,
    .hongo-right-common-sidebar-link {
        width: 100%;
        text-align: center;
    }
    .hongo-left-common-sidebar-link {
        margin: 0 0 20px 0;
    }
    .hongo-right-common-sidebar-link {
        margin: 0 0 20px 0;
    }
    .hongo-sidebar-btn-wrap>div {
        margin-bottom: 20px;
    }
    .hongo-sidebar-btn-wrap>div:last-child {
        margin-bottom: 0;
    }
    /* filter */
    .hongo-woocommerce-top-sidebar .mCSB_horizontal.mCSB_inside>.mCSB_container {
        width: 100% !important
    }
    .hongo-top-shop-filter {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
        width: 100% !important;
        height: auto !important
    }
    .hongo-woocommerce-top-sidebar {
        padding: 30px;
    }
    .hongo-woocommerce-top-sidebar .mCustomScrollBox {
        max-height: inherit !important;
    }
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full,
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full,
    .container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full,
    .container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full {
        margin: 0;
        width: 100% !important
    }
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget,
    .container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
        padding: 0;
        margin-bottom: 30px;
    }
    .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child,
    .container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
        margin-bottom: 0;
    }
    /* list style */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        margin-bottom: 40px;
    }
    .woocommerce ul.products.hongo-shop-default,
    .woocommerce-page ul.products.hongo-shop-default {
        margin-bottom: 0;
    }
    .woocommerce ul.products.hongo-shop-list {
        margin-bottom: 0;
    }
    .pagination {
        margin-top: 30px;
        margin-bottom: 50px
    }
    .woocommerce ul.products li.product .product-thumb-box {
        margin-bottom: 15px;
    }
    .woocommerce ul.products.hongo-shop-default li.product a.button {
        margin-top: 8px;
    }
    .woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap {
        margin-top: 15px;
    }
    .woocommerce ul.products li.product .hongo-product-deal-wrap>span {
        min-height: 54px;
    }
    /* standard list style */
    .woocommerce ul.products.hongo-shop-standard li.product .product-thumb-wrap,
    .woocommerce ul.products.hongo-shop-standard li.product.product-category img {
        margin-bottom: 15px;
    }
    /* classic list style */
    .woocommerce ul.products.hongo-shop-classic li.product .product-thumb-wrap {
        margin-bottom: 15px;
    }
    /* widget */
    .sidebar .widget {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    /* ----- swiper slider style  ----- */
    .hongo-numeric-next,
    .hongo-numeric-prev {
        font-size: 16px;
    }
    /* swiper slider style 1 */
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap {
        right: 40px;
        width: calc(100% - 80px);
        padding: 8% 8%;
        text-align: center
    }
    .hongo-shop-slider-style-1 .left-content .hongo-slider-typography-wrap {
        left: 40px;
    }
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap .title {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .hongo-shop-slider-style-1 .hongo-slider-typography-wrap p {
        font-size: 14px;
        line-height: 22px;
    }
    .hongo-shop-slider-style-1 .hongo-numeric-prev {
        left: 8px;
    }
    .hongo-shop-slider-style-1 .hongo-numeric-next {
        right: 8px;
    }
    /* swiper slider style 8 */
    .hongo-shop-slider-style-8 .cover-background {
        background-position: center right !important;
    }
    /* swiper slider pagination */
    .swiper-pagination {
        bottom: 15px !important;
    }
    .swiper-pagination-number .swiper-pagination-bullets {
        bottom: 25px !important;
    }
    /* ----- client image slider  ----- */
    /* client image slider style 1 */
    .hongo-client-slider-style-1 .swiper-slide {
        padding: 5px 5px;
    }
    /* first letter big style */
    .first-letter {
        margin: 5px 15px 0 0;
    }
    .first-letter-big {
        font-size: 80px;
        line-height: 80px;
    }
    .first-letter-block {
        font-size: 28px;
        height: 50px;
        line-height: 20px;
        width: 50px;
    }
    /* loading */
    #infscr-loading {
        bottom: -10px;
    }
    /* row scroll down */
    .hongo-main-title-wrap .down-section {
        bottom: 25px;
    }
    /* popup contact form */
    .hongo-popup-contact-form {
        width: 100%;
        padding: 0;
    }
    .hongo-popup-contact-form .wpcf7 {
        padding: 30px;
    }
    .hongo-popup-contact-form .wpcf7 label {
        width: 100%;
    }
    .hongo-popup-contact-form p input,
    .hongo-popup-contact-form p textarea {
        margin-bottom: 0;
    }
    .hongo-popup-contact-form p textarea {
        height: 120px;
    }
    /* author box */
    .hongo-author-box-wrap {
        margin-top: 20px;
    }
    .hongo-author-box-wrap .hongo-author-box>div>img {
        margin-bottom: 10px;
        margin-right: 0;
        max-width: 80px;
    }
    .hongo-author-box-wrap .hongo-author-box {
        padding: 30px;
    }
    .hongo-author-box-wrap .hongo-author-box>div>a.comment-avtar img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    /* ----- list style  ----- */
    /* list style 3 */
    ul.list-style-3 li {
        margin-bottom: 8px;
        padding-bottom: 10px;
    }
    /* list style 7 */
    ul.list-style-7 li {
        line-height: 20px;
    }
    /* ----- blockquote style  ----- */
    /* blockquote style 1 */
    blockquote {
        padding: 3px 0 3px 25px;
        width: 100%
    }
    blockquote,
    blockquote p {
        font-size: 13px;
        line-height: 19px;
    }
    /* blockquote style 2 */
    .blockquote-style-2 {
        font-size: 16px;
        line-height: 22px;
    }
    /* blockquote style 3 */
    .blockquote-style-3 .blockquote-content {
        font-size: 14px;
        line-height: 20px;
    }
    .blockquote-style-3 i {
        line-height: 40px;
        margin-right: 18px;
    }
    /* ----- blog detail  ----- */
    /* sidebar blog detail */
    .hongo-sidebar-style-2.sidebar .widget {
        margin-bottom: 20px;
    }
    .sidebar.hongo-sidebar-style-2 {
        margin-top: 40px;
    }
    /* ----- blog list  ----- */
    .hongo-blog-styles .hongo-blog-post-category {
        margin-bottom: 5px;
    }
    .hongo-blog-styles.hongo-blog-side-image .blog-post .blog-image {
        margin-bottom: 15px;
        padding: 0;
    }
    .hongo-blog-styles.hongo-blog-side-image .blog-post .blog-text {
        padding: 0;
    }
    .hongo-blog-styles .blog-posts ul {
        margin: 0 0px;
    }
    .hongo-blog-styles .blog-post:last-child {
        margin-bottom: 0;
    }
    .hongo-content-left-part .hongo-blog-standard.hongo-blog-styles .infinite-scroll-pagination {
        padding-bottom: 0;
    }
    .hongo-content-right-part .hongo-blog-standard.hongo-blog-styles .infinite-scroll-pagination {
        padding-bottom: 0;
    }
    /* blog clean */
    .hongo-blog-clean li.blog-post {
        margin-bottom: 0 !important;
    }
    /* comment box */
    .hongo-comment-box .comment-title {
        margin-bottom: 25px;
    }
    .blog-comment li {
        padding: 30px 0;
    }
    .blog-comment li .comment-image-box img {
        max-width: 50px;
        margin-bottom: 10px;
    }
    .blog-comment li .comment-author-wrapper {
        display: block;
    }
    .blog-comment li .comment-text-box {
        padding-left: 0;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
    .blog-comment li ul.children {
        margin-left: 20px;
    }
    .blog-comment li ul.children li {
        margin-top: 30px;
    }
    /* comment form */
    .reply-comment-title {
        margin-bottom: 30px;
        padding-top: 40px;
        margin-top: 40px;
    }
    .single-post .single-comment-layout-2 .reply-comment-title {
        padding-top: 40px;
    }
    .single-post .single-comment-layout-2 .hongo-comment-form .comment-form {
        padding: 30px 15px;
    }
    .comment-form>div {
        margin-bottom: 15px;
    }
    .comment-form>div:last-child {
        margin-bottom: 0;
    }
    .comment-respond .comment-form .comment-form-cookies-consent {
        margin-bottom: 15px;
    }
    /* related posts */
    .hongo-related-posts .blog-post-style-related .blog-post-images {
        margin-bottom: 15px;
    }
    .hongo-related-posts .blog-post-style-related .post-details a.post-title {
        margin-bottom: 5px;
    }
    .hongo-related-posts .related-post-general-title {
        margin-bottom: 30px;
    }
    .hongo-related-posts {
        margin-top: 50px;
    }
    /* blog standard style */
    .hongo-blog-standard .blog-image {
        padding: 15px 15px 0 15px !important;
    }
    .hongo-blog-standard .content .content-wrap {
        padding: 25px 15px 35px;
        width: 100%;
    }
    .hongo-blog-standard .content .content-wrap .hongo-blog-post-category a {
        font-size: 11px;
        line-height: 14px;
    }
    .hongo-blog-standard .content .content-wrap .hongo-blog-post-category span {
        font-size: 11px;
        line-height: 14px;
    }
    .hongo-blog-standard .content .content-wrap .entry-title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .hongo-blog-standard .content .hongo-blog-post-meta-wrap {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .hongo-blog-standard .content .hongo-blog-post-meta-wrap>.hongo-blog-post-meta {
        border-bottom: 1px solid #ededed;
        border-right: none;
        width: 100%;
    }
    .hongo-blog-standard .hongo-blog-blockquote .blockquote-style-3 i {
        margin-right: 15px;
    }
    .hongo-blog-standard .hongo-blog-blockquote .blockquote-style-3 {
        padding: 15px;
    }
    /* text modern */
    .hongo-blog-modern .blog-image~.blog-text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hongo-blog-modern .blog-text .hongo-blog-modern-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hongo-blog-modern .blog-text .hongo-blog-modern-meta-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* blog grid */
    .hongo-blog-styles.hongo-blog-grid .blog-post:last-child {
        margin-bottom: 0 !important;
    }
    .hongo-blog-grid .blog-image {
        margin-bottom: 15px;
    }
    /* blog masonry */
    .hongo-blog-masonry .hongo-no-image.blog-post .blog-image {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* blog clean */
    .hongo-blog-clean .blog-image {
        margin-bottom: 25px;
    }
    /* blog text */
    .hongo-blog-only-text .blog-date-author {
        padding-bottom: 15px;
    }
    /* blog image */
    .hongo-blog-image .hongo-blog-post-category {
        position: relative;
        margin: 0;
    }
    .hongo-blog-image .content-wrap {
        padding-bottom: 25px;
    }
    .blog-image.hongo-post-format-wrap,
    .single-post .blog-post-gallery-grid,
    .blog-image.hongo-blog-video,
    .blog-image.fit-videos,
    .blog-image.hongo-blog-video-html5,
    .blog-image.hongo-blog-blockquote,
    .blog-image.blog-image-standard,
    .blog-image.post-type-slider,
    .blog-image.hongo-blog-audio,
    .blog-image.hongo-blog-video,
    .blog-image.hongo-blog-video {
        margin-bottom: 25px;
    }
    .hongo-blog-image .entry-content {
        margin-bottom: 10px;
    }
    /* ----- special content block style  ----- */
    /* special content block style 1 */
    .special-content-block-1 .block-content {
        width: calc(100% - 20px);
        padding: 30px 10px 20px;
    }
    /* ----- progress bar style  ----- */
    /* progress bar style 2 */
    .progess-bar-style2 .skillbar {
        width: 90%;
    }
    /* ----- counter style  ----- */
    /* counter style 2 */
    .counter-style2 .feature-content {
        min-width: 130px;
    }
    /* 404 page */
    .hongo-404-content-bg {
        width: 100%;
        padding: 0 15px;
    }
    .hongo-404-content-wrap h2 {
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 15px;
    }
    .hongo-404-content-wrap .hongo-404-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .hongo-404-content-wrap .hongo-404-subtitle {
        font-size: 14px;
        line-height: 18px;
        width: 90%;
    }
    .hongo-404-content-wrap .hongo-404-image img {
        width: 300px;
    }
    .hongo-404-content-wrap .input-group {
        margin: 40px auto 0;
    }
    .hongo-404-content-wrap .search-form {
        margin-bottom: 20px;
    }
    .hongo-404-content-wrap a {
        margin-top: 40px;
    }
    .page-not-found {
        min-height: inherit !important
    }
    .page-not-found .slider-typography {
        position: inherit;
        padding-top: 20%;
        padding-bottom: 20%
    }
    /* page meta */
    .hongo-product-meta-left {
        width: 100%;
    }
    .hongo-product-meta-right {
        width: 100%;
        margin-top: 7px;
    }
    .hongo-product-meta-right .products-social-icon {
        text-align: left;
    }
    .hongo-product-meta-right .products-social-icon ul {
        float: none;
    }
    .hongo-product-meta-right .products-social-icon ul li:first-child {
        margin-left: 0;
    }
    .products-social-icon span {
        vertical-align: top;
    }
    /* magnific popup */
    .hongo-mfp-bg-white .mfp-content {
        max-width: 96%;
        padding: 15px;
    }
    /* ----- table style  ----- */
    /* table style 1 */
    .table-style-1 td,
    .table-style-1 th {
        padding: 10px 10px;
    }
    .table-style-1 tr th:first-child,
    .table-style-1 tr td:first-child {
        padding-left: 10px;
    }
    /* compare popup */
    .compare-popup-heading {
        margin-bottom: 10px;
    }
    .mfp-close-btn-in .mfp-close,
    .my-mfp-zoom-in .mfp-close {
        top: 0;
        right: 0;
    }
    .compare-popup-main-content .content-left {
        width: 85px;
    }
    .compare-popup-main-content .content-right {
        padding-left: 85px;
    }
    .compare-popup-main-content .content-left ul>li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .compare-popup-heading .actions {
        padding-top: 5px;
        padding-right: 30px;
    }
    /* single layout full */
    .container-fluid .hongo-full-width-no-padding .single-product-default div.images.woocommerce-product-gallery {
        padding-right: 15px
    }
    /* subscribe popup */
    .hongo-promo-popup-wrap .hongo-promo-popup-newsletter .input-group {
        width: 80%;
        margin: 0 auto;
    }
    .mfp-close-btn-in .hongo-promo-popup-wrap .mfp-close {
        right: 0;
    }
    /* ----- contact form  ----- */
    /* contact form style 2 */
    .hongo-contact-form-style-2 .wpcf7-text,
    .hongo-contact-form-style-2 .wpcf7-textarea,
    .hongo-contact-form-style-2 .wpcf7-select {
        margin-bottom: 25px;
    }
    /* contact form style 3 */
    .hongo-contact-form-style-3 .btn {
        margin-top: 10px;
    }
    /* contact form style 4 */
    .hongo-contact-form-style-4 .btn {
        margin-top: 10px;
    }
    /* ----- brand style  ----- */
    /* brand slider style 1 */
    .brand-style-slider-1 .swiper-slide {
        border: 0;
    }
    /* ----- category style  ----- */
    /* category style 4 */
    .category-style-4 .category-wrap .hongo-category-title {
        padding: 0 0 0 30px;
    }
    /* category style 9 */
    .category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-top {
        left: 10px;
        top: 20px;
    }
    .category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-bottom {
        left: 10px;
        bottom: 20px;
    }
    /* product carousel widget */
    .hongo_widget_products_carousel {
        margin-bottom: 0;
    }
    /* product list slider widget */
    .hongo-product-lists-widget-wrap .widget-title {
        margin-bottom: 20px;
    }
    .hongo-product-lists-widget-wrap .product_list_widget .right-part-content {
        padding-left: 20px;
    }
    /* ----- product category  ----- */
    /* product category style 10 */
    .category-style-10 li .hongo-category-grid-details.hongo-category-grid-center-bottom {
        bottom: 25px;
    }
    .category-style-9 li .category-bottom-text {
        left: 25px;
    }
    /* magnific popup */
    .hongo-mfp-bg-white .mfp-content {
        padding: 15px 40px 15px 15px;
    }
    .compare-popup-heading {
        margin-bottom: 10px;
    }
    /* ----- cart and account pages  ----- */
    /* cart page */
    .checkout-content-left {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .woocommerce-cart .checkout-content-left {
        margin-bottom: 55px;
    }
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        display: block !important;
        text-align: right!important;
    }
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block !important;
    }
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) !important;
        font-weight: 500 !important;
        float: left !important;
        display: block !important;
        color: #232323;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }
    .woocommerce table.shop_table_responsive tr,
    .woocommerce-page table.shop_table_responsive tr {
        display: block !important;
    }
    .woocommerce table.shop_table_responsive thead,
    .woocommerce-page table.shop_table_responsive thead {
        display: none !important
    }
    .woocommerce table.shop_table_responsive .cart_item {
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        display: block;
        padding-left: 95px;
        padding-bottom: 20px;
        background: none;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .woocommerce table.shop_table_responsive .cart_item:last-child {
        margin-bottom: 0;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-thumbnail {
        position: absolute;
        left: 0;
        width: 80px;
        display: inline-block;
        top: 0;
        overflow: hidden;
        text-align: left !important;
    }
    .woocommerce-cart table.cart td {
        padding: 0;
        border: 0;
        clear: both;
        margin: 0 0 10px 0;
    }
    .woocommerce-cart table.cart td:last-child {
        margin-bottom: 0;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-name {
        text-align: left !important;
        padding-right: 25px;
        margin-bottom: 10px;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-name:before {
        display: none !important
    }
    .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td:before {
        font-size: 12px;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-subtotal {
        padding-right: 0;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-subtotal .amount {
        font-weight: 600;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-remove {
        width: auto;
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        text-align: right !important;
        top: 0;
        z-index: 11;
    }
    .woocommerce-cart table.cart td.actions {
        padding-top: 0;
        display: block;
        width: 100%;
        text-align: center !important;
    }
    .woocommerce-cart table.cart td.actions .coupon {
        padding-bottom: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .woocommerce-cart table.cart td.actions .button,
    .woocommerce-cart table.cart td.actions .btn {
        float: none;
    }
    .woocommerce-cart table.cart td.actions .button {
        margin-left: 0;
    }
    .woocommerce table.shop_table_responsive tbody th,
    .woocommerce-page table.shop_table_responsive tbody th {
        display: none;
    }
    .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th,
    .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td,
    .woocommerce-checkout .checkout-sidebar table.shop_table th,
    .woocommerce-checkout .checkout-sidebar table.shop_table td {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .woocommerce-checkout .checkout-sidebar table.shop_table th {
        width: 50%;
    }
    .woocommerce-cart .cross-sells .swiper-container .swiper-button-next {
        right: 0;
    }
    .woocommerce-cart .cross-sells .swiper-container .swiper-button-prev {
        right: 15px;
        left: auto;
    }
    .woocommerce-checkout .woocommerce form.login,
    .woocommerce form.checkout_coupon {
        width: 100%;
    }
    .cart-empty i,
    .no-product-wishlist i {
        font-size: 40px;
        margin-bottom: 25px;
    }
    .hongo-wishlist-page table.table td .button {
        min-width: auto;
    }
    #add_payment_method #payment ul.payment_methods,
    .woocommerce-cart #payment ul.payment_methods,
    .woocommerce-checkout #payment ul.payment_methods {
        padding: 20px 15px;
    }
    .woocommerce-cart .cross-sells>h2 {
        text-align: center;
    }
    /* checkout page */
    .woocommerce-checkout .woocommerce form.checkout {
        margin-top: 30px;
    }
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
    .woocommerce form .form-row {
        margin-bottom: 20px
    }
    .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th {
        padding-top: 0;
    }
    .woocommerce table.shop_table.woocommerce-checkout-review-order-table {
        margin-bottom: 15px;
    }
    #add_payment_method #payment ul.payment_methods,
    .woocommerce-cart #payment ul.payment_methods,
    .woocommerce-checkout #payment ul.payment_methods {
        margin-bottom: 25px;
    }
    .woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .validate-required {
        margin-bottom: 10px;
    }
    .checkout .checkout-content-left {
        padding-right: 0px;
    }
    .woocommerce-form-login-toggle .woocommerce-info {
        padding-bottom: 20px !important;
    }
    .woocommerce-form-login-toggle .woocommerce-info i,
    .woocommerce-form-coupon-toggle .woocommerce-info i {
        margin-right: 0;
        margin-bottom: 5px
    }
    .checkout-sidebar {
        padding: 20px;
    }
    /* order page */
    .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th,
    .woocommerce-account .woocommerce .woocommerce-table--order-details tfoot tr th,
    .woocommerce-order-details table.shop_table tfoot tr th,
    .woocommerce-order-pay table.shop_table tfoot tr th {
        padding-left: 10px !important;
        width: 50%;
    }
    .woocommerce ul.order_details li,
    .woocommerce ul.order_details li:last-of-type {
        margin-bottom: 10px;
    }
    .woocommerce ul.order_details {
        margin-bottom: 40px;
    }
    .woocommerce-order>section:last-child {
        margin-top: 40px;
    }
    .woocommerce-thankyou-order-received {
        font-size: 20px;
        margin-bottom: 30px;
        padding-bottom: 25px;
    }
    .woocommerce-checkout h4 {
        margin-bottom: 15px;
    }
    .woocommerce ul.order_details li,
    .woocommerce ul.order_details li:last-of-type {
        width: 100%;
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .woocommerce ul.order_details li:last-child {
        margin-bottom: 0;
    }
    .woocommerce .woocommerce-columns--addresses,
    .woocommerce-account .woocommerce-Addresses {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .woocommerce-account .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
    .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
        width: 100%;
    }
    .woocommerce .woocommerce-columns--addresses .woocommerce-column,
    .woocommerce-account .woocommerce-Address {
        margin-right: 0;
    }
    .woocommerce-account .woocommerce-Address {
        margin-bottom: 30px;
    }
    .woocommerce-account .woocommerce table.shop_table td:first-child,
    .woocommerce-account .woocommerce table.shop_table th:first-child,
    .woocommerce-order-pay table.shop_table td:first-child,
    .woocommerce-order-pay table.shop_table th:first-child {
        padding-left: 10px;
    }
    .woocommerce-account .woocommerce .account-orders-table tr:last-child td,
    .woocommerce-account .woocommerce .woocommerce-order-downloads tr:last-child td {
        border-bottom: 1px solid #e8e8e8;
    }
    .woocommerce-account .woocommerce .account-orders-table tr td:last-child:before {
        margin-top: 6px;
    }
    .woocommerce-account .woocommerce .account-orders-table tr:last-child td:last-child,
    .woocommerce-account .woocommerce .woocommerce-order-downloads tr:last-child td:last-child {
        border-bottom: 0;
    }
    .woocommerce .woocommerce-order-details,
    .woocommerce .woocommerce-order-downloads {
        margin-bottom: 30px;
    }
    .woocommerce-account .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
        margin-bottom: 30px;
    }
    .woocommerce .woocommerce-order .woocommerce-column--billing-address {
        margin-bottom: 30px;
    }
    .woocommerce-account form.edit-account fieldset legend {
        margin-bottom: 20px;
    }
    .woocommerce-account .woocommerce table.my_account_orders tr td.woocommerce-orders-table__cell-order-actions {
        max-width: 100%
    }
    .track_order {
        padding: 25px;
        width: 100%;
    }
    /* login, register, reset password  */
    .woocommerce-account #customer_login.col2-set {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .woocommerce-account #customer_login.col2-set .u-column1.col-1 {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .woocommerce form.login,
    .woocommerce form.register {
        padding: 30px 20px;
    }
    .hongo-myaccount-navigation-links {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 35px;
    }
    .hongo-myaccount-navigation-links li {
        width: 50%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
        margin-bottom: 40px;
    }
    .woocommerce form.lost_reset_password,
    .woocommerce form.lost_reset_password {
        width: 100%;
    }
    .hongo-myaccount-without-register {
        width: 100%;
    }
    /* my account */
    .hongo-wishlist-page table.table tr {
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        display: block;
        padding-left: 95px;
        padding-bottom: 10px;
        background: none;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .hongo-wishlist-page table.table tr:last-child {
        border: 0;
        padding-left: 0;
        padding-bottom: 0;
        background: none;
        margin-bottom: 0;
        overflow: inherit;
    }
    .hongo-wishlist-page table.table tr:first-child {
        display: none;
    }
    .hongo-wishlist-page table.table td {
        display: block;
        padding: 0;
        border: 0;
        clear: both;
        margin: 0 0 10px 0;
    }
    .hongo-wishlist-page table.table tr td.product-check-single {
        display: none;
    }
    .hongo-wishlist-page table.table tr td.product-thumbnail {
        position: absolute;
        left: 0;
        width: 80px;
        display: inline-block;
        top: 0;
        bottom: 15px;
        overflow: hidden;
    }
    .hongo-wishlist-page table.table tr td:last-child {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }
    .hongo-wishlist-page table.table tr td:last-child a {
        float: right;
        padding: 5px;
        line-height: 14px;
        margin-top: -2px;
    }
    .hongo-wishlist-page table.table tr:last-child td {
        border-bottom: 0;
        padding-left: 0;
        margin: 0;
        padding-right: 0;
        width: auto !important;
    }
    .hongo-wishlist-page table.table tr:last-child td:last-child {
        position: static;
        display: initial;
    }
    .hongo-wishlist-page table.table tr:last-child td:last-child a {
        padding: 0;
        line-height: 20px;
    }
    /* footer */
    .footer-default-wrapper {
        text-align: center;
    }
    .footer-default-wrapper .footer-sidebar {
        margin-bottom: 30px;
    }
    .footer-default-wrapper .footer-sidebar:last-child {
        margin-bottom: 0;
    }
    footer .hongo-footer-middle .widget .widget-title,
    footer .hongo-footer-middle .hongo-link-menu li.menu-title {
        margin-bottom: 5px;
    }
    .widget_nav_menu ul li,
    .hongo-link-menu li {
        margin: 0;
    }
    footer .vc_col-xs-12 .latest-post.hongo-latest-blog-widget {
        width: 50%;
        margin: 0 auto;
    }
    footer .hongo-footer-bottom .hongo-contact-info-wrap>div {
        padding: 0;
        margin: 0;
        display: block;
    }
    footer .hongo-footer-bottom .hongo-contact-info-wrap>div:before {
        display: none;
    }
    footer .vc_col-md-12 .hongo-instagram-widget-wrap li,
    footer .vc_col-sm-12 .hongo-instagram-widget-wrap li {
        width: 25%;
    }
    footer .vc_col-sm-12 .latest-post.hongo-latest-blog-widget li:first-child {
        margin-top: 5px;
    }
    footer .vc_col-sm-12 .latest-post.hongo-latest-blog-widget li {
        width: 100%;
        display: table;
        float: none;
        padding: 0 0 10px;
        margin: 0 0 11px 0;
    }
    footer .vc_col-sm-12 .latest-post.hongo-latest-blog-widget li:last-child {
        padding: 0;
        margin: 0;
    }
    footer a {
        line-height: 27px;
    }
    /* cookie */
    .cookie-container .btn {
        margin-left: 0;
    }
    .cookie-container .hongo-cookie-policy-text {
        margin-bottom: 15px;
    }
    /* smart product */
    .hongo-smart-product-wrap .hongo-smart-product-close {
        font-size: 12px;
    }
    /* ----- social media icon style  ----- */
    /* social icon style 14 */
    .social-icon-style-14 ul.large-icon li,
    .social-icon-style-14 ul.extra-large-icon li,
    .social-icon-style-14 ul.extra-small-icon li,
    .social-icon-style-14 ul.medium-icon li {
        padding: 3px 14px;
    }
    .social-icon-style-14 ul.large-icon li:first-child,
    .social-icon-style-14 ul.extra-large-icon li:first-child,
    .social-icon-style-14 ul.extra-small-icon li:first-child,
    .social-icon-style-14 ul.medium-icon li:first-child {
        padding-left: 0;
    }
    .social-icon-style-14 ul.large-icon li:last-child,
    .social-icon-style-14 ul.extra-large-icon li:last-child,
    .social-icon-style-14 ul.extra-small-icon li:last-child,
    .social-icon-style-14 ul.medium-icon li:last-child {
        padding-right: 0;
    }
    .social-icon-style-14 ul.large-icon li:before,
    .social-icon-style-14 ul.extra-large-icon li:before,
    .social-icon-style-14 ul.extra-small-icon li:before,
    .social-icon-style-14 ul.medium-icon li:before {
        height: 10px;
    }
    .social-icon-style-14 ul.extra-small-icon li a,
    .social-icon-style-14 ul.very-small-icon li a,
    .social-icon-style-14 ul.small-icon li a,
    .social-icon-style-14 ul.medium-icon li a,
    .social-icon-style-14 ul.large-icon li a,
    .social-icon-style-14 ul.extra-large-icon li a {
        font-size: 12px;
    }
    /* social icon style 15 */
    .social-icon-style-15 ul.large-icon li,
    .social-icon-style-15 ul.extra-large-icon li,
    .social-icon-style-15 ul.extra-small-icon li,
    .social-icon-style-15 ul.medium-icon li {
        padding: 3px 5px;
    }
    .social-icon-style-15 ul.large-icon li:first-child,
    .social-icon-style-15 ul.extra-large-icon li:first-child,
    .social-icon-style-15 ul.extra-small-icon li:first-child,
    .social-icon-style-15 ul.medium-icon li:first-child {
        padding-left: 0;
    }
    .social-icon-style-15 ul.large-icon li:last-child,
    .social-icon-style-15 ul.extra-large-icon li:last-child,
    .social-icon-style-15 ul.extra-small-icon li:last-child,
    .social-icon-style-15 ul.medium-icon li:last-child {
        padding-right: 0;
    }
    .social-icon-style-15 ul.large-icon li:before,
    .social-icon-style-15 ul.extra-large-icon li:before,
    .social-icon-style-15 ul.extra-small-icon li:before,
    .social-icon-style-15 ul.medium-icon li:before {
        height: 10px;
    }
    .social-icon-style-15 ul.extra-small-icon li a,
    .social-icon-style-15 ul.very-small-icon li a,
    .social-icon-style-15 ul.small-icon li a,
    .social-icon-style-15 ul.medium-icon li a,
    .social-icon-style-15 ul.large-icon li a,
    .social-icon-style-15 ul.extra-large-icon li a {
        font-size: 12px;
    }
    /* gallery grid */
    .blog-post-gallery-grid .grid-item figure .blog-post-gallery-img img {
        width: 100%;
    }
    /* wpbakery page builder */
    .compose-mode header .vc_hidden-xs {
        display: none!important;
    }
    /* landing page sticky header */
    header .landing-header .btn.btn-round.btn-medium {
        padding: 6px 20px;
        font-size: 11px
    }
    /* sticky add product */
    .sticky-add-to-cart-wrapper .product-right-part {
        width: 100%;
        text-align: center;
    }
    .sticky-add-to-cart-wrapper .product-right-part .hongo-add-to-cart-button-wrap {
        float: none;
        text-align: center;
    }
    .sticky-add-to-cart-wrapper .product-right-part .cart {
        display: inline-block;
        float: none;
        width: auto;
        vertical-align: top;
    }
    .sticky-add-to-cart-wrapper .product-image,
    .sticky-add-to-cart-wrapper .product-left-part-right {
        float: none;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
    }
    .sticky-add-to-cart-wrapper .product-left-part {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .woocommerce .single-product-modern div.product .sticky-add-to-cart-wrapper form.cart .hongo-add-to-cart-button-wrap {
        float: none;
        text-align: center;
        display: inline-block;
    }
    .woocommerce .single-product-modern div.product .sticky-add-to-cart-wrapper form.cart .hongo-single-product-buttons {
        float: none;
    }
    /* gutenberg default blocks */
    .container.hongo_layout_no_sidebar_single .entry-content .alignfull,
    .page .container .entry-content .alignfull {
        left: inherit;
        width: inherit;
    }
    /* captions */
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
        width: 100%;
    }
    .wp-caption.alignright {
        margin: 0 0 20px 20px;
        width: 100%;
    }
    /* ----- product timer ----- */
    .hongo-product-deal-wrap,
    .hongo-quick-view-deal-wrap {
        float: left;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    /* ----- special content block style  ----- */
    /* special content block style 2 */
    .special-content-block-2 .block-content {
        padding: 25px 20px;
    }
    /* ----- classic style  ----- */
    .woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .price>span {
        display: inline-block
    }
    /* page title style 5 */
    .page-title-style-5 .hongo-main-title {
        width: 100%;
    }
    /* page title style 7 */
    .page-title-style-7 .hongo-main-subtitle {
        width: 75%;
        margin: 0 auto 10px;
    }
    /* page title style 8 */
    .page-title-style-8 .hongo-main-title {
        width: 100%;
    }
    .page-title-style-8 .hongo-main-subtitle {
        width: 85%;
        margin: 8px auto 0;
    }
}

@media (max-width: 479px) {
    /* reviews comments */
    .comment-respond .comment-form .comment-form-author {
        width: 100%;
    }
    .comment-respond .comment-form .comment-form-email {
        width: 100%;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        margin: 0;
        padding-left: 0;
        display: block;
        clear: both;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
        display: block;
        clear: both;
    }
    .woocommerce #reviews #comments ol.commentlist li img.avatar {
        margin-bottom: 10px;
        position: relative;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
        float: left;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text .description {
        display: block;
        clear: both;
    }
    /* -----  woocommerce detail page  ----- */
    /* single product extended descriptions */
    .woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap ol li {
        width: 33.333%;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-right-part div.product .products-social-icon {
        margin-right: 7px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-left-part div.product .products-social-icon {
        margin-right: 7px;
    }
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part .extended-descriptions-content-wrap {}
    .woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part div.product .products-social-icon {
        margin-right: 7px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-right-part div.product .products-social-icon {
        margin-right: 7px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-left-part div.product .products-social-icon {
        margin-right: 7px;
    }
    .woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product .products-social-icon {
        margin-right: 7px;
    }
    .woocommerce .container.single-product-extended-descriptions div.product form.cart div.quantity {
        margin-right: 10px !important;
    }
    .woocommerce .container.single-product-extended-descriptions form.cart .variations td.label {
        width: 55px;
    }
    /* single product classic */
    .woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap ol li {
        width: 33.333%;
    }
    /* single product modern */
    .woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap ol li {
        width: 33.333%;
    }
    /* group product */
    .woocommerce div.product form.cart .hongo-group-product-wrap {
        overflow-x: auto
    }
    .woocommerce div.product form.cart table.group_table {
        width: 500px;
    }
    /* subscribe popup */
    .hongo-promo-popup-wrap .hongo-promo-popup-newsletter .input-group {
        width: 100%;
    }
    .woocommerce div.product div.images img.emoji {
        display: none !important;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
        display: block;
        content: "";
        width: 14px;
        height: 14px;
        background-size: cover !important;
        background: url("../../assets/images/zoom-icon.svg");
        border-radius: 0;
        position: absolute;
        top: 7px;
        left: 7px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        box-sizing: content-box;
    }
    /* shop banner 16 */
    .hongo-shop-banner-16.center-side-product .shop-banner-wrapper {
        width: 80%;
    }
    .hongo-shop-banner-16.left-side-product .shop-banner-wrapper,
    .hongo-shop-banner-16.right-side-product .shop-banner-wrapper {
        width: 65%;
    }
    /* footer */
    footer .vc_col-xs-12 .latest-post.hongo-latest-blog-widget {
        width: 68%;
    }
    /* order page */
    .hongo-myaccount-navigation-links {
        margin-left: -8px;
        margin-right: -8px;
    }
    .hongo-myaccount-navigation-links li {
        width: 50%;
        margin-bottom: 16px;
        padding: 0 8px;
    }
    .hongo-myaccount-navigation-links li a {
        padding: 25px 5px;
        font-size: 11px
    }
    .hongo-myaccount-navigation-links li:last-child {
        margin-bottom: 0;
    }
    .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th,
    .woocommerce-account .woocommerce .woocommerce-table--order-details tfoot tr th,
    .woocommerce-order-details table.shop_table tfoot tr th {
        padding-left: 10px !important;
    }
    /* ----- swiper slider style  ----- */
    /* swiper slider style 8 */
    .hongo-shop-slider-style-8 .cover-background {
        background-position: center right !important;
    }
    .hongo-shop-slider-style-8 .hongo-slider-text-middle-inner {
        width: 70%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .hongo-shop-slider-style-8 .swiper-button-next {
        right: 15px;
    }
    .hongo-shop-slider-style-8 .swiper-button-prev {
        left: 15px;
    }
    .hongo-shop-slider-style-8 .hongo-slider-typography-wrap .title {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .hongo-shop-slider-style-8 .hongo-slider-typography-wrap .subtitle {
        margin-bottom: 10px;
    }
    .hongo-shop-slider-style-8 .hongo-slider-typography-wrap .hongo-separator {
        height: 20px;
        margin-bottom: 5px;
    }
    /* sticky add product */
    .sticky-add-to-cart-wrapper .product-right-part {
        float: left;
        width: 100%;
    }
    .sticky-add-to-cart-wrapper .hongo-single-product-buttons a {
        padding: 0;
        border: none;
        background-color: transparent;
    }
    .sticky-add-to-cart-wrapper .hongo-single-product-buttons a:hover {
        border: none;
    }
    .sticky-add-to-cart-wrapper .hongo-single-product-buttons a i {
        margin-right: 0;
        top: 5px;
        font-size: 19px;
    }
    .sticky-add-to-cart-wrapper .hongo-single-product-buttons a .wish-list-text {
        display: none;
    }
    .woocommerce .sticky-add-to-cart-wrap button.button.single_add_to_cart_button {
        padding: 8px 15px 8px 15px;
    }
}

@media (max-width: 380px) {
    /* ----- sidebar  ----- */
    /* newsletter */
    .hongo-content-newsletter-5 .input-group .input-group-btn .btn {
        margin: 0 !important;
        width: 100%;
    }
    /* ----- interactive banner style  ----- */
    /* interactive banner style 2 */
    .interactive-banner-style-2 .hongo-featurebox-text {
        padding: 40px 50px 55px 30px;
    }
    /* footer */
    footer .vc_col-xs-12 .latest-post.hongo-latest-blog-widget {
        width: 78%;
    }
    /* smart product */
    .hongo-smart-product-wrap {
        left: 7.5%;
        width: 85%;
        bottom: 20px;
    }
    /* subscribe popup */
    .hongo-promo-popup-wrap .hongo-promo-popup-newsletter label {
        margin-top: 20px;
    }
    /* ----- special content block style  ----- */
    /* special content block style 2 */
    .special-content-block-2 .block-content {
        padding: 15px 20px;
    }
    .special-content-block-2 .hongo-separator {
        margin-bottom: 20px;
    }
    .special-content-block-2 .block-content .content-block-title {
        margin-bottom: 20px;
    }
    /* social icon style 14 */
    .social-icon-style-14 ul li {
        margin: 3px 0;
        padding: 3px 10px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .woocommerce .star-rating::before,
    .woocommerce .star-rating span::before {
        letter-spacing: 1px;
    }
    .woocommerce .single-product-right-content .woocommerce-product-rating .star-rating {
        right: -4px;
    }
    .woocommerce .single-product-left-content .woocommerce-product-rating .star-rating {
        right: -4px;
    }
    .woocommerce .single-product-classic .woocommerce-product-rating .star-rating {
        right: -4px;
    }
    .woocommerce .single-product-carousel .woocommerce-product-rating .star-rating {
        right: -4px;
    }
    .woocommerce .single-product-sticky .woocommerce-product-rating .star-rating {
        right: -4px;
    }
    .woocommerce .single-product-modern div.product .woocommerce-product-rating .star-rating {
        right: -4px;
    }
    .woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .swiper-button-next,
    .single-product-classic div.product div.images.woocommerce-product-gallery .swiper-button-prev {
        opacity: 1 !important;
        visibility: visible;
    }
}