/* css-setup-main*/
                                .my-body {
                                width: 100%;
                            }
                            
                            div {
                                display: block;
                            }
                            
                            .box-wrapper {
                                width: 100%;
                                margin: 0 0;
                                padding-right: 0;
                                padding-left: 0;
                                margin-right: 0;
                                margin-left: 0;
                            }
                            
                            .container {
                                padding-right: 15px;
                                padding-left: 15px;
                                margin-right: auto;
                                margin-left: auto;
                            }
                            
                            .mt10 {
                                margin-top: 10px;
                            }
                            
                            img {
                                max-width: 100%;
                            }
                            input[type='checkbox'], input[type='radio'] {
                                    appearance:auto !important;}
                                    
                            /* pc */
                            
                            @media (min-width: 1024px) {
                                .hidden-on-pc {
                                    display: none !important;
                                }
                                .news-main{margin-left: 15px;
                                 margin-right: 15px;}
                            }
                            /* ipad-pro */
                            
                            @media (max-width: 1200px) {
                                .hidden-on-ippr {
                                    display: none !important;
                                }
                            }
                            /* ipad */
                            
                            @media (min-width: 768px) and (max-width: 991px) {
                                .row-banner {
                                    margin-top: 10px !important;
                                }
                                .menu-repsonsive .navbar-toggle {
                                    display: block;
                                }
                                .hidden-on-mb-tb {
                                    display: none;
                                }
                                .bt60{
                                 padding-top:60px !important;
                               }
                                .banner-collection-header{
                                 
                                 padding-top: 60px !important;
                               }
                               .navbar-toggle.collapsed{margin-left: -15px!important;}
                               .dropdown-content1{
                                 left: -244px!important;
                                 top:47px!important;
                               }
                               
                              
                            }
                            /* từ pc-ip*/
                             @media (min-width: 768px) and (max-width: 1023px) {
                               hidden-on-pc-to-ip{
                                 display:none;
                                 
                               }
                               .logo-mobile {
                                   padding: 2px 0px!important;
                                                }
                               
                             }
                               
                            /* moblie */
                            
                            @media (max-width: 768px) {
                                
                                .main-on-mb-tb{
                                  padding-top: 70px!important;
                                }
                                .container-cart-mobile{
                                  
                                  margin-top:115px !important;
                                }
                                .content-area{
                                  padding-top:60px!important;
                                }
                                
                                .img-banner {
                                    padding-top: 15px;
                                }
                                .row-banner {
                                    margin-left: 2px !important;
                                }
                                .hidden-on-mb-tb {
                                    display: none;
                                }
                                
                                
                               .bt60{
                                 padding-top:60px !important;
                               }
                               .row-mb-15{
                                 margin-right: -15px !important;
                                 margin-left: 0px !important;
                               }
                               .owl-wrap-info{
                                 padding-bottom: 60px;}
                               
                               .banner-collection-header{
                                 
                                 padding-top: 60px !important;
                               }
                               .navbar-toggle.collapsed{margin-left: -15px!important;}
                               
                           
                            .box-img-main{
                              padding-top: 60px !important;
                            }
                            .box-title-sale {
                                 width: 50% !important;
                                  border-bottom: 1px solid #fff;
                                    }
                                    .dropdown-content1{
                                      left: -272px!important;
                                      top: 57px!important;
                                    }
                                    #history-order{width:100% !important;}
                                     
                                    .pt-60{
                                 padding-top: 60px !important;
                               }
                             
                            }
                            
                            
                            .row {
                                width: 100%;
                                margin-right: -15px;
                                margin-left: 0px !important;
                            }
                            
                            .col-lg-1,
                            .col-lg-10,
                            .col-lg-11,
                            .col-lg-12,
                            .col-lg-2,
                            .col-lg-3,
                            .col-lg-4,
                            .col-lg-5,
                            .col-lg-6,
                            .col-lg-7,
                            .col-lg-8,
                            .col-lg-9,
                            .col-md-1,
                            .col-md-10,
                            .col-md-11,
                            .col-md-12,
                            .col-md-2,
                            .col-md-3,
                            .col-md-4,
                            .col-md-5,
                            .col-md-6,
                            .col-md-7,
                            .col-md-8,
                            .col-md-9,
                            .col-sm-1,
                            .col-sm-10,
                            .col-sm-11,
                            .col-sm-12,
                            .col-sm-2,
                            .col-sm-3,
                            .col-sm-4,
                            .col-sm-5,
                            .col-sm-6,
                            .col-sm-7,
                            .col-sm-8,
                            .col-sm-9,
                            .col-xs-1,
                            .col-xs-10,
                            .col-xs-11,
                            .col-xs-12,
                            .col-xs-2,
                            .col-xs-3,
                            .col-xs-4,
                            .col-xs-5,
                            .col-xs-6,
                            .col-xs-7,
                            .col-xs-8,
                            .col-xs-9 {
                                position: relative;
                                min-height: 1px;
                                padding-right: 15px;
                                padding-left: 15px;
                            }

                    /*css-header*/
                                .logo {
                                height: 60px;
                                line-height: 60px;
                            }
                            
                            .box-search {
                                padding: 10px 0px;
                                position: relative;
                            }
                            
                            .box-input {
                              background:white;
                                border-radius: 8px;
                                border: 2px solid #d5d5d5;
                                overflow: hidden;
                                z-index: 1000;
                                display: block;
                                display: flex;
                            }
                            
                            .input-group-search {
                                float: left;
                                vertical-align: top;
                                width: calc(100% - 50px);
                                justify-content: center;
                                display: flex;
                            }
                            
                            input {
                                border: none;
                                margin-top: 8px;
                                padding-left: 10px;
                                font-size: 13px;
                            }
                            
                            .btn-searchbox {
                                border: none;
                                padding: 7px 0px 8px;
                                color: #999;
                                font-weight: bold;
                                background: transparent;
                            }
                            
                            .btn-searchbox {
                                font-size: 15px;
                                text-align: center;
                            }
                            
                            .icon-control-header {
                                display: flex;
                                font-size: 14px;
                                list-style-type: none;
                                padding-inline-start: 40px;
                                padding-top: 12px;
                            }
                            
                            .support-store-shop.support-phone-header {
                                white-space: nowrap;
                            }
                            
                            .support-phone-header {
                                padding-right: 10px;
                            }
                            
                            .tell-phone {
                                font-size: 16px;
                                line-height: 36px;
                                background: #f7f7f7;
                                /*display: block;*/
                                width: 36px;
                                height: 36px;
                                float: left;
                                text-align: center;
                                border-radius: 100%;
                                margin-right: 5px;
                                display: flex!important;
                                justify-content: center;
                                align-items: center;
                                
                            }
                            
                            a {
                                text-decoration: none !important;
                            }
                            
                            span {
                                height: 36px;
                                text-align: center;
                                line-height: 36px;
                            }
                            
                            .tell-phone-1 {
                                font-size: 20px;
                                line-height: 36px;
                                display: block;
                                width: 36px;
                                height: 36px;
                                float: left;
                                text-align: center;
                                border-radius: 100%;
                                margin-right: 5px;
                                display: flex!important;
                                justify-content: center;
                                align-items: center;
                                
                            }
                            
                            .acount {
                                margin-left: 10px;
                            }
                            
                            .cart-target {
                                position: relative;
                            }
                            .cart-target-mobile{
                              color: #fff;
    height: 100%;
    font-size: 26px;
    line-height: 50px;
    position: relative;
    padding: 12px 0px;
    float: right;
    list-style: none;
                            }
                            
                            .buy {
                                background: #ff6517;
                                color: #fff;
                                width: 18px;
                                height: 20px;
                                border-radius: 100%;
                                position: absolute;
                                font-size: 12px;
                                top: -2;
                                line-height: 20px;
                                left: 24px;
                            }
                            .dropdown-content-search {
    display:none;
    position: absolute;
    height: 54px;
    
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    z-index: 9;
   top: 60px;
    left: 0%;
    border-radius: 3px;
     padding: 5px;
    left: -220px;
    border: 2px solid #ddd;
    color: #777;
    background-color: #fff;
  }
  .form-group{
      display: flex;
  }
  .dropdown-content-search input{
    border: 1px solid #ddd;
   
    max-height: 40px;
    max-width: 200px;
    display: block;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    outline: none;
    font-size: 15px;
  } 
  .dropdown-content-search button{
    background-color: #23282d;
    width: 40px;
    height: 40px;
   
    color: #fff;
    border-color: rgba(0,0,0,0.05);
  }
  
  .search:hover .dropdown-content-search{
      display: block; 
    }
                            .dropdown-content1{
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    z-index: 9999;
    min-width: 260px;
    left: 0%;
    border-radius: 3px;
    padding: 20px;
    top: 34px;
    left: -100px;
    border: 2px solid #ddd;
    color: #777;
    background-color: #fff;
  }
  .dropdown-content1 p{
    font-size: 14px;
    color: #777;
  }
  .dropdown-content-cart-mobile p{
    font-size: 14px;
    color: #777;
  }
    .cart-product{
    border-bottom: 1px solid lightgrey;
    margin-bottom: 10px;
   
}
.cart-image{
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 5px;
    object-fit: cover;
    object-position: 50% 50%;
}
.cart-list-pay{
  max-height: 300px;
    overflow-y: auto;
    padding-top: 10px;
}
.info-product{
    display: flex;
    font-size: 14px;
    position: relative;
    text-align: left;
    padding-right: 15px;
}
.info-product span{
    padding-left: 5%;
}
.remove{
    
    text-decoration: none;
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 15px!important;
    line-height: 19px!important;
    border-radius: 100%;
    color: #ccc!important;
    font-weight: 700;
    text-align: center;
    border: 2px solid currentColor;
    right: 0px;
    top: -8px;
}
.remove:hover{
    color: #111!important;
}
.cart:hover .dropdown-content1{
  display:block!important;
} 
.total-price-pc{
    text-align: center;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
}
.total-price-pc span{
    font-size: 14px;
    color: #696b6b;
    font-weight: bold;
}
.cart-btn button{
    width: 100%;
    margin-top: 5%;
   padding:2%;
}
#cart-pc{
    border: none;
    background-color:#7dc558;
}
#cart-pc a{
    color: #fff;
}
#pay-pc{
    background-color: #05b2e9;
    border: none;
}
#pay-pc a{
    color: #fff;
}
              /*css-cart-mobile*/
              
      
                            
                            .the-a-header-icon{
                                color: black !important;
                            }
                          

                            
                            a:hover {
                                color: #58b3f0 !important;
                            }
                            /* navabr */
                            
                             #navbar {
            /*overflow: hidden;*/
        }
        
         .stuck {
            top: 0 !important;
            position: fixed !important;
            left: 0;
            right: 0;
            margin: 0 auto;
            z-index: 9999;
            animation-name: stick;
            animation-duration: 0.5s;
            transition: top 0.5s linear 0s;
            box-shadow: 0 0 10px rgb(0 0 0 / 20%);
            box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        }
                            
                            .navbar-main {
                                background: #f7f7f7;
                                min-height: 26px;
                            }
                            
                            .navbar-nav {
                                background: #f7f7f7;
                                list-style-type: none;
                                display: flex;
                                height: 40px;
                            }
                            
                            .list_menu {
                                height: 40px;
                                margin: 0;
                                position: relative;
                                min-width: 110px;
                            }
                            
                            .the-a {
                                height: 40px;
                                padding-top: 5px;
                                padding-left: 5px;
                            }
                            
                            .the-a-div {
                                line-height: 20px;
                                position: relative;
                                white-space: nowrap;
                                font-size: 14px;
                                color: #333333;
                                text-align: center;
                                font-weight: 400;
                                padding-top: 10px;
                                margin-top: -14px;
                            }
                            
                            /* css-navbar-mobile-tablet*/
                            .mb10 {
                                padding-left: 15px;
                                padding-right: 15px;
                            }
                            
                            .no-padding {
                                padding: 0px !important;
                            }
                            /* css-button-toggle */
                            
                            #trigger-mobile {
                                height: 50px;
                                width: 50px;
                                /* position: fixed; */
                                float: left;
                                text-align: center;
                                left: 5px;
                                cursor: pointer;
                                z-index: 1000;
                                margin: 0;
                                margin-top: 10px;
                            }
                            
                            .sr-only {
                                position: absolute;
                                width: 1px;
                                height: 1px;
                                padding: 0;
                                margin: -1px;
                                overflow: hidden;
                                clip: rect(0, 0, 0, 0);
                                border: 0;
                            }
                            
                            .navbar-toggle .icon-bar {
                                background: black;
                                display: block;
                                width: 22px;
                                height: 2px;
                                border-radius: 1px;
                            }
                            /* css-header-on-mobile-tablet */
                            
                            .logo-mobile {
                                padding: 8px 0px;
                            }
                            
                            ul.mobile-menu-icon .cart-target {
                                color: #fff;
                                height: 100%;
                                font-size: 26px;
                                line-height: 50px;
                                position: relative;
                                padding: 12px 0px;
                                float: right;
                                list-style: none;
                            }
                            
                            .svg-next-icon-size-26 {
                                width: 26px;
                                height: 26px;
                            }
                            
                            ul.mobile-menu-icon .cart-target span {
                                background: #ff6517;
                                color: #fff;
                                width: 16px;
                                height: 16px;
                                border-radius: 100%;
                                position: absolute;
                                font-size: 12px;
                                top: -2;
                                line-height: 16px;
                                left: 17px;
                                top: 12px;
                            }
                            
                            .ul.mobile-menu-icon>li {
                                float: right;
                                margin-left: 10px;
                                margin-right: 10px;
                                line-height: 60px;
                            }
                            
                            .search {
                                color: #fff;
                                height: 100%;
                                font-size: 26px;
                                line-height: 50px;
                                position: relative;
                                padding: 6px 0px;
                                /* text-align: center; */
                                float: right;
                                list-style: none;
                                padding-top:18px;
                            }
                            /* css-menu-mobile */
                            
                            #menu-mobile {
                                width: 240px;
                                z-index: 9999;
                                background: #31373d;
                                position: fixed;
                                top: 0;
                                left: 0;
                                bottom: 0;
                                overflow-x: hidden;
                                overflow-y: auto;
                                transform: translateX(-100%);
                                transition: transform linear 0.2s, opacity linear 0.2s;
                            }
                              .dropdown-content-cart-mobile{
                               position: fixed;
   
                               min-width: 160px;
                               box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
                                z-index: 9;
                                 border-radius: 3px;
                               padding: 20px;
                               
                                top: 0;
                                left: 0;
                                bottom: 0;
                                overflow-x: hidden;
                                overflow-y: auto;
                                transform: translateX(120%);
                                transition: transform linear 0.2s, opacity linear 0.2s;
                                border: 2px solid #ddd;
                              color: #777;
                             background-color: #fff;
                                  }       
                            
                            #menu-mobile .account_mobile {
                                background: rgb(24, 23, 23);
                                padding: 10px 0;
                                border-bottom: 0.5px solid #757171;
                            }
                            
                            .text-center {
                                text-align: center;
                            }
                            
                            #menu-mobile .account_text li {
                                display: inline-block;
                                color: white !important
                            }
                             
                            
                            .li-account-mobile {
                                padding-left: 5px;
                            }
                            
                            #menu-mobile .menu-mobile li {
                                float: left;
                                position: relative;
                                width: 100%;
                                
                            }
                            
                            #menu-mobile .menu-mobile li a {
                                padding: 8px;
                                display: block;
                                position: relative;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                border-bottom: 0.5px solid #757171;
                            }
                              #menu-mobile .submenu-level1-children {
                                background: #212529;
                                width: 100%;
                                position: static;
                                border-radius: 0;
                                padding: 0 0 0 15px;
                                margin: 0;
                                box-shadow: none;
                            }
                            .dropdown-menu-children {
                                position: absolute;
                                display: block;
                                float: left;
                                min-width: 120px;
                                white-space: nowrap;
                                background: white;
                                font-size: 14px;
                                text-align: left;
                                list-style: none;
                                box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
                                z-index: 10;
                                font-weight: 100;
                            }
                            .thay-a {
                                color: white;
                                padding: 8px;
                                display: block;
                                position: relative;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                border-bottom: 0.5px solid #757171;
                            }
                             .content {
                                padding: 15px 18px;
                                max-height: 0;
                                overflow: hidden;
                                transition: max-height 0.2s ease-out;
                                background-color: #f9f9f9;
                            }
                            /* css-overlay */
                            
                            .nav--overlay {
                                position: fixed;
                                top: 0px;
                                right: 0px;
                                bottom: 0px;
                                left: 0px;
                                z-index: 9999;
                                background-color: rgba(0, 0, 0, 0.3);
                                display: none;
                                animation: fadeIn linear 0.2s;
                            }
                            
                            #navbar-input-mobile {
                                display: none;
                            }
                            
                            .nav-input:checked~.nav--overlay {
                                display: block !important;
                                border: none;
                            }
                            
                            .nav-input:checked~#menu-mobile {
                                transform: translateX(0%);
                                opacity: 1;
                            }
                            
                            @keyframes fadeIn {
                                from {
                                    opacity: 0;
                                }
                                to {
                                    opacity: 1;
                                }
                            }
                            /*css-overlay-cart-mobile*/
                             .nav--overlay {
                                position: fixed;
                                top: 0px;
                                right: 0px;
                                bottom: 0px;
                                left: 0px;
                                z-index: 9999;
                                background-color: rgba(0, 0, 0, 0.3);
                                display: none;
                                animation: fadeIn linear 0.2s;
                            }
                            
                            #navbar-input-mobile {
                                display: none;
                            }
                            
                            
                             .nav-input-cart:checked~.nav--overlay {
                                display: block !important;
                                border: none;
                            }
                            
                             .nav-input-cart:checked~.dropdown-content-cart-mobile {
                             
                                transform: translateX(20%)!important;
                                opacity: 1;
                                z-index: 9999;
                            }
                            /* main */
                            /* img-main */
                            
                            .img-main {
                                width: 100%;
                            }
                            /* Tiện ích */
                            
                            .col-body-one {
                                text-align: left;
                            }
                            
                            .col-body-one_1 {
                                text-align: left;
                            }
                            
                            .col-body {
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: nowrap;
                            }
                            
                            h5 {
                                font-size: 14px;
                                font-family: Roboto, sans-serif;
                                color: rgb(5, 4, 4);
                            }
                            /* Tiện ích */
                            
                            .col-body-one {
                                text-align: left;
                            }
                            
                            .col-body-one_1 {
                                text-align: left;
                            }
                            
                            .col-body {
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: nowrap;
                            }
                            
                            h5 {
                                font-size: 14px;
                                font-family: Roboto, sans-serif;
                                color: rgb(5, 4, 4);
                            }
                            
                            /* css-main */
                            /* css-black firday */
                            
                            .title-main,
                            .title-block {
                                margin-top: 14px;
                                text-align: center;
                                text-transform: uppercase;
                                font-weight: normal;
                                font-size: 23px;
                                padding: 0px;
                                background: #fff;
                                display: inline-block;
                            }
                            
                            .icon-star-main {
                                font-size: 16px;
                            }
                            
                            .number-count-bt {
                                color: #fff;
                                border-radius: 100%;
                                display: block;
                                width: 70px;
                                height: 70px;
                                font-size: 28px;
                                font-family: Roboto-Regular;
                                line-height: 70px;
                                background: #000000;
                                margin: auto;
                                position: relative;
                            }
                            
                            .time-block {
                                display: flex;
                                padding-top: 30px;
                                justify-content: center;
                            }
                            
                            .box-count-number {
                                padding: auto;
                            }
                            
                            .text-center-1 {
                                text-align: center;
                                padding-left: 18px;
                            }
                            
                            .time-dot {
                                padding-top: 10px;
                            }
                            /* banner */
                            
                            .box-banner-index:hover {
                                border: 1px;
                                border-color: rgb(112, 97, 78);
                                box-shadow: 0px 5px 5px #989797;
                                -webkit-transform: translate(0px, -3px);
                            }
                            
                            .mb10 {
                                padding-left: 15px;
                                padding-right: 15px;
                            }
                            
                            .no-padding {
                                padding: 0px !important;
                            }
                            
                            /* css-product-main */
                            
                            .product-lists .product-wrapper {
                                margin-bottom: 20px;
                            }
                            
                            .product-wrapper .product-detail {
                                position: relative;
                                background: #fff;
                            }
                            
                            .product-wrapper .product-image {
                                overflow: hidden;
                                position: relative;
                                text-align: center;
                            }
                            
                            a {
                                text-decoration: none;
                            }
                           
                            /*css-hover-img*/
                           
                            .image-resize:hover .img-first {
                                display: none !important;
                            }
                            
                            .image-resize:hover .img-last {
                                display: block !important;
                            }
                            
                            .img-last {
                                display: none !important;
                            }
                            
                            /* css-new product */
                            
                            .product-wrapper .product-image .product-icon-new {
                                position: absolute;
                                left: 10px;
                                top: 10px;
                                z-index: 1;
                            }
                            /* css-title-product */
                            
                            .product-wrapper .product-info {
                                padding: 0 0 15px 0;
                            }
                            
                            .product-wrapper .product-info .product-title {
                                font-size: 15px;
                                padding: 10px 10px 0px 10px;
                                color: #333333;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                font-weight: 400;
                                margin: 0;
                            }
                            
                            .product-wrapper .product-info .product-box-price {
                                padding: 0 10px 0;
                            }
                            
                            .product-wrapper .product-info .price-new {
                                font-size: 15px;
                                color: #b2008d;
                                font-weight: 500;
                                display: inline-block;
                            }
