@media(max-width: 767px) {

    body main#maincontent .product-item .old-price {
        margin-left: 1px !important;
    }

    .cms-ari-home-page body {
        background: #161616;
    }

    main#maincontent {
        padding: 0px;
    }

    .header.content {
        padding-right: 15px;
    }

    strong.product-item-name {
        width: 160px !important;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    strong.product-item-name::-webkit-scrollbar {
        height: 5px;
    }

    .product-item .action.towishlist:before {
        margin: -2px 1px 0 0 !important;
    }

}





body.catalog-product-view .cust-360-icon {
    opacity: 0;
}

body {
    background: #161616;
    overflow-x: hidden;
}

body.page-with-filter.page-products.categorypath-sale.category-sale.catalog-category-view.page-layout-1column,
body.customer-account-create.page-layout-1column,
body.customer-account-login.page-layout-1column,
body.catalog-product-view {
    background: #161616 !important;
}

.field.option.required.size {
    flex-direction: unset !important;
}

/*----------------toey edit-----------------*/
#vesitem-8750516274891021492169213>div:nth-child(2) {

    top: 66px;
}

.nav-item.level0.nav-0.submenu-left.subhover.subdynamic.dropdown.level-top.ari-nev-1.ui-menu-item:hover {

    border-bottom: 1px solid #F1C400;
}

.header.content .navigation span {
    font-family: 'Prachason' !important;
}

.header.content.fixed .navigation .submenu.animated.dropdown-menu {
    left: calc(50% - 41vw) !important;
}


li.item.product.product-item div.action.tocompare {
    border-top: 1px solid #5C5C5C;
    padding-top: 15px;
}

ol.products.list.items.product-items .product.details.product-item-details .price-box.price-final_price {
    border-bottom: unset !important;
}

ol.products.list.items.product-items a.action.towishlist {
    border-bottom: unset !important;
}

#test div.action.tocompare {

    margin-top: 50px !important;
}

#test-2 div.action.tocompare {
    margin-top: 0 !important;
}

.widget.block.block-static-block .products.wrapper ol#test-2 div.owl-item.active li.item.product.product-item div.product-item-info a.action.towishlist {
    margin: 18px 0 25px !important;
}






/*----------------kik edit-----------------*/

@media (min-width: 768px) {
    section.banner-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    section.banner-desktop {
        display: none;
    }
}

span.fa.fa-facebook {
    font-family: 'FontAwesome' !important;
}

p,
span,
div,
a,
label,
input,
select,
textarea {
    font-family: 'Agency FB', 'Prachason' !important;
}

.active-b {
    display: block !important;
}

.action.towishlist.active-star:before {
    color: #F1C400 !important;
    background: unset !important;
}

ul.compare.wrapper {
    display: none;
}

.product-item .price-box span.price-label {
    display: none !important;
}

a.btn-border {
    color: white;
}

a.btn.btn-block.btn-social.btn-google {
    color: black !important;
}

.catalog-product_compare-index button.action.tocart.primary:hover,
.block-block-new-customer .actions-toolbar a.action.create.primary:hover,
body.account.sales-order-history #button-change-product:hover,
.btn-border:hover {
    border: 1px solid #F1C400 !important;
    background: transparent !important;
    color: #F1C400 !important;
}

.catalog-product_compare-index button.action.tocart.primary:hover span,
.block-block-new-customer .actions-toolbar a.action.create.primary:hover span,
body.account.sales-order-history #button-change-product:hover a {
    color: #F1C400 !important;
}



/*------------alert---------------*/
.message.success {
    padding: 7px 20px 5px 25px !important;
    background: #333 !important;
    border: 1px solid #F1C400;

}

.message.info {
    background: #333 !important;
    border: 1px solid #F1C400;
    border-radius: 5px;
}

.message.info div {
    color: #F1C400 !important;
    font-weight: 500;
    font-size: 16px !important;
}

.messages div {
    border-radius: 5px;
    padding-left: 18px;
    color: #F1C400 !important;
}

.messages a {
    font-weight: 500;
    color: white !important;
    font-size: 16px !important;
    text-decoration: underline;
}

.message.success>*:first-child:before {
    color: #F1C400 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    top: 17px !important;
}

.messages .error.message div,
.cart.table-wrapper .item .message div {
    color: red !important;
    font-size: 20px !important;
    font-weight: 500;
}

.message-error.error.message,
.cart.table-wrapper .item .message {
    border: 1px solid red;
    background: #333 !important;
}

/*--------------------------nav-------------------------------------*/




