/* product single page */
.product-title {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.product-title .title{
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin: 10px 0 ;
    float: left;
    line-height: 20px;
}
.rating-show-start {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #fe9727;
    box-sizing: border-box;
    padding: 10px 0;
    line-height: 20px;
}
.rating-show-count {
    color: #fe9727;
}
.product-content-box {
    float: left;
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.product-store-list {
    float: left;
    border: 1px solid #cecece;
    border-radius: 10px;
    margin: 10px 0;
    width: 100%;
}

.product-store-list span.title-store-list {
    background: white;
    font-size: 16px;
    color: black;
    margin:-10px 0 9px 11px;
    float: left;
    font-weight: bold;
}

.product-messsage, .product-store-list .location-store-list {
    float: left;
    line-height: 20px;
    margin: 0 0 10px;
    font-weight: bold;
    clear: both;
    display: inline-flex;
}

.product-captcha{
    float: left;
    margin: 0 0 10px;
}

.product-store-list select.location {
    float: left;
    align-self: baseline;
    margin-top: 7px;
    border: none;
    outline: none;
    color: #c69a39;
    font-weight: bold;
}

.product-store-list .store-list {
    float: left;
}

.product-store-list .store-list span.store{
    background: #2580db;
    color: white;
    padding: 5px 7px;
    /* line-height: 28px; */
    float: left;
    margin: 0 2px 5px;
    border-radius: 8PX;
    border: none;
    white-space: nowrap;
    font-size: 13px;
}

.product-messsage p.message, .product-store-list p.message{
    margin-top: 5px;
    color: red;
}

.product-slide-image,
.product-info-box {
    float: left;
    width: 30%;
}

.product-price-box,
.product-video-box {
    float: left;
    width: 45%;
}

.product-related-box,
.accessories-related-box {
    float: left;
    width: 25%;
}

.product_image {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.v2-product-image {
    height: 262px!important;
}
.v2-product-image li {
    height: 100%;
}
.v2-product-image li img {
    height: 100%;
    /*width: 100%;*/
}
.product_image li {
    display: none;
    list-style: none;
}
.product_image li.active {
    display: block;
}
.product_image img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    margin:0 auto;
}
.product_slide {
    width: 100%;
    height: auto;
    float: left;
}

.v2-product-slide {
    height: 65px;
}
.v2-product-slide .lSSlideOuter {
    position: relative;
    height: 100%;
}
.lSSlideWrapper {
    position: unset;
    margin: 0 20px;
}
#image-gallery li {
    height: 65px!important;
    width: 65px!important;
    display: flex;
    justify-content: center;
    align-items: center;;
}
.v2-product-slide #image-gallery img {
     max-width: 55px;
     max-height: 55px;
    object-fit: cover;
    width: 55px;
    height: 55px;
}
.v2-product-slide .lSAction > .lSPrev {
    left: 3px;
}
.v2-product-slide .lSAction > .lSNext {
    right: 3px;
}

.product_slide #image-gallery{
    /*width: 100% !important;*/
    display: flex;
}
.product_slide #image-gallery .owl-prev,
.product_slide #image-gallery .owl-next {
    position: absolute;
    height: 30px;
    width: 15px;
    background: #FA7816;
    line-height: 30px;
    top: calc(100% / 2 - 15px);
    text-align: center;
    color: #fff;
}
.product_slide #image-gallery .owl-prev {
    left: 0;
}
.product_slide #image-gallery .owl-next {
    right: 0;
}

.product_slide #image-gallery .disabled {
    background: #fff;
    color: #FA7816;
}
/* #image-gallery {
    transform: translate3d(-371px, 0px, 0px);
} */
#image-gallery li {
    padding: 5px;
    border: 1px solid #ddd;
    float: left;
    float: left;
}
.product_slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.lSPager {
    display: none;
}

