
.select-box{
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: 200px;
    display: none;
    /*height: 201px;*/
    /*overflow: auto;*/
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

.toolbar.toolbar-products select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.toolbar.toolbar-products select option[selected="selected"] {
    color: #ED2B32;
}

.products-grid .product-items.row {
    margin: 0 -25px;
}
.category-description {
    margin-bottom: 30px;
}
body.marketplace-seller-collection .product-item-info .featured-image {
    width: auto;
    font-size: 10px;
    line-height: 12px;
    z-index: 0;
    font-family: 'Conv_SukhumvitTadmai_Tex';
    font-weight: 600;
    padding: 5px;
}
body.marketplace-seller-collection .product-item-info .label-product.label-new {
    width: auto;
    font-size: 10px;
    line-height: 12px;
    padding: 5px;
    font-family: 'Conv_SukhumvitTadmai_Tex';
    font-weight: 600;
    z-index: 0;
}
body.marketplace-seller-collection .product-item-info .price-box .price{
    font-size: 16px;
    font-family: 'Gotham-Bold';
    line-height: 19px;
}
body.catalog-category-view #page-title-heading {
    margin-bottom: 20px; 
}

.login-container .actions-toolbar > .primary .action.login {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    border-color: transparent;
    background-color: #CF3339 !important;
    color: #fff;
    font-size: 18px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    margin: 40px 0 30px 0;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.login-container .actions-toolbar > .primary .action.login:disabled {
    background-color: rgba(91,102,112,.6) !important;
    pointer-events: none;
}
body.catalog-product-view .page-wrapper .product-info-main .product-info-price .price-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    flex-direction: row;
    margin-top: 0;
    gap: 10px;
    bottom: initial;
}
form#product_addtocart_form:after {
    content: '';
    display: block;
    clear: both;
}
body.catalog-product-view.iti-mobile .product-info-main .product-add-form .box-tocart .fieldset .actions button {
    top: initial;
}
body .product-info-main .product-options-bottom {
    width: 100%;
    padding: 0 0 9px;
}
body.catalog-product-view.iti-mobile .product-info-main .product-info-price { 
    order: 3;
}
.product-info-main .product.attribute.overview {
    margin-top: 0;
}
body.catalog-product-view.iti-mobile .page-title-wrapper.product .page-title {
    margin-bottom: 0;
}
body.catalog-product-view .product.media a.action.towishlist.active:before {
    background: url(../images/ico_heart_red.svg) no-repeat center;
    filter: initial;
    left: initial !important;
    height: 44px;
    width: 44px;
    content: '';
}
body.catalog-product-view.iti-mobile .col-lg-12.col-md-12 .product-info-main {
    top: 0;
    margin-bottom: 0;
}
body .default-style .resp-tabs-container {
    display: none;
}
.catalog-product-view .product.info.detailed {
    display: none;
}
body.catalog-product-view.iti-mobile .breadcrumbs.cus-mobi .container {
    padding-left: 0 !important;
    left: initial;
    width: 100%;
}
body.catalog-product-view.iti-mobile .breadcrumbs.cus-mobi {
    margin: 0!important;
    padding: 0 !important;
}
body.catalog-product-view.iti-mobile .breadcrumbs.cus-mobi .container {
    margin: 0;
}
.block.review {
    width: 100%;
}
body.catalog-product-view.iti-mobile .breadcrumbs.cus-mobi li.item {
    line-height: 1.4;
    height: auto;
}
.modal-popup.prar-form-popup header.modal-header {
    padding-top: 6rem;
}
.modal-popup.prar-form-popup .modal-inner-wrap {
    height: calc(100% - 70px);
}

/* ############################ */

/* Scroll */
#maincontent ::-webkit-scrollbar {
  width: 6px;
}
#maincontent ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
#maincontent ::-webkit-scrollbar-thumb {
  background: #d9d9d9; 
  border-radius: 5px;
}
#maincontent ::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2; 
}