@media(max-width: 767px) {

    .nav-open body .ves-megamenu .dropdown-menu .subgroup.level1>a {
        position: unset !important;
    }

    body .page-wrapper .header.content .panel.wrapper .header-custom-block>div {
        width: 125px !important;
    }

    .custom-button-header {
        padding: 6px 20px 0px 0px;
    }

    .nav-item.level1.nav-1.submenu-left.subhover.dropdown-submenu.ari-nev-subcate .content-wrap {
        display: block !important;
    }

    .submenu.animated.dropdown-menu.view-submenu.tf .content-wrap {
        display: block !important;
    }

    .nav-item.level2.nav-6.submenu-left.subgroup.dropdown-submenu.view-submenu.show-sub .submenu.animated {
        display: block !important;
    }

    .nav-item.level2.submenu-left.subgroup.dropdown-submenu.view-submenu>.hide-submenu {
        display: block !important;
    }

    .leve2.view-submenu .submenu .hide-submenu {
        display: block !important;
    }

    .submenu.animated.dropdown-mega.tf.view-submenu>.hide-submenu {
        display: none;
    }

    .level2.view-submenu .submenu.animated.dropdown-mega.tf>.hide-submenu {
        display: block !important;
    }

    .head-mb-nav-content .titlelink-section {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .header.content .action.nav-toggle {
        margin-top: 10px !important;
    }

    .ves-menu.active-u {
        display: unset !important;
        /*display: none;*/
    }

    .header.content.fixed {
        top: 0px;
    }

    .ves-megamenu.nav-mobile .submenu,
    .ves-megamenu.nav-mobile .subgroup .submenu {
        padding-left: 15px !important;
    }

    .item-content2.hidden-lg.hidden-md {
        padding-left: 20px;
    }

    .nav-sections-items {
        position: absolute;
        z-index: 9999;
        width: 20%;
        right: -4px;
    }

    .ves-menu.active-u {
        position: relative;
        top: 40px;
        z-index: 9999999999;
    }

    .ves-menu.active-u.menu-open {
        top: 70px;
    }

    .close-btn-menu-mb {
        background: url('https://arifootballstore.beeative.com/static/version1629189126/frontend/Beeative/Ari/th_TH/images/close-btn-mb.png');
        width: 20px;
        height: 20px;
        float: right;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 20px;
    }

    .head-mb-nav {
        padding: 0px 20px;
        margin-bottom: 10px;
    }

    .submenu.animated.dropdown-menu.view-submenu.tf>.hide-submenu {
        display: none;
    }

    /*.nav-mobile .nav-item > a {*/
    /*    background: unset!important;*/
    /*}*/
    .nav-mobile .nav-item>a {
        background: #161616 !important;
    }

    .nav-mobile .nav-item>a {
        width: 60% !important;
    }

    .ves-megamenu .opener:before {
        content: "\f067";
        font-family: 'FontAwesome';
    }

    .nav-mobile {
        background-color: #161616 !important;
        float: left;
    }

    .ves-drill-down-menu .hide-submenu {
        width: 100px;
        background-color: #006bb4;
        height: 30px !important;
    }

    .ves-drill-down-menu .dropdown-submenu.view-submenu {
        transform: translateX(-101%) !important;
    }

    .ves-drill-down-menu .hide-submenu {
        top: -105px !important;
        width: 120px !important;
        background-color: transparent !important;
        background: url(../images/back-btn-mb.PNG);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 30px;
    }

    .ves-drill-down-menu .ves-megamenu.nav-mobile .dropdown-menu .megamenu-header,
    .ves-drill-down-menu .megamenu-content {
        padding-left: 0px !important;
    }

    .nav-mobile .nav-item.level1 {
        padding-left: 10px !important;
    }

    .submenu.animated.dropdown-menu {
        height: 800px;
        z-index: 9999999999 !important;
        background: #161616 !important;
    }

    .view-submenu .hide-submenu::before {
        opacity: 0 !important;
    }

    .level1>.submenu.animated.dropdown-menu.tf {
        transform: translateX(100%) !important;
    }

    .level1>.submenu.animated.dropdown-menu.view-submenu.tf {
        transform: translateX(98%) !important;
    }

    .level1>.submenu.animated.dropdown-mega.tf {
        transform: translateX(98%) !important;
    }

    .ves-drill-down-menu .dropdown-mega .hide-submenu {
        left: 0px;

    }

    .level2.nav-dropdown.ves-column1.ves-column-tablet1.ves-column-mobile1 {
        margin-left: -20px;
    }

    .nav-item.level3 {
        padding-left: 10px;
    }

    .ari-nev-1 .level2 .rrdd .hide-submenu {
        display: block !important;
        top: -95px !important;
    }

    .submenu.animated.dropdown-mega {
        height: 70vh;
    }

    .level2.nav-dropdown.ves-column {
        position: relative;
    }

    .content-wrap,
    .megamenu-content,
    .level3.nav-dropdown,
    .submenu.animated.dropdown-menu.tf.view-submenu {
        height: 80vh;
    }

    .submenu.animated.dropdown-menu.tf.view-submenu {
        background: transparent !important;
        top: -152px !important;
    }

    .level3.nav-dropdown {

        background: #161616;
    }

    .nav-mobile .nav-item>a span {
        font-size: 20px;
        z-index: 99999 !important;
        cursor: pointer;
    }

    .nav-mobile li.level0>a {
        padding: 0px 10px 0px 20px !important;
        cursor: pointer;
    }

    .nav-mobile .nav-item>a span.ves-click {
        text-align: right;
        width: 50px;
        cursor: pointer;
    }

    .nav-mobile .fa-arrow-right:before,
    .nav-mobile li {
        cursor: pointer;
    }

    .nav-anchor.subitems-group {
        border: unset !important;
        margin: unset !important;
        line-height: 35px !important;
    }

    .nav-item.level2.nav-6.submenu-left.subgroup.dropdown-submenu {
        width: 100% !important;
        position: unset;
        !important;
    }

    .nav-item.level2 .fa-arrow-right {
        right: 10px !important;
    }

    .level2.nav-dropdown.ves-column1.ves-column-tablet1.ves-column-mobile1 {
        height: 500px;
        padding-right: 20px;
    }

    .nav-item.level2.submenu-left.subgroup.dropdown-submenu.view-submenu .submenu.animated {
        visibility: visible !important;
    }

    .nav-item.level2.submenu-left.subgroup.dropdown-submenu .submenu.animated {
        visibility: hidden !important;
    }

    .menu-top .ari-nev-subcate .megamenu-content {
        column-width: 40vw !important;
    }

    .item-content2.hidden-lg.hidden-md {
        height: 80px;
        display: flex;
        flex-wrap: wrap;
    }

    .hdmb-menu-panel {
        width: 100%;
    }

    .header.content .logo svg {
        /* display: none; */
        width: 120px;
        height: 60px;
    }

    .submenu.animated.dropdown-menu {
        background: #161616;
    }

    .header.content .logo {
        /* background: url('https://arifootballstore.beeative.com/static/version1629189126/frontend/Beeative/Ari/th_TH/images/logo-ari-new.png'); */
        background-size: contain;
        background-repeat: no-repeat;
        width: 120px;
        height: 60px;
    }

    .page-header {
        border: unset;
        margin-bottom: 15px !important;
        margin-top: 5px !important;
    }

    .header-custom-block {
        margin-right: 35px;
    }

    .header.content .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search {
        margin-right: 10%;
    }

    .header.content .panel.wrapper .header-custom-block .header-custom-right .minicart-wrapper {
        border: unset !important;
    }

    .ves-megamenu.menu-hover.ves-horizontal {
        flex-direction: column;
    }

    .header-custom-block {
        overflow: hidden;
    }

    .header.content .panel.wrapper .header-custom-block>div {
        width: 180px !important;
    }

    .fixed.header.content .panel.wrapper .header-custom-block>div {
        width: 100px !important;
    }

    .sections.nav-sections {
        background: #161616;
    }

    .nav-open .nav-sections {
        left: 53px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .nav-open .page-wrapper {
        right: 116% !important;
        left: -250px !important;
    }

    .fa-arrow-right:before {
        content: "\f054" !important;
        font-family: 'FontAwesome';
    }

    div#menu-top16286608531205444375-menu {
        margin-top: -30px;
    }

    .nav-sections {
        transition: right 0.3s;
    }

    .custom-header-top-links.header-custom-right-header-links {
        display: flex;
        padding: 20px 14px 0px 14px;
        margin-bottom: -50px;
        position: relative;
        z-index: 2;
    }

    .notlog .custom-button-header {
        display: none;
    }

    .nav-sections .notlog .header.links {
        flex-wrap: wrap;
    }

    .nav-sections .notlog .header.links li {
        flex-basis: 100% !important;
    }

    .notlog ul.header.links li:nth-child(2) {
        display: unset !important;
    }

    .notlog ul.header.links li:nth-child(1) {
        display: none;
    }

    .notlog .link.authorization-link a {
        background: #F1C400;
        color: black !important;
        font-size: 18px;
    }

    .navdrilldown {
        position: relative;
        z-index: 9999999999999999;
        height: 8px;
    }

    .block .fa-arrow-right {
        right: 40px !important;
    }

    .custom-button-header {
        align-items: center;
    }

    .header.content.fixed .panel.wrapper .header-custom-block .header-custom-right>div {
        margin-left: unset !important;
        margin-right: 10px !important;
    }

    div#ui-id-1 {
        width: 85% !important;
    }

    .nav-sections .header.links li>a {
        border-top: 0px !important;
    }

    .nav-mobile li {
        border: unset !important;
    }

    .ves-megamenu.ves-vertical li.level0,
    .nav-mobile .nav-item a {
        font-size: 24px;
        margin: 3px 0px;
    }

    .nav-sections .header.links {
        border: unset;
        display: flex;
        width: 100%;
        bottom: 0;
        color: #F1C400;
    }

    .mb-login-label {
        margin-right: 6px;
    }

    .head-mb-nav-content .titlelink-section .title-text-cl1 {
        color: #F1C400 !important;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0px;
        width: 60%;
    }

    .head-mb-nav-content .titlelink-section .hl-link-cl1 {
        color: #F1C400;
        font-size: 17px !important;
        width: 40%;
        text-align: right;
        padding: 10px 0px;
        text-decoration: underline;
    }

    .head-mb-nav-content .titlelink-section {
        border-bottom: 1px solid #404040;
        border-top: 1px solid #404040;
    }

    a.title-link-cl1 {
        width: 50%;
        text-align: right;
        color: #F1C400 !important;
        text-decoration: underline;
    }

    ul.header.links {
        text-align: center;
        font-size: 18px;
        padding: 0px 10px !important;
    }

    .nav-sections .header.links li:nth-child(1) {
        visibility: hidden;

    }

    ul.header.links li:nth-child(4) a {
        color: #F1C400 !important;
        font-weight: 400;
        margin-top: 20px;
        border-radius: 5px;
        border: 1px solid #F1C400 !important;
        font-family: 'Prachason' !important;
        font-size: 20px;
    }

    .block .fa-arrow-right {
        margin-top: 14px;
    }

    ul.header.links.v-hidden {
        visibility: hidden;
    }

    .nav-sections li.logedin:nth-child(3),
    .nav-sections li.logedin:nth-child(2) {
        /*display: block!important;*/
    }

    ul.header.links li:nth-child(2),
    .nav-sections li.logedin:nth-child(3),
    .nav-sections li.logedin:nth-child(4),
    .nav-sections li.logedin:nth-child(5),
    .nav-sections li.logedin:nth-child(6),
    .nav-sections li.logedin:nth-child(7),
    .nav-sections li.logedin:nth-child(8),
    .nav-sections li.logedin:nth-child(9) {
        display: none;
    }

    .nav-sections li.logedin:nth-child(2) p {
        font-size: 18px !important;
    }

    li.link.authorization-link.logedin.btn-logout {
        display: block;
        position: absolute;
        bottom: 8%;

    }

    li.link.authorization-link a {
        text-align: center;
        border-radius: 5px;
        color: #F1C400 !important;
        padding: 10px !important;
        margin: 10px !important;
        font-size: 20px;
        text-decoration: underline;
    }

    .nav-sections .switcher-trigger strong::after {
        right: -10px !important;
        top: 4px !important;
    }

    .header-custom-left.panel.wrapper {
        width: 100%;
        padding-top: 7%;
        z-index: 99999999999;
    }

    .nav-sections .switcher-trigger strong span {
        font-size: 20px;
    }

    div#switcher-language li.view-en.switcher-option a {
        font-size: 20px;
    }

    strong.label.switcher-label {
        display: none !important;
    }

    .nav-sections .switcher-trigger strong {
        left: -20px !important;
        display: flex;
    }

    div#switcher-language li.view-en.switcher-option {
        justify-content: unset !important;
    }

    div#switcher-language {
        border: unset !important;
        justify-content: unset !important;
    }


}

.nav-item.level0.nav-0 .nav-item.level1.nav-10 .megamenu-content {
    height: 870px !important;
}

.ari-nev-1 .nav-item.level2.dropdown-submenu a.nav-anchor.subitems-group {
    width: 150px !important;
}

.ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar,
.ves-megamenu .dropdown-menu .content-wrap .megamenu-content {
    width: 100% !important;
}

.navigation .level0 .submenu a {
    padding: 8px 10px !important;
}

.sections.nav-sections {
    margin-bottom: 0px;
}

.header.content.fixed .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search {
    margin-right: 0px;
    margin-left: 30% !important;
}

div#switcher-language {
    margin-left: 0px;

}

.header.content.fixed .header-custom-middle {
    width: 25% !important;
}

.header.content.fixed {
    padding-top: 20px;
    padding-bottom: 15px;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search {
    margin-left: 60%;
}

.header.content.fixed .panel.wrapper .header-custom-block .header-custom-left {
    width: 25% !important;
}

.header.content .custom-header-top-links.header-custom-right-header-links .customer-name {
    width: max-content !important;
    margin-right: 0px !important;
    margin-left: 7px;
    margin-top: 13px;
    line-height: 0;
}

.header.content.fixed .custom-header-top-links.header-custom-right-header-links {
    margin-left: 10px;
}

.header.content span {
    font-size: 18px;

}

.header .menu-top ul li:hover a.subdynamic span {
    color: #F1C400;
}

ul#menu-top16274465331306217070 li.level0:hover a.subdynamic {
    border-bottom: 3px solid #F1C400;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .minicart-wrapper .action.showcart:before {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background: url(../images/icon-minicart.svg);
    color: transparent !important;
}

