#product-detail {padding-top: 7px; background: rgba(255, 255, 255, 0.3); } #detail #main-detail {} #detail #main-detail .wrap-on-image {text-align: center; width: 100%; border: 1px solid #ccc; margin-left: 0; position: relative; } #detail #main-detail .wrap-on-image img {max-width: 100%; margin: auto; border-radius: 0; border: 0; left: 0; right: 0; bottom: 0; top: 0; border: 0; border: 0 !important; max-height: 100%; box-shadow: none; z-index: 123; border: 1px solid #ccc; } #detail #main-detail #gal1 {width: 100%; height: 115px; border: 1px solid #ccc; padding: 0; margin-top: 5px; } #detail #main-detail .bx-wrapper .bx-viewport {box-shadow: none !important; background: none; border: 0; } #detail #main-detail #carousel {width: 333px; height: 115px; position: relative; } #detail #main-detail #carousel.bx-slides li {height: 112px !important; /* width: auto !important; */ } #detail #main-detail #gal1 img {max-height: 100%; max-width: 100%; margin: auto; padding: 5px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #detail #main-detail #gal1 .bx-prev {background: url(../img/prev.png) no-repeat; width: 32px; height: 32px; top: -26px; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg); } #detail #main-detail .bx-wrapper .bx-controls a {background: url(../img/next.png) no-repeat; width: 32px; height: 32px; top: initial; z-index: 1; bottom: -26px; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg); } #product-detail .main-product-detail .title {border: none; } #product-detail .main-product-detail .title h1 {color: #E25922; border-bottom: 1px dashed #ccc; font-weight: bold; font-size: 24px; margin: 0; margin-top: 10px; line-height: 27px; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; } #product-detail .view-detail {background: #111; color: #fff; font-size: 12px; padding: 3px 7px; float: right; text-transform: none; } #product-detail .main-product-detail .title h2 {color: #000000; border-bottom: 1px dashed #ccc; font-size: 24px; margin: 0; margin-top: 10px; line-height: 27px; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; font-family: Alter-gothic; } #product-detail .ul-list-product-detail li {font-family: RobotoRegular; font-size: 14px; padding: 4px 0px; color: #333; /* border-bottom: 1px dashed gainsboro; */ } #product-detail .ul-list-product-detail {list-style: none; margin: 0; padding: 5px 0px; font-size: 17px; } #product-detail .ul-list-product-detail li .titlelable {display: inline-block;/* width: 20%; */font-size: 14px;font-family: 'Wannabe', 'Arial', sans-serif;color: #333;padding: 0 5px 0 0;} #product-detail .ul-list-product-detail li span {font-size: 12pt; font-family: RobotoBold; color: #ea0912; } #product-detail .ul-list-product-detail li.old-price span {text-decoration: line-through; font-size: 17px; color: black; } #product-detail .ul-list-product-detail li.new-price span {color: red; } #product-detail .ul-list-product-detail li.new-price span.percent {font-size: 16px; font-weight: normal; margin-left: 20px; color: #111; } #product-detail .main-product-detail .color_item.active, #product-detail .main-product-detail .size_item.active {border: 1px solid #F8004B; } #product-detail .main-product-detail .color_item, #product-detail .main-product-detail .size_item {float: left; cursor: hand; cursor: pointer; padding: 3px 9px; font-size: 13px; margin-right: 5px; border: 1px solid rgba(204, 204, 204, 1); text-transform: uppercase; color: #333; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #product-detail .product-qty button:hover {background: #E25922; outline: none; } #product-detail .product-qty>div {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: center; justify-content: flex-start; } #product-detail .product-qty button {-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background: rgb(184, 0, 58); border: 0; padding: 11px; position: relative; outline: none; color: #fff; text-transform: uppercase; margin-top: 10px; font-family: Myriad Pro Bold Condensed; font-size: 21px; border-radius: 4px; } #product-detail .product-qty label {font-family: Myriad Pro Bold Condensed; font-size: 19px; } #product-detail .product-qty {margin: 10px 0 0; } #product-detail .desc-place {font-size: 16px; padding: 5px 0; border-top: 1px solid rgba(204, 204, 204, 0.54); border-bottom: 1px solid rgba(204, 204, 204, 0.51); margin: 4px 0; } #product-detail .desc-place .tt {font-size: 19px; color: #05806A; } #product-detail .product-qty label {font-family: Myriad Pro Bold Condensed; font-size: 19px; } #product-detail .product-qty input {padding: 0 5px 1px; height: 33px; border: none; border-top: 1px solid gray; border-bottom: 1px solid gray; text-align: center; margin: 0 0px; width: 65px; color: #333; float: left; } #product-detail .product-qty button {-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background: rgb(0, 0, 0); border: 0; padding: 8px 11px; position: relative; outline: none; color: #fff; text-transform: uppercase; margin-top: 10px; font-family: Myriad Pro Bold Condensed; font-size: 18px; border-radius: 0px; } #product-detail .tab-category .tab-nav li {float: left; font-size: 15px; text-transform: uppercase; text-align: center; padding: 6px 0px; } #product-detail .tab-category .tab-nav li a:hover {color: #F5F5F5; text-decoration: none } .tab-category .tab {visibility: hidden; height: 0px } .tab-category .tab.active {visibility: visible; height: auto } #quick-same-product {margin-left: 14px; } #quick-same-product ul {list-style: none; padding: 0; } #quick-same-product ul li>div:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.8); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.8); border: 1px solid transparent; } #quick-same-product ul li>div {-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.1); float: left; border: 1px solid rgba(204, 204, 204, 0.58); padding: 3px; margin: 4px 3px; margin-left: -10px; margin-right: -10px; } #product-other {position: relative; } #product-other .xyz.fixed {position: absolute } #product-other .product-mini {width: 50%; float: left; border: 1px solid #ccc; margin-left: -1px; margin-bottom: -1px; } #product-other .product-mini .wrap-image {height: 140px; } #product-other .product-mini .wrap-name {padding: 5px; } #product-other .product-mini .wrap-name h2 {margin: 0; font-size: 16px; } #product-other .product-mini .wrap-name h2 a {color: #666; } #product-other .product-mini .wrap-name h2 a:hover {text-decoration: none; color: red } #product-other .product-mini .wrap-name .price {float: left; font-size: 14px; font-weight: bold; color: red; } .brebum {margin-top: 10px; padding: 13px 5px; background-color: #f5f5f5; } .brebum a {font-family: Roboto-Regular; color: black; position: relative; padding-left: 20px; } .brebum a:first-child {padding-left: 5px; } .brebum a:first-child:after {border: 0px; } .brebum a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #333; margin-top: 6px; position: absolute; left: 10px; top: -1px; } .nameproduct h1 {color: black; background: url(../img/kexam.png) left bottom no-repeat; text-align: left; font-size: 25px; margin: 0; margin-top: 10px; line-height: 27px; text-transform: capitalize; margin-bottom: 9px; padding-bottom: 10px; } .pricepro {padding: 5px 0px; position: relative; border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; } .pricepro .old-price {text-decoration: line-through; font-size: 22px; color: rgba(0, 0, 0, .54); } .pricepro .new-price {color: #d0011b; font-size: 25px; font-weight: 700; padding: 0px 25px; } .pricepro .percent {-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 75%, 50% 100%, 0 75%); clip-path: polygon(0 1%, 100% 1%, 100% 75%, 50% 100%, 0 75%); background: #FFD839; color: white; padding: 10px 8px; padding-top: 6px; text-align: center; position: absolute; right: 5px; top: 5px; } .wrapmota {font-family: Roboto-Regular; font-size: 11pt; line-height: 22px; color: #8E8E8E; text-align: justify; padding: 5px 0; border-top: 1px solid rgba(204, 204, 204, 0.54); border-bottom: 1px solid rgba(204, 204, 204, 0.51); margin: 4px 0; } .title-product-category {margin-bottom: 8px; border-bottom: 4px solid red; } .title-product-category.is_cate .first-root:after {border-width: 30px; } .title-product-category.is_cate .first-root {padding: 3px 35px; margin: 0; line-height: 31px; padding-bottom: 0; height: 30px; } .title-product-category .first-root {color: #fff; background: red; padding: 2px 10px; padding-top: 4px; padding-right: 50px; text-transform: uppercase; font-size: 22px; font-family: 'Myriad Pro Semibold'; position: relative; padding-bottom: 2px; float: left; } .title-product-category .first-root:after {left: 100%; bottom: 0; border: solid transparent; content: " "; height: 0; border-bottom: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #FC1212; border-width: 37px; margin-bottom: 0px; } .title-product-category ul {float: left; margin: 0; margin-left: 59px; list-style: none; padding: 0; margin-top: 10px; } .title-product-category ul li {float: left; position: relative; padding: 0px 3px; } .title-product-category ul li:after {position: absolute; content: ""; width: 1px; height: 15px; background: #908D8D; right: 4px; top: 3px; bottom: -1px; } .title-product-category ul li:last-child:after {display: none } .title-product-category .view-all {margin-top: 11px; } .title-product-category .view-all a {font-size: 15px; } .title-product-category ul li a {color: #333; text-transform: uppercase; font-size: 15px; margin-right: 10px; font-weight: bold; } .wrap-product .tools .ic {float: left; margin: 5px; } .wrap-all-product {padding: 1px 0; } .wrap-product .tools .wrap-price {text-align: center; width: 100%; } .wrap-product .tools .old-price {font-size: 16px; text-decoration: line-through; color: rgb(18, 17, 17); font-family: "george"; width: 100%; padding-right: 10px; display: none; } .wrap-product .tools .price {display: none; color: #FFFFFF; text-transform: capitalize; font-size: 14px; font-weight: normal; text-align: center; } .wrap-product .tools .price .no-price {font-size: 15px; } .wrap-product .tools .simple-desc {line-height: 14px; position: absolute; bottom: 0; height: 28px; overflow: hidden; padding: 0px 4px; } .wrap-product .tools .price .blue {color: #333 !important; font-weight: normal; text-decoration: line-through; font-size: 16px; } .wrap-product .tools .price a {color: #FFF; } .wrap-product .tools .price a:hover {color: #F00; } .wrap-product .tools .name {color: #414141; text-transform: uppercase; height: 40px; overflow: hidden; text-align: center; padding: 5px; float: left; width: 100%; } .wrap-product .tools .view-more {float: right; margin-top: 10px; } .wrap-product .tools .view-more a {color: red; font-family: 'Myriad Pro Regular'; font-size: 17px; } .wrap-product .tools .view-more a:hover {text-decoration: none; color: rgb(53, 194, 192); } .wrap-product .tools .code {text-align: center; display: none; } .wrap-product .tools .name h2 {margin: 0; padding: 0; font-size: 15px; line-height: 26px; } .wrap-product .tools .name a {color: #F9F9F9; font-weight: bold; font-family: Avo_Bold; } .wrap-product .tools .name a:hover {color: #ED1C24; text-decoration: none } .wrap-product .tools .ic:first-child {margin-left: 20px } .wrap-product .tools .ic a {color: rgb(244, 244, 244); font-size: 22px; } .wrap-product .tools {width: 100%; position: absolute; bottom: 0; left: 0; bottom: 0; right: 5px; overflow: hidden; } .wrap-product .tools .wrap-tools {position: relative; padding: 5px; } .wrap-product .tools .wrap-tools .inner-tools {background: rgba(17, 17, 17, 0.38); } .wrap-product .item-product {border: 0 } .wrap-product .wrap-image .relative-image .rb-new {background: url(../img/new.png) no-repeat; position: absolute; width: 39px; height: 44px; top: 0; left: 0; z-index: 1; } .wrap-product .wrap-image .relative-image .rb-promotion {background: url(../img/sale.png) no-repeat; position: absolute; width: 45px; height: 25px; right: 0; top: 0; z-index: 12; line-height: 75px; text-align: center; color: rgb(236, 252, 61); font-weight: bold; text-indent: 6px; } .wrap-product .wrap-image .relative-image .xwrap-image {position: relative; width: 100%; margin: auto; border: 1px solid rgba(204, 204, 204, 0.59); } .wrap-product .wrap-image .relative-image .xm-image:after {position: absolute; content: ""; width: 100%; height: 15px; left: 0; bottom: -15px; background: url(../img/product-shadow.png) no-repeat bottom center; opacity: 0; } .wrap-product .wrap-image .relative-image .xm-image .x-inner {padding: 5px; overflow: hidden; width: 100%; height: 100%; display: block; background-color: red; position: absolute; } .wrap-product .wrap-image .relative-image .xm-image {position: relative; border: 1px solid rgba(204, 204, 204, 0.38); height: 0; background-color: #fff; padding-bottom: 67%; overflow: hidden; } .wrap-product .wrap-image .relative-image {position: relative; width: 100%; border: 1px solid #ccc; padding: 4px; float: left; margin-bottom: 10px; } .wrap-product .wrap-image .relative-image:after, .wrap-product .wrap-image .relative-image:before {content: ""; position: absolute; width: 100%; height: 1px; top: -1px; z-index: 1; opacity: 1; opacity: 0; } .wrap-product .wrap-image .relative-image:before {width: 100%; height: 1px; left: 0; bottom: 2px; opacity: 1; top: auto; } .wrap-product .wrap-image {position: relative; } .wrap-product .wrap-image:hover img {transform: scale(1.2) } .wrap-product .wrap-image img {margin: auto; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; transform: scale(1); } .wrap-product .wrap-desc {margin: 1px 0; display: none; } .wrap-product .wrap-desc .product-name {text-align: center; margin-bottom: 10px; height: 44px; overflow: hidden; } .wrap-product .wrap-desc .product-name h2 {margin: 0; font-size: 15px; line-height: 17px; } .wrap-product .wrap-desc .product-name h2 a {color: rgb(76, 76, 76); font-family: Alter-gothic; font-size: 20px; line-height: 22px; } .wrap-product .wrap-desc .add-cart {background: red; font-size: 15px; padding: 5px 0; border-bottom: 5px solid #CF0000; } .wrap-product .wrap-desc .product-price span {color: red; } .wrap-product .wrap-desc .product-price {font-size: 15px; text-align: center; width: 100px; text-align: center; margin: auto; } .wrap-product .wrap-desc .product-price:hover .add-cart {background: #000 } .wrap-product .wrap-desc .product-price:hover a {text-decoration: none; color: #fff } .wrap-product .wrap-desc .product-price a {color: white; font-family: Myriad Pro Regular; } .wrap-product .wrap-desc .product-price a:hover {color: rgb(255, 255, 255); text-align: center; } .wrap-product .product-desc h2 {font-size: 17px; margin: 0; margin-bottom: 5px; text-align: center; border-bottom: 1px solid rgba(204, 204, 204, 0.35); padding-bottom: 7px; } .wrap-product .product-desc h2 a:hover {color: #F68E59; text-decoration: none } .wrap-product .product-desc h2 a {text-transform: capitalize; color: #fff; } .wrap-product .product-desc {position: absolute; background: rgba(17, 17, 17, 0.72); color: #fff; height: 100%; width: 100%; bottom: 0; opacity: 0; display: none; } #product-detail {margin: 10px 0; margin-top: 0; } #product-detail .wrap-on-image img {-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } #product-detail .product-image {border: 1px solid rgba(204, 204, 204, 0.65); padding: 3px; background: #fff; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3); overflow: hidden; } #product-detail .product-image-list .item {padding: 2px; margin: 2px; border: 1px solid rgba(204, 204, 204, 0.7); } #product-detail .line {width: 100%; height: 1px; margin: 5px 0; } #product-main-detail .product-name {font-size: 19px; font-weight: bold; text-transform: uppercase; margin: 0; color: rgb(2, 130, 37); } #product-main-detail .ul-list-product-detail {list-style: none; margin: 0; padding: 0; font-size: 17px; } #product-main-detail .ul-list-product-detail li {margin: 5px 0; } #product-main-detail .ul-list-product-detail li span {font-size: 18px; font-weight: bold; color: rgb(4, 127, 64); } #product-main-detail .desc-place {font-size: 16px; padding: 5px 0; border-top: 1px solid rgba(204, 204, 204, 0.54); border-bottom: 1px solid rgba(204, 204, 204, 0.51); margin: 4px 0; } #product-main-detail .desc-place p {margin-bottom: 2px } #product-main-detail .desc-place .tt {font-size: 19px; color: #05806A } #product-main-detail .ul-list-product-detail li.old-price span {text-decoration: line-through; font-size: 17px; color: black; } #product-main-detail .ul-list-product-detail li.new-price span {color: red; } #product-main-detail .ul-list-product-detail li span.fnr {font-weight: normal } #product-main-detail .ul-list-product-detail li.new-price span.percent {font-size: 16px; font-weight: normal; margin-left: 20px; color: #111; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1; } #product-main-detail .add-cart {margin: 5px 0; font-size: 17px; } #product-main-detail .add-cart input {padding: 4px; width: 72px; margin-left: 10px; } #product-main-detail .add-cart button {background: rgb(7, 127, 65); border: 0; padding: 10px 10px; color: #fff; margin-left: -6px; } #product-detail .tab-category {margin-top: 30px; overflow: hidden; } #product-detail .tab-category img {max-width: 100% !important; max-height: none !important; } #product-detail .tab-category .tab-nav {list-style: none; padding: 0; margin: 0; border-top: 1px solid #8080809e; background: linear-gradient(to bottom, #eceaea 0%, #FBFBFB 100%); } #product-detail .tab-category .tab-nav li a {color: #131313; font-family: RobotoBold; padding: 15px 15px 10px 15px; } #product-detail .tab-category .tab-nav li:hover a, #product-detail .tab-category .tab-nav li.active a {color: #FFF; text-decoration: none; background: #E31119; } #product-detail .tab-category .tab {visibility: hidden; height: 0px } #product-detail .tab-category .tab.active {visibility: visible; height: auto } #product-detail .tab-category .tab-content {padding: 5px; margin-top: 0px; } .item-product:hover .product-desc {opacity: 1; } .item-product {margin-left: 0; } .xbx-content .bx-prev, .xbx-content .bx-next, .xbx-content .bx-prev:hover {position: absolute; top: -25px !important; background: url(../img/right-ar-mini.png) no-repeat; width: 30px !important; height: 30px !Important; } .xbx-content .bx-prev {right: 0px; left: auto; } .xbx-content .bx-next, .xbx-content .bx-next:hover {right: 30px; background: url(../img/left-ar-mini.png) no-repeat; } .xbx-content {padding-bottom: 10px } .xbx-content .box-news:after {content: ""; background: #333; height: 1px; width: 100%; position: absolute; bottom: 2px } .xbx-content .box-news {border-bottom: 4px solid #333; position: relative; } .xbx-content .box-news .name {padding: 5px; } .xbx-content .box-news .name h2 {font-size: 18px; margin: 0; } .xbx-content .box-news .name h2 a {color: #31C1BE; } .xbx-content .box-news .desc {padding: 5px; text-align: justify; } .xbx-content .box-news .view-more {padding: 5px; text-align: right; } .xbx-content .box-news .view-more a {color: red; font-family: 'Myriad Pro Regular'; font-size: 17px; } .xbx-content .box-news .view-more a:hover {text-decoration: none; color: rgb(53, 194, 192); } .hover-shine {width: 100%; height: 100%; background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png); position: absolute; background-position: -265px 0; left: 0px; top: 0px; background-repeat: no-repeat; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; opacity: 0.5; } .hover-shine:hover {background-position: 0% 0; } .brebum a:hover {color: #d90000; } #product-detail .product-qty i {background-color: #f3f3f3; border: 1px solid gray; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; color: #333; font-size: 11px; padding: 10px 10px 10px 10px; font-weight: normal; cursor: pointer; float: left; } #product-detail .product-qty i.btn-minus {border-right: none; } #product-detail .product-qty i.btn-plus {border-left: none; color: #000000; } .muangay_tragop button, .muangay_tragop a {border-radius: 0; color: #000; padding: 8px 0px; text-transform: uppercase; margin: 5px 10px 5px 0; background-color: white; border: 1px solid gray; width: 138px; display: inline-block; text-align: center; cursor: pointer; position: relative; overflow: hidden; text-decoration: none; } .muangay_tragop button:before, .muangay_tragop a:before {position: absolute; content: ''; left: -100%; top: 0; width: 100%; height: 100%; background-color: #E31119; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .muangay_tragop button:hover:before, .muangay_tragop a:hover:before {left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .muangay_tragop button:hover span, .muangay_tragop a:hover span {color: #fff; } .muangay_tragop button span, .muangay_tragop a span {display: block; position: relative; z-index: 999; } .title_like {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } #product-detail .title {font-size: 18px; color: #e70d0d; font-weight: normal; font-family: RobotoBold; position: relative; line-height: 26px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px 0 0; text-transform: capitalize; } .title {float: left; width: 50%; } .like_pro {float: right; text-align: right; width: 50%; } .mota_detail_pro {margin: 10px 0; } .muangay_tragop {margin: 10px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: center; justify-content: flex-start; } @font-face {font-family: 'MontserratBold'; src: url('../fonts/MontserratBold.eot'); src: url('../fonts/MontserratBold.eot?#iefix') format('embedded-opentype'), url('../fonts/MontserratBold.woff') format('woff'), url('../fonts/MontserratBold.ttf') format('truetype'), url('../fonts/MontserratBold.svg#MontserratBold') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'MuliRegular'; src: url('../fonts/MuliRegular.eot'); src: url('../fonts/MuliRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/MuliRegular.woff') format('woff'), url('../fonts/MuliRegular.ttf') format('truetype'), url('../fonts/MuliRegular.svg#MuliRegular') format('svg'); font-weight: normal; font-style: normal; } .name_pro_detail {font-family: MontserratBold; font-size: 18px; color: #000; text-transform: uppercase; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; } .price_pro_detail {padding: 0 0 5px 0; text-transform: capitalize; font-size: 18px; font-family: MuliRegular; color: #333; } .gia_goc {color: #ccc; } .gia_km {color: red; font-family: 'RobotoBold'; } .tietkiem {display: inline-block; padding: 0 0 0 20px; } .tietkiem strong {color: red; font-weight: 100; } .price_pro_detail span.gia_goc {padding: 0 0 0 10px; font-family: RobotoRegular; text-decoration: line-through; font-size: 15px; } .price_pro_detail span.gia_km {padding: 0 0 0 10px; } @media (max-width: 500px) {#product-detail .tab-category .tab-nav li {padding: 9px 0px; font-size: 14px; } #product-detail .tab-category .tab-nav li.active a {padding: 10px 5px; } #product-detail .ul-list-product-detail li .titlelable {float: left; width: 30%; font-size: 13px; font-family: RobotoBold; color: #2f2f42; } .name_pro_detail {padding: 10px 0 0 10px; } } .mausac_kichco li {list-style: none; padding: 0 0 15px 0; } .title_s_c {color: #333; font-size: 14px; font-family: 'Wannabe', 'Arial', sans-serif; vertical-align: baseline; padding: 0 0 5px 0; } .ahd a {color: #333; font-size: 14px; font-family: 'Wannabe', 'Arial', sans-serif; vertical-align: baseline; } .items_ {flex-grow: 1; } .pl {float: left; } .pr {float: right; padding-left: 5px; } #detail #main-detail #carousel.bx-slides li:hover {border: 1px solid #000000; } .muahangtrenshopppe a {display: inline-block; padding: 10px 15px; border-radius: 5px; background: #000000; color: #fff; text-transform: uppercase; font-size: 14px; margin: 0 0 10px 0; } #product-detail .ul-list-product-detail li.masp_li {color: #1282FC; }