body.cms-merchant-register h1.cart-page {
    text-align: center;
    line-height: 29px;
}
body.cms-merchant-register h1.cart-page span:after{
    content: '';
    width: 230px;
    display: block;
    text-align: center;
    margin: 7px auto;
    border-bottom: 2px solid #CF3339;
}
.validation-advice{
    position: absolute;
    font-size: 14px;
}
fieldset > .field.form-register > .label:after{
    content: '';
    color: transparent!important;
}
body.cms-merchant-register .fieldset > h3.legend > span {
    margin-bottom: 37px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    font-weight: 600;
    line-height: 34px;
}
body.cms-merchant-register form input[type="text"]:focus{
    border-bottom: 1px solid #CF3339;
}
body.cms-merchant-register form .form-register input{
    height: 28px!important;
    padding: 0;
    border-bottom: 1px solid rgba(91, 102, 112, .15);
}
body.cms-merchant-register form .form-register input::placeholder{
    color: rgba(225, 225, 225, 0);
}
body.cms-merchant-register form select:not([disabled]):focus{
    border-bottom: 1px solid #CF3339;
}
body.cms-merchant-register form .fieldset > .field:not(.text-pic-merchant-register) {
    position: relative;
}
body.cms-merchant-register form .fieldset > .field:not(.text-pic-merchant-register) {
    margin-bottom: 62px !important;
}
body.cms-merchant-register .col1-layout form .topFieldset > .field:last-child{
    margin-bottom: 0px!important;
}
.cms-merchant-register form .fieldset .form-register label{
    position: absolute;
    top: 9px;
    color: rgba(91, 102, 112, .7);
    margin-bottom: 2px;
    font-size: 16px!important;
}
.merchant-register-l{
    padding-right: 40px!important;
}
.merchant-register-r{
    padding-left: 40px!important;
}

.cms-merchant-register form .fieldset .form-register .control:focus-within label,.cms-merchant-register form .fieldset .form-register .control .label-active{
    top: -25px;
    color: rgba(201, 51, 57, 1);
    font-size: 14px!important;
}
.cms-merchant-register form .fieldset .form-register-select :focus-within + label{
    position: absolute;
    top: -10px;
    color: #231f20;
    font-size: 14px!important;
}
.cms-merchant-register .field select{
    line-height: 26px;
    padding: 0;
    height: 28px;
    background-position-x: 99%;
}
body.cms-merchant-register .bottomFieldset > .legend {
    margin-bottom: 10px!important;
}

/* Checkbox */
body.cms-merchant-register form .webforms-fields-sale-category select.sale-category, body.cms-merchant-register form .webforms-fields-sale-brand select{
    display: none;
}
body.cms-merchant-register form .webforms-fields-sale-category .selectBox select{
    height:45px!important;
}
.webforms-fields-sale-category .control > label.focused, .webforms-fields-sale-brand .control > label.focused{
    color: #ED2B32;
}
.webforms-fields-more_brand .control label{
    font-size: 16px;
}
.webforms-fields-more_brand .control input{
    padding: 0px;
}
.show-option, .show-option_brand{ 
    position: relative;
    min-height: 28px;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}
.show-option.focused, .show-option_brand.focused{
    border-bottom-color: #ED2B32;
}
.show-option:after, .show-option_brand:after{
    position: absolute;
    right: 0;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 20px;
    color: #888888;
}
.show-option.focused:after, .show-option_brand.focused:after{
    color: #ED2B32;
}
.trans-select_sale, .trans-select_brand{
    color: rgba(91, 102, 112, .55);
}
#checkboxes, #checkboxes2{
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: 93.2%;
    display: none;
    height: 201px;
    overflow: auto;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

#checkboxes .opt-select, #checkboxes2 .opt-select{
    position: relative;
    padding: 5px;
}
#checkboxes .opt-select:hover, #checkboxes2 .opt-select:hover{
    background-color: #ebebeb;
}
#checkboxes input, #checkboxes2 input{
    opacity: 0; 
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 28px;
    cursor: pointer;
}
#checkboxes label, #checkboxes2 label{
  display: block;
  padding-left: 30px !important;
}
#checkboxes label:hover, #checkboxes2 label:hover {
  background-color: #1e90ff;
}
#checkboxes .checkmark, #checkboxes2 .checkmark{
    top: 8px;
    left: 8px;
}
#checkboxes input:checked + span.checkmark, #checkboxes2 input:checked + span.checkmark{
    background-color: #ED2B32;
    border-color: #ED2B32;
}
#checkboxes input:checked + span.checkmark:after, #checkboxes2 input:checked + span.checkmark:after{
    content: '';
    display: block;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
}

body.cms-merchant-register form .webforms-fields-sale-brand select {
    height: 230px !important;
}
.fieldset .group-category .control .label, .fieldset .group-brand .control .label{
    margin-bottom: 10px;
    font-size: 16px;
}
body.cms-merchant-register form .actions-toolbar > .reset button[type="reset"]{
    width: 205px;
    border: 1px solid #ED2B32;
    border-radius: 6px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}