.header.content.fixed .custom-button-header {

    justify-content: center;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .minicart-wrapper .action.showcart:hover:before {
    background: url(../images/icon-minicart-hover.svg);
}

.option-image-color dd {
    align-items: center;
}

.header.content.fixed .ves-megamenu .nav-item>a {
    padding: 7px 0px !important;
}

@media (min-width: 1199px) {
    .dynamic-items.col-xs-3.hidden-xs.hidden-sm ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
        padding-top: 30px;
    }

    .dynamic-content.col-xs-9.hidden-xs.hidden-sm {
        padding-top: 30px;
    }

    .col-xs-9 {
        width: 80% !important;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(1) .dynamic-content.col-xs-9.hidden-xs.hidden-sm {
        width: 80%;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(1) .ves-megamenu .dynamic-content>.nav-item>.content-wrap {
        width: 67%;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(1) .mega-col.mega-col-4.mega-col-level-2 {
        display: flex;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(1) .nav-item.level2.submenu-left.subgroup.dropdown-submenu {
        width: 29%;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(1) .nav-item.level1.nav-6 .menu-top .ari-nev-subcate .megamenu-content {
        column-width: unset !important;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(1) .nav-item.level1.nav-6 .megamenu-content {
        column-width: unset !important;
    }

    .nav-item.level1.nav-6 .nav-item.level2.submenu-left.subgroup.dropdown-submenu a.nav-anchor.subitems-group {
        width: 80%;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(5) .nav-item.level1.nav-9 a.nav-anchor.subitems-group {
        width: 40% !important;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(3) .nav-item.level2.nav-0.submenu-left.subgroup.dropdown-submenu.ari-nev-subcate a.nav-anchor.subitems-group {
        width: 30%;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(6) .mega-col.mega-col-1.mega-col-level-2 {
        width: 20%;
    }

    .ves-megamenu.menu-hover.ves-horizontal li:nth-child(6) .nav-item.level1.nav-9.submenu-left.subhover.dropdown-submenu.dynamic-item .mega-col.mega-col-1.mega-col-level-2 {
        width: 100% !important;
    }
}



/*-----------footer----------------*/
@media(max-width: 767px) {
    .acc__panel {
        display: none;
    }

    .acc__panel .active {
        display: block !important;
    }

    .acc__title::after {
        content: '\f078';
        font-family: 'FontAwesome';
        float: right;
        color: #F1C400;
    }

    .acc__title {
        font-size: 20px;
        border-bottom: 1px solid #555;
        color: #F1C400;
        padding: 15px 0px;
    }

    footer.page-footer img {
        width: 60px;
    }

    footer.main-footer .main-footer-block .grid-block .grid-item .m-list li .content-r a {
        text-transform: uppercase;
        font-size: 20px !important;
    }

    footer.main-footer .main-footer-block .grid-block .grid-item .m-list li .content-r p {
        font-size: 20px !important;
    }

    footer.main-footer .main-footer-block .grid-block .grid-item .m-list li {
        align-items: center;
        gap: 40px;
    }

    footer.page-footer .grid-item a img[alt="Ari Logo"] {
        margin-bottom: 30px;
        width: 110px;
    }

    footer.main-footer .main-footer-block .grid-block .grid-item h5 {
        font-size: 20px !important;
        font-weight: 400;
    }

    footer.main-footer .main-footer-block .grid-block .grid-item:last-child img {
        width: 90% !important;
    }

    .acc.-mb {
        margin-bottom: 50px;
    }

    footer.main-footer .main-footer-block .grid-block .acc.-mb .acc__panel ul li a {
        font-size: 20px !important;
    }

    ul.social-icon-block {
        display: flex;

    }

    li.social-icon {
        flex-basis: 25%;
        margin: 0px 5px;
    }

    .page-footer {
        margin-top: unset !important;
    }

    section.video-present-section {
        width: 340vw;
        height: 520px;
        left: -80%;
        right: 80%;
    }

    main#maincontent {
        overflow: hidden;
    }

    footer.main-footer .main-footer-block .grid-block .grid-item:last-child ul.social-icon-block {
        width: 60% !important;
        padding: 0 !important;
    }



}


/*---------------search----------------------*/
@media(max-width: 767px) {

    .block-search .block-content {
        margin-bottom: 0;
        z-index: 9999999999999999 !important;
        position: fixed;
    }

    .field.search .label {
        display: none;
    }

    .block-search .control {
        border-top: unset !important;
    }

    .header.content .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search .block-search #search_mini_form .field.search input {
        position: fixed !important;
        left: 5% !important;
        width: 90% !important;
    }

    .header.content .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search .block-search #search_mini_form .field.search .control::before,
    .header.content .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search .block-search #search_mini_form .field.search .search-custom-close {
        color: white !important;
        font-size: 22px !important;
        position: fixed !important;
        right: 10% !important;
        top: 36% !important;
        z-index: 999999999 !important;
    }
}

.search-autocomplete ul:not(:empty) {
    background: #161616 !important;
}

.search-autocomplete ul li {
    padding: 10px;
    border: 1px solid #5C5C5C;
}

.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected {
    background: transparent;
}


/*--------------owl slide------------------*/

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent !important;
}

body.cms-ari-home-page .mp-banner-slider .owl-dots,
.cms-boots-page .mp-banner-slider .owl-dots {
    margin-top: -41px;

    z-index: 9;
    position: inherit !important;
    /* left: unset!important; */
    top: unset !important;
}

.cms-boots-page .mp-banner-slider .owl-dots,
.cms-keepers-page .mp-banner-slider .owl-dots {
    margin-top: -80px;
    margin-bottom: 40px;
    z-index: 9;
    position: inherit !important;
    left: unset !important;
    top: unset !important;
}

.splide__arrows .splide__arrow.splide__arrow--next,
.product-categories-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next.splide__arrow,
.owl-next>span {
    background-image: url(../images/svg_ari/button_slide/Button_Silde_RIght_White.svg) !important;
    background: transparent;
    height: 60px !important;
    width: 60px !important;
    border: unset;
}

.splide__arrows .splide__arrow.splide__arrow--prev,
.product-categories-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev.splide__arrow,
.owl-prev>span {
    background-image: url(../images/svg_ari/button_slide/Button_Silde_Left_White.svg) !important;
    height: 60px !important;
    width: 60px !important;
    border: unset;
    background: transparent;
}

button.owl-dot {
    width: 40px !important;
    margin-left: -20px;
}


.splide__pagination button.splide__pagination__page,
.owl-theme .owl-dots button.owl-dot span {
    width: 40px !important;
    height: 30px !important;
    background: url('../images/svg_ari/slide_banner/hex_Slide Banner_Stroke_White.svg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: 0px !important;
    padding: 0px !important;
}

.splide__pagination button.splide__pagination__page.is-active,
.owl-theme .owl-dots button.owl-dot.active span {
    background: url('../images/svg_ari/slide_banner/hex_Slide Banner_Yellow.svg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.splide__pagination button.splide__pagination__page:hover,
.owl-theme .owl-dots button.owl-dot:hover span {
    background: url('../images/svg_ari/slide_banner/hex_Slide Banner_Stroke_White.svg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.splide__pagination button.splide__pagination__page.is-active:hover,
.owl-theme .owl-dots button.owl-dot.active:hover span {
    background: url('../images/svg_ari/slide_banner/hex_Slide Banner_Yellow.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.cms-equipment-page.cms-page-view.page-layout-1column ul.splide__pagination {
    display: none;
}

body.cms-equipment-page.cms-page-view.page-layout-1column button.splide__arrow.splide__arrow--prev img {
    display: none;
}

body.cms-equipment-page.cms-page-view.page-layout-1column button.splide__arrow.splide__arrow--next img {
    display: none;
}


/*--------link------------*/

.breadcrumbs a,
.breadcrumbs strong {
    color: #B5B5B5 !important;
    font-size: 16px;
}

.breadcrumbs strong {
    font-weight: 400;
    color: white;
    font-family: 'Prachason';
}

#account-nav li.nav.item a:hover {
    color: #F1C400 !important;
}

#account-nav li.nav.item a:visited {
    color: white;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .header-custom-right-header-links>ul>li:hover a,
.header.content .panel.wrapper .header-custom-block .header-custom-right .header-custom-right-header-links>ul>li:hover a:hover {
    color: #F1C400 !important;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .header-custom-right-header-links>ul>li.link.authorization-link:hover a {
    color: #F1C400 !important;
}

/*-----------menu nav--------------*/

div#switcher-language ul.dropdown.switcher-dropdown {
    background: #161616;
}

div#switcher-language ul.dropdown.switcher-dropdown {
    min-width: 95px;
    right: -12px;
}

div#switcher-language a {
    color: white;
    padding-left: 18px;
    padding-top: 0px;
    font-family: 'Prachason' !important;
    font-weight: 400;
}

.view-en::before {
    margin-left: -3px;
}

div#switcher-language li.view-en.switcher-option {
    justify-content: end;
}

div#switcher-language ul.dropdown.switcher-dropdown {
    min-width: 95px;
    border: 0px;
    right: -12px;
    box-shadow: none;
}

div#switcher-language li.view-en.switcher-option:hover {
    background: #161616;
}

div#switcher-language .options ul.dropdown:before,
div#switcher-language .options ul.dropdown:after {
    display: none;
}


/*------------minicart--------------*/
@media (max-width: 767px) {
    .modal-popup.modal-slide {
        left: unset !important;
    }

    .modal-popup.modal-slide .modal-inner-wrap[class] {
        background: unset !important;
        width: 100% !important;
        height: 100vh !important;
    }

    aside.modal-popup.modal-slide._show {
        z-index: 902989 !important;
        background: black;
    }

    .modal-inner-wrap.popup-term h1 {
        font-size: 24px !important;
    }

    .content-description-term-and-condition {
        height: 51vh !important;
        padding: 24px 6px 21px 19px !important;
        width: 100% !important;
    }

    .content-description-term-and-condition>p {
        height: 45vh !important;
    }

    div#modal-content-42 {
        height: 70vh !important;
        width: 100% !important;
    }

}

div#minicart-content-wrapper .actions:nth-last-child(2) {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

div#minicart-content-wrapper .actions:nth-last-child(2) .secondary span {
    font-size: 16px;
}

button#top-cart-btn-checkout {
    flex-basis: 50%;
    margin: 5px 5px;
    background: #F1C400;
    font-size: 16px;
    border: unset;
}