/* css-news*/
.title-main, .title-block {
    margin-top: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 23px;
    padding: 0px;
    background: #fff;
    display: inline-block;
}
.text-center {
           /*margin-top: 40px;*/
           font-size: 14px;
           color: #333;
           font-family: Roboto-Regular;
       }
       
       .col-center {
           margin-top: 40px;
       }
       
       .font-a {
           color: #58b3f0;
           font-weight: bold;
       }
       
       .title-conten {
           margin: 0;
           text-transform: uppercase;
           font-weight: normal;
           font-size: 26px;
           padding: 10px;
           background: #fff;
       }
       
       .title-conten-note {
           font-style: italic;
           font-size: 15px;
           color: #9c9c9c;
       }
       
       .mt10 {
           margin-top: 10px;
       }
       
       .img-justin {
           width: 100%;
       }
       
       .title {
           padding-left: 5px;
           margin: 0;
           padding: 10px 0 5px;
           font-size: 15px;
           font-weight: 600;
           line-height: 18px;
           color: black;
       }
       
       .title:hover {
           color: blue;
       }
       
       .stage-outer {
           margin-top: 28px;
           display: flex;
           /*width: 370px;*/
       }
       
       .article-content {
           margin-top: -5px;
           font-size: 13px;
           font-style: italic;
       }
       
       .article-content-main {
           margin-top: -4px;
       }
       
       .a1 {
           color: black;
       }
       
       .title-conten-1 {
           text-transform: uppercase;
           font-weight: normal;
           font-size: 26px;
           padding: 10px;
           background: #fff;
       }
        .font-a {
           color: #58b3f0 !important;
           font-weight: bold;
           font-size: 17px;
       }
       .title-conten-1 {
           text-transform: uppercase;
           font-weight: normal;
           font-size: 26px;
           padding: 10px;
           background: #fff;
       }
       /*css-footter*/
           footer {
        background: black;
        width: 100%;
    }
    
    .footer-center {
        width: 100%;
        padding: 30px 0 10px;
        margin-top: 20px;
    }
    
    .box-footer-colum {
        font-family: Roboto, sans-serif;
        color: white;
    }
    
    .font-h4 {
        font-size: 15px;
        margin: 10px 0;
        font-weight: bold;
        color: #ffffff;
        position: relative;
    }
    
    ul,
    li,
    p {
        margin: 0px;
        padding: 0px
    }
    
    li {
        list-style: none;
    }
    
    .box-footer-colum .footer-list-menu li {
        color: #ffffff;
        padding: 5px 0;
    }
    
    li .li-footer,
    .li-footer-1 {
        font-size: 14px;
        font-family: Roboto, sans-serif;
        color: #ffffff;
        width:100%;
        margin-left: 0;
    }
    
    .li-footer-1 {
        padding: 5px 0px;
    }
    
    .li-a {
        font-size: 14px;
        font-family: Roboto, sans-serif;
        color: #ffffff !important;
        text-decoration: none !important;
    }
    
    .li-a:hover {
        color: #ffffff !important;
    }
    
    .facebook {
        display: inline-block;
        height: 30px;
        width: 30px;
        color: #333;
        background: #fff;
        box-shadow: 0 3px 5px #616161;
        line-height: 33px;
        border-radius: 50%;
        text-decoration: none;
        transition: transform 300ms;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
    }
    
    .facebook:hover {
        color: #616161;
        transform: translatey(-5px);
        cursor: pointer !important;
    }
    
    .face:hover,
    .facebook {
        color: #616161;
    }
    
    .bo-cong-thuong {
        margin: 20px 0;
    }
    
    .footer-copyright {
        text-align: center;
        font-size: 13px;
        height: 30px;
    }
    
    .copyright {
        font-size: 10px;
        color: white
    }
    
    .face {
        text-decoration: none !important;
        color: black !important;
    }
    
    .a12 {
        color: white;
    }
    
    .a12,
    .copyright:hover {
        color: white !important;
    }
    
    .row-footer-main {
        width: 100% !important;
        margin: 0px!important;
        background-color: black;
    }
    
    .footer-butom {
        margin: 10px auto;
    }
    /* css-category-tất cả sản phẩm*/
    /* css-banner */