.product-price-box .buy-box a {
    width: 49%;
    margin-top: 0px;
    cursor: pointer;
}
.buy-box-v2 a.disabled{
    cursor: not-allowed;
    background: gray !important;
    opacity: 0.7;
}
.product-price-box .buy-box .buy-now {
    float: left;
}
.product-price-box .buy-box .buy-pay-later, .product-price-box .buy-box .add-to-cart {
    float: right;
}
.product-info-general {
    width: 100%;
    float: left;
    padding: 10px;
}
.product-info-general li {
    padding: 0px 0 0px 10px;
    position: relative;
    line-height: 20px;
}
.product-info-general li:before {
    content: "•";
    font-size: 17px;
    color: rgb(88, 89, 91);
    position: absolute;
    left: 0;
    top: 2px;
}
.product-info-general li a {
    color: #0000ff;
}

.product-price-box {
    padding: 0 20px;
}
.product-price-content {
    width: 100%;
    float: left;
}
.product-price-content select {
    float: left;
    height: 30px;
    margin: 5px;
    border-radius: 3px;
    color: #3e3e3e;
}
.price_location {
    float: left;
    margin-right: 5px;
}
.price_location p {
    line-height: 40px;
    float: left;
    color: #3e3e3e;
}
.price_location .location {
    float: left;
    border: none;
    outline: none;
    color: #c69a39;
    font-weight: bold;
}
.price-and-color {
    float: left;
    width: 100%;
}
.price-and-color .price {
    font-size: 24px;
    font-weight: bold;
    color: #d0021b;
    height: 40px;
    line-height: 40px;
    float: left;
}
.price-and-color .price-old {
    font-size: 18px;
    color: #aaa;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-left: 15px;
    text-decoration: line-through;
}
.price-and-color .color-list {
    float: left;
    width: 100%;
    margin: 5px 0;
}
.price-and-color .color-list p {
    height: 30px;
    line-height: 30px;
    float: left;
    padding-right: 5px;
    font-size: 14px;
    color: #3e3e3e;
}
.price-and-color .color-list .color-item {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0px 4px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
}
.price-and-color .color-list .active {
    border: 1px solid red;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrow-down {
    from {top: -15px;}
    to {top: -20px;}
}

/* Standard syntax */
@keyframes arrow-down {
    from {top: -15px;}
    to {top: -20px;}
}

.custom-param-list {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 5px 0;
}
.custom-param-list .custom-param-item {
    height: 40px;
    line-height: 40px;
    float: left;
    color: #3e3e3e;
    margin-left: 10px;
}
.custom-param-list .custom-param-item:first-child {
    margin-left: 0px;
}
.custom-param-list .custom-param-item p,
.ram-box p {
    float: left;
}
.status-box {
    height: 40px;
    line-height: 40px;
    float: right;
    color: #666;
    font-weight: normal;
}
.status-box i {
    color: #c69a39;
}

.warranty-box {
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 15px;
    font-size: 14px;
    color: #3e3e3e;
}
.warranty-box p {
    float: left;
}
.warranty-list #about_warranty_link, .warranty-box #about_warranty_link {
    color: #c69a39;
    position: relative;
    line-height: 35px;
}
#text-tooltips {
    position: absolute;
    /* width: 260px; */
    white-space: nowrap;
    top: -50px;
    line-height: 14px;
    left: -120px;
    background: #c69a39;
    color: white;
    z-index: 9999;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    opacity: 0;
    visibility: hidden;
}
.tips {
    width: 0px;
    height: 0px;
    position: absolute;
    background: transparent;
    border: 10px solid #c69a39;
    bottom: -20px;
    left: 117px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.warranty-list #about_warranty_link:hover #text-tooltips, .warranty-box #about_warranty_link:hover #text-tooltips {
    opacity: 1;
    visibility: visible;
    transition: 0.5s all ease-in-out;
    float: left;
}
.ram-box {
    float: right;
    height: 40px;
    line-height: 40px;
    color: #666;
}