body.cms-merchant-register form .actions-toolbar > .primary .action{
     width: 205px;
    background-color: rgba(91, 102, 112, .6) !important;
    color: #fff;
    border: 1px solid rgb(157, 163, 169);
    border-radius: 6px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}
body.cms-merchant-register form .actions-toolbar > .primary .action:hover {
/*     background: none;
    color: #fff!important;
    background: #ED2B32!important;
    border: 1px solid rgb(212, 19, 103);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2); */
}
body.cms-merchant-register .webforms form .actions-toolbar button.disabled{
    opacity: 0.6;
    background-color: #5B6670!important;
    color: #ffffff!important;
    border: 1.8px solid #5B6670!important;
    pointer-events: none;
}
body.cms-merchant-register form .actions-toolbar > .reset button span, body.cms-merchant-register form .actions-toolbar > .primary button span{
    font-family: 'Conv_SukhumvitTadmai_Bol';
}
body.cms-merchant-register form .pic-merchant-register .drop-zone{
    margin-bottom: 20px;
    border: 1px dashed #5B6670;
}
body.cms-merchant-register form .pic-merchant-register .drop-zone-preview {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
    border: 1px solid #5B6670;
    
}
body.cms-merchant-register form .pic-merchant-register .drop-zone-preview .drop-zone-attachment{
    overflow: unset;
    height: 100px;
    text-align: center;
}
.drop-zone-preview-icon-file img{
    max-width: 80px!important;
    max-height: 80px!important;
}
body.cms-merchant-register form .pic-merchant-register .drop-zone-preview .drop-zone-preview-file{
    position: absolute;
    font-size: 12px;
    bottom: -13px;
    width: 100%;
}
body.cms-merchant-register form .pic-merchant-register .drop-zone-preview .drop-zone-preview-icon-close {
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
    width: 20px;
    height: 20px;
    border-radius: 30px;
    padding-top: 2px;
    padding-left: 1px;
    top: 25px;
    right: 2px;
}
.drop-zone-preview-icon-close svg ,.drop-zone svg{
    display: none;
}
.drop-zone-preview-icon-close:after{
    content: "";
    display: block;
    background: url(../images/icon-delete-bin.svg) no-repeat 100% center;
    width: 15px;
    height: 15px;
}
.drop-zone span:after{
    content: "";
    display: block;
    background: url(../images/icon-addimage.svg) no-repeat 100% center;
    width: 25px;
    height: 25px;
    margin: 0 auto 3px;
}

/* Register Success */
.cms-merchant-register .col1-layout div.webforms-success-text{
    background-color: transparent;
    border: none;
    text-align: center;
    line-height: 28px;
}
.cms-merchant-register .col1-layout div.webforms-success-text img{
    margin-bottom: 35px;
}
.cms-merchant-register .col1-layout div.webforms-success-text .title-success {
    font-size: 35px;
    font-weight: 600;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    line-height: 60px;
    margin-bottom: 15px;
}
.cms-merchant-register .col1-layout div.webforms-success-text .success{
    white-space: pre;
    margin-bottom: 35px;
    color: #5B6670;
}
.cms-merchant-register .col1-layout div.webforms-success-text .btn-register-success{
    display: inline-block;
    clear: both;
    background: #d41365;
    padding: 9.5px 30px;
    border-radius: 6px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.webforms-success-text .btn-register-success a{
    color: #ffffff;
    font-weight: 600;
}

/* Help Center */
.cms-helpcenter .block{
    margin-top: 43px;
}
.help-menu-three h1 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 0px;
}
h1.helpcenter-main-title:after{
    content: '';
    width: 90px;
    display: block;
    text-align: center;
    margin: 7px auto;
    border-bottom: 2px solid #ED2B32;
}
.help-menu-box {
    padding: 50px 40px 20px;
}
.help-menu-three .help-menu-box .help-bg {
    margin-bottom: 20px;
    width: 100%;
    padding: 25px!important;

    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .16) 0px 3px 6px 0px;
}
.help-menu-three .help-menu-box .content-help-center p a {
    font-weight: 400;
    text-decoration: underline;
    color: rgba(91, 102, 112, .7);
}
.help-menu-three .help-ask h1 {
    font-size: 35px;
    line-height: 34px;
    margin-bottom: 20px;
}
.help-menu-three .help-ask ul {
    margin-left: 15px;
}
.help-menu-three .help-ask {
    margin: 0 0 80px;
}
.help-menu-three .help-ask li {
    list-style: disc;
    font-size: 20px;
    line-height: 45px;
    font-weight: bold;
     margin-bottom: 0px!important; 
}
.help-detailmore {
    margin: 5px 0px 0px 0px;
    padding: 0px !important;
}
/* 25/03/20 */
.content-help-center {
    line-height: 1.5;
}