.mt10 {
    margin-top: 10px;
}

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

img {
    max-width: 100%;
}


/* css-breadcrumb */

.header-navigate .breadcrumb {
    margin: 0px;
    background: none;
    padding: 8px 0px;
    list-style: none;
}

.mb15 {
    margin-bottom: 15px;
}

.span-login {
    font-size: 14px;
    color: #030303;
    white-space: normal;
    display: inline-block;
    font-weight: bold;
}


/* css-colection */

scetion {
    display: block;
}

.mb15 {
    margin-bottom: 15px;
}

#collection .group-collection {
    background: #f9f9f9;
    margin-bottom: 15px;
}

#collection .group-collection .title-block-category {
    cursor: pointer;
    position: relative;
    padding: 15px;
    margin-bottom: 0;
}

#collection .group-collection .title-block-category .title-group {
    margin: 0;
    font-size: 18px;
}

#collection .group-collection .title-block-category i {
    position: absolute;
    right: 0;
    top: 20px;
    width: 26px;
    height: 26px;
}

#collection .group-collection .filter-box {
    padding: 15px;
    border-top: 1px solid #e7e7e7;
}

.menu-collection li a {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}


/* css-Thương hiệu */

.filter-box li span {
    margin-left: 5px;
    font-weight: normal;
    cursor: pointer;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}