.product-address {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
}
.product-address span {
    font-size: 12px;
    line-height: 12px;
    color: #58595b;
}

.product-related-box {
    padding-left: 10px;
}
.product-related-box .product-related-title{
    padding: 0px 5px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #c69a39;
}
.product-related-box p.related-message {
    color: red;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.product-related-box .product-related-list {
    width: 100%;
    float: left;
}
.product-related-box .product-related-list .product-related-item {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.product-related-item .product-related-image {
    width: 80px;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: center;
}
.product-related-item .product-related-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}
.product-related-item .product-related-content {
    float: left;
    width: calc(100% - 80px);
    padding-left: 10px;
}
.product-related-item .product-related-content .name {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: bold;
}
.product-related-item .product-related-content .price {
    color: red;
    margin: 5px 0 3px 0;
    font-weight: bold;
    font-size: 13px;
}
.product-related-item .product-related-content .product-related-info {}
.product-related-item .product-related-content .product-related-info p {
    font-size: 13px;
}

.product-support-box {
    width: 100%;
    float: left;
}
.product-support-box .product-support-title {
    padding: 0px 5px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #c69a39;
}
.product-support-box .product-support-content {
    width: 100%;
    float: left;
}
.product-support-box .product-support-content li {
    padding: 0 0 0 15px;
    position: relative;
}
.product-support-box .product-support-content li:before {
    content: "•";
    font-size: 17px;
    color: rgb(88, 89, 91);
    position: absolute;
    left: 3px;
    top: 0;
}
.product-support-box .product-support-content li a {
    display: block;
    font-size: 13px;
    line-height: 1.3em;
    color: #333;
    margin-top: 10px;
    overflow: hidden;
    font-weight: bold;
}

.product-info-box .product-info-title,
.product-video-box .product-video-title,
.accessories-related-box .accessories-related-title {
    width: 100%;
    float: left;
    color: #c69a39;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
}

.product-info-box {}
.product-info-content {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.product-info-content table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #f4efef;
}
.product-info-content table tr {}
.product-info-content table tr td {
    padding: 8px 5px;
    border: 0.5px solid #f4efef;
    line-height: 19px;
}
.product-info-content table tr:last-child td {
    /* border: none; */
}
.product-info-content table tr td:first-child {
    width: 125px;
    font-weight: bold;
}
.product-info-content .show-lightbox-btn {
    border: 1px solid #c69a39;
    border-radius: 5px;
    width: 280px;
    text-align: center;
    padding: 7px 0;
    color: #c69a39;
    cursor: pointer;
    margin: 10px auto;
    display: block;
    background-color: #fff;
}
.product-info-lightbox {}
.product-info-lightbox .product-lightbox-title {
    font-size: 20px;
    color: #c69a39;
    text-align: center;
    padding: 5px 10px 10px 10px;
    background: white;
    border-bottom: 3px solid #c69a39;
    width: 700px;
    margin: 0 auto;
    height: 40px;
    line-height: 30px;
    overflow: hidden;
    display: block;
}
.product-info-lightbox .product-lightbox-content {
    width: 700px;
    margin: 0 auto;
    height: calc(100% - 40px);
    background-color: #fff;
    overflow: auto;
}
.product-info-lightbox .product-lightbox-content table {
    width: 100%;
    padding: 10px 20px;
    border-spacing: 0px;
}
.product-info-lightbox .product-lightbox-content table tr {
}
.product-info-lightbox .product-lightbox-content table tr td {
    padding: 7px 10px;
    border-bottom: 1px solid #ddd;
    line-height: 20px;
}
.product-info-lightbox .product-lightbox-content table tr td:first-child {
    font-weight: bold;
    text-align: right;
    width: 160px;
}
.product-info-lightbox .product-lightbox-content table tr td[colspan] {
    text-align: left;
    background: #c69a39;
    font-size: 16px;
    color: white;
}
/* slide video youtube */
#slider_video_home {
    float: left;
    width: 100%;
    padding: 10px;
}
#slider_video_home .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    margin-bottom: 10px;
    background: url('../../img/load_video.svg') no-repeat scroll center center transparent;
}
#slider_video_home iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#slide_video {
    width: 100%;
    float: left;
}
#slide_video .item {
    cursor: pointer;
    float: left;
    position: relative;
    background: url('../../img/load_video.svg') no-repeat scroll center center transparent;
    width: 100%;
}
#slide_video .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
#slide_video .item .item_serial {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #FA7816;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
#slide_video .owl-prev,
#slide_video .owl-next {
    position: absolute;
    height: 30px;
    width: 15px;
    background: #FA7816;
    line-height: 30px;
    top: calc(100% / 2 - 15px);
    text-align: center;
    color: #fff;
}
#slide_video .owl-prev {
    left: 0;
}
#slide_video .owl-next {
    right: 0;
}
#slide_video .disabled {
    background: #fff;
    color: #FA7816;
}