div#minicart-content-wrapper .actions:nth-last-child(2) .secondary {
    border: 1px solid white;
    flex-basis: 50%;
    padding: 5px 5px;
    border-radius: 5px;
}

.header .minicart-wrapper.active .block-minicart .minicart-items-wrapper {
    max-height: 70vh !important;
}

.minicart-items .product-item-name a {
    color: white;
    font-weight: bold;
}

.header-custom-right .minicart-wrapper span.counter-number {
    color: black;
    font-weight: 500;
    text-shadow: unset !important;
    font-size: 16px;

}

.block-minicart .items-total {
    margin: 0px;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .block-minicart .custom-items-in-cart .items-total {
    width: 80% !important;
}

button#top-cart-btn-checkout {
    font-family: 'Prachason';
    padding: 10px;
    color: black;
}

.header .minicart-wrapper.active .block-minicart dt.label {
    margin-bottom: 0px !important;
    margin-top: 6px;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: #F1C400;
    border-radius: 50%;
    min-width: 24px;
    margin-left: -13px;
    margin-bottom: 7px;
}

.minicart-wrapper .action.showcart:before {
    font-family: 'FontAwesome';
    content: '\f290';
}

#mini-cart .subtitle {
    text-align: left !important;
}

#mini-cart .subtitle span {
    font-size: 16px !important;

}

#mini-cart span.toggle span {
    font-size: 16px !important;
}

#mini-cart dl.product.options.list dt {
    font-size: 15px !important;
    font-family: 'Prachason';
    width: 80px;
}

.minicart-items .product-item-details {
    padding-left: 115px;
}

.minicart-wrapper.active .product.options[role="tablist"] {
    border-top: 1px solid #333;
}

.minicart-wrapper.active .block-minicart dd.values {
    font-size: 16px;
    font-family: 'Prachason';
    margin-bottom: 0px !important;
    line-height: 2 !important;
}

#mini-cart span.minicart-price span {
    color: #F1C400;
}

#mini-cart .product-item-details dt {
    font-size: 16px;
}

#mini-cart .price-container {
    padding: 10px 0px;
}

#mini-cart .product-item-pricing {
    margin-top: unset;
}

#mini-cart dl.product.options.list {
    margin-top: 0px;
}

body.checkout-cart-index .product-item-details>p {
    color: #F1C400;
}

strong.subtitle:before {
    font-family: 'FontAwesome';
    content: '\f290';
    color: transparent;
    font-size: 18px !important;
    background-size: contain !important;
    padding-right: 10px;
    background-repeat: no-repeat !important;
    height: 80px !important;
    background: url('https://arifootballstore.beeative.com/static/version1629964718/frontend/Beeative/Ari/th_TH/images/icon-minicart.svg');

}

.header.content .panel.wrapper .header-custom-block .header-custom-right .block-minicart .custom-minicart-actions .actions>div .action.viewcart {
    border: unset !important;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .block-minicart .custom-minicart-actions .actions:nth-child(2) {
    display: none;
}

.block-minicart .secondary {
    text-align: center;
}

.header.content .panel.wrapper .header-custom-block .header-custom-right .block-minicart .subtitle {
    padding: 20px;
}

/*-----------------------home-----------------------------*/

@media(max-width: 768px) {

    .cms-ari-home-page section.new-releases-section .product.details.product-item-details {
        margin-top: unset !important;
    }

    .cms-ari-home-page ol#test li.item.product.product-item {
        width: 240px;
    }

    .cms-ari-home-page ol#test .owl-item:nth-child(4) {
        /*margin-right: 30%!Important;*/
    }

    .product.details.product-item-details {
        margin-top: 30px;
    }

    .ves-menu {
        display: none;
    }

    .cms-ari-home-page .video-present-section .video-present-block .index-video-wrapper #index-video {
        height: 70vh !important;
    }

    .cms-ari-home-page .categories-section .categories-block .grid-block {
        align-items: start;
    }

    main#maincontent {
        overflow: hidden;
    }

    .owl-stage {
        display: flex;
    }

    .owl-carousel.owl-drag.products .owl-item {
        /*width: 380px!important;*/
    }

    section.new-releases-section .owl-carousel.owl-drag.products .owl-item {
        /*width: 200px!important;*/
    }

    .cms-ari-home-page section.new-releases-section ol.owl-carousel.owl-theme.products.list.items .product-image-container {
        width: 200px !important;
    }

    .cms-ari-home-page .news-section .news-block h2.title-news {
        text-align: center;
    }

    .owl-nav {
        /*display: none;*/
    }

    a.btn-border {
        font-size: 18px;
        color: white;
    }

    .cms-ari-home-page .news-section .news-block .grid-block .grid-item .title-item .title {
        font-size: 18px;
    }

}

.cms-ari-home-page .news-section .news-block .grid-block .grid-item .title-item .title h3.title {
    font-weight: 300;
    line-height: 1.3;
    font-size: 18px !important;
}

.cms-ari-home-page .news-section .news-block h2.title-news {
    font-weight: 400;
}

.cms-ari-home-page .sub-hero-section .grid-block .grid-item .title-sub-hero,
.cms-ari-home-page .categories-section .categories-block .title-categories,
.cms-ari-home-page .new-releases-section .new-releases-block .title-new-releases,
.cms-ari-home-page .kick-off-section .kick-off-block .title-kick-off,
h5.title-cate {
    font-weight: 600;
}

.cms-ari-home-page h1.title-kick-off {
    margin-bottom: 10px;
}

.cms-ari-home-page .banner-kick-off a {
    border: 1px solid #F1C400;
    border-radius: 5px;
    margin-top: 20px;
    font-family: 'Agency FB';
    text-transform: uppercase;
    font-size: 18px;
    padding: 3px 25px;
}

.cms-ari-home-page .banner-kick-off a {
    border: 1px solid #F1C400;
    border-radius: 5px;
    margin-top: 20px;
    font-family: 'Agency FB';
    text-transform: uppercase;
    font-size: 18px;
    padding: 3px 25px;
}

section.sub-hero-section {
    padding: 30px 0px 60px 0px !important;
}

section.new-releases-section button.owl-prev span,
section.new-releases-section button.owl-next span {
    margin-top: -75px !important;
}

section.new-releases-section .owl-carousel.products .owl-dots,
section.hot-product-section .owl-carousel.products .owl-dots {
    /*display: none;*/
}

.cms-ari-home-page .subscibe-section .subscibe-block .sub-form .inp-sub {
    color: black;
    font-family: 'Agency FB';
    text-align: left;
    font-size: 20px;
}

ol.products.list.items.product-items a.product-item-link,
ol.products.list.items.product-items .price-wrapper span.price {
    font-family: 'Agency FB';
}

.owl-carousel.products .owl-nav .owl-next span {

    right: -6% !important;
    margin-top: -50px !important;
}

.owl-carousel.products .owl-nav .owl-prev span {
    margin-top: -50px !important;
    left: -6% !important;
}

h5.title-cate {
    font-size: 18px;
}

.cms-ari-home-page .ari-x-section .ari-x-block .grid-block .grid-item .content-block .btn-border:hover,
.cms-ari-home-page .ari-x-section .ari-x-block .grid-block .grid-item .content-block .btn-border {
    font-family: 'Agency FB';
    font-size: 18px;
    padding: 7px;
}

.cms-ari-home-page .news-section .read-more-block .btn-border {
    height: auto;
}

/* .cms-ari-home-page a.action.tocompare {
    display: none;
} */

section.new-releases-section ol.products.list.items.product-items a.action.towishlist {
    width: 10%;
    border-bottom: 0px !important;
    float: right;
}

section.new-releases-section ol.products.list.items.product-items .product.details.product-item-details .price-box.price-final_price {

    width: 100%;
    padding-bottom: 10px;
}

section.new-releases-section .price-box.price-final_price {
    margin-bottom: -70px;
}

section.hot-product-section ol.products.list.items.product-items a.action.towishlist {
    width: 100%;

}

section.hot-product-section ol.products.list.items.product-items .product.details.product-item-details .price-box.price-final_price {
    float: unset !important;
    border-bottom: 0px !important;
}