/* css-màu xắc*/

#filter-color label {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    border: 1px solid #ccc;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

#filter-color li {
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
}


/* css-size */

#filter-size li {
    float: left;
    width: 50%;
}


/* css-box-product */


/* title-block */

.pull-right {
    float: right!important;
}

.mr5 {
    margin-right: 5px;
}

#collection .sort-by {
    padding: 2px 10px;
    border: 1px solid #e7e7e7;
}


/* css-list-product */

.product-lists .product-wrapper {
    margin-bottom: 20px;
}

.product-wrapper .product-detail {
    position: relative;
    background: #fff;
}

.product-wrapper .product-image {
    overflow: hidden;
    position: relative;
    text-align: center;
}

a {
    text-decoration: none;
}


/* .product-wrapper .product-image .image-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
} */


/* css-hover */

.image-resize:hover .img-first {
    display: none !important;
}

.image-resize:hover .img-last {
    display: block !important;
}

.img-last {
    display: none !important;
}


/* css-new product */

.product-wrapper .product-image .product-icon-new {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}


/* css-title-product */

.product-wrapper .product-info {
    padding: 0 0 15px 0;
}

.product-wrapper .product-info .product-title {
    font-size: 15px;
    padding: 10px 10px 0px 10px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    margin: 0;
}

