/* Responsive Contents
==================================================
1.Grid 1360px Up
2.Grid 1280px
3.Grid 960px
4.Grid 720px
5.Grid lt 720px / Mobile
/*********************************************************************************************
1. Grid 1360px Up
*********************************************************************************************/
.container {
position: relative;
margin: 0 auto;
width: 1310px;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.beta {
margin-left: 0;
margin-right: 0;
}
.mobItem {
display: none;
}
/*********************************************************************************************
2. Grid 1280px
*********************************************************************************************/
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
.container {
width: 1180px;
}
/* Home Sub banner */
.container .new_pdt_list .item:before,
.container .new_pdt_list .item:after {
width: 12px;
height: 190px;
background-size: 15px 190px;
}
/* Home Hot Block */
.hot_pdt_block .container .vedio_box {
width: 600px;
margin: 5px 5px 5px 0;
}
.hot_pdt_block .container .sp_box {
width: 570px;
margin: 5px 0 5px 5px;
overflow: hidden;
}
.container .sp_box .sp_banner {
margin: 0 -15px;
}
/* Footer */
#footer .container .box_1-3 {
width: 380px;
}
.container .help_block {
padding: 10px 10px 10px 0;
}
.container .social_block {
padding: 10px 9px 10px 9px;
}
.container .qr_bock {
padding: 10px 0 10px 10px;
}
.container .help_block img.fl {
margin-left: 40px;
}
/* Product List */
.container .left_nav_block {
width: 280px;
margin: 40px 20px 40px 0;
}
.container .pdt_gridwall {
width: 1180px;
margin: 40px auto;
}
.container .grid_item_box {
width: 280px;
margin: 10px;
}
.container .grid_pdt_list .grid_item_box:nth-child(4n-3) {
margin-left: 0;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n-3) {
margin-left: 0;
}
.container .grid_pdt_list .grid_item_box:nth-child(4n) {
margin-right: 0;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n) {
margin-right: 0;
}
/* Product Details */
.container .pdt_img_box {
width: 450px;
margin: 0 20px 0 0;
}
.container .pdt_img_box .display_img {
width: 450px;
margin: 10px auto 10px auto;
}
.container .pdt_img_list {
max-width: 410px;
}
.container .pdt_img_list .item {
margin: 5px 0 5px 7px;
}
.container .pdt_info_block {
width: 680px;
}
.container .pdt_info_block .info_box {
width: 660px;
}
.container .pdt_desc_show {
width: 660px;
}
/* you may also like */
.container .cross_sell_box {
width: 1180px;
}
.container .cross_sell_list .item {
margin: 5px 0 5px 7px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-prev {
left: -25px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-next {
right: -25px;
}
/* MEMBER PAGES */
.container .mb_main_nav {
width: 280px;
margin: 10px 18px 10px 0;
}
.container .mb_point_box {
margin: 10px 10px;
}
.container .mb_large_avatar {
padding: 30px;
}
.container .mb_container {
width: 880px;
margin: 10px 0px 60px auto;
}
/* Deliver INFO BOX */
.container .alert_box {
width: 420px;
margin: 30px 30px 30px 0;
}
/* CHECKOUT SECTION
================================================== */
/* coupon box */
.container .coupon_box {
width: 330px;
margin: 30px 30px 30px 0;
}
.container .coupon_form input[type=text] {
width: 308px;
}
/* CHECKOUT BUTTONS */
.container .summaryBtns {
width: 345px;
margin: 30px 30px 30px 0;
}
/* SPECIAL GIFT */
.container .sp_item_box .sp_column.cl_l {
width: 400px;
}
.container .sp_form textarea {
width: 380px;
}
.container .sp_item_box .pdt_box {
padding: 25px 20px;
}
/* Redeem
================================================== */
.container .redeem_list .sp_item_box .sp_column.cl_m {
width: 565px;
}
/*mark box*/
.container .mark_box {
width: 320px;
}
}
/*********************************************************************************************
3. Grid 960px
*********************************************************************************************/
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.container {
width: 960px;
}
/* top logo */
.container #logo {
width: 180px;
margin: 8px 0;
}
/* main menu */
.container .main_menu li a {
font-size: 14px;
padding: 0 10px;
}
.container .main_menu_sub li a {
font-size: 12px;
padding: 0;
}
/* Home Hot Block */
.hot_pdt_block .container .vedio_box {
width: 480px;
margin: 5px 5px 5px 0;
}
.hot_pdt_block .container .sp_box {
width: 470px;
margin: 5px 0 5px 5px;
overflow: hidden;
}
.container .sp_box.fr .sp_banner {
margin: 0 -50px 0 -80px;
}
.container .sp_box.fl .sp_banner {
margin: 0 -80px 0 -50px;
}
/* Footer */
#footer .container .box_1-3 {
width: 300px;
}
.container .help_block {
padding: 10px 15px 10px 0;
}
.container .social_block {
padding: 10px 14px 10px 14px;
}
.container .qr_bock {
padding: 10px 0 10px 15px;
}
.container .help_block img.fl {
margin-left: 0px;
}
.container .copyright {
width: 540px;
}
.container .copyright p {
padding: 0;
margin: -10px 0 10px 0;
}
/* Product List */
.container .left_nav_block {
width: 230px;
margin: 40px 20px 40px 0;
}
.container .left_nav_header h4 {
font-size: 21px;
}
.container .filter_tit {
font-size: 14px;
}
.container .pdt_gridwall {
width: 960px;
margin: 40px auto;
}
.container .grid_item_box {
/* width: 220px; */
width: 300px;
/*height: 340px;*/
height: 310px;
margin: 10px;
}
.container .also_like_grid_item_box {
width: 220px;
height: 340px;
margin: 10px;
}
.container .grid_item_img,
.container .grid_item_img img {
width: 200px;
height: 146px;
}
.container .grid_pdt_list .grid_item_box:nth-child(4n-3) {
margin-left: 5px;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n-3) {
margin-left: 5px;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n-3) {
margin-left: 5px;
}
.container .grid_pdt_list .grid_item_box:nth-child(4n) {
margin-right: 5px;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n) {
margin-right: 5px;
}
.container .grid_item_info h6 {
font-size: 16px;
}
/* Product Details */
.container .pdt_img_box {
width: 380px;
padding: 15px 10px;
margin: 0 10px 0 0;
}
.container .pdt_img_box .display_img {
width: 380px;
height: 350px;
margin: 30px auto 20px auto;
}
.container .pdt_img_list {
max-width: 340px;
}
.container .pdt_img_list .item {
margin: 5px 0 5px 23px;
}
.container .pdt_info_block {
width: 550px;
}
.container .pdt_info_block .info_box {
width: 530px;
}
.container .pdt_desc_show {
width: 530px;
}
/* .container .pdt_extra {
padding-bottom: 8px;
}
.container .extra_item_list {
margin: 8px auto;
} */
.container .combo_action {
margin: 18px 0;
}
.container .promotion_box {
height: 90px;
font-size: 12px;
padding-bottom: 20px;
}
.container .promotion_box .promotion_list {
height: 60px;
}
/* you may also like */
.container .cross_sell_box {
width: 960px;
}
.container .cross_sell_list .item {
margin: 5px 0 5px 9px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-prev {
left: -25px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-next {
right: -25px;
}
/* MEMBER PAGES */
.container .mb_main_nav {
width: 230px;
margin: 10px 18px 10px 0;
}
.container .mb_point_box {
margin: 10px 10px 5px 10px;
}
.container .mb_point_box .display_value {
font-size: 21px;
}
.container .mb_point_box .more {
font-size: 12px;
}
.container .mb_large_avatar {
padding: 5px;
}
.container .mb_container {
width: 710px;
margin: 10px 0px 60px auto;
}
.container .mb_container .general_form dl {
margin: 20px auto;
}
.container .mb_container .general_form dt, .general_form dd {
}
.container .mb_container .general_form dt {
width: 250px;
padding-right: 6px;
}
.container .mb_container.general_form dd {
width: 400px;
}
/* notivications */
.container .general_table .icn_checkbox {
margin-left: 10px;
}
/* General Talbe Help */
.container .general_table .pr_30p {
padding-right: 5px;
}
/* ORDER HISTORY */
.container .general_mark.order_mark .general_box {
height: auto;
line-height: 18px;
padding: 8px;
}
.container .general_mark.order_mark .general_box br {
display: block;
}
.container .order_mark .back {
top: 48px;
}
/* Deliver INFO BOX */
/* Alert */
.container .alert_box {
width: 310px;
margin: 30px 10px 30px 0;
}
.container .summary_section {
width: 340px;
padding: 10px;
margin: 30px 0 30px 0;
}
.container .summary_section .summary_column {
width: 165px;
}
.container .summary_section .bigger {
font-size: 18px;
}
/* CHECKOUT SECTION
================================================== */
/* CART SUMMARY TABLE */
.container.cart_summary_block .info_box .general_table .cl_1-2 {
width: 3.5%;
text-align: center;
}
.container.cart_summary_block .info_box .general_table .cl_8 {
width: 37%;
}
/* CHECKOUT STEP NAV */
.container .step_box {
margin-left: 23px;
}
/* coupon box */
.container .coupon_box {
width: 260px;
margin: 30px 20px 30px 0;
}
.container .coupon_box p {
font-size: 12px;
}
.container .coupon_form input[type=text] {
width: 238px;
}
/* CHECKOUT BUTTONS */
.container .summaryBtns {
width: 253px;
margin: 30px 20px 30px 0;
}
.container .summaryBtns .sample_btn.large_btn {
font-size: 16px;
}
/* SPECIAL GIFT */
.container .sp_item_box .sp_column.cl_l {
width: 265px;
padding: 20px 10px;
}
.container .sp_item_box .sp_column.cl_m {
width: 350px;
}
.container .sp_item_box .sp_column.cl_s {
width: 200px;
margin-right: 20px;
}
.container .sp_item_box .sp_thumb {
width: 200px;
height: 150px;
}
.container .sp_item_box .sp_price .original_price {
font-size: 12px;
}
.container .sp_item_box .sp_price .sp_u_price {
font-size: 16px;
}
.container .sp_form textarea {
width: 240px;
}
.container .sp_item_box .pdt_box {
padding: 25px 10px;
}
/* Redeem
================================================== */
.container .redeem_list .sp_item_box .sp_column.cl_m {
width: 415px;
padding: 20px 15px;
}
/* Delivery
================================================== */
.container .general_block .general_form dt {
width: 230px;
}
/*mark box*/
.container .mark_box {
width: 240px;
margin-right: 30px;
}
}
/*********************************************************************************************
4. Grid 720px
*********************************************************************************************/
@media only screen and (min-width: 720px) and (max-width: 979px) {
.container {
width: 710px;
}
/* HEADER ////////////////// */
#wrapper #header {
height: 102px;
}
/* top bar marquee */
.container .marquee_list {
width: 220px;
}
/* top logo */
.container #logo {
width: 160px;
margin: 3px 0;
}
/* main menu */
.container .main_menu {
display: none;
}
.container #mob_menu {
display: block;
position: relative;
width: 90px;
}
.container #mob_menu {
display: block;
position: relative;
width: 90px;
margin: 0 auto;
}
.container #mob_menu .slice_txt {
position: absolute;
width: 60px;
height: 26px;
line-height: 19px;
right: 5px;
background: none;
text-align: center;
}
/* HOME BANNERS ////////////// */
#main_slider .flex-direction-nav a {
width: 20px;
height: 60px;
margin: -30px 0 0;
}
/* Home Hot Block */
.hot_pdt_block .container .vedio_box {
width: 600px;
margin: 5px auto;
float: none;
}
.hot_pdt_block .container .sp_box {
width: 600px;
margin: 5px auto;
overflow: hidden;
float: none;
}
/* Footer */
#footer .container .box_1-3 {
width: 660px;
float: none;
margin: 5px auto;
}
.container .help_block {
padding: 10px 0 10px 0;
border-right: none;
border-bottom: 1px solid #bdbcba;
}
.container .social_block {
height: 120px !important;
padding: 20px 0 0 0;
border-right: none;
border-bottom: 1px solid #bdbcba;
}
.container .social_block br {
display: none;
}
.container .qr_bock {
padding: 20px 0 0 0;
}
.container .help_block img.fl {
margin-left: 160px;
}
.container .copyright {
width: 660px;
float: none;
margin: 5px auto;
}
.container .copyright .footer_logo {
float: none;
display: block;
width: 660px;
margin: 0 auto;
}
.container .copyright .footer_logo {
display: inline-block;
text-align: center;
}
.container .copyright p {
float: none;
width: 660px;
text-align: center;
margin: 0 auto;
padding: 0;
}
.container .footer_menu {
width: 660px;
text-align: center;
margin: 10px auto 30px auto;
}
/* Product List */
.container .left_nav_block {
width: 100%;
float: none;
margin: 30px auto 20px auto;
cursor: pointer;
}
.container .left_nav_header h4 {
font-size: 18px;
}
.container .filter_tit {
font-size: 12px;
height: 18px;
line-height: 18px;
cursor: pointer;
}
.container .filter_tit .fl:after {
content: "\f0dd";
position: relative;
display: inline-block;
top: -3px;
padding: 3px 10px 3px 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container .filter_tit .fr {
float: left;
}
.container .left_nav_block h3.mob {
position: absolute;
display: block;
/*top: 15px;*/
top: 3px;
margin: 0;
right: 15px;
border: none;
line-height: 30px;
}
.container .left_nav_block h3.mob:after {
content: "\f0dd";
position: relative;
display: inline-block;
top: -3px;
padding: 0 0 0 10px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container .left_nav_block.on h3.mob:after,
.container .left_nav_block.on .filter_tit .fl:after {
content: "\f0d8";
}
.container .left_nav_block .filter_tit .fr,
.container .left_nav_block .filter_menu,
.container .left_nav_block .categories {
display: none;
}
.container .left_nav_block.on .filter_tit .fr,
.container .left_nav_block.on .filter_menu,
.container .left_nav_block.on .categories {
display: block;
}
/* product grid wall */
.container .pdt_gridwall {
float: none;
width: 710px;
margin: 20px auto;
}
.container .grid_item_box {
/* width: 220px;*/
width: 335px;
/*height: 340px;*/
height: 310px;
margin: 10px;
}
.container .also_like_grid_item_box {
width: 220px;
height: 340px;
margin: 10px;
}
.container .grid_item_img,
.container .grid_item_img img {
width: 200px;
height: 146px;
}
.container .grid_pdt_list .grid_item_box:nth-child(4n-3) {
margin-left: 5px;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n-3) {
margin-left: 5px;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n-3) {
margin-left: 5px;
}
.container .grid_pdt_list .grid_item_box:nth-child(4n) {
margin-right: 5px;
}
.container .grid_pdt_list .also_like_grid_item_box:nth-child(4n) {
margin-right: 5px;
}
.container .grid_item_info h6 {
font-size: 16px;
}
/* Product Details */
.container .pdt_img_box {
width: 690px;
padding: 10px;
margin: 0 auto;
float: none;
}
.container .pdt_img_box .display_img {
width: 490px;
height: 390px;
margin: 10px auto 20px auto;
}
.container .pdt_img_list {
max-width: 640px;
}
.container .pdt_img_list .item {
margin: 5px 0 5px 20px;
}
.container .pdt_info_block {
width: 710px;
margin: 20px auto;
float: none;
}
.container .pdt_info_block .info_box {
width: 690px;
height: auto;
}
.container .pdt_desc_show {
width: 690px;
}
/* .container .pdt_extra {
padding-bottom: 8px;
}
.container .extra_item_list {
margin: 8px auto;
} */
.container .combo_action {
margin: 18px 0;
}
.container .promotion_box {
height: 90px;
font-size: 12px;
padding-bottom: 20px;
}
.container .promotion_box .promotion_list {
height: 60px;
}
/* you may also like */
.container .cross_sell_box {
width: 700px;
}
.container .cross_sell_list .item {
margin: 5px 0 5px 6px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-prev {
left: -25px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-next {
right: -25px;
}
/* Friends share popup box */
.container .frd_share_box {
width: 600px;
padding: 10px;
}
.container .frd_share_row {
padding-top: 10px;
}
.container .frd_share_box .mb_avatar {
margin-right: 15px;
}
.container .frd_share_box .share_msg textarea {
width: 400px;
}
/* MEMBER PAGES */
.container .mb_main_nav {
width: 700px;
height: 120px;
margin: 45px auto 10px auto;
padding: 0;
float: none;
clear: both;
}
.container .mb_point_box {
float: left;
width: 200px;
height: 90px;
padding: 15px 10px;
margin: 0;
border-right: 1px solid #ccc;
}
.container .mb_point_box p {
margin-bottom: 15px;
}
.container .mb_point_box .display_value {
font-size: 24px;
}
.container .mb_point_box .more {
font-size: 12px;
float: left;
}
.container .mb_large_avatar {
width: 100px;
height: 100px;
margin: 10px;
padding: 0;
float: left;
}
.container .mb_desc {
height: 90px;
width: 220px;
margin: 0;
padding: 15px 15px 15px 10px;
float: left;
border-right: 1px solid #ccc;
}
.container .mb_menu {
position: absolute;
right: 0;
padding: 0;
top: -40px;
background: none;
}
.container .mb_menu .mb_main_menu {
display: inline-block;
text-align: right;
}
.container .mb_menu h3 {
display: none;
}
.container .mb_menu li a .mb_menu_txt {
display: none;
}
.container .mb_menu li {
display: inline-block;
height: 26px;
background: #1a3363;
padding: 4px 0;
margin-left: 3px;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.container .mb_menu .gen_flag_h {
top: 4px;
margin-left: -5px;
left: -4px;
}
/* logout button */
.container .mb_menu li:last-child {
position: absolute;
top: 40px;
right: 0;
height: 112px;
width: 113px;
background: url(../images/bg_pattern_1.png) repeat center;
}
.container .mb_menu li:last-child i.mb_icn.mb_icn_logout {
display: block;
width: 80px;
height: 44px;
margin: 15px auto 10px auto;
background: url(../images/icn_mb_menu_logout_gary_3x.png) no-repeat center;
background-size: auto 100%;
}
.container .mb_menu li:last-child a .mb_menu_txt {
display: block;
color: #535e5b;
font-size: 16px;
text-align: center;
}
.container .mb_container {
width: 700px;
margin: 10px auto 60px auto;
}
.container .mb_container .general_form dl {
margin: 20px auto;
}
.container .mb_container .general_form dt, .general_form dd {
}
.container .mb_container .general_form dt {
width: 250px;
padding-right: 6px;
}
.container .mb_container.general_form dd {
width: 400px;
}
/* notivications */
.container .general_table .icn_checkbox {
margin-left: 10px;
}
/* General Talbe Help */
.container .general_table .pr_30p {
padding-right: 5px;
}
/*====*/
.cart_summary_block .general_mark.mt_40p .box_txt {
margin-top: 5px;
}
/* ORDER HISTORY */
.container .general_mark.order_mark .general_box {
height: auto;
line-height: 18px;
padding: 8px;
}
.container .general_mark.order_mark .general_box br {
display: block;
}
.container .order_mark .back {
top: 48px;
}
/* ORDER HISTORY */
.container .general_mark.order_mark .general_box {
height: auto;
line-height: 18px;
padding: 8px;
}
.container .general_mark.order_mark .general_box br {
display: block;
}
/* Discount list */
.container.cart_summary_block .discount_list .general_table .row .column.cl_5 {
height: auto;
width: 22%;
}
/* Deliver INFO BOX */
/* alert */
.container .alert_box {
width: 300px;
margin: 30px 10px 30px 0;
}
.container .summary_section {
width: 340px;
padding: 10px;
margin: 30px 0 30px 0;
}
.container .summary_section .summary_column {
width: 165px;
}
.container .summary_section .bigger {
font-size: 18px;
}
/* CHECKOUT SECTION
================================================== */
/* CART SUMMARY TABLE */
.container.cart_summary_block .info_box .general_table .cl_1-2 {
width: 4%;
text-align: center;
}
.container.cart_summary_block .info_box .general_table .cl_2 {
width: 14%;
}
.container.cart_summary_block .info_box .general_table .cl_3 {
width: 18%;
}
.container.cart_summary_block .info_box .general_table .cl_8 {
width: 24%;
}
.container.cart_summary_block .tb_pdt_qty_form .option_qty .qty_text {
width: 36px;
}
/* for payment gifts list */
.container.cart_summary_block .info_box.sp_gift_list .general_table .row .cl_2 {
width: 10%;
}
.container.cart_summary_block .info_box.sp_gift_list .general_table .row .cl_3 {
width: 15%;
}
.container.cart_summary_block .info_box.sp_gift_list .general_table .row .cl_4 {
width: 20%;
}
.container.cart_summary_block .info_box.sp_gift_list .general_table .row .cl_5 {
width: 25%;
}
/* CHECKOUT STEP NAV */
/* .bf_login .container .checkout_step {
width: 392px;
} */
/* .af_login */
.container .checkout_step {
width: 306px;
}
.container .checkout_step {
display: block;
float: none;
margin: 30px auto;
text-align: center;
}
.container .step_box:last-child {
left: 2px;
}
.container .step_box .step_circle,
.container .step_box .step_name {
left: 0;
}
/* coupon box */
.container .coupon_box {
float: left;
width: 280px;
margin: 30px 20px 30px 0;
}
.container .coupon_box p {
font-size: 12px;
}
.container .coupon_form input[type=text] {
width: 258px;
}
/* CHECKOUT BUTTONS */
.container .summaryBtns {
float: none;
clear: both;
width: auto;
margin: 30px 0 30px 0;
padding-top: 30px;
border-top: 1px dashed #ccc;
}
.container .summaryBtns .sample_btn.large_btn {
display: inline-block;
width: 320px;
font-size: 16px;
}
.container .summaryBtns .sample_btn.wtbd_btn {
float: left;
}
.container .summaryBtns .sample_btn.bu_btn {
float: right;
}
/* payment */
.container.cart_summary_block .info_box .general_table .tb_gift_email .tbk {
width: 146px;
}
/* SPECIAL GIFT */
.container .sp_item_box .sp_column.cl_l {
width: 578px;
padding: 25px 25px 15px 25px;
height: 220px;
}
.container .sp_item_box .sp_column.cl_m {
width: 350px;
}
.container .sp_item_box .sp_column.cl_s {
width: 200px;
margin-right: 20px;
}
.container .sp_item_box .sp_thumb {
width: 200px;
height: 150px;
}
.container .sp_item_box .sp_price .original_price {
font-size: 12px;
}
.container .sp_item_box .sp_price .sp_u_price {
font-size: 16px;
}
.container .sp_form textarea {
width: 560px;
height: 120px;
}
.container .sp_item_box .pdt_box {
width: 578px;
padding: 25px 25px 15px 25px;
border-right: none;
border-bottom: 1px solid #ccc;
}
.container .dis_price .tb_pdt_u_price {
padding-right: 32px;
}
/* Redeem
================================================== */
.container .redeem_list .sp_item_box .sp_column.cl_m {
width: 405px;
padding: 20px 15px;
}
.container .general_mark.mt_50p.redeem_mark {
margin-top: 0;
}
.container .mb_container .redeem_mark .box_txt {
margin: 10px 10px 10px 0;
}
.container .redeem_mark .checkout_step {
width: 230px;
}
.container .redeem_mark .checkout_step .step_box:last-child {
left: 6px;
}
/* REDEEM PAYMENT */
.container .redeem_details_block .general_table .row .cl_6 {
width: 20%;
}
.container .redeem_details_block .general_table .row .cl_2 {
width: 13%;
}
.container .redeem_details_block .general_table .row .cl_3 {
width: 18%;
}
/* Delivery
================================================== */
.container .general_block .general_form dt {
display: block;
width: auto;
text-align: left;
}
.container .general_block .general_form dd {
display: block;
width: auto;
}
.container .general_block .general_form input[type=text],
.container .general_block .general_form input[type=password],
.container .general_block .general_form textarea,
.container .general_block .general_form .selector,
.container .general_block .general_form .selector.large,
.container .general_block .general_form .selector ul,
.container .general_block .general_form .selector.large ul {
width: 92%;
}
/* Login
================================================== */
.container .txt_box .login_form input[type=text],
.container .txt_box .login_form input[type=email],
.container .txt_box .login_form input[type=password] {
width: 94%;
float: left;
margin: 0 auto 10px auto;
}
/* Register
================================================== */
.container .reg_tit p {
float: none
}
.container .reg_tit .fl {
display: block;
float: none;
border-bottom: 1px solid #ccc;
margin-bottom: 2px;
}
.container .general_mark .general_box.bg_line {
height: auto;
font-size: 14px;
line-height: 20px;
padding: 10px;
}
/*mark box*/
.container .mark_box {
width: 240px;
margin-right: 10px;
float: left;
}
/* SEARCH TOP - 07/07/2015
================================================== */
.container #search_top .icn_search {
margin-top: 16px;
}
.container #search_top .sch_wrapper .search_bar {
width: 500px;
}
}
/*********************************************************************************************
5. Grid lt 720px / Mobile
*********************************************************************************************/
@media only screen and (max-width: 719px) {
.container {
width: 94%;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.beta {
margin-left: 0;
margin-right: 0;
}
.mobItem {
display: inherit;
}
.pcItem {
display: none;
}
.general_table .column .mobItem {
display: inline;
}
/* HEADER ////////////////// */
#wrapper #header {
height: 92px;
}
/* top bar marquee */
.container .marquee_list {
width: 80px;
}
/* top bar txt */
.container .gen_txt,
.container .facet_label {
display: none;
}
.container .language_toggle .facet_label {
display: inline;
}
/* top bar dropdown */
.container .nav_section li {
padding: 0 5px;
}
.container .log_dropdown {
right: -165px;
}
.container .log_ass_hlep {
display: none;
width: 32px !important;
}
/* language dropdown for mob */
.container .lang_dropdown .lang_list li {
width: 92px;
}
/* top logo */
.container #logo {
width: 150px;
margin: 0 0;
}
/* main menu */
.container .main_menu {
display: none;
}
.container #mob_menu {
display: block;
}
#mob_menu .slice_txt {
display: none;
}
/* HOME BANNERS ////////////// */
#main_slider .flex-direction-nav a {
width: 10px;
height: 30px;
margin: -15px 0 0;
}
/* Home Hot Block */
.hot_pdt_block .container {
width: 320px;
margin: 0 auto;
}
.hot_pdt_block .container h4 {
font-size: 18px;
font-weight: 700;
}
.hot_pdt_block .container .vedio_box {
width: 320px;
height: 360px;
margin: 15px 0 6px 0;
float: none;
background-size: 420px 368px;
background-position: center top;
}
.btn_play img {
width: 60px;
height: 48px;
}
.container .vedio_box .icn_video {
top: 72%;
}
.container .vedio_box h4 {
top: 84%;
}
.hot_pdt_block .container .sp_box {
width: 320px;
height: auto;
margin: 5px 0;
overflow: hidden;
float: none;
}
.container .sp_box .desc {
float: none;
width: 320px;
height: 180px;
padding: 5px 0;
}
.container .sp_box .desc img {
margin: 0 auto;
}
.container .sp_box .desc h4 {
margin: 0 auto;
}
.container .sp_box .desc .sub_tit {
font-size: 14px;
margin: 0 auto;
}
.container .sp_box .sp_banner {
width: 100%;
height: auto;
float: none;
}
.container .sp_box .desc .btn_sq {
margin: 5px 110px;
}
h2.main_tit {
font-size: 24px !important;
background-image: url(../images/bg_main_tit_mob_3x.png) !important;
margin-bottom: 10px !important;
}
/* Footer */
#footer .container .box_1-3 {
width: 310px;
float: none;
margin: 5px auto;
}
.container .help_block {
padding: 10px 0 10px 0;
border-right: none;
border-bottom: 1px solid #bdbcba;
}
.container .social_block {
padding: 20px 0 0 0;
border-right: none;
border-bottom: 1px solid #bdbcba;
}
.container .qr_bock {
padding: 20px 0 0 0;
}
.container .help_block img.fl {
margin-left: 5px;
}
#footer .copyright_block {
width: 310px;
}
.container .copyright {
width: 310px;
float: none;
margin: 5px auto;
}
.container .copyright .footer_logo {
float: none;
display: block;
width: 310px;
margin: 0 auto;
}
.container .copyright .footer_logo {
display: inline-block;
text-align: center;
}
.container .copyright p {
float: none;
width: 310px;
text-align: center;
margin: 0 auto;
padding: 0;
}
.container .footer_menu {
width: 310px;
text-align: center;
margin: 10px auto 30px auto;
}
.container .footer_menu li {
position: relative;
border: none;
width: 100%;
text-align: center;
padding: 12px 0 6px 0;
}
.container .footer_menu li:before {
content: " ";
display: block;
position: absolute;
top: 0;
height: 10px;
width: 100%;
background: url(../images/bg_mob_footermenu_line.png) no-repeat center;
text-align: center;
}
/* Product List */
.container .left_nav_block {
width: 100%;
float: none;
margin: 30px auto 20px auto;
cursor: pointer;
}
.container .left_nav_header h4 {
font-size: 18px;
}
.container .filter_tit {
font-size: 12px;
height: 18px;
line-height: 18px;
cursor: pointer;
}
.container .filter_tit .fl:after {
content: "\f0dd";
position: relative;
display: inline-block;
top: -3px;
padding: 3px 10px 3px 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container .filter_tit .fr {
float: left;
}
.container .left_nav_block h3.mob {
position: absolute;
display: block;
/*top: 15px;*/
top: 3px;
margin: 0;
right: 15px;
border: none;
line-height: 30px;
}
.container .left_nav_block h3.mob:after {
content: "\f0dd";
position: relative;
display: inline-block;
top: -3px;
padding: 0 0 0 10px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container .left_nav_block.on h3.mob:after,
.container .left_nav_block.on .filter_tit .fl:after {
content: "\f0d8";
}
.container .left_nav_block .filter_tit .fr,
.container .left_nav_block .filter_menu,
.container .left_nav_block .categories {
display: none;
}
.container .left_nav_block.on .filter_tit .fr,
.container .left_nav_block.on .filter_menu,
.container .left_nav_block.on .categories {
display: block;
}
/* product grid wall */
.container .option_control .option {
padding: 0 10px;
font-size: 14px;
}
.container .option_control .option.sort {
width: 145px;
margin-right: 8px;
}
.container .option_control .option.grid {
margin-right: 0;
}
.container .option_display {
padding: 0 2px;
}
.container .option_list {
width: 165px;
left: -11px;
}
.container .gridwall {
width: 320px;
margin: 20px auto;
}
.container .pdt_gridwall {
float: none;
width: 100%;
margin: 20px auto;
}
.container .grid_item_box {
width: 280px;
/*height: 380px;*/
height: 325px;
margin: 10px auto;
padding-top: 10px;
float: none;
}
.container .also_like_grid_item_box {
width: 280px;
height: 380px;
margin: 10px auto;
padding-top: 10px;
float: none;
}
.container .grid_item_img,
.container .grid_item_img img {
width: 260px;
height: 190px;
}
.container .grid_item_info h6 {
font-size: 16px;
}
/* Product Details */
.container .breadcrumb {
font-size: 12px;
}
.container .breadcrumb a {
padding: 0;
}
.container .breadcrumb .back {
position: relative;
top: 8px;
}
.container .breadcrumb ul li:last-child a {
/*width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
top: 8px;
position: relative;*/
}
.container .pdt_img_box {
width: 280px;
height: auto;
padding: 10px;
margin: 0 auto;
float: none;
}
.container .pdt_img_box .display_img {
width: 260px;
height: 220px;
margin: 0 auto;
}
.container .pdt_img_list {
max-width: 240px;
}
.container .pdt_img_list .item {
width: 90px;
height: 67px;
margin: 5px 0 5px 14px;
}
.container .pdt_img_carousel .pdt_img_list .owl-controls .owl-buttons div {
height: 68px;
line-height: 68px;
}
.container .pdt_img_carousel .pdt_img_list .owl-controls .owl-buttons div.owl-prev {
left: -22px;
}
.container .pdt_img_carousel .pdt_img_list .owl-controls .owl-buttons div.owl-next {
right: -22px;
}
.container .pdt_info_block {
/*width: 300px;*/
width: 330px;
margin: 20px auto;
float: none;
height: auto;
}
.container .box_tab li {
font-size: 14px;
height: 28px;
line-height: 30px;
}
.container .pdt_info_block .info_box {
/*width: 280px;*/
width: 310px;
height: auto;
font-size: 12px;
}
.container .pdt_name {
font-size: 18px;
}
.container .pdt_price {
font-size: 24px;
}
.container .modle_no {
line-height: 16px;
}
.container .pdt_desc_show {
width: 280px;
}
/* .container .pdt_extra {
padding-bottom: 8px;
}
.container .extra_item_list {
margin: 8px auto;
} */
.container .combo_action {
margin: 18px 0;
}
.container .combo_action .btn {
position: relative;
margin: 15px 0 5px 0;
}
.container .promotion_box {
height: 90px;
font-size: 12px;
padding-bottom: 20px;
}
.container .promotion_box .promotion_list {
height: 60px;
}
.container .option_box {
font-size: 14px;
padding: 0 10px;
}
/*product comfort*/
.container .pdt_comfort .option_box {
height: auto;
}
.container .pdt_comfort .option_box .label {
display: block;
}
/* you may also like */
.container .cross_sell_box {
width: 240px;
}
.container .cross_sell_list .item {
margin: 5px 0 5px 9px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-prev {
left: -25px;
}
.container .cross_sell_box .cross_sell_list .owl-controls .owl-buttons div.owl-next {
right: -25px;
}
.container .cross_sell_list .item.grid_item_box {
width: 220px;
/*height: 340px;*/
height: 310px;
margin: 10px;
}
.container .cross_sell_list .item.also_like_grid_item_box {
width: 220px;
height: 340px;
margin: 10px;
}
.container .cross_sell_list .item .grid_item_img,
.container .cross_sell_list .item .grid_item_img img {
width: 200px;
height: 146px;
}
.container .cross_sell_list .item .grid_item_info h6 {
font-size: 16px;
}
/* Friends share popup box */
.container .frd_share_box {
width: 260px;
padding: 20px 5px 5px 5px;
top: -420px;
left: 3px;
bottom: auto;
}
.container .frd_share_box .ass_arrow {
display: none;
}
.container .frd_share_box .fa-times {
top: 5px;
right: 5px;
}
.container .frd_share_row {
padding-top: 10px;
}
.container .frd_share_box .option_box {
margin-right: 0;
}
.container .frd_share_box .mb_avatar {
display: none;
}
.container .frd_share_box .share_msg textarea {
width: 238px;
height: 120px;
font-size: 14px;
}
.container .frd_share_box .frd_search {
border-left: none;
margin-bottom: 10px;
width: 220px;
}
.container .frd_share_box .share_pdt.frd_share_row {
padding-top: 10px;
margin-top: 10px;
}
/* MEMBER PAGES */
.container .mb_main_nav {
width: 300px;
height: 250px;
margin: 70px auto 10px auto;
padding: 0;
float: none;
clear: both;
}
.container .mb_point_box {
float: none;
width: 280px;
height: 60px;
padding: 15px 10px;
margin: 0;
border-bottom: 1px solid #ccc;
}
.container .mb_point_box p {
margin-bottom: 15px;
}
.container .mb_point_box .display_value {
font-size: 24px;
}
.container .mb_point_box .more {
font-size: 12px;
}
.container .mb_large_avatar {
width: 80px;
height: 80px;
padding: 15px 9px;
margin: 0;
border: none;
float: left;
}
.container .mb_desc {
height: 90px;
width: 190px;
margin: 0;
padding: 10px 10px 10px 0;
float: left;
}
.container .mb_desc p.mb_name {
font-size: 18px;
}
.container .mb_desc p {
font-size: 14px;
}
.container .mb_menu {
position: absolute;
right: 0;
padding: 0;
top: -40px;
background: none;
}
.container .mb_menu .mb_main_menu {
display: inline-block;
text-align: right;
}
.container .mb_menu h3 {
display: none;
}
.container .mb_menu li a .mb_menu_txt {
display: none;
}
.container .mb_menu li {
display: inline-block;
height: 26px;
background: #1a3363;
padding: 4px 0;
margin-left: 3px;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.container .mb_menu .gen_flag_h {
position: absolute;
display: block;
top: -20px;
left: 0px;
width: 100%;
text-align: center;
}
.container .mb_menu .gen_flag_h:after {
content: ' ';
display: inline-block;
position: absolute;
top: 20px;
right: 15px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 5px 0 5px;
line-height: 0px;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.container .mb_menu .gen_flag_h.flag_grn:after {
border-color: #a7b738 transparent transparent transparent;
_border-color: #a7b738 #000000 #000000 #000000;
}
.container .mb_menu .gen_flag_h.flag_yl:after {
border-color: #e2d526 transparent transparent transparent;
_border-color: #e2d526 #000000 #000000 #000000;
}
.container .mb_menu .gen_flag_h .flag_md {
display: inline-block;
position: absolute;
top: 0;
right: 8px;
padding: 0 8px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.container .mb_menu .gen_flag_h .flag_bf,
.container .mb_menu .gen_flag_h .flag_af {
display: none;
}
/* logout button */
.container .mb_menu li:last-child {
position: absolute;
top: 242px;
right: 0;
height: 40px;
width: 300px;
text-align: center;
background: url(../images/bg_pattern_1.png) repeat center;
border-top: 1px solid #ccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.container .mb_menu li:last-child i.mb_icn.mb_icn_logout {
display: inline-block;
width: 80px;
height: 44px;
top: 0;
margin: 0;
background: url(../images/icn_mb_menu_logout_gary_3x.png) no-repeat center;
background-size: auto 100%;
}
.container .mb_menu li:last-child a .mb_menu_txt {
position: relative;
display: inline-block;
top: -15px;
margin-left: -15px;
color: #535e5b;
font-size: 16px;
text-align: center;
}
.container .mb_container {
width: 300px;
margin: 10px auto 60px auto;
float: none;
}
.container .mb_container .general_box {
margin-top: 0;
}
.container .mb_container .general_form dl {
margin: 10px auto;
}
.container .mb_container .general_form dt, .general_form dd {
}
.container .mb_container .general_form dt {
width: 260px;
padding-right: 0;
text-align: left;
}
.container .mb_container .general_form dt br {
display: none;
}
.container .mb_container .general_form dd {
width: 260px;
padding: 0;
text-align: left;
}
.container .mb_container .general_form .avatar-upload {
top: 0;
}
.container .mb_container .general_form input[type=text],
.container .mb_container .general_form input[type=password] {
width: 238px;
}
.container .mb_container .general_form .selector {
width: 238px;
margin-right: 0;
}
.container .mb_container .general_form .selector ul {
width: 238px;
}
.container .general_block .general_form .selector.small,
.container .mb_container .general_form .selector.small {
width: 60px;
font-size: 12px;
padding: 8px 11px 8px 8px;
margin-right: 2px;
}
.container .general_block .general_form .selector.small i.fa,
.container .mb_container .general_form .selector.small i.fa {
right: 7px;
}
.container .mb_container .general_form .selector.small ul {
width: 59px;
}
.container .mb_container .general_form .verifyItem .vfy_box {
margin: 0;
position: absolute;
top: 38px;
right: 2px;
}
/* notivications */
.container .mb_container .box_tab {
margin-top: 50px;
}
.container .mb_container .box_tab .remark {
display: block;
width: 100%;
top: -42px;
text-align: center;
}
.container .gen_flag_v {
top: -16px;
}
/* notivications general table */
.container .general_table {
font-size: 12px;
}
.container .general_table .row {
height: 90px;
overflow: hidden;
}
.container .general_table .row .cl_1 {
width: 12%;
}
.container .general_table .row .cl_2 {
width: 12%;
}
.container .general_table .row .cl_3 {
width: 30%;
}
.container .general_table .row .cl_4 {
width: 30%;
}
.container .general_table .row .cl_5 {
width: 50%;
}
.container .general_table .row .cl_6 {
width: 50%;
}
.container .general_table .row .cl_7 {
width: 70%;
}
.container .general_table .row .cl_8 {
width: 70%;
}
.container .general_table .row .cl_9 {
width: 80%;
}
.container .general_table .row .cl_10 {
width: 85%;
}
.container .general_table .row .cl_11 {
width: 85%;
}
.container .general_table .row .cl_12 {
width: 85%;
}
.container .general_table .row .cl_13 {
width: 100%;
}
.container .general_table .row .cl_14 {
width: 100%;
}
.container .general_table .row .cl_15 {
width: 100%;
}
.container .general_table .row .cl_16 {
width: 100%;
}
.container .general_table .pr_30p {
padding-right: 0;
}
.container .mb_container .general_table .row .column {
height: auto;
}
.container .mb_container .general_table .row .column.cl_11 {
height: auto;
position: absolute;
top: 54px;
left: 44px;
line-height: 30px;
}
.container .mb_container .general_table .row .icn_checkbox {
margin: 32px 0 0 8px;
}
.container .mb_container .general_table .row .avatar_name {
font-weight: 600;
}
.container .mb_container .general_table .row .msg_date {
color: #9b9b9b;
text-align: right;
}
/* share product */
.container .share_pdt {
background: #f1edea;
padding: 10px;
}
.container .share_pdt .grid_item_img {
float: none;
margin: 10px auto;
}
.container .share_pdt .grid_item_img img {
display: block;
}
.container .share_pdt .item_info {
text-align: center;
height: auto;
padding: 10px;
top: 5px;
}
.container .share_pdt .item_info h4 {
line-height: 22px;
}
/* MEMBER FRIENDS PAGE */
.container .frd_search_block {
padding: 10px 0 0 0;
border: 1px solid #ccc;
text-align: center;
}
.container .mb_container .frd_search {
margin: 0 auto 20px auto;
}
.container .mb_container .frd_search_block .general_box {
border: none;
margin-bottom: 10px;
}
.container .mb_container .frd_search_block .general_box.fr {
float: none;
display: block;
margin: 0;
border-top: 1px solid #ccc;
}
/* Order History ////////////// */
.container .info_box.order_history_list {
border: none;
}
.container .order_history_list .general_table {
/*line-height: auto;*/
font-size: 14px;
}
.container .order_history_list .general_table .thead {
display: none;
}
.container .order_history_list .general_table .row {
height: auto;
line-height: 18px;
border: 1px solid #ccc;
margin-bottom: 10px;
}
.container .order_history_list .general_table .row:hover {
background: none;
}
.container .order_history_list .general_table .column {
text-align: left;
padding: 5px 10px;
}
.container .order_history_list .general_table .row .cl_2 {
width: 20px;
}
.container .order_history_list .general_table .row .cl_3 {
width: 100%;
}
.container .order_history_list .general_table .row .cl_4 {
width: 100%;
}
.container .order_history_list .column:first-child {
font-weight: 600;
background: #e6f6fa;
border-bottom: 1px solid #ccc;
padding: 8px 10px;
}
.container .order_history_list .column:last-child {
position: absolute;
top: 12px;
right: 0;
}
.container .order_history_list .column .txt {
display: none;
}
.container .order_history_list .column .fa.fa-search {
color: #0081c9;
}
/* ORDER HISTORY */
.container .general_mark.order_mark .general_box {
height: auto;
line-height: 18px;
padding: 8px;
}
.container .general_mark.order_mark .general_box br {
display: block;
}
.container .order_mark .back {
top: 38px;
}
/* Deliver INFO BOX */
.container .deliver_info {
margin: 10px auto 15px auto;
}
.container .deliver_info p {
line-height: 18px;
font-size: 14px;
}
.container .deliver_info h4 {
font-size: 16px;
padding: 5px 10px 0 10px;
}
.container .deliver_info h6 {
font-size: 14px;
}
/* alert */
.container .alert_box {
width: 280px;
margin: 20px auto 0 auto;
}
.container .mb_container .summary_section,
.container.cart_summary_block .summary_section {
width: 280px;
font-size: 14px;
padding: 5px;
margin: 20px auto 20px auto;
}
.container .summary_section .summary_row {
margin: 6px 0;
}
.container .summary_section .summary_row .summary_column:first-child {
width: 135px;
}
.container .summary_section .summary_row .summary_column:last-child {
width: 135px;
}
.container .summary_section .bigger {
font-size: 14px;
}
.container .summary_section .separator_line {
margin: 10px 0;
}
/* ORDER DETAILS */
.container .order_details_block .general_table {
font-size: 16px;
}
.container .order_details_block .general_table .thead {
display: none;
}
.container .order_details_block .general_table p {
line-height: 32px;
}
.container .order_details_block .general_table b {
font-weight: 600;
padding-left: 10px;
font-size: 14px;
}
.container .order_details_block .general_table .row {
padding: 5px 0 10px 0;
}
.container .order_details_block .general_table .column {
line-height: 21px;
font-size: 14px;
}
.container .order_details_block .general_table .row .cl_2,
.container .order_details_block .general_table .row .cl_3,
.container .order_details_block .general_table .row .cl_4,
.container .order_details_block .general_table .row .cl_5,
.container .order_details_block .general_table .row .cl_6 {
width: 100%;
height: auto;
}
.container .order_details_block .general_table .row .tb_pdt_thumb {
width: 160px;
height: 116px;
}
.container .order_details_block .general_table .row .tb_pdt_name {
display: block;
text-align: center;
margin-bottom: 10px;
padding: 0 10px 10px 10px;
border-bottom: 1px dashed #ccc;
}
.container .order_details_block .general_table .row .tr,
.container .order_details_block .general_table .row .cl_2.tc {
text-align: left;
}
.container .general_table p.tb_gift_email {
line-height: 18px;
}
.container .order_details_block .general_table .tb_gift_email b {
width: 240px;
}
.container .order_details_block .general_table .tb_gift_email .icn_stack {
left: 10px;
}
.container .general_table .tb_gift_msg {
margin-top: -10px;
margin-left: 40px;
font-size: 14px;
height: 26px;
line-height: 18px;
width: 240px;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*Discount products list*/
.container .discount_list .general_table .row {
padding: 10px 5px 10px 0;
}
.container .discount_list .general_table .row.thead {
}
.container .discount_list .general_table .row .column.cl_3 {
width: 35%;
}
.container .discount_list .general_table .row .column.cl_12 {
width: 65%;
}
.container .discount_list .general_table .row .column.cl_5 {
width: 65%;
margin-left: 35%;
text-align: left;
font-weight: bold;
}
.container.cart_summary_block .discount_list .general_table .row .column.cl_5 {
height: auto;
}
.container .discount_list .general_table .row .column {
line-height: 16px;
}
.container .discount_list .general_table .tb_pdt_name {
line-height: 16px;
font-size: 14px;
}
.container .discount_list .general_table .desc {
display: inline-block;
line-height: 12px;
}
/* CHECKOUT SECTION
================================================== */
/* CART SUMMARY TABLE */
.container.cart_summary_block {
width: 300px;
}
.container.cart_summary_block .breadcrumb.mt_50p {
margin-top: 10px;
}
.container.cart_summary_block .general_box.pdt_count_box {
display: block;
height: auto;
line-height: 18px;
padding: 5px 10px;
margin: 0 0 20px 0;
}
.container.cart_summary_block .info_box .general_table .column.first {
position: absolute;
top: 0px;
left: 4px;
line-height: 16px;
}
.container.cart_summary_block .general_table .icn_checkbox {
margin-left: 0
}
.container.cart_summary_block .info_box .general_table .cl_1-2,
.container.cart_summary_block .info_box .general_table .cl_2,
.container.cart_summary_block .info_box .general_table .cl_3,
.container.cart_summary_block .info_box .general_table .cl_8 {
width: 100%;
height: auto
}
.container.cart_summary_block .info_box .general_table .row .cl_2.tc {
text-align: center;
}
.container.cart_summary_block .info_box .tb_pdt_qty_form,
.container.cart_summary_block .info_box .tb_pdt_qty {
display: block;
text-align: left;
}
.container.cart_summary_block .tb_pdt_qty_form .option_qty .qty_text {
width: 36px;
}
.container.cart_summary_block .tb_pdt_qty_form .option_qty .qty_reduce,
.container.cart_summary_block .tb_pdt_qty_form .option_qty .qty_increase {
margin: 0;
padding: 0;
}
.container.cart_summary_block .info_box .column .fa-times {
padding-left: 10px;
}
/* CHECKOUT STEP NAV */
/* .bf_login .container .checkout_step {
width: 280px;
} */
/* .af_login */
.container .checkout_step {
width: 220px;
}
.container .checkout_step {
display: block;
float: none;
margin: 30px auto;
text-align: center;
}
.container .step_box:last-child {
left: 2px;
}
.container .step_box {
width: 40px;
height: 40px;
margin-left: 16px;
}
.container .step_box .step_circle,
.container .step_box .step_name {
left: 0;
}
.container .step_box .step_circle {
width: 40px;
top: 10px;
font-size: 21px;
}
.container .step_box .step_name {
bottom: -35px;
width: 70px;
height: 30px;
margin-left: -15px;
vertical-align: top;
}
/* coupon box */
.container .coupon_box {
float: none;
clear: both;
width: 260px;
height: auto;
margin: -10px auto 30px auto;
}
.container .coupon_box p {
font-size: 12px;
}
.container .coupon_form input[type=text] {
width: 238px;
}
/* CHECKOUT BUTTONS */
.container .summaryBtns {
float: none;
clear: both;
width: auto;
margin: 20px 0;
padding-top: 30px;
border-top: 1px dashed #ccc;
}
.container .summaryBtns .sample_btn.large_btn {
display: inline-block;
font-size: 16px;
margin-bottom: 20px;
}
/* .container.cart_summary_block .directionBtns .img_btn.fr {
float: left;
} */
/* payment */
.container.cart_summary_block .info_box .general_table .tb_gift_email .tbk {
width: 146px;
}
/* SPECIAL GIFT */
.container.cart_summary_block .box_txt {
margin: 10px 10px 0 0;
width: 280px;
}
.container.cart_summary_block .info_box.sp_gifts_block {
padding-bottom: 0;
border: none;
}
.container.cart_summary_block .sp_item_box {
margin: 15px auto 0 auto;
}
.container .sp_item_box .sp_column.cl_m {
border-right: none;
border-left: none;
}
.container .sp_item_box .sp_column.cl_s,
.container .sp_item_box .sp_column.cl_m,
.container .sp_item_box .sp_column.cl_l {
width: auto;
height: auto;
margin: auto;
float: none;
}
.container .sp_item_box .sp_column.cl_l {
padding: 10px;
}
.container .sp_item_box .option_box {
margin-right: 5px;
}
.container .sp_item_box .pdt_color .label {
top: -14px;
}
.container .sp_item_box .pdt_qty .label {
top: -1px;
}
.container .sp_item_box .pdt_option .option_display,
.container .sp_item_box .pdt_option .option_list {
font-size: 12px;
}
.container .sp_item_box .pdt_option .option_list {
left: 42px;
}
.container .sp_item_box .pdt_option .option_list li {
padding: 8px 5px;
}
.container .sp_item_box .sp_thumb {
width: 200px;
height: 150px;
}
.container .sp_item_box .sp_price .original_price {
font-size: 12px;
}
.container .sp_item_box .sp_price .sp_u_price {
font-size: 16px;
}
.container .sp_item_box .small {
line-height: 40px;
}
.container .sp_form input[type=text] {
width: 218px;
}
.container .sp_form textarea {
width: 254px;
}
/*======*/
.container .sp_item_box .selector {
width: 70%;
}
.container .sp_item_box .pdt_selector {
margin-bottom: 10px;
}
.container .sp_item_box .pdt_selector .selector {
width: auto;
}
.container .info_box.sp_gifts_block .mark_info {
margin: 15px auto 0 auto;
}
.container .sp_item_box .pdt_box {
float: none;
width: auto;
height: auto;
border-right: none;
padding: 25px 10px 0 10px;
border-right: none;
border-bottom: 1px solid #ccc;
}
/*discount option list */
.container .dis_selector {
width: 260px;
margin-bottom: 40px;
}
.container .dis_selector .btn.grn_btn, .container .dis_selector .btn.grn_btn:hover {
right: 0;
top: 35px;
}
.container .discount_opt_list .row {
height: auto;
}
.container .discount_opt_list .info {
width: auto;
float: none;
}
.container .discount_opt_list .column.dis_price {
width: auto;
font-size: 14px;
text-align: center;
margin-left: 100px;
padding: 0;
}
.container .dis_price .tb_pdt_u_price {
padding-right: 32px;
padding: 0;
}
/*mark box*/
.container .mark_box {
}
/* Redeem
================================================== */
.container .redeem_list .sp_item_box .sp_column.cl_s {
padding: 0 10px;
}
.container .redeem_list .sp_item_box .sp_thumb {
margin: 10px auto;
}
.container .redeem_list .sp_item_box .sp_column.cl_m {
width: 278px;
padding: 10px 10px 50px 10px;
border-bottom: none;
}
.container .general_mark.mt_50p.redeem_mark {
margin-top: 0;
}
.container .mb_container .redeem_mark .box_txt {
margin: 10px 5px 0 0;
}
.container .redeem_mark .checkout_step {
width: 160px;
}
.container .redeem_mark .checkout_step .step_box:last-child {
left: 6px;
}
.container .redeem_list .redeem_btn {
right: 120px;
bottom: 15px;
}
.container.cart_summary_block .redeem_mark .general_box.pdt_count_box {
margin-top: 40px;
}
/* REDEEM PAYMENT */
.container .redeem_details_block .general_table {
font-size: 14px;
}
.container .redeem_details_block .general_table .tb_pdt_name {
font-size: 16px;
}
.container .redeem_details_block .general_table .thead {
display: none;
}
.container .redeem_details_block .general_table .row {
height: auto;
}
.container .redeem_details_block .general_table p {
line-height: 32px;
}
.container .redeem_details_block .general_table b {
font-weight: 600;
padding-left: 10px;
}
.container .redeem_details_block .general_table .column {
line-height: 40px;
}
.container .redeem_details_block .general_table .row .cl_2,
.container .redeem_details_block .general_table .row .cl_3,
.container .redeem_details_block .general_table .row .cl_4,
.container .redeem_details_block .general_table .row .cl_5,
.container .redeem_details_block .general_table .row .cl_6 {
width: 100%;
height: auto;
}
.container .redeem_details_block .general_table .row .tb_pdt_thumb {
width: 200px;
height: 146px;
}
.container .redeem_details_block .general_table .row .tb_pdt_name {
display: block;
text-align: center;
margin-bottom: 20px;
}
.container .redeem_details_block .general_table .row .tr,
.container .redeem_details_block .general_table .row .cl_2.tc {
text-align: left;
}
/* MY COUPON
================================================== */
.container .coupon_list .general_table .row.thead {
display: none;
}
.container .coupon_list .row {
padding: 10px;
height: auto;
}
.container .coupon_list .row .column.cl_1 {
display: none;
}
.container .coupon_list .row .column.cl_9 {
width: 100%;
text-align: left;
}
.container .coupon_list .row .column.cl_9 .tsbu.mobItem {
display: block;
font-weight: bold;
background: #e6f6fa;
padding: 5px;
margin-bottom: 5px;
}
.container .coupon_list .row .column.cl_3 {
width: 100%;
text-align: left;
}
.container .coupon_list .row .column.cl_4 {
width: 100%;
text-align: left;
}
.mob_cl_10 {
width: 100% !important;
}
/* Delivery
================================================== */
.container .general_block .general_form dt {
display: block;
width: auto;
text-align: left;
}
.container .general_block .general_form dd {
display: block;
width: auto;
}
.container .general_block .general_form input[type=text],
.container .general_block .general_form input[type=password],
.container .general_block .general_form textarea,
.container .general_block .general_form .selector,
.container .general_block .general_form .selector.large,
.container .general_block .general_form .selector ul,
.container .general_block .general_form .selector.large ul {
width: 92%;
}
.container .general_block .general_form .selector .display_value,
.container .general_block .general_form .selector.large .display_value {
width: 220px;
}
/* Login
================================================== */
.container .txt_box.half_box {
width: auto;
float: none;
}
.container .txt_box .login_form input[type=text],
.container .txt_box .login_form input[type=email],
.container .txt_box .login_form input[type=password] {
width: 94%;
float: left;
margin: 0 auto 10px auto;
}
/* Register
================================================== */
.container .reg_tit p {
float: none;
line-height: 16px;
padding-top: 10px;
}
.container .reg_tit .fl {
display: block;
float: none;
margin-bottom: 2px;
border-bottom: 1px solid #ccc;
}
.container .general_mark .general_box.bg_line {
height: auto;
font-size: 14px;
line-height: 20px;
padding: 10px;
}
/*===*/
.container .dis_selector ul {
position: relative;
z-index: 999;
top: 6px;
}
/*mark box*/
.container .mark_box {
width: auto;
margin: 10px auto;
padding: 10px;
float: none;
clear: both;
}
.container .btn.grn_btn.fr.ppl_btn {
float: left;
}
.container .extra_block .extra_list .row {
font-size: 14px;
}
/* SEARCH TOP - 07/07/2015
================================================== */
.container #search_top .icn_search {
margin-top: 11px;
}
.container #search_top .sch_wrapper .search_bar {
width: 240px;
}
}
/*********************************************************************************************
5. Responsive Image
*********************************************************************************************/
img.scale, img.responsive {
max-width: 100%;
height: auto;
}
img.original {
display: block;
width: 100%;
height: auto;
}
/*********************************************************************************************
added by kelvin
**********************************************************************************************/
/*********************************************************************************************
1. Grid 1360px Up / All
*********************************************************************************************/
.pdt_size_label, .pdt_size_down {
display: inline-block;
position: relative;
top: -12px;
}
.pdt_size_detail {
display: inline-block;
width: auto;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.agreement_txt {
padding: 8px 0 0 10px;
text-align: justify;
line-height: 18px;
}
/*.marquee_list {
width: 915px;
}*/
/* new pdt desc 20150821 */
#pc_pdt_desc {
display: block !important;;
}
#mobile_pdt_desc {
display: none !important;;
}
/* member info left */
.mb_email_content {
width: 240px;
}
.hot_pdt_block .container {
max-width: 1280px;
}
/*********************************************************************************************
2. Grid 1280px
*********************************************************************************************/
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
/*.marquee_list {
width: 780px;
}*/
/* member info left */
.mb_email_content {
width: 240px;
}
}
/*********************************************************************************************
3. Grid 960px
*********************************************************************************************/
@media only screen and (min-width: 980px) and (max-width: 1199px) {
/* member info left */
.mb_email_content {
width: 180px;
}
}
/*********************************************************************************************
4. Grid 720px
*********************************************************************************************/
@media only screen and (min-width: 720px) and (max-width: 979px) {
/* new pdt desc 20150821 */
#pc_pdt_desc {
display: none !important;;
}
#mobile_pdt_desc {
display: block !important;
}
/* member info left */
.mb_email_content {
width: 210px;
}
}
/*********************************************************************************************
5. Grid lt 720px / Mobile
*********************************************************************************************/
@media only screen and (max-width: 719px) {
/*** youtube ***/
.video-container {
position: relative;
/*padding-bottom: 56.25%;*/
padding-top: 30px;
/*height: 0 !important;*/
height: 285px !important;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hot_pdt_block .container .vedio_box {
background-size: cover;
}
/*** end of youtube ***/
/*** check out ***/
.discount_opt_list .dis_selector div .display_value {
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.discount_opt_list .dis_selector {
height: 150px;
}
.container .dis_selector .btn.grn_btn, .container .dis_selector .btn.grn_btn:hover {
top: 120px;
}
.container .mb_large_avatar {
padding: 0;
margin: 15px 10px;;
}
.pdt_size_detail {
max-width: 185px;
}
.sp_item_box .selector {
height: auto !important;
}
.sp_item_box .selector .display_value {
width: 100%;
word-wrap: break-word;
}
.container .mb_desc {
padding-left: 10px;
}
.agreement_txt {
width: 88%;
}
/* new pdt desc 20150821 */
#pc_pdt_desc {
display: none !important;;
}
#mobile_pdt_desc {
display: block !important;
}
/* member info left */
.mb_email_content {
width: 260px;
}
.container .promotion_box {
height: 100%;
}
.container .promotion_box .promotion_list {
height: 100%;
overflow: hidden;
}
.container .pdt_price {
font-size: 15px !important;
}
.memo_remarks {
padding: 5px 10px;
margin-top: -23px;
font-size: 14px;
}
.memo_remarks_label {
display: inline-block;
vertical-align: top;
}
.memo_remarks_content {
display: inline-block;
line-height: 100%;
margin-top: 9px;
}
.container .mb_point_box {
height: 77px;
}
.mob_price {
padding-left: 50px;
}
.cart_summary_block .login_form .login_forgot_password_link {
margin-top: 10px;
}
/* override owl.theme.css */
.owl-theme .owl-controls .owl-page span {
width: 8px !important;
height: 8px !important;;
border-radius: 8px !important;;
}
}
/*********************************************************************************************
6. Grid lt non-Mobile > 719px
*********************************************************************************************/
@media only screen and (min-width: 719px) {
.memo_remarks {
padding: 5px 10px;
margin-top: -20px;
font-size: 16px;
}
.memo_remarks_label {
display: inline-block;
vertical-align: top;
}
.memo_remarks_content {
display: inline-block;
line-height: 100%;
margin-top: 9px;
}
.mob_price {
padding-left: 0;
}
.owl-theme .owl-controls .owl-page span {
width: 12px !important;;
height: 12px !important;;
border-radius: 12px !important;;
}
}