section.hot-product-section .product.details.product-item-details {
    margin-bottom: -70px;
}

div.action.tocompare {
    margin-top: 70px;
    visibility: hidden;
    transition: visibility 0s, opacity 0.3s linear;
    opacity: 0;
}

.product-item-info:hover>div.action.tocompare {
    visibility: visible;
    transition: visibility 0s, opacity 0.3s linear;
    opacity: 1;
}

.cms-ari-home-page .partner-section {
    margin-top: -10px;
}

span.check-compare:hover>.fa-check:before {
    content: "\f00c";
    color: #F1C400 !important;
}

a.action.tocompare {
    text-decoration: unset;
}

span.check-compare:active {

    background: #F1C400 !important;
    border: 0px !important;
}

span.check-compare:active>.fa-check:before {
    content: "\f00c";
    color: #161616 !important;
}

ol.owl-carousel.owl-theme.products.list.items i.fas.fa-check {
    opacity: 1 !important;
}

ol.owl-carousel.owl-theme.products.list.items i.fas.fa-check:before {
    color: transparent;
}

section.hot-product-section div.action.tocompare {
    margin-top: 0px;
}

span.product-brand {
    color: #F1C400;
    font-family: 'Agency FB';

}

.product-brand-div {
    height: 14px;
    color: #F1C400;
}

.news-block.g-container .title-item h3 {
    font-weight: 400;
    line-height: 1.8;
    margin-top: 10px;

}

a.btn-border {
    width: auto !important;
    padding: 5px 10px !important;
}

/*-------------product landing page-------------*/


@media(max-width: 765px) {
    .brand-section .widget.block.block-static-block {
        width: 360px;
    }

    .products-mobile .item span.product-image-container {
        width: 16rem !important;
        height: 180px !important;
    }

    .products-mobile {
        display: flex !important;
        flex-wrap: wrap;
    }

    .cms-boots-page .hot-product-section .hot-product-block {
        padding: 0 !important;
    }

    .item.product.product-item {
        flex-basis: 50%;
        display: flex;
        justify-content: center;
    }

    .cms-boots-page .collection-section .collection-block .title-collection {
        margin-top: 0px;
    }

    .cms-keepers-page .hot-product-section {
        display: flex !important;
    }

    .cms-boots-page .hot-product-section .hot-product-block .read-more-block .btn-border {
        border: 1px solid #F1C400 !important;
        color: #F1C400 !important;

    }

    .cms-boots-page section.cate-shoes-section,
    .cms-boots-page .collection-section .collection-block .title-collection,
    .cms-ari-gear-page .hot-collection-section .hot-collection-block .title-hot-collection,
    .cms-jerseys-page .your-fav-section .your-fav-heading,
    .cms-jerseys-page section.hot-product-section.d-sm-none .widget.block.block-static-block .hot-product-block.g-container .title-hot-product,
    .cms-jerseys-page section.shirt-premier-section .shirt-premier-block.g-container .title-brand,
    .cms-jerseys-page .widget.block.block-static-block .collection-section h2.title-collection,
    section.brand-section h2,
    h2.title-hot-product,
    .arigear-type {
        text-align: center !important;
        padding: 40px 0px 20px 0px;
    }

    .cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block {
        display: flex !important;
        width: 1500px !important;
    }

    .cate-shoes-block.g-container,
    .collection-block.g-container {
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .cate-shoes-block.g-container::-webkit-scrollbar,
    section.brand-section::-webkit-scrollbar,
    .collection-block.g-container::-webkit-scrollbar {
        display: none;
    }

    .brand-section .grid-block,
    .cms-jerseys-page .collection-section .collection-block .grid-block {
        display: flex !important;
        width: 1000px;
    }

    section.brand-section .splide__arrows.g-container {
        display: none;
    }

    /*section.brand-section h2 {
    text-align: center;
    padding: 80px 0px 10px 0px;
}*/
    section.product-type-section .splide__arrows.g-container {
        display: none;
    }

    .cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--prev {
        right: 5rem !important;
    }

    .cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container {
        max-width: 1200px !important;
    }

    /*       brand section         */
    .brand-section {
        padding-bottom: 0px !important;
        display: flex;
        flex-direction: column-reverse;
    }

    .brand-block.g-container,
    div#your-fav-slider-track {
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .brand-block.g-container::-webkit-scrollbar,
    div#your-fav-slider-track::-webkit-scrollbar {
        display: none;

    }

    .cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro {
        min-height: 330px !important;
    }

    .cms-equipment-page .pro-section .pro-block .grid-block .grid-item:first-child .pro:first-child {

        background: url(https://arifootballstore.beeative.com/static/version1629189126/frontend/Beeative/Ari/th_TH/images/coll-ari-one.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .cms-equipment-page .pro-section .pro-block .grid-block .grid-item:last-child .pro:last-child {
        background: url(https://arifootballstore.beeative.com/static/version1629189126/frontend/Beeative/Ari/th_TH/images/coll-ari-two.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro img {
        display: none;
    }

    .cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block {
        padding: 0px !important;
    }

    .cms-jerseys-page .your-fav-section {
        padding: 3rem 0px !important;

    }

    .cms-jerseys-page .your-fav-section .your-fav-bg {
        padding: 0px !important;
    }

    .cms-jerseys-page section.collection-section.d-sm-none .title-collection {
        font-weight: 600 !important;
    }

    .arigear-type {
        margin-top: 40px;
        margin-bottom: 0px !important;
    }

    li.item.arigear-type.arigear-type-item {
        padding: 0px !important;
    }

    .cms-ari-gear-page .arigear-type-wrapper.wrapper li.item.arigear-type.arigear-type-item img,
    .cms-ari-gear-page .arigear-type-wrapper.wrapper .owl-stage .owl-item,
    .cms-apparel-page .choose-your-style-wrapper.wrapper .owl-stage .owl-item,
    .cms-apparel-page .choose-your-style-wrapper.wrapper li.item.choose-your-style.choose-your-style-item img,
    /*.cms-apparel-page ol#apparel-brand .owl-stage .owl-item,*/
    .cms-apparel-page ol#apparel-brand .li.item.apparel-brand.apparel-brand-item img {
        width: 360px !important;
        min-width: 360px !important;
    }

    .page-products.categorypath-sale.category-sale .toolbar.toolbar-products {
        justify-content: center;
    }

    .page-products.categorypath-sale.category-sale .products.wrapper.grid.products-grid {
        margin-top: -50px;
    }

    .mp-banner-slider .owl-dots,
    .cms-boots-page .mp-banner-slider .owl-dots,
    .cms-keepers-page .mp-banner-slider .owl-dots,
    body.cms-ari-home-page .mp-banner-slider .owl-dots {
        margin-top: -80px;
        margin-bottom: 40px;
        z-index: 9;
        left: 49% !important;
        top: 84% !important;
        position: absolute !important;
    }


    .hot-product-section .hot-product-block {
        padding: 0px !important;
    }

    .product-item-name,
    .product.name a {
        color: white;
        font-size: 18px;
    }

    .product-brand-div {
        margin-top: -10px;
    }

    .product-item .price-box .price {
        color: #F1C400;
        font-size: 16px;
    }

    a.action.towishlist span {
        display: none;
    }

    a.action.towishlist {
        width: 100%;
    }

    .action.towishlist:before {
        float: right;
    }

    section.hot-product-section .products-mobile .product.details.product-item-details {
        margin-bottom: -40px !important;
        z-index: 99999999;
    }

    .products.wrapper.products-mobile {
        margin-bottom: 0px !important;
        margin-top: -10px;
    }


}


.cms-boots-page button.splide__arrow.splide__arrow--prev img {
    display: none;
}

.cms-boots-page button.splide__arrow.splide__arrow--next img {
    display: none;
}

.cms-boots-page .page-main .block {
    margin-bottom: 0px;
}

.cms-boots-page .widget.block.block-static-block {
    margin-bottom: 0px;
}

.cms-keepers-page .hot-product-section,
.cms-keepers-page .brand-section {
    padding-top: 0px !important;
}

body.cms-equipment-page.cms-page-view.page-layout-1column button.splide__arrow.splide__arrow--prev {
    left: 85%;
    top: 112% !important;
}

body.cms-equipment-page.cms-page-view.page-layout-1column button.splide__arrow.splide__arrow--next {
    top: 112% !important;
    right: 6%;
}

.apparel-brand,
.choose-your-style-topic {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 3;
}

.your-fav-heading.g-container h2 {
    font-weight: 600 !important;
}

.cms-jerseys-page .your-fav-section .your-fav-block h3 {
    font-family: 'Agency FB';
}

.cms-jerseys-page .your-fav-section .your-fav-block h3 {
    font-family: 'Agency FB';
    font-weight: 600 !important;
    font-size: 23px !important;
}

.cms-jerseys-page section.hot-product-section .title-hot-product,
.cms-jerseys-page .shirt-premier-section .shirt-premier-block>.title-brand,
.cms-jerseys-page .collection-section .collection-block .title-collection {
    text-align: left !important;
    font-weight: 600 !important;
    margin: 30px 0px !important;
}

.cms-jerseys-page .cms-jerseys-page .your-fav-section {
    padding-bottom: 0px;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 5rem !important;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container {
    max-width: 1200px !important;
}

.cms-jerseys-page .your-fav-section {
    padding-bottom: 0px !important;
}

.cms-jerseys-page .products.wrapper.products-desktop .owl-nav {
    display: none;
}

.cms-jerseys-page .products.wrapper.products-desktop {
    margin-bottom: 0;
}

/*-------------cart-------------*/
@media (max-width: 767px) {

    body.checkout-cart-index table,
    body.checkout-cart-index tbody,
    body.checkout-cart-index th,
    body.checkout-cart-index td,
    body.checkout-cart-index tr {
        display: flex !important;
        background: transparent !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    body.checkout-cart-index h1.page-title {
        display: none;
    }

    body.checkout-cart-index td:before {
        display: none !important;
    }

    body.checkout-cart-index tr th.col.price,
    body.checkout-cart-index tr th.col.qty,
    body.checkout-cart-index tr th.col.subtotal,
    body.checkout-cart-index tr th.col.actions {
        display: none !important;
    }

    body.checkout-cart-index .cart.table-wrapper .cart>.item {
        width: 410px !important;
    }

    body.checkout-cart-index td.col.price {
        display: none !important;
    }

    body.checkout-cart-index form#form-validate {
        width: 100% !important;
        margin: unset !important;
        padding-top: 50px;
    }

    body.checkout-cart-index table {
        overflow: hidden;
    }

    body.checkout-cart-index table#shopping-cart-table thead tr {
        margin-top: unset !important;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col span {
        font-size: 24px;
        font-weight: 500;
    }

    .custom-items-in-cart {
        padding: 0px 10px;
    }

    body.checkout-cart-index .cart.table-wrapper .item .col.item {
        padding: 0px 0% 10px 32% !important;
    }

    body.checkout-cart-index form#form-validate tr.item-info {
        width: 100% !important;
        justify-content: flex-end;
    }

    body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col {
        justify-content: flex-start;
        padding: 0px 0px 0px 20px !important;
        margin: 0px !important;
    }

    body.checkout-cart-index button.action.update {
        width: 230px !important;
        height: 50px !important;
    }

    body.checkout-cart-index .page-wrapper {
        margin: 0px !important;
    }

    body.checkout-cart-index .cart-view-term-and-conditions .cart-view-term-and-conditions-content {
        width: 100% !important;
    }

    body.checkout-cart-index .cart-summary {
        padding: 20px 1% !important;
    }

    body.checkout-cart-index table.data.table.totals tr td {
        flex-basis: 65% !important;
        margin-top: 0px;
    }

    body.checkout-cart-index .cart-summary #cart-totals .table-wrapper tbody th {
        flex-basis: 35% !important;
        margin-top: 0px;
    }

    body.checkout-cart-index div#cart-totals tr {
        width: 100% !important;
        margin-top: unset;
    }

    body.checkout-cart-index .cart.main.actions {
        margin-bottom: 50px;
    }

    body.checkout-cart-index tr.shipping.cost .amount .title {
        font-size: 15px;
    }

    body.checkout-cart-index table.data.table.totals tr td span {
        width: 100%;
    }

    body.checkout-cart-index .cart-summary #cart-totals .table-wrapper .price {
        font-size: 18px !important;
    }

    body.checkout-cart-index tr.totals-tax-custom-by-beeative .title-vat {
        font-size: 14px !important;
    }

    body.checkout-cart-index tr.shipping.cost .amount .title {
        font-size: 15px !important;
    }

    body.checkout-cart-index .cart-summary #cart-totals .table-wrapper .grand.totals td strong {
        width: 100%;
    }

    body.checkout-cart-index .cart-view-term-and-conditions-content {
        padding: 10px 0px 10px 10px;
    }

    .cart-view-term-and-conditions .cart-view-term-and-conditions-content textarea {
        padding: 15px 30px 60px 15px !important;
    }
}