/* ======== */
/* non-return-able */
.cms-non-return-able .wrapperNonReturnAble .col-sm-12 {
    line-height: 25px;
}
/* How to Register */
.cms-howto-register .page-main, .cms-howto-register-registration-website .page-main{
    padding-top: 40px;
}
.cms-howto-register .wrapperMenu .menuList li{
    margin-bottom: 7px;
}
.cms-howto-register .wrapperMenu .mainTitle, .cms-howto-register-registration-website .wrapperMenu .mainTitle{
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #ED2B32;
}
.cms-howto-register .help-new{
    padding-top: 20px;
}
.cms-howto-register .help-new h1 {
    text-align: center;
    font-size: 35px;
    line-height: 45px;
}
.cms-howto-register .help-new h1:after {
    border-bottom: 2px solid #ED2B32;
    content: "";
    display: block;
    width: 120px;
    text-align: center;
    margin: 7px auto 0;
}
.cms-howto-register .help-new li:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    position: relative;
    background: #000;
    top: -2px;
}
.cms-howto-register .help-new ul li {
    margin-bottom: 12px;
}
.cms-howto-register .help-register h3{
    font-weight: 600;
}
.cms-howto-register .help-register h3:after{
    border-bottom: 2px solid #ED2B32;
    content: "";
    display: block;
    width: 340px;
    margin: 5px 0 15px;
}
.help-register h3{
    font-size: 22px;
    line-height: 34px;
}
.right-main-title{
    border-bottom: 2px solid #ED2B32;
    display: table;
    margin-bottom: 14px;
}


/* Contact Us */

body .webforms-fields-titleContactUs select{
    background-position-x: 99.5%;
    padding-right: 5px;
    padding-left: 5px;
}
body.cms-contactus form .form-contact-us-ktc input::placeholder,body.cms-contactus form .form-contact-us-ktc textarea::placeholder{
    color: rgba(225, 225, 225, 0);
}
.cms-contactus form .fieldset .field.form-contact-us-ktc {
    position: relative;
}
.cms-contactus form .fieldset .field.form-contact-us-ktc label{
    display: block!important;
    position: absolute;
    top: 4px;
    color: rgb(193, 193, 193);
    font-size: 16px!important;
}
.cms-contactus form .fieldset.doubleColumn .field.form-contact-us-ktc{
    margin-top: 35px!important;
}
.cms-contactus form .fieldset.modifyFieldset .field.form-contact-us-ktc{
    margin-top: 25px!important;
}
.cms-contactus form .fieldset .field.form-contact-us-ktc .control:focus-within label,.cms-contactus form .fieldset .field.form-contact-us-ktc .control .label-active{
    top: -20px;
    color: #ED2B32;
    font-size: 14px!important;
}
.cms-contactus form input[type="text"]:focus, .cms-contactus form textarea:not([disabled]):focus, .cms-contactus form select:not([disabled]):focus{
    border-bottom: 1px solid #ED2B32!important;
}
.cms-contactus .webforms .reset{
    display: none;
}
.cms-contactus .primary button{
    padding: 7px 30px;
}
.cms-contactus .webforms-gdpr-checkbox{
    position: relative;
}
.cms-contactus .webforms-gdpr-checkbox input:checked + span.checkmark:after {
    content: '';
    display: block;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
}
.cms-contactus .webforms-gdpr-checkbox input:checked + span.checkmark {
    
}