.product-wrapper .product-info .product-box-price {
    padding: 0 10px 0;
}

.product-wrapper .product-info .price-new {
    font-size: 15px;
    color: #b2008d;
    font-weight: 500;
    display: inline-block;
}

.btn-loading {
    color: #fff !important;
    border: 1px solid;
    border-color: #58b3f0;
    padding: 10px;
    display: block;
    margin: 25px auto;
    background: #58b3f0;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.btn-loading:hover {
    color: #fff !important;
}


/* css-indext-túi xách */

.product-wrapper .product-info .price-old {
    color: #7d7d7d;
    font-size: 14px;
    text-decoration: line-through;
}

.text-right {
    text-align: right;
}
                       /* css-dropdown*/
                       
  .list_menu {
                                position: relative;
                            }
                            
                            .list_menu:hover {
                                background: rgb(214, 211, 206) !important;
                            }
                            
                            .dropdown-menu-1 {
                                position: absolute;
                                display: none;
                                float: left;
                                min-width:160px;
                                white-space: nowrap;
                                background: white;
                                font-size: 14px;
                                text-align: left;
                                list-style: none;
                                box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
                                z-index: 10;
                            }
                            
                            .dropdown-menu-2 {
                                position: absolute;
                                display: none;
                                float: left;
                                min-width: 160px;
                                white-space: nowrap;
                                background: white;
                                font-size: 14px;
                                text-align: left;
                                list-style: none;
                                box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
                                top: 0px;
                                right: -160px;
                            }
                            
                            .spanx {
                                color: #333;
                            }
                            
                            .list_menu:hover .dropdown-menu-1 {
                                background: #f7f7f7 !important;
                                display: block !important;
                            }
                            
                            .li-list-down:hover {
                                background: #e6e4e4!important;
                            }
                            
                            .li-list-down1:hover {
                                background: #e4e0e0!important;
                            }
                            
                            .li-list-down {
                                padding: 0px 5px;
                                /* border: 1px solid #dfdcdc; */
                            }
                            
                            .the-a:hover {
                                color: black !important;
                            }
                            
                            .li-list-down1:hover .dropdown-menu-2 {
                                background: #f7f7f7 !important;
                                display: block !important;
                            }     
                            
                            /*css-product-cart*/
                            /* css-breadcrumb */
    
    .header-navigate .breadcrumb {
        margin: 0px;
        background: none;
        padding: 8px 0px;
        list-style: none;
    }
    
    .mb15 {
        margin-bottom: 15px;
    }
    
    .span-login {
        font-size: 14px;
        color: #030303;
        white-space: normal;
        display: inline-block;
        font-weight: bold;
    }
    /* css-box img-product */
    
    #surround {
        margin-bottom: 15px;
    }
    
    .mTSWrapper {
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        direction: ltr;
    }
    
    .mTSContainer {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    
    .mTS-buttons-out .mTS_vertical .mTSThumbContainer {
        margin: 6px 0;
    }
    
    #sliderproduct .product-thumb a {
        display: block;
        text-align: center;
        border: 1px solid #e7e7e7;
    }
    
    #surround .product-image-feature {
        margin-bottom: 10px;
        display: block;
        margin: auto;
        pointer-events: none;
    }
    /* img {
        width: 100%;
    } */
    
    .lazy-load-ball {
        height: 300px;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    
    .uil-ring-css {
        background: none;
        position: relative;
        width: 200px;
        height: 200px;
        transform: scale(0.44);
        margin: auto;
    }
    
    .uil-ring-css div {
        position: absolute;
        display: block;
        width: 160px;
        height: 160px;
        top: 20px;
        left: 20px;
        border-radius: 80px;
        box-shadow: 0 6px 0 0 #59ebff;
        animation: uil-ring-anim 1s linear infinite;
    }
    /*information-product  */
    
    .information-product .product-title h1 {
        font-size: 20px;
        margin: 0 0 10px;
        font-weight: 400;
        line-height: 24px;
        text-transform: uppercase;
    }
    
    .information-product .product-sku-date .product-sku {
        font-size: 13px;
    }
    
    .information-product .product-price {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .information-product .product-price span {
        color: #b2008d;
        font-size: 30px;
        margin-right: 10px;
    }
    
    .variant-style .selector-wrapper,
    .variant-style .select-wrapper {
        margin-bottom: 10px;
    }
    
    .variant-style .selector-wrapper label {
        vertical-align: middle;
        font-weight: normal;
        margin-right: 10px;
    }
    
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
    }
    
    .style-variant-template {
        display: inline-block;
        vertical-align: middle;
    }
    
    input[type='checkbox'],
    input[type='radio'] {
        margin-top: 0;
        vertical-align: top;
        width: 16px;
        height: 16px;
        appearance: none;
        margin: 2px 0;
    }
    
    /*.acctive {*/
    /*    border: 1px solid #D87C7C;*/
    /*    background: url(https://theme.hstatic.net/1000213616/1000273130/14/bg-variant-checked.png) no-repeat right bottom #fff;*/
    /*}*/
    
    .style-variant-template li span {
        display: block;
        padding: 6px 8px;
        /* background: #fff; */
        cursor: pointer;
        /* border: 1px solid #ccc; */
        font-weight: 400;
    }
    
    .style-variant-template span img {
        margin-right: 3px;
    }
    
    .style-variant-template input {
        display: none;
    }
    
    .style-variant-template {
        display: inline-block;
        vertical-align: middle;
    }
    
    .variant-style.qty-btn-1 {
        float: left;
        background: #fff;
        border: solid 1px #E5E5E5;
        cursor: pointer;
        font-weight: 600;
        font-size: 16px;
        outline: none;
        height: 32px;
        width: 32px;
        text-align: center;
        border-radius: 0;
    }
    
    .variant-style#quantity {
        background: #FFF;
        font-weight: 600;
        height: 32px;
        padding: 0;
        text-align: center;
        width: 70px;
        border: 1px solid #E5E5E5;
        border-left: none;
        border-right: none;
        border-radius: 1px;
        float: left;
        -webkit-appearance: none;
    }
    
    .btn-style-add-addtocart
    {
        border-radius: 3px;
        margin-right: 15px;
      
        border: none;
        position: relative;
        display: inline-block;
        background: #7dc558;
        font-weight: 500;
        height: 48px;
        width: 160px;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .btn-style-buynow-addnow {
        border-radius: 3px;
        margin-right: 15px;
       
        border: none;
        position: relative;
        display: inline-block;
        background: #05b2e9;
        font-weight: 500;
        height: 48px;
        width: 160px;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    
    .variant-style.btn-style-add .icon_cart_btn,
    .variant-style.btn-style-buynow .icon_cart_btn {
        background:  center center no-repeat #7dc558;
        width: 48px;
        height: 48px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 3px 0 0 3px;
    }
    
    .variant-style .btn-style-buynow {
        background: #05b2e9;
       
    }
    
    .variant-style .btn-style-buynow .icon_cart_btn {
        background:  #05b2e9;
    }
    /*css-hover*/
    .btn-style-add-addtocart:hover {
       
        background: #5dba2d !important;
    }
    .btn-style-buynow-addnow:hover {
        background-color: #0ca0cf !important;
    }
    /* css-box-service-product */
    
    .box-service-product .header-box-service-product {
        background: #f6f6f6;
        border-top: 1px solid #e0e0e0;
        padding: 10px;
    }
    
    .box-service-product .header-box-service-product .title {
        font-size: 15px;
        font-weight: bold;
        color: #f77705;
    }
    
    .box-service-product .header-box-service-product .content {
        font-size: 13px;
        color: #666;
    }
    
    @media (min-width: 1200px) {
        .border-service-product {
            border-bottom: 1px solid #e0e0e0;
        }
        .border-service-product {
            padding: 10px 0;
        }
    }
    
    .box-service-product .content-box-service-product .content-server {
        font-size: 12px;
        color: #666;
    }
    /* css-product-comment */
    
    .product-tablist {
        background: #e7e7e7;
    }
    
    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }
    
    .product-tablist.nav-tabs li a {
        border-radius: 0;
        margin: 0;
        text-transform: uppercase;
    }
    
    .product-tablist.nav-tabs>li.active {
        position: relative;
    }
    
    .product-tablist.nav-tabs>li.active a {
        border-top: 3px solid #58b3f0;
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-bottom: 1px solid #fff;
        color: #365DB5;
        font-weight: bold;
        background: #fff;
    }
    /* css-tab-pen */
    
    #description {
        min-height: .01%;
        overflow-x: auto;
        border: solid 1px #E5E5E5;
        border-top: none;
    }
    
    .product-description-wrapper {
        padding: 20px;
    }
    
    b,
    strong {
        font-weight: 700;
    }
    /* css-list-product */
    
    .wrapper-product-related .title-group-related .title-group {
        margin: 0;
        padding: 21px 15px 15px;
        font-size: 15px;
        background: #e7e7e7;
        text-transform: uppercase;
    }
    
    .list-product-related {
        border: 1px solid #e7e7e7;
        border-top: 0;
        padding: 10px;
    }
    
    .flexbox-auto-100px {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100px;
        flex: 0 0 100px;
    }
    
    .list-product-related .product-title {
        margin: 0;
        font-size: 15px;
        line-height: 20px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;
        height: 39px;
        /* margin-bottom: 5px; */
    }
    /* css-product-review */
    
    .style-list-review li {
        float: left;
        margin: 0 5px 5px 0;
        width: 80px;
        height: 80px;
        border: 1px solid #c4b9b9;
        background: #f5f5f5;
    }
    /* css-check*/
    .checks {
      display: block;
    padding: 6px 8px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ccc;
    font-weight: 400;
    /*justify-content: center;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*color: #a89842;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*background-color: white;*/
    /*margin-left: 20px;*/
    /*border: 1px solid lightgrey;*/
    /*border-radius: 5px;*/
    /*font-size: 10px;*/
    /*padding: 0px 10px;*/
}
.checks.active {
    border: 1px solid #D87C7C;
        background: url(https://theme.hstatic.net/1000213616/1000273130/14/bg-variant-checked.png) no-repeat right bottom #fff;
}
/*css-img slideshow-gallery*/
.mySlides {
    display: none;
}


/* Add a pointer when hovering over the thumbnail images */

.cursor {
    cursor: pointer;
}


/* Add a transparency effect for thumnbail images */

.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}
/*css-img-zoom*/