body.checkout-cart-index a.use-ajax.action.towishlist.action-towishlist {
    display: none;
}

.cart-summary .block>.title:after {
    display: none;
}

.cart-view-term-and-conditions .cart-view-term-and-conditions-content textarea {
    margin-bottom: 20px;
}

.cart-view-term-and-conditions .cart-view-term-and-conditions-content label {
    font-weight: 500 !important;
}

.cart-view-term-and-conditions .cart-view-term-and-conditions-content label:nth-child(1) {
    font-weight: 600 !important;
}



/*------------checkout----------*/
@media(max-width: 768px) {
    .am-checkout.-modern .opc-estimated-wrapper {
        background: transparent !important;
    }
}

input#customer-password {
    width: 95%;
}

.form-login button.action.login.primary {
    background: #F1C400;
    color: black;
    margin-top: 10px;
}

.form-login button.action.login.primary span {
    color: black;
    font-weight: 600;
}

tr.totals.shipping.excl .value {
    display: none;
}

.payment-option .payment-option-content {
    display: block !important;
}

.am-checkout.-modern .authentication-wrapper {
    display: none;
}

body.checkout-index-index input {
    font-family: 'Prachason';
}

body.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar.-sticky {
    overflow: unset;
}

body.checkout-index-index p.step-title.amcheckout-title {
    padding: 0px 15px;
}

fieldset#payment_form_omise_cc {
    display: flex;
    flex-wrap: wrap;
}

fieldset#payment_form_omise_cc .field {
    flex-basis: 50%;
}

input#omise_ccCardHolderName {
    width: 70%;
}

input#omise_ccCardNumber {
    width: 70%;
}

input#omise_ccCardSecurityCode {
    width: 100px;
}



/*------- product detail page-----------*/

@media(max-width: 767px) {

    .product.data.items,
    .catalog-product-view .column.main div#customer-reviews {
        border-bottom: unset !important;
    }

    .product.info.detailed .data.item.content {
        border-top: 1px solid white;
    }

    .catalog-product-view .column.main div#customer-reviews {
        padding: 15px;
    }

    .catalog-product-view .review-list .block-title {
        border-bottom: 1px solid white;
        padding: 18px 0px;
    }

    .catalog-product-view .review-summary {
        margin-top: 15px;
    }

    .catalog-product-view .review-list .block-title strong {
        font-weight: 600 !important;
    }

    body.catalog-product-view .cust-360-icon {
        top: unset !important;
        bottom: 8.5% !important;
        right: unset !important;
        left: 24px !important;
        width: 84px !important;
    }

    body.catalog-product-view .wr360_player .container {
        width: unset !important;
    }

    .catalog-product-view div#review_sum_vote {
        margin-right: 100px !important;

    }

    .catalog-product-view .column.main div#customer-reviews {
        width: 100% !important;
    }

    .catalog-product-view span.bar-label {
        padding-right: unset !important;
    }

    .catalog-product-view a.action.towishlist {
        margin-top: -40px;
    }

    .catalog-product-view .product.info.detailed {
        width: 100% !important;
        padding: 30px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    div#tab-label-policy {
        padding: 15px 0px;
    }

    .product.info.detailed .data.item.title a.data.switch {
        padding: 0px 0px;
    }

    .btn-hide-filter {
        width: 100% !important;
        display: none;
    }

    .catalog-product-view div.data.item.title {
        padding: 15px 0px;
    }

    .filter-title strong {
        background: #161616 !important;
        box-shadow: unset;
    }

    .block-title.filter-title strong {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 100px !important;
        width: 100% !important;
        padding: 12px 0%;
    }

    .filter-active .block-title.filter-title strong {
        position: fixed !important;
        width: unset !important;
        padding: unset !important;
        display: unset !important;
        top: 17px !important;
        width: unset !important;
        right: 25px;
    }

    .page-products .columns {
        padding-top: 30px !important;
    }

    .page-products .toolbar .limiter {
        margin-right: 10px !important;
    }

    body.filter-active .filter.active .filter-options {
        background: #161616;
        padding: 0px 15px;
        top: 100px !important;
    }

    .block-title.filter-title strong:before {

        position: relative;
        z-index: 2;
        -webkit-font-smoothing: antialiased;
        font-family: 'luma-icons';
        font-size: 16px;
        height: 20px;
        width: 20px;
        letter-spacing: 2px;
        line-height: 16px;
        content: " ";
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        speak: none;
        background-image: url(../images/Icon_Filter.svg);
        background-size: cover;
        margin-right: 5px;

    }

    body.filter-active .block-title.filter-title strong:before {
        display: none;
    }

    .catalog-product-view .filter-options-title:after {
        content: '\e621' !important;
    }

    .catalog-product-view .active>.filter-options-title:after {
        content: '\e622' !important;
    }

    /*.filter-options-content{*/
    /*    display: none;*/
    /*}*/
    .filter-options-content.active {
        display: block
            /*!important*/
        ;
    }

    .filter.active .filter-title {
        border-bottom: unset !important;
    }

    body.filter-active .filter.active .filter-subtitle {
        margin: 0px 20px;
        top: 50px !important;
    }

    .filter-options-item {
        border-bottom: 1px solid #525252;
        padding-bottom: 10px;
    }

    strong.block-subtitle.filter-subtitle {
        font-size: 22px;
    }

    strong.block-subtitle.filter-subtitle span {
        font-size: 16px;
    }

    .filter.active .filter-options div {
        font-size: 18px;
    }

    .filter .block-subtitle,
    .filter-options-item {
        border-bottom: 1px solid #525252 !important;
    }

    .filter.active .filter-title strong:after {
        font-size: 28px !important;
        color: #FFFFFF !important;
        height: 50px !important;
        display: unset !important;
    }



}

.product.info.detailed .data.item.content td {
    color: white;
}