/* All Brand */
body.cms-brand-all div[block-id="428"] {
    margin-bottom: 60px;
}
body.cms-brand-all div[block-id="428"] .flexslider.main-slide {
    border: 0;
    margin: 0;
    box-shadow: unset;
    background: unset;
    border-radius: 6px;
    overflow: unset; 
    padding: 5px;
    padding-bottom: 10PX;
}
body.cms-brand-all div[block-id="428"] .flexslider.main-slide .flex-viewport {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
body.cms-brand-all .flexslider.main-slide .flex-control-nav {
    bottom: -30px;
    height: 11px;
}
body.cms-brand-all .flexslider.main-slide .flex-direction-nav .flex-nav-prev .flex-prev {
    left: -35px!important;
}
body.cms-brand-all .flexslider.main-slide .flex-direction-nav .flex-nav-next .flex-next {
    right: -35px!important;
}
body.cms-brand-all div[block-id="426"] .top-brand-all .name-brand-all {
    float: left;
    font-size: 20px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    /* padding: 20px 0; */
    padding:80px 0;
    padding-bottom: 0;
    /* margin-bottom: 23px; */
    margin-bottom: 0px;
    border-bottom: 3px solid #ED2B32;
}
body.cms-brand-all div[block-id="426"] .boxBrandContainer .brandIcon {
    width: 165px;
    height: 165px;
    border: 1px solid #E6E8EA;
    border-radius: 6px;
    margin: 7px 21.5px 12px 21.5px;
    padding: 0!important;
    
}
.boxBrandContainer.boxAllBrandContainer{
    display: inline-flex;
}
body.cms-brand-all .boxBrandContainer .item:first-child .brandIcon{
    margin: 7px 21.5px 12px 0px;
}
body.cms-brand-all div[block-id="426"] .boxBrandContainer .item:last-child .brandIcon {
    margin: 7px 0px 12px 21.5px;
}
body.cms-brand-all .wrapperBrand .boxAllBrandContainer .item:first-child div.brandName{
    margin-left: -13px; 
}
body.cms-brand-all .wrapperBrand .boxAllBrandContainer .item:last-child div.brandName{
    margin-left: 12.5px;
}

body.cms-brand-all .wrapperBrand .boxAllBrandContainer .item div.brandName {
    display: block;
}
body.cms-brand-all .wrapperBrand div.brandName a, body.cms-brand-all .wrapperBrand div.brandName a span{
    font-size: 16px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
}
body.cms-brand-all div[block-id="426"] .boxBrandContainer .item .brandIcon img {
    border: unset;
    padding: 20px;
}

/* Store Layout */
body.marketplace-seller-collection .page-products{
    overflow-x: hidden;
}
body.marketplace-seller-collection .block-vendor-description .block-desc{
    display: flex;
    flex-wrap: wrap;
}
body.marketplace-seller-collection .block-vendor-description .name-vendor {
    margin-bottom: 5px;
    order: 1;
}
body.marketplace-seller-collection .block-vendor-description .block-desc ul.state {
    margin-bottom: 16px;
    order: 2;
}
body.marketplace-seller-collection .block-vendor-description .block-desc ul.total {
    margin-top: 0px;
    margin-bottom: 16px;
    order: 3;
}
body.marketplace-seller-collection .block-vendor-description .block-desc ul.contact {
    order: 4;
    margin-top: 0;
}
body.marketplace-seller-collection .block-vendor-description .warpper-coupon{
    margin-top: 7px;
}
body.marketplace-seller-collection .filter-category-vendor {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 40px;
}
body.marketplace-seller-collection .warpper-coupon .coupon-slide ol.flex-control-nav{
    margin-top:10px;
}
body.marketplace-seller-collection .seller-banner .border-radius-top {
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
}
body.marketplace-seller-collection .seller-banner .border-radius-bottom-left {
    border-radius: 0px 0px 0px 6px;
    -moz-border-radius: 0px 0px 0px 6px;
    -webkit-border-radius: 0px 0px 0px 6px;
}
body.marketplace-seller-collection .seller-banner .border-radius-bottom-right {
    border-radius: 0px 0px 6px 0px;
    -moz-border-radius: 0px 0px 6px 0px;
    -webkit-border-radius: 0px 0px 6px 0px;
}
body.marketplace-seller-collection .seller-banner .border-box-custom{
    border: inherit !important;
    -webkit-box-shadow: 1px 1px 5px -1px #707070;
    -moz-box-shadow: 1px 1px 5px -1px #707070;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
}
body.marketplace-seller-collection .company-description {
    padding: 40px 0 20px !important;
}
body.marketplace-seller-collection .column.main .container {
    padding: 0;
}
body.marketplace-seller-collection .wk_mp_design .block-account {
    margin-bottom: 20px;
    font-size: 20px;
}
body.marketplace-seller-collection .products-list .product-items li.product-item .product-item-info a.product-item-link{
    margin-top: 15px;
}
body.marketplace-seller-collection .collection-container-custom .page-products .category-product{
    margin-left: -25px;
    margin-right: -25px;
}
body.marketplace-seller-collection .collection-container-custom .product-reviews-summary .rating-summary{
    line-height: 0px;
}
body.marketplace-seller-collection .products-grid .item .item-inner {
    margin-bottom: 40px;
}
body.marketplace-seller-collection .products-grid .item .item-inner .box-info{
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}
body.marketplace-seller-collection .products-grid .item .item-inner .box-info .product-name{
    order: 1;
    margin-bottom: 5px;
}
body.marketplace-seller-collection .products-grid .item .item-inner .box-info .price-box{
    order: 2;
    margin-bottom: 5px;
}
body.marketplace-seller-collection .products-grid .item .item-inner .box-info .product-reviews-summary{
    order: 3;
}

/* Promotion */

body.cms-promotion .breadcrumbs{
    padding: 10px 0 10px;
    margin-bottom: 0;
}
body.cms-promotion ul.promotion-list li{
    padding-top: 0;
}
body.cms-promotion ul.promotion-list li img{
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
}
ul.promotion-list .promotion-detail .title {
    margin: 20px 0 10px;
}
ul.promotion-list .promotion-detail h3{
    font-family: 'Conv_SukhumvitTadmai_Bol';
    font-weight: normal;
}
ul.promotion-list li .block a .promotion-detail{
    color: #000000;
}
ul.promotion-list .promotion-detail .description{
    min-height: 44px;
}
.promotion-detail .promotion-date:before{
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
    background: url(../images/icon-favorite.svg) no-repeat 100% center !important;
    width: 24px;
    height: 20px;
    margin-right: 10px;
}
/* Category */

body.page-products .products-grid .item .item-inner .box-info .product-name {
    margin-bottom: 5px;
    padding-top: 0;
}
body.page-products h1.cart-page {
    text-align: left;
    font-size: 20px;
    font-family: 'Conv_SukhumvitTadmai_Tex';
    line-height: 38px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
}
body.page-products .product-item-info .featured-image ,body.page-products .product-item-info .label-new{
    width: auto;
    font-size: 10px;
    line-height: 12px;
    z-index: 0;
    font-family: 'Conv_SukhumvitTadmai_Tex';
    font-weight: 600;
    padding: 5px;
}

/* Filter */
body .product-item .product-reviews-summary .rating-summary {
    vertical-align: middle;
    position: relative;
    top: 0px;
    display: inline-block;
    white-space: initial;
    height: 18px;
}

.sorter-action{
    display: none!important;
}
.sort-product{
    display: none;
    position: absolute;
    min-width: 285px;
    z-index: 100;
    top: 36px;
    left: -15px;
    padding: 0px 22px;
    background: #f7f7f7;
}
.sort-product li.item-sort:last-child{
    border-bottom-width: 0px;
}
.item-sort{
    font-size: 16px;
    line-height: 34px;
    cursor: pointer;
    border-bottom: 1px solid rgba(91, 102, 112, .15);
}
.item-sort:hover{
    color: #ED2B32;
}
.item-sort a{
    width: 100%;
    display: inline-block;
}


body .products-list .item .item-inner .box-image-list {
    width: 100px;
}
body .category-product.products-list .product-items li.product-item .product-item-details {
    margin-left: 120px;
    position: relative;
}
body .category-product.products.wrapper.list.products-list .product-items li.product-item{
    padding-top: 30px;
    border: 1px solid rgba(91, 102, 112, .15);
    border-width: 1px 0 0;
}
.category-product.products.wrapper.list.products-list .product-items li.respl-item-list .item-inner{
    margin-bottom: 30px;
}
.page-products .category-product.products.wrapper.list.products-list li.product-item .product-item-info .box-info-list .price-box{
    position: absolute;
    right: 0;
    top: 23px;
}
.page-products .category-product.products.wrapper.list.products-list .product-item-inner.col-md-10{
    display: none;
}
.products-list .product-items li.product-item .product-item-info .box-info-list a.product-item-link{
    height: auto;
} 
.box-info-list .product-reviews-summary .scroll-point, .box-info-list .product-reviews-summary .total-reviews{
    display: none;
}
body.page-with-filter .toolbar-top .toolbar.toolbar-products{
    margin-bottom: 0px;
    height:45px;
}
.products-list .category-description{
    margin-bottom: 0px;
}


/* ####################################################### */
@media only screen and (max-width: 1360px){
    .login-container .block.block-customer-login {
        padding-top: 30px;
    }
    #popup-modal-login form#login-form .field .control {
        margin-top: 45px !important;
    }
    #popup-modal-login form#login-form .field.email .control:before, 
    #popup-modal-login form#login-form .field.password .control:before {
        top: 54px;
    }
    #popup-modal-login p.link-regis {
        margin: 35px 0!important;
    }
    .login-container .block .block-title {
        margin-bottom: 5px;
    }
    #popup-modal-login form#login-form .field#remember-me-box {
        margin-bottom: 35px !important;
        margin-top: 35px !important;
    }
    .login-container .actions-toolbar > .primary .action.login {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1024px){
    body.cms-brand-all div[block-id="426"] .boxBrandContainer .brandIcon{
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 768px){
    body.cms-merchant-register form fieldset.bottomFieldset > .field.text-pic-merchant-register {
        margin-bottom: 30px!important;
    }
    body.cms-merchant-register form .text-pic-merchant-register .webforms-fields-comment {
        padding-left: 0px;
    }
    body.cms-brand-all div[block-id="426"] .boxBrandContainer .item .brandIcon img {
        border: unset;
        padding: 7px;
    }
    body.cms-brand-all .boxBrandContainer .item{
        padding: 0 10px;
    }
    body.cms-brand-all .wrapperBrand div.brandName a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px){
    body.catalog-category-view #page-title-heading {
        margin-bottom: 15px;
    }
    .products.wrapper.products-grid .item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .products-grid .product-items.row {
        margin: 0 -10px;
    }
    .toolbar-bottom .icon-filter {
        display: none;
    }
    /* Merchant Register */
    body.cms-merchant-register h1.cart-page span:after {
        width: 76px;
    }
    body.cms-merchant-register form fieldset.topFieldset > .field:not(.text-pic-merchant-register) {
        margin-bottom: 47px !important;
    }
    .merchant-register-l{
        padding-right: 0px!important;
    }
    .merchant-register-r{
        padding-left: 0px!important;
    }
    body.cms-merchant-register .fieldset > h3.legend > span {
        font-family: 'Conv_SukhumvitTadmai_Bol';
        font-size: 18px;
        font-weight: 600;
        line-height: 34px;
    }
    body.cms-merchant-register .fieldset > .legend {
        margin-bottom: 44px;
    }
    body.cms-merchant-register h1.cart-page {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .field.type-text.webforms-fields-more_brand {
        width: 100%;
    }
    #checkboxes, #checkboxes2 {
        width: 100%;
    }
    body.cms-merchant-register form .text-pic-merchant-register .webforms-fields-comment{
        padding-left: 0px;
    }
    body.cms-merchant-register form .fieldset > .field.text-pic-merchant-register {
        margin-bottom: 15px!important;
    }
    body.cms-merchant-register form .fieldset > .field.text-pic-merchant-register .control{
        line-height: 30px!important;
        height: 75px!important;
    }
    body.cms-merchant-register form .fieldset > .field.text-pic-merchant-register .control p{
        line-height: 22px;
    }
    body.cms-merchant-register form fieldset.bottomFieldset > .field:not(.text-pic-merchant-register) {
        margin-bottom: 20px !important;
    }
    body.cms-merchant-register form fieldset.bottomFieldset > .webforms-fields-more_brand{
        margin-top: 20px!important;
    }
    body.cms-merchant-register form .actions-toolbar > .reset, body.cms-merchant-register form .actions-toolbar > .primary{
        padding: 0;
    }
    body.cms-merchant-register form .actions-toolbar > .reset button[type="reset"], body.cms-merchant-register form .actions-toolbar > .primary .action{
        width: 157px;
    }

    /* Help center */
    .help-menu-three h1 {
        font-size: 20px;
        margin-top: 15px;
    }
    span.help-line {
        width: 54px;
        margin: 5px auto;
    }
    .help-menu-box {
        margin-top: 15px;
        padding: 0;
    }
    .help-menu-three .help-menu-box .help-row.row div.help-bg{
        margin-bottom: 20px;
        padding: 20px!important;
    }
    .help-menu-three .help-menu-box .content-help-center p a {
        font-size: 14px;
    }
    .help-menu-three .help-ask h1 {
        font-size: 20px;
        margin-bottom: 18px;
    }
    .help-menu-three .help-ask li{
        font-size: 16px;
    }
    /* howto-order */
    .cms-howto-order .wrapperPaymentGateway .contentListBox {
        line-height: 25.56px;
    }
    /* howto-register/registration-website */
    .cms-howto-register-registration-website .text-pic {
        line-height: 25px;
    }
/* How to Register */
    .help-new h1 {
        font-size: 20px;
        margin-top: 20px;
    }   
    .help-new h1:after {
        width: 66px;
        margin: 5px auto;
    }
    .cms-howto-register .help-new ul{
        margin-top: 20px;
        line-height: 1.63;
    }
    .help-register h3{
        font-size: 18px;
        margin-top: 15px;
    }
    .help-register h3:after{
        width: 245px;
    }

/* Register Success */
    .cms-merchant-register .col1-layout div.webforms-success-text{

    }
    .cms-merchant-register .col1-layout div.webforms-success-text img{
        margin-bottom: 28.8px;
    }
    .cms-merchant-register .col1-layout div.webforms-success-text .title-success {
        font-size: 22px;
        font-weight: 600;
        line-height: 42px;    
    }
    .cms-merchant-register .col1-layout div.webforms-success-text .success{
        white-space: normal;
        margin-bottom: 35px;
        color: #5B6670;
    }
    .cms-merchant-register .col1-layout div.webforms-success-text .btn-register-success{
        border-radius: 3px;
    }
/* All Brand */
    body.cms-brand-all div[block-id="428"] {
        margin-bottom: 20px;
    }
    body.cms-brand-all .flex-control-nav li {
        margin: 0 2.25px;
    }
    body.cms-brand-all .flexslider.main-slide .flex-control-nav {
        bottom: -21px;
    }
    body.cms-brand-all div[block-id="426"] .top-brand-all .name-brand-all{
        font-size: 16px;
    }
    body.cms-brand-all div[block-id="426"] .boxBrandContainer .item .brandIcon img {
        border: unset;
        padding: 13px;
    }
    body.cms-brand-all a.more {
        font-size: 14px;
    }
    body.cms-brand-all .wrapperBrand .boxAllBrandContainer .item div.brandName {
        display: block!important;
    }
    body.cms-brand-all span.name-brand-desc{
        display: none;
    }
/* Store Layout */
    body.marketplace-seller-collection .block-vendor-description .pic-vendor{
        margin-right: 10px; 
    }
    body.marketplace-seller-collection .block-vendor-description .block-desc {
        display: block;
        flex-wrap: nowrap;
    }
    body.marketplace-seller-collection .block-vendor-description .name-vendor {
        font-size: 18px;
        line-height: 26px;
        font-family: 'Conv_SukhumvitTadmai_Bol';
    }
    body.marketplace-seller-collection .block-vendor-description .block-desc ul.state {
        margin-bottom: 0px;
    }
    body.marketplace-seller-collection .column.main .container{
        padding: 0!important;
    }
    body.marketplace-seller-collection .collection-container-custom .page-products .category-product{
        margin-left: 0px;
        margin-right: 0px;
    }
    body.marketplace-seller-collection .wk_mp_design .block-account{
        display: none;
    }

}

@media (max-width: 1024px){
    .wrapperPromotionCode .rowDetail.coupon .coupon-code {
        font-size: 15px;
    }
    .wrapperPromotionCode .rowDetail.coupon span {
        font-size: 12px;
    }
    }
@media (max-width: 736px){
    .wrapperMenu.hideMenuMobile {
        display: none;
    }
    .help-new ul {
        padding-top: 20px;
    }
    .cms-howto-register .help-new h1:after {
        margin: 0px auto 0;
    }
        }
@media (max-width: 667px){
    .wrapperMenu.hideMenuMobile {
        display: none;
    }
    .help-new ul {
        margin-top: 20px;
        margin-bottom: 85px;
        line-height: 1.63;
            }
    }
    @media (max-width: 568px){
        .wrapperMenu.hideMenuMobile {
            display: none;
        }  
        }

@media (max-width:375px){
        .cms-helpcenter .block {
            margin-top: 15px;
        }
        .cms-howto-register .help-new {
            padding-top: 0px;
        }
        }
@media (max-width:320px){
        .help-menu-three .content-help-center p {
                font-size: 13px!important;
            }
        .help-register h3 {
                font-size: 17px;
                margin-top: 15px;
            }
        }