/* css-trang khuyến mãi*/
/* css-danh mục sản phẩm */
                            
                            .box-title-sale {
                                float: left;
                                width: 25%;
                                text-align: center;
                                padding: 10px 0;
                                border-left: 1px solid #fff;
                                background: #313131;
                            }
                            
                            .box-title-sale .title-text {
                                font-size: 15px;
                                text-transform: uppercase;
                                color: white;
                            }
                            
                            .group-price-sale {
                                color: white;
                            }
                             .layout-page h1 {
                                position: relative;
                                margin: 0;
                                padding: 0;
                                font-size: 20px;
                                line-height: 20px;
                                text-transform: uppercase;
                                color: #161616;
                                margin-bottom: 10px;
                            }
                            
                            .title-start {
                                font-size: 20px;
                                color: #333;
                                /* padding-right: 5px; */
                            }
                             .box-count-number {
                                padding: 10px 0px;
                                max-width: 350px;
                            }
                            
                            .number-count-btn {
                                color: #fff;
                                border-radius: 100%;
                                display: block;
                                width: 70px;
                                height: 70px;
                                font-size: 28px;
                                font-family: Roboto-Regular;
                                vertical-align: middle;
                                line-height: 70px;
                                background: #000000;
                                margin: auto;
                                position: relative;
                            }
                            
                            .times-dots {
                                display: inline-block;
                                vertical-align: middle;
                                padding: 5px;
                                font-size: 17px;
                            }
                            
                            .flexbox-content {
                                -webkit-box-flex: 1;
                                -webkit-flex: 1 1 0;
                                -ms-flex: 1 1 0;
                                /* flex: 1 1 0; */
                                box-sizing: border-box;
                                /* max-width: 100%; */
                                min-width: 0;
                            }
                            .nav-group-title {
                            font-size: 18px;
                            margin-bottom: 15px;
                            text-transform: uppercase;
                             margin-top: 30px;
                                                 }
                             .product-wrapper .product-info .price-new {
                                font-size: 15px;
                                color: #b2008d;
                                font-weight: 500;
                                display: inline-block;
                            }
                            .nav-group-title .color-bg {
                           display: inline-block;
                            width: 5px;
                           height: 13px;
                            margin-right: 10px;
                            }
                            /*css-phone-fixe-manhinh*/
                            .hotline-mobile {
                                position: fixed;
                                bottom: 45px;
                                left: 15px;
                                width: 40px;
                                height: 40px;
                                border-radius: 50%;
                                background: #58b3f0;
                                z-index: 999;
                            }
                            /*style-account*/
                            /*css-login*/
                            
                            /* style-bootrap */