.cms-page-view .read-more-block a.btn-border {
    padding: 10px 40px !important;
    border-radius: 5px;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand,
.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection {
    min-height: unset !important;
}

.arigear-type {
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Prachason' !important;
    margin-bottom: 30px;
}

/*.page-products.categorypath-sale.category-sale .breadcrumbs{*/
/*    display: none;*/
/*}*/
.page-products.categorypath-sale.category-sale .page-title-wrapper,
.page-products.categorypath-sale.category-sale .content-hide-filter,
.page-products.categorypath-sale.category-sale .field.limiter,
.page-products.categorypath-sale.category-sale .toolbar-sorter.sorter,
/*.page-products.categorypath-sale.category-sale div#layerednav-filter-block,*/
.page-products.categorypath-sale.category-sale p#toolbar-amount .toolbar-number {
    display: none !important;
}

.page-layout-1column.page-with-filter .column.main {
    padding: unset !important;
}

.page-products.categorypath-sale.category-sale p#toolbar-amount {
    font-size: 26px;
    font-weight: 600;
}

.page-products.categorypath-sale.category-sale .toolbar.toolbar-products {
    position: unset;
}

.page-products.categorypath-sale.category-sale .div-tocompare {
    visibility: hidden;
}

.page-products.categorypath-sale.category-sale img.product-image-photo {
    padding: 0 !important;
    margin-bottom: 0px;
}

.page-products.categorypath-sale.category-sale .catalog-category-view #layerednav-list-products .product-image-container {
    height: 220px !important;
}

.fa-check:before {
    font-family: 'FontAwesome';
}

.page-products.categorypath-sale.category-sale a.action.tocompare input {
    display: none;
}

.product.info.detailed .data.item.title a.data.switch {
    font-size: 18px;
}

.breadcrumbs .items {
    padding: 20px 0px 10px 0px;
}

.action.towishlist:before {
    color: transparent !important;
    background: url(../images/star.png);
    background-size: contain;
    background-repeat: no-repeat !important;
}

.catalog-product-view span.bar-label {
    font-size: 16px;
}

body.catalog-product-view div.swatch-option.text {
    font-size: 18px;
    font-weight: 400;
}

label.label span {
    font-size: 18px;
}

span.plus,
span.minus {
    font-size: 18px;
}

.product-options-bottom .control {
    border: 1px solid #343434;
    border-radius: 5px;
    padding: 0px 10px;
}

.product-options-bottom input#qty {
    border: unset;
}

span.price::after {
    content: ' THB';
}

span.product-name {
    font-weight: bold;
}

h1.product-name {
    font-family: 'Agency FB' !important;
    font-weight: bold;
}

span#option-label-size-143 {
    font-family: 'Prachason' !important;
    font-size: 18px;
    font-weight: 400;
}

.product-info-main .product-add-form {
    padding-top: 0px;
}

body.catalog-product-view div.swatch-option.text {
    font-size: 18px;
}

span.product-sku {
    font-size: 18px;
    font-family: 'Prachason' !important;
}

div#bundleSummary .product-details {
    display: flex;
    flex-wrap: wrap;
}

.product-info-main .product-info-price span.price-label {
    display: none !important;
}

div#bundleSummary .price-box.price-configured_price {
    order: 1;
}

div#bundleSummary .box-tocart {
    order: 2;
}

div#bundleSummary .content-button-personalized {
    order: 3;
}

div#bundleSummary .price-box.price-configured_price {
    flex-basis: 100%;
}

div#bundleSummary .box-tocart {
    /* padding-right: 90px; */
    flex-basis: 40%;
}

div#bundleSummary {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

div#bundleSummary div#product-options-wrapper {
    margin-bottom: 0px;
}

div#bundleSummary button#product-addtocart-button {
    width: 90%;
    margin-top: 30px;
}

div#bundleSummary .control {
    border: 1px solid #343434;
    border-radius: 5px;
    width: 65%;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0px 10px;
}

div#bundleSummary input#qty {
    border: 0px;
}

.bundle-options-container .block-bundle-summary .price-box .price-wrapper>.price {
    color: #F1C400;
    font-family: 'Agency FB';
}

.preview-personalization-image {
    text-align: center;
}

.content-present-personalized.active .product-image {
    width: 50%;
}

.content-present-personalized.active .content-personalized-details {
    width: 100%;

}

.block-content-personalized-details {
    width: 100%;
    border: 1px solid #F1C400;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}

.title-personalized-details p {
    font-size: 24px;
    font-family: 'Agency FB';
    font-weight: 600;
}

.edit-pe-content {
    display: flex;
    flex-basis: 50%;
    align-items: baseline;
    justify-content: flex-end;
}

.title-personalized-details {
    display: flex;
    flex-basis: 50%;
}

.content-personalized-details .details {
    font-size: 16px;
}

.content-personalized-details .title-detail-pe {
    font-weight: 500;
    font-size: 16px;
}

.how-to-personalize-details,
.font-personalize-details {
    flex-basis: 100%;
}

.right-personalize-details,
.left-personalize-details {
    flex-basis: 50%;
    display: flex;
}

.content-personalized-details .value {
    font-weight: 300;
    margin-left: 9px;
}

.content-personalized-details .details span {
    line-height: 1.8;
}

.content-personalized-details .r-col-detail,
.content-personalized-details .l-col-detail {
    flex-basis: 50%;
    display: flex;
    align-items: center;
}

.l-col-detail div,
.r-col-detail div {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid white;
}

.l-col-detail img,
.r-col-detail img {
    width: 14px;
}

.right-color,
.left-color {
    margin-left: 8px;
}

.content-present-personalized.active {
    overflow-y: scroll;
    overflow-x: hidden;
}

.personalized-close {
    margin: -10px;
}

.select-bundle-thread-embroidery>label,
.select-bundle-thread-embroidery>div,
.select-bundle-laser>label,
.select-bundle-laser>div {
    margin-top: 15px;
}

.content-present-personalized.active {
    overflow-y: scroll;
    overflow-x: hidden;
}

.action-personalized {
    margin-bottom: 30px;
}

.section-admin {
    justify-content: center;
}

.section-admin>div:not(.action-save-position-boots) {
    width: 80%;
}

.section-admin input[type="number"],
.section-admin input[type="text"] {
    box-shadow: unset !important;
}

.section-admin>div>label>span {
    font-family: 'Prachason';
}

.stitching-title {
    margin-bottom: 12px;
}

.stitching-title span,
.action-personalized>div.confirm-personalized,
.action-personalized>div.confirm-personalized-laser,
.select-bundle-thread-embroidery>label>span,
.select-bundle-laser>label>span,
p.message-maximum-input {
    font-family: 'Prachason';
}

.section-admin {}

.section-admin>div>label>span {
    max-width: unset;
    flex-basis: 28%;
}

.section-admin>p {
    width: 100%;
    margin: 15px 25px;
    font-size: 18px;
}

.section-admin>div>label {
    margin: 5px 0px;
}

.section-admin>div>label input {
    font-size: 16px !important;
    height: 40px !important;
}

.font-style input#font-style,
.font-color input#font-color {
    width: 200px;
}

.action-save-position-boots {
    box-shadow: unset;
    width: unset;
    padding: 10px 30px;
    text-align: center;
}

.product-bufc-2020-player-home-ss-plt-jersey .field.option.required .control {
    padding-bottom: 50px;
}

.catalog-product-view .box-tocart .action.tocart {
    width: 99% !important;
}

div#customer-reviews .block-title {
    border-bottom: 1px solid #666;
    padding-bottom: 11px;
}

.catalog-product-view .column.main div#customer-reviews {
    margin-top: 20px !important;
    border-bottom: unset !important;
}




/*------------------comparison product-------------------*/
strong.product-item-name {
    width: 160px !important;
    overflow-x: scroll;
    overflow-y: hidden;
}

.catalog-product_compare-index .product-item-actions .actions-primary+.actions-secondary {
    display: none;
}

.catalog-product_compare-index .product-reviews-summary.short {
    display: none;
}

.catalog-product_compare-index .product-item-name>a,
.catalog-product_compare-index .product.name a>a {
    color: white;
    font-size: 24px;
    font-family: 'Agency FB';
}

.catalog-product_compare-index .abs-product-link>a:hover,
.catalog-product_compare-index .product-item-name>a:hover,
.catalog-product_compare-index .product.name a>a:hover {
    color: white;
    font-size: 24px;
    font-family: 'Agency FB';
}

.catalog-product_compare-index span.price-container.price-final_price.tax.weee .price {
    color: #F1C400;
    font-family: 'Agency FB';
    font-size: 24px;
}

.catalog-product_compare-index tbody {
    border-top: 0px !important;
}

.catalog-product_compare-index .table-comparison .cell.label {
    border-right: 0px;
}

.catalog-product_compare-index tr:nth-child(even) {
    background: #2C2C2C;
}

.catalog-product_compare-index span.attribute.label {
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: 100;
}

.catalog-product_compare-index .attribute.value {
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: 100;
}

.catalog-product_compare-index a.action.print.hidden-print {
    display: none;
}

.catalog-product_compare-index .table-comparison td:last-child {
    border-right: 0px;
}

.catalog-product_compare-index .page-title-wrapper {
    opacity: 1 !important;
    text-align: center;
    margin: 30px 0px;
}

.catalog-product_compare-index .page-title-wrapper span {
    font-family: 'Prachason';
    font-weight: 600;
}