/*  */
.accessories-related-box {}
.accessories-related-content {
    float: left;
    width: 100%;
}
.accessories-related-item {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.accessories-related-item .accessories-related-item-image {
    width: 80px;
    height: 70px;
    float: left;
    overflow: hidden;
    text-align: center;
}
.accessories-related-item .accessories-related-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.accessories-related-item .accessories-related-item-info {
    width: calc(100% - 80px);
    float: left;
    padding-left: 10px;
}
.accessories-related-item .accessories-related-item-info .name {
    font-size: 14px;
    color: #58595b;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-decoration: none;
    margin: 0 0 3px 0;
    font-weight: bold;

}
.accessories-related-item .accessories-related-item-info .price {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #d0021b;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.accessories-related-item .accessories-related-item-info .buy {
    width: 63px;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    margin: 0;
    float: right;
    text-decoration: none;
    padding: 6px 0;
    background: #fa9308;
    background: -moz-linear-gradient(top, #fa9308 0%, #fa6f1c 100%);
    background: -webkit-linear-gradient(top, #fa9308 0%,#fa6f1c 100%);
    background: linear-gradient(to bottom, #fa9308 0%,#fa6f1c 100%);
}
.news-related-box {
    float: left;
    width: 100%;
    margin: 10px 0;
}
.news-related-box .news-related-title {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 15px 0px 10px 0px;
    font-size: 17px;
    color: #c69a39;
    font-weight: bold;
    float: left;
}
.news-related-box .news-related-content {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.news-related-item {
    width: calc(100% / 4);
    float: left;
    padding: 5px;
}
.news-related-item .news-related-image {
    width: 100%;
    height: auto;
}
.news-related-item .news-related-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.news-related-item .name {
    margin-top: 10px;
    display: block;
    line-height: 1.3em;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    height: 57px;
    overflow: hidden;
}
.product-content-title {
    font-size: 17px;
    /* font-weight: bold; */
    /* color: #c69a39; */
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    /* padding: 10px 0; */
    margin: 0 0 15px 0;

    background: #C69A39;
    color: #fff;
    padding: 10px;
    font-weight: normal;
}
.product-content-left {
    width: 75%;
    float: left;
}
.product-detail {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.product-detail-content {
    height: 1000px;
    overflow: hidden;
}
.product-detail-show {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 17px;
    background: linear-gradient(to top, #f2ecf8, transparent);
    overflow: auto;
}
.product-detail-show .product-detail-view {
    color: #288ad6 !important;
    cursor: pointer;
    background: #ffffff;
    border-radius: 5px 5px 0 0;
    padding: 8px 15px;
    border: 1px solid #eee;
}
#product-detail-viewdefault,
.product-detail-viewdefault {
    display: none;
}

.product-subdetail .product-content-title {
    background: #C69A39;
    color: #fff;
    padding: 10px;
    font-weight: normal;
}
.product-content-title img {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}
.product-subdetail .product-detail-content {
    height: 550px;
}


.product-new-order {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.product-new-order-list {
    overflow-x: hidden;
    text-align: left;
}
.product-new-order-item {
    padding: 0;
    margin-right: 20px;
    line-height: 1.5em;
    display: inline-block;
    font-size: 15px;
    width: 240px;
}
.product-new-order-item p {
    display: block;
    height: 22px;
    overflow: hidden;
}
.product-new-order-item .orrder_name {
    font-weight: bold;
}
.product-new-order-item .orrder_status_success span {
    color: green;
}
.product-new-order-item .orrder_status span {
    color: red;
}

/*  */
.product-content-right {
    width: 25%;
    float: left;
    padding-left: 20px;
    position: relative;
}
.product-summary {
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}
.product-summary-title {
    color: #58595b;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
}
.product-summary-price {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #d0021b;
    font-weight: bold;
    text-align: center;
    margin: 5px 0 15px 0;
}
.warranty-default-box{
    margin: 10px 0;
    float: left;
    width: 100%;
}
.sale-box {
    width: 100%;
    float: left;
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    position: relative;
}
.sale-box .sale-box-title {
    position: absolute;
    background: white;
    font-size: 16px;
    padding: 0 5px;
    color: black;
    font-weight: bold;
    margin: -20px 0 0 0;
    display: block;
}
.sale-box li {
    padding: 5px 0 0px 10px;
    line-height: 18px;
    position: relative;
}
.sale-box li:before {
    content: "•";
    font-size: 17px;
    color: rgb(88, 89, 91);
    position: absolute;
    left: 0;
    top: 6px;
}
.sale-box li span {
    color: #ff0000;
}
.sale-box li a {
    color: #0000ff;
}
.v2-promotion li img {
    width: 100%;
    height: auto;
}

.buy-box {
    width: 100%;
    float: left;
}
.buy-box a {
    display: block;
    width: 100%;
    padding: 18px 0 10px 0;
    margin-top: 10px;
    float: left;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
    line-height: 0.7em;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.58);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.58);
}
.buy-box span {
    font-weight: normal;
    font-size: 12px;
    box-sizing: border-box;
    padding: 5px 0 0 0;
    display: block;
    text-transform: none;
}
.buy-box .buy-now {
    background: #fa9d4d;
    background: -moz-linear-gradient(top, #fa9d4d 0%, #f87f41 100%);
    background: -webkit-linear-gradient(top, #fa9d4d 0%,#f87f41 100%);
    background: linear-gradient(to bottom, #fa9d4d 0%,#f87f41 100%);
}

.buy-box .buy-pay-later, .buy-box .add-to-cart {
    background: #5d83db;
    background: -moz-linear-gradient(top, #5d83db 0%, #4163b2 100%);
    background: -webkit-linear-gradient(top, #5d83db 0%,#4163b2 100%);
    background: linear-gradient(to bottom, #5d83db 0%,#4163b2 100%);
}

.buy-box-v2 .chat {
    background: #5d83db;
    background: -moz-linear-gradient(top, #5d83db 0%, #4163b2 100%);
    background: -webkit-linear-gradient(top, #5d83db 0%,#4163b2 100%);
    background: linear-gradient(to bottom, #5d83db 0%,#4163b2 100%);
}
.buy-box-v2 .register {
    background: #5d83db;
    background: -moz-linear-gradient(top, #5d83db 0%, #4163b2 100%);
    background: -webkit-linear-gradient(top, #5d83db 0%,#4163b2 100%);
    background: linear-gradient(to bottom, #5d83db 0%,#4163b2 100%);
}

.product-summary-address {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
}
.product-summary-address span {
    font-size: 12px;
    line-height: 12px;
    color: #58595b;
}
.product-order {
    width: 100%;
    float: left;
    margin-top: 10px;
    border-top: 1px solid #e1e1e1;
    padding: 10px 0;
}
.product-order .product-order-info {
    width: 40%;
    float: left;
}
.product-order-image {
    width: 30%;
    float: left;
}
.product-order-image img {
    max-width: 100%;
    max-height: 100%;
}
.product-order .product-order-info .name {
    font-size: 16px;
    font-weight: bold;
    margin: 7px 0 5px 0;
    line-height: 20px;
}
.product-order .product-order-info .price {
    font-size: 14px;
    color: red;
}

.product-order .buy-box {
    width: 60%;
    float: left;
    padding: 0 15px;
}
.product-order .buy-box a {
    width: 49%;
    margin-top: 0;
}
.product-order .buy-box a:first-child {
    float: left;
}
.product-order .buy-box a:last-child {
    float: right;
}

#customer-gender,
#customer-name,
#customer-phone,
#customer-email,
#customer-location,
#customer-address,
#order-note {
    padding: 5px;
    height: 30px;
    margin-top: 10px;
}

#customer-gender {
    width: 100px;
    float: left;
    margin: 10px 0 0 0;
}
#customer-name {
    float: right;
    width: calc(100% - 110px);
    height: 30px;
    padding: 5px;
}
#customer-phone {
    width: 49%;
    float: left;
}
#customer-email {
    width: 49%;
    float: right;
}
#customer-location {
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
}
#customer-address {
    width: 100%;
    float: left;
    height: 45px;
}
#order-note {
    width: 100%;
    float: left;
    height: 45px;
    margin-bottom: 10px;
}

.product-stop-selt .title-stop-selt{
    padding: 10px;
    text-align: center;
    color: #d0021b;
    text-transform: uppercase;
    margin-top: 20px;
}

.buy-box-v2 a{
    padding: 16px 0;
	font-size: 16px;
}

#popup-product-variant .popup-content{
    padding: 10px 15px;
    background-color: #fff;
    width: 815px;
}

.attribute-list{
    float: left;
    width: 100%;
    margin: 5px 0;
    display: inline;
}

.attribute-list .attribute-title{
    text-transform: uppercase;
    width: 24%;
    padding: 8px 7px;
    float: left;
}

.attribute-list .attribute-value{
    display: inline;
    float: left;
    width: 76%;
}

.attribute-list .attribute-value .attribute-item{
    border: 1px solid rgba(0,0,0,.09);
    padding: 8px 16px;
    cursor: pointer;
    text-transform: uppercase;
    color: #000;
    margin-right: 10px;
    margin-bottom: 5px;
    float: left;
}

.attribute-list .attribute-value .attribute-item.active{
    border-color: #c69a39;;
    color: #c69a39;;
}

.attribute-list .attribute-value .attribute-item.disabled{
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26);
}
.product-content-box .attribute-list .attribute-title{
    padding-left: 0 !important;
}

.product-content-box .attribute-group{
    float: left;
    /* padding: 5px 0; */
}

.product-content-box .attribute-group.required{
    background-color: #fff5f5;
    margin-bottom: 5px;
}

.product-content-box .attribute-group .error-message{
    color: #ff424f;
    text-align: left;
    margin-bottom: 3px;
    margin-left: 24%;
}
/*
#popup-product-variant .product-name{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    -ms-box-orient: vertical;
    -ms-line-clamp: 2;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 5px;
}

#popup-product-variant .preview-product img.product-image{
    width: 100%;
    max-height: 320px;
    height: auto;
    display: block;
    margin: 0 auto;
}

#popup-product-variant .popup-body .product-info{
    display: flex;
}

#popup-product-variant .preview-product{
    width: 40%;
    padding-right: 10px;
}

#popup-product-variant .price-attribute{
    font-size: 15px;
    width: 60%;
    padding-top: 20px;
}

#popup-product-variant .price-attribute .price{
    font-weight: bold;
    color: #d0021b;
    font-size: 19px;
    padding: 5px 0;

    white-space: nowrap;
    float: left;
}

#popup-product-variant .location-price{
    display: flex !important;
}

#popup-product-variant .location-price select#popup-location{
    border: none;
    outline: none;
    text-transform: uppercase;
    color: #c69a39;
    margin-right: 15px;
    padding-left: 0;
    font-weight: bold;
    float: left;
} */

.buy-box-v2 a {
   line-height: normal;
}

.product-price-box .color-list .color-name-selected {
    margin-left: 6px;
    font-style: italic;
}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1199px) {
    .product-info-box .product-info-title,
    .product-video-box .product-video-title {
        overflow: hidden;
        height: 38px;
        line-height: 23px;
    }
}

@media only screen and (max-width: 991px) {
    .rating-show-start {
        float: left;
    }
    /* .product-slide-image {
        width: 40%;
    } */
    .product-price-box {
        width: 60%;
        padding-right: 0;
    }
    .product-related-box {
        display: none;
    }
    .product-related-box.show-mobile {
        display: block !important;
        width: 100%;
    }
    .product-related-box.show-mobile .product-related-item{
        width: 50%;
    }
    .product-info-box {
        width: 50%;
        padding: 0px;
    }
    .product-video-box {
        width: 50%;
    }
    .accessories-related-box {
        display: none;
    }
    .product-content-left {
        width: 100%;
    }
    .product-content-right {
        display: none;
    }

    .product-price-box .buy-box-v2 a {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .breadcrumb {
        padding: 0 10px;
    }
    .product-title {
        padding: 0 10px;
    }
    .product-info-lightbox .product-lightbox-title,
    .product-info-lightbox .product-lightbox-content {
        width: 100%;
    }
    .close-lightbox-btn {
        font-size: 18px;
        padding: 8px 10px;
    }
    .product-slide-image {
        width: 100%;
    }
    .product-price-box {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
    }
    .product-info-box .product-info-title,
    .product-video-box .product-video-title {
        height: auto;
        line-height: 23px;
    }
    .product-info-box {
        width: 100%;
    }
    .product-info-content {
        padding: 10px 10px 0 10px;
    }
    .product-video-box {
        width: 100%;
    }
    .news-related-item {
        width: 50%;
    }
    .news-related-box .news-related-title {
        padding: 10px 10px;
    }
    .product-content-title {
        padding: 10px;
    }
    .product-detail-content {
        padding: 0 10px;
    }
    .product-order {
        display: none;
    }
    #popup-product-variant .popup-content{
        width: 100%;
    }

    #popup-product-variant .popup-content .preview-product{
        display: none;
    }
    #popup-product-variant .popup-content .price-attribute{
        width: 100%;
    }
}

@media only screen and (max-width: 510px) {
    .custom-param-list .custom-param-item {
        width: 100%;
        margin-left: 0;
    }

    #popup-product-variant .popup-content{
        width: 100%;
    }

    #popup-product-variant .popup-content .preview-product{
        display: none;
    }
    #popup-product-variant .popup-content .price-attribute{
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .product-info-lightbox .product-lightbox-content table tr td:first-child {
        width: 115px;
    }
    .color-list,
    .storage-box,
    .aspect-box,
    .status-box {
        width: 100%;
        float: left;
    }
    .product-price-box .buy-box a {
        width: 100%;
        margin-top: 10px;
    }
    .ram-box {
        float: left;
    }
    #popup-product-variant .price-attribute{
        font-size: 15px;
    }

    #popup-product-variant select#popup-location{
        font-size: 15px;
    }
    #popup-product-variant .price-attribute .price{
        font-size: 20px;
        padding-top: 5px;
    }
    #popup-product-variant .location-price {
        display: block !important;
        white-space: normal;
    }

    #popup-product-variant .attribute-list .attribute-value .attribute-item {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 319px) {}