* {
    box-sizing: border-box
}


/* style the container */

.layout-account {
    max-width: 600px;
    margin: 0 auto;
}

.l {
    position: relative;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px 0 30px 0;
}


/* style inputs and link buttons */

.input-login,
.btn-login {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
     remove underline from anchors 
}

.input-login:hover,
.btn-login:hover {
    opacity: 1;
}


/* add appropriate colors to fb, twitter and google buttons */

.fb {
    background-color: #3B5998;
    color: white;
}

.twitter {
    background-color: #55ACEE;
    color: white;
}

.google {
    background-color: #dd4b39;
    color: white;
}


/* style the submit button */

input[type=submit] {
    background-color: #04AA6D;
    color: white;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}


/* Two-column layout */

.col {
    float: left;
    width: 50%;
    margin: auto;
    padding: 0 50px;
    margin-top: 6px;
}


/* Clear floats after the columns */

.row-1:after {
    content: "";
    display: table;
    clear: both;
}


/* vertical line */

.vl {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    border: 2px solid #ddd;
    height: 47px;
    margin-top: 60px;
    width: 20px;
}




/* text inside the vertical line */

.inner {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 8px 10px;
}


/* hide some text on medium and large screens */

.hide-md-lg {
    display: none;
}


/* bottom container */

.bottom-container {
    text-align: center;
    background-color: #666;
    border-radius: 0px 0px 4px 4px;
}