.catalog-product_compare-index button.action.tocart.primary {
    background: transparent;
    border: 1px solid white;
    width: 180px;
}

.catalog-product_compare-index td.cell.product.info {
    text-align: center;
}

.catalog-product_compare-index ul.compare.wrapper {
    display: none;
}

.catalog-product_compare-index .table-wrapper.comparison {
    overflow-x: unset;
}

.catalog-product_compare-index .table-comparison .cell.product.info,
.table-comparison .cell.product.label {
    border-bottom: 0px !important;
}

.catalog-product_compare-index .table-comparison .product-image-photo {
    margin-bottom: 0px;
}

.catalog-product_compare-index .page-title-wrapper {
    margin: 50px 0px;
}

button.action-secondary.action-dismiss {
    background: transparent;
    margin-right: 20px;
}

div#modal-content-20 {
    /* font-family: 'Prachason'!important; */
    font-size: 16px;
}

.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover {
    color: white !important;
}




/*------account--------*/
@media (max-width: 767px) {
    .account .page.messages h2 {
        padding-left: unset !important;
    }

    .account .page.messages span {
        padding: unset !important;
    }

    .account .block-dashboard-info-top .block-title strong {
        font-weight: 600 !important;
    }

    .account .columns {
        display: flex;
        flex-direction: column-reverse;
    }

    .account #account-nav li.nav.item {
        list-style: none;
    }

    .account ul.nav.items {
        display: none;
    }

    .account ul.nav.items.active-b {
        display: block !important;
    }

    li.nav.item.head-mb {
        background: #353535;
        border-radius: 5px;
    }

    .sidebar.sidebar-main {
        padding-bottom: 50px;
    }

}

.account .toolbar select {
    padding: 0px 25px 0px 10px;
    background-size: 10px;
    background-position: calc(100% - 5px) center;
}

.order-products-toolbar.toolbar.bottom p.toolbar-amount {
    visibility: hidden;
}

button#button-change-product {
    padding: 6px 15px;
}

button#button-view-order {
    font-family: 'Prachason';
    font-weight: 500;
}

body.account.sales-order-history .order-products-cargo-tracking-no-1-img img,
.order-products-cargo-tracking-no-2-img img,
.order-products-cargo-tracking-no-3-img img,
.order-products-cargo-tracking-no-4-img img,
.order-products-cargo-tracking-no-4-4-img img,
.order-products-cargo-tracking-no-5-img img {
    margin-top: -41px !important;
    position: unset !important;
    width: 100% !important;
}

body.account.sales-order-history .order-products-cargo-tracking-no-1-text,
.order-products-cargo-tracking-no-2-text,
.order-products-cargo-tracking-no-3-text,
.order-products-cargo-tracking-no-4-text,
.order-products-cargo-tracking-no-4-4-text,
.order-products-cargo-tracking-no-5-text {
    margin-top: -15px !important;
}

body.account.sales-order-history .order-products-cargo-tracking-no-1-img,
.order-products-cargo-tracking-no-2-img,
.order-products-cargo-tracking-no-3-img,
.order-products-cargo-tracking-no-4-img,
.order-products-cargo-tracking-no-4-4-img,
.order-products-cargo-tracking-no-5-img {
    width: 60% !important;
}

.block-dashboard-orders .table-order-items .id,
.orders-history .table-order-items .id,
.block-dashboard-orders .table-order-items .date,
.orders-history .table-order-items .date,
.block-dashboard-orders .table-order-items .total span,
.orders-history .table-order-items .total span {
    font-family: 'Prachason';
}



/*--------- 360 -------------*/
.preview-personalization-image {
    position: relative;

    text-align: center;
    width: 500px;
    left: 50%;
    transform: translateX(-50%);
}

.preview-personalization-image div#position-relative-ele-personalized {
    position: unset !important;
}

.content-present-personalized.active .product-image {
    width: 100% !Important;
}



/*-------------login------------------------*/
div#remember-me-box label span {
    font-family: 'Prachason' !important;
}

@media (max-width: 767px) {

    .block.block-customer-login form .field input,
    .actions-toolbar button#send2,
    .actions-toolbar button#send2 {
        width: 100%;
    }

    .field.title-login,
    .field.title-login-store-front {
        text-align: center;
    }

    .field.title-login-store-front strong {
        font-size: 20px;
        font-weight: 600;
    }

    .account-social-login .block-content .actions-toolbar.social-btn {
        width: 50%;
    }
}


/*---------------register page-----------------*/
@media (max-width: 767px) {
    body.customer-account-create .block-content-account-create {
        flex-wrap: wrap;
    }

    body.customer-account-create .block-content-account-create form#form-validate {
        min-width: unset !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 50px;
    }

    .block.block-new-customer {
        display: none;
    }

    body.customer-account-create .block-content-account-create form#form-validate fieldset {
        width: 100%;
        margin-right: 0 !important;
    }

    .block.block-customer-login {
        margin-right: 0px !important;

    }

    .field.title-login-store-front strong {
        color: white;
    }

    fieldset.fieldset.create.info,
    fieldset.fieldset.create.account {
        padding: 0px 4%;
    }

    .field.note,
    .field.title-create-account {
        text-align: center;
        font-family: 'Prachason' !important;
        line-height: 2;
        font-size: 18px;
        font-weight: 500;
    }

    body.customer-account-create .field.field-name-firstname.required {
        flex-basis: 100% !important;
    }

    .register-term .condition-link {
        font-size: 15px;
    }

    .field.title-login-store-front {
        text-align: center;
    }

    .customer-account-create .page-title-wrapper {
        display: none;
    }

    .field.title-login-store-front strong {
        font-size: 20px;
        font-weight: 600;
    }


}


body.customer-account-create .field.title-login-store-front strong a {
    text-decoration: underline;
}

body.customer-account-create fieldset.fieldset.create.info .field.note {
    margin-bottom: 5px;
    font-size: 18px;
    font-family: 'Prachason' !important;
}

body.customer-account-create .field.gender {
    display: none !important;
}

body.customer-account-create .form-create-account .fieldset-fullname .fields {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

body.customer-account-create .field.field-name-prefix {
    display: none !important;
}

body.customer-account-create .field.field-name-firstname.required {
    padding: 0px !important;
    width: 100%;
}

body.customer-account-create .field.field-name-lastname {
    flex-basis: 50%;
}

body.customer-account-create .field input {
    font-family: 'Prachason' !important;
    border: 1px solid #606060;
}

body.customer-account-create .field.field-date-of-birth-custom.required {
    padding: 0px !important;
    flex-basis: 100%;
}

body.customer-account-create select,
a.btn.btn-block.btn-social.btn-facebook,
a.btn.btn-block.btn-social.btn-google {
    font-family: 'Prachason' !important;
}

/*---------------------หน้าร้าน-------------------------*/
@media(max-width: 767px) {
    .banner-for-store-members img {
        min-width: 200vh;
        transform: translateX(-50%);
    }

    .banner-for-store-members {
        height: 36vh;
    }

    body.customermember-account-find .title-content-banner-for-store-members>p {
        width: 41vh !important;
    }

    .block-content-actions-find {
        max-width: 100%;
    }

    body.customermember-account-find .block-content-actions-find button.action-check-member-information {
        max-width: 100%;
    }

    body.customermember-account-find .block-message-member-recommend {
        width: unset !important;
    }
}

body.customermember-account-find .block-content-for-store-members .block-content-actions-find input {
    color: white !important;
}

button.action-check-member-information,
button.member-error-action-redirect.register {
    font-family: 'Prachason';
    font-size: 16px;
}



/*---------product conflict ---------*/
.item span.product-image-container {
    height: 100px !important;
    width: 110px !important;
}

ol#mini-cart .item span.product-image-container img {
    max-width: 87px;

}

img.product-image-photo {
    transform: unset !important;
}

ol#related-product img.product-image-photo {
    transform: translate(-50%, -50%) !important;
}






/*----------------Product catalog-------------------*/
@media(max-width: 767px) {
    div#layered-filter-block-container {
        display: none;
    }

    body .toolbar.toolbar-products .field.limiter:nth-child(4) {
        display: none;
    }
}

.toolbar.toolbar-products .modes {
    margin-right: 0px;
}

.toolbar-products {
    padding-bottom: 10px;
    display: flex;
    margin: 0px 0px 0px 20px;
    border-bottom: 1px solid white;

}

.toolbar.toolbar-products:nth-child(3) {
    border: unset;
}

.toolbar.toolbar-products:nth-child(3) span.toolbar-cate-name {
    display: none;
}

ol.products.list.items.product-items .div-tocompare {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    border-top: 1px solid white;
    width: 100%;
}

.cms-page-view a.action.towishlist span {
    display: none;
    width: 20%;
}

.cms-page-view a.action.towishlist {
    width: 20%;
    margin: 10px 0 25px !important;
    font-size: 21px;
    border-bottom: 1px solid #5C5C5C;
    text-align: right;
}

.cms-page-view .product-item .tocompare:before {
    display: none;
}

.cms-page-view .div-tocompare {
    text-align: center;
}

.cms-page-view a.product-item-link {
    color: #fff;
    font-size: 18px;
}

.cms-page-view .product-item span.price {
    color: #F1C400;
    font-size: 21px;
}

.product-item-name,
.product.name a {
    color: white;
    font-size: 18px;
}

.product-item .price-box .price {
    color: #F1C400;
    font-size: 16px;
}