@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;
}
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;
}