/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 650px) {
    .col {
        width: 100%;
        margin-top: 0;
    }
    /* hide the vertical line */
    .vl {
        display: none;
    }
    /* show the hidden text on small screens */
    .hide-md-lg {
        display: block;
        text-align: center;
    }
}


                           /* the-end bootrap */
                           
                           /*css-sig-up*/
                         
                         /* style-bootrap */

* {
    box-sizing: border-box
}


/* Full-width input fields */

.input-account-bootrap {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background:#f1f1f1;
}

.input-account-bootrap:focus
 {
    background-color: #ddd;
    outline: none;
}

hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}


/* Set a style for all buttons */

.button-sing-up {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

.button-sing-up:hover {
    opacity: 1;
}


/* Extra styles for the cancel button */

.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}


/* Float cancel and signup buttons and add an equal width */

.cancelbtn,
.signupbtn {
    float: left;
    width: 50%;
    color:white;
}


/* Add padding to container elements */

.container-login {
    padding: 16px;
    max-width: 400px;
    margin: 0 auto;
}


/* Clear floats */

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


/* Change styles for cancel button and signup button on extra small screens */

@media screen and (max-width: 300px) {
    .cancelbtn,
    .signupbtn {
        width: 100%;
    }
}


/* the-end bootrap
/* css-forget-password*/
/* style-bootrap */

* {
    box-sizing: border-box
}


/* Full-width input fields */



hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}


/* Set a style for all buttons */



/* Extra styles for the cancel button */

.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}


/* Float cancel and signup buttons and add an equal width */

.cancelbtn,
.signupbtn {
    float: left;
    width: 50%;
}


/* Add padding to container elements */

.container-login {
    padding: 16px;
    max-width: 400px;
    margin: 0 auto;
}


/* Clear floats */

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


/* Change styles for cancel button and signup button on extra small screens */

@media screen and (max-width: 300px) {
    .cancelbtn,
    .signupbtn {
        width: 100%;
    }
}
/*css-cửa hàng*/
/* css-address-shop */

* {
    box-sizing: border-box
}

.the-p-address-shop {
    margin-bottom: -15px;
}


/* css-change city */

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
}

option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

.address-information .address-list .address-title h3 {
    color: #333;
    font-size: 12px;
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin: 0;
}

.address-information .address-list .address-detail a {
    display: block;
    padding: 5px 15px;
}
                     
                     
                     /*css-addcart*/
                     .shop_table{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.shop_table thead{
    border: none;
    border-bottom: 3px solid #ececec;
}
.shop_table th{
    letter-spacing: .05em;
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.05;
    font-size: .9em;
}
.product-subtotal{
    text-align: right !important;
}
.shop_table td{
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.05;
    letter-spacing: .05em;
    font-size: .9em;
}
.shop_table .cart_item td{
    padding-top: 15px;
    padding-bottom: 15px;
} 
.product-remove{
    width: 20px;
    padding: 0;
}
.product-remove a{
    width: 24px;
    height: 24px;
    font-size: 15px;
    line-height: 19px ;
    border-radius: 100%;
    color: #ccc;
    font-weight: bold;
    text-align: center;
    border: 2px solid currentColor;
    width: 100%;
    padding: 1px 6px;
    text-decoration: none;
}
.product-thumbnail{
    min-width: 60px;
    max-width: 90px;
    width: 90px;
}
.product-thumbnail img{
    max-width: 100%;
    height: auto;
}
.product-names a{
    color: #334862;
    text-decoration: none;
}
.product-names p{
   display: none;
   font-size: 11px;
}
.product-names a:hover{
    color:#111;
}
.product_price span{
    color: #696b6b;
    font-weight: bold;
}
.buttons_added {
    opacity:1;
    display:inline-block;
    display:-ms-inline-flexbox;
    display:inline-flex;
    white-space:nowrap;
    vertical-align:top;
}
.is-form {
    overflow:hidden;
    position:relative;
    background-color:#f9f9f9;
    height:40px;
    width:21px;
    padding:0;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #ddd;
}
.is-form:hover{
    background-color: #bbb;
    transition: 0.3s;
}
.is-form:focus,.input-text:focus {
    outline:none;
}

.input-qty {
    background-color:#fff;
    height:40px;
    width: 40px;
    text-align:center;
    font-size:1rem;
    display:inline-block;
    vertical-align:top;
    margin:0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:0;
    border-right:0;
    padding:0;
    outline: none;
}
.input-qty::-webkit-outer-spin-button,.input-qty::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0;
}
.product-subtotal span{
    color: #696b6b;
    font-weight: bold;
}
.button-continue-shopping{
    color: #2d2a27;
    border: 2px solid currentColor;
    background-color: transparent;
    display: inline-block;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    max-width: 100%;
    padding: 0 1.2em;
    line-height: 2.19em;
}
.button-continue-shopping:hover{
    color:#fff;
    border: 2px solid #2d2a27;
    background-color: #2d2a27;
}
.product-name h2{
    padding: .5em;
    text-align: left;
    border-bottom: 3px solid #ececec;
    line-height: 1.05;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: bold;
}
.shop_tables{
    padding-left: .5em;
    padding-right: .5em;
}
.cart-subtotal{
    padding: .5em;
}
.cart-subtotal span{
    font-size: 15px;
    text-transform: inherit;
    letter-spacing: 0;
    font-weight: normal;
}
.amount{
    padding: .5em;
    text-align: right;
    color: #696b6b;
    font-weight: bold;
    font-size: 15px;
}
.checkout{
    margin-top: 30px;
}
.checkout a{
    background-color:#7dc558;
    min-width: 100%;
    margin-right: 0;
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
}
.product-price .all_span{
      white-space: nowrap;
    color: #696b6b;
    font-weight: bold;
}

@media (max-width:496px){
    .product-price{
        display: none;
    }
    .product-subtotal{
        display: none;
    }
    .product-names p{
        display: block;
     }
 } 
 .th-width{width:30%;}

.adn_account_item{
  padding:5px;
}
.address-form{
  padding:20px;
}