/* CSS Document */ @media screen and (max-width:834px) { /* bigger screens */ body { min-width: 100%; padding: 0px !important; } a { -webkit-tap-highlight-color: transparent; } .content { width: 100%; height: 100%; margin: 0 auto; position: relative; left: 0px; margin-left: 0px; overflow: hidden !important; } input[type=text],input[type=password],input[type=submit],input[type=button],textarea { -webkit-appearance: none; @include border-radius(0); } /* GLOBAL SETTINGS */ ::-webkit-input-placeholder { font-size: 10px; } :-moz-placeholder { /* Firefox 18- */ font-size: 10px; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 10px; } :-ms-input-placeholder { font-size: 10px; } /* SYSTEM MESSAGE */ #popup_page .page_wrap { left: 5%; width: 90%; max-width: 90%; min-width: 90%; } #popup_page .page_content { left: 0%; } #popup_page .page_content h3.b_title { font: 400 22px/60px 'Open Sans', sans-serif; } #popup_page .page_content .msg_c p { font: 400 12px/20px 'Open Sans', sans-serif; } #popup_page .page_content ul.page_btn a.btn_done { font: 700 12px/16px 'Open Sans', sans-serif; } #popup_page .page_content ul.page_btn a.btn_link { font: 700 12px/16px 'Open Sans', sans-serif; } /* SYSTEM TRACK ORDER */ #popup_order .page_wrap { left: 5%; width: 90%; max-width: 90%; min-width: 90%; } #popup_order .page_content { left: 0%; } #popup_order .page_content ul.page_btn a.btn_done { font: 700 12px/16px 'Open Sans', sans-serif; } #popup_order .page_content ul.page_btn a.btn_link { font: 700 12px/16px 'Open Sans', sans-serif; } /* TRACK HEADER */ #popup_order .page_content .track_form a.btn_search { font: 700 12px/16px 'Open Sans', sans-serif; } /* TRACK CONTENT */ #popup_order .track_content h3.b_title { font: 400 16px/30px 'Open Sans', sans-serif; } #popup_order .track_content h3.b_title small { font-size: 11px; } #popup_order .track_content h3.n_title { font: 400 16px/30px 'Open Sans', sans-serif; } #popup_order .track_content ul.b_list li p.b_item { font: 700 14px/16px 'Open Sans', sans-serif; } #popup_order .track_content ul.b_list li p.b_item small { font: 400 11px/16px 'Open Sans', sans-serif; } /* MOBILE MENU */ #global_header { z-index: 100; } #global_header .h_mobile { display: none; position: fixed; z-index: 1000; left: 0; width: 100%; height: 100%; } #global_header .h_mobile .h_mobile_wrap { position: absolute; width: 80%; height: 100%; margin-right: 20%; overflow: auto; } #global_header .h_mobile ul.m_mobile { position: absolute; width: 100%; padding-bottom: 60px; } #global_header .h_mobile ul.m_mobile li { position: relative; float: left; width: 100%; } #global_header .h_mobile ul.m_mobile li.sub { width: 90%; margin-left: 10%; } #global_header .h_mobile ul.m_mobile a.logo { float: left; width: 100%; height: 48px; margin-bottom: 17px; padding: 10px 0; background-color: #474762; background-position: center; background-repeat: no-repeat; background-size: 100px; } #global_header .h_mobile ul.m_mobile a.s_item { position: relative; float: left; width: 83%; background: url(../images/icon/right_lblue.png) 5% center no-repeat; background-size: 14px; padding: 0 5% 0 12%; font: 700 14px/48px 'Open Sans', sans-serif; color: #fff; } #global_header .h_mobile ul.m_mobile a.s_item:hover { background-color: #1c1e3e; } #global_header .h_mobile ul.m_mobile a.b_item { position: relative; float: left; width: 83%; background: url(../images/icon/nav_right_lblue.png) 5% center no-repeat; background-size: 12px; padding: 0 5% 0 12%; font: 700 12px/28px 'Open Sans', sans-serif; color: #fff; } #global_header .h_mobile ul.m_mobile a.b_item:hover { background-color: #1c1e3e; } #global_header .h_mobile ul.m_mobile span.sep_line { float: left; width: 90%; height: 1px; margin: 17px 5%; background-color: #343874; } #page_chat { display: none; } #mobile_bar { position: fixed; z-index: 10000; left: 0px; bottom: 0px; width: 100%; height: 50px; background-color: #b9b9b9; } #mobile_bar ul.s_list { float: left; width: 100%; } #mobile_bar ul.s_list li { position: relative; float: left; width: 20%; } #mobile_bar ul.s_list a.m_item { float: left; width: 100%; padding-top: 20px; font: 400 10px/30px 'Open Sans', sans-serif; color: #fff; text-align: center; } #mobile_bar ul.s_list a.m_item.m_cat { background: url(../images/icon/menu_white.png) center 8px no-repeat; background-size: 20px; } #mobile_bar ul.s_list a.m_item.m_news { background: url(../images/icon/news_white.png) center 8px no-repeat; background-size: 20px; } #mobile_bar ul.s_list a.m_item.m_cart { background: url(../images/icon/bag_white.png) center 8px no-repeat; background-size: 18px; } #mobile_bar ul.s_list a.m_item.m_acc { background: url(../images/icon/user_white.png) center 8px no-repeat; background-size: 20px; } #mobile_bar ul.s_list a.m_item.m_msg { background: url(../images/icon/msg_white.png) center 8px no-repeat; background-size: 20px; } /* HEADER : Top Menu */ #global_header .header_t ul.t_menu { position: relative; z-index: 1; float: right; width: 100%; height: 32px; } #global_header .header_t ul.t_menu li { width: 20%; } #global_header .header_t ul.t_menu li.divider { display: none; } #global_header .header_t ul.t_menu a { width: 100%; padding: 0; text-align: center; } #global_header .header_t a.logo { top: 42px; left: 10px; width: 50px; height: 25px; background-size: 50px; } #global_header .header_m ul.m_menu { display: none; } #global_header .header_m a.btn_back { display: block; position: absolute; z-index: 2; top: 0px; left: 0px; width: 48px; height: 48px; background: url(../images/icon/nav_left_lblue.png) center no-repeat; background-size: 24px; } #global_header .header_m a.btn_home { display: block; position: absolute; z-index: 2; top: 0px; left: 50%; width: 84px; height: 48px; margin-left: -42px; background-position: center; background-repeat: no-repeat; background-size: 84px 40px; } #global_header .header_m a.btn_home:hover { background-color: #474762; } #global_header .header_m a.btn_home.m_left_side { left: 50px !important; margin-left: 0px !important; } #global_header .header_m .m_search { left: 5px; width: 100px; } #global_header .header_m .m_search.m_right_side { left: auto !important; right: 50px !important; } #global_header .header_m .m_search input[type=text] { width: 80px; font: 700 10px/20px 'Open Sans', sans-serif; } /* POPUP SEARCH HISTORY */ .f_search_list { width: 110px; padding: 10px 0; } .f_search_list ul.f_list span.f_title { width: 150px; padding: 0 5px; font: 700 10px/30px 'Open Sans', sans-serif; } .f_search_list ul.f_list a.item_search { width: 80px; padding: 0 5px 0 25px; font: 700 10px/30px 'Open Sans', sans-serif; } #global_header .header_b ul.b_menu li { width: 50%; } #global_header .header_b ul.b_menu li:last-child { display: none !important; } #global_header .header_b ul.b_menu span.ico_shipping { width: 14px; height: 24px; margin: 8px 4px 0 0; background-size: 12px; } #global_header .header_b ul.b_menu span.ico_exchange { width: 14px; height: 24px; margin: 8px 4px 0 0; background-size: 12px; } #global_header .header_b ul.b_menu span.ico_shopping { width: 14px; height: 24px; margin: 8px 4px 0 0; background-size: 12px; } #global_header .header_b ul.b_menu a.btn_more { font: 700 8px/40px 'Open Sans', sans-serif; background-size: 10px; } /* FOOTER */ #global_footer .footer_t { height: auto; margin-top: 30px; } #global_footer .footer_t ul.t_items li { width: 90%; padding: 30px 5%; } #global_footer .footer_t ul.t_items li:nth-child(2) { width: 90%; } #global_footer .footer_t ul.t_items li:last-child { width: 90%; padding: 15px 5%; } #global_footer .footer_t ul.t_items li.colb { height: auto; } #global_footer .footer_m ul.m_items li { position: relative; float: left; width: 80%; padding: 0 10%; } #global_footer .footer_b { height: 160px; } #global_footer .footer_b ul.cp_items { width: 100%; height: 80px; margin-top: 20px; } #global_footer .footer_b ul.cp_items li { width: 97%; margin: 5px 0 0 3%; } #global_footer .footer_b ul.cp_items a { font: 700 12px/12px 'Open Sans', sans-serif; color: #bbbcc1; } #global_footer .footer_b ul.cp_items span.sep_line { display: none; } #global_footer .footer_b ul.pay_items { top: 106px; left: 0px; } #global_footer .footer_b ul.pay_items li { width: auto; height: 28px; margin-left: 3%; text-align: center; } /* Breadcrumb */ #breadcrumb { position: relative; float: left; width: 96%; padding: 10px 2%; } #breadcrumb span.sep_line { margin: 0 5px; font: 700 12px/18px 'Open Sans', sans-serif; } #breadcrumb a { font: 700 12px/18px 'Open Sans', sans-serif; } #breadcrumb em { font: 400 12px/18px 'Open Sans', sans-serif; } /* HOMEPAGE */ #h_banner .banner_wrap { width: 100%; } #h_banner .banner_slides { width: 100%; } #h_content .cat_header { position: relative; z-index: 2; float: left; width: 90%; margin: 25px 5%; } #h_content .cat_header .b_title h2 { width: 200px; margin-left: -110px; padding: 0 10px; font: 400 21px/46px 'Open Sans', sans-serif; } #h_content .cat_header .b_title h2 small { font: 400 12px/46px 'Open Sans', sans-serif; } #h_content .cat_header ul.b_menu { height: 68px; margin-top: 10px; } #h_content .cat_header ul.b_menu li { margin: 0 0 0 10px; } #h_content .cat_header ul.b_menu li:first-child { margin: 0px; } #h_content .cat_header ul.b_menu a { font: 400 11px/24px 'Open Sans', sans-serif; } #h_content .cat_content { margin-top: -56px !important; padding: 60px 0 0 0; } #h_content .cat_content a.slidesjs-navigation { top: 0px; width: 12px; height: 12px; } #h_content .cat_content a.slidesjs-previous { left: 2%; background: url(../images/icon/left_lblue.png) center no-repeat; background-size: 12px; } #h_content .cat_content a.slidesjs-previous:hover { background-image: url(../images/icon/left_lblue.png); } #h_content .cat_content a.slidesjs-next { right: 2%; background: url(../images/icon/right_lblue.png) center no-repeat; background-size: 12px; } #h_content .cat_content a.slidesjs-next:hover { background-image: url(../images/icon/left_lblue.png); } #h_content .cat_content ul.cat_items { width: 100%; margin: 25px 0; } #h_content .cat_content ul.cat_items li { width: 40%; margin: 0 5%; } #h_content .cat_content ul.cat_items li:last-child { margin-right: 5% !important; } #h_content .cat_content ul.cat_items span.img_wrap { width: 100%; height: auto; } #h_content .cat_content ul.cat_items span.img_wrap img { float: left; width: 100%; } #h_content .cat_content ul.cat_items span.name_wrap { width: 90%; padding: 10px 5%; font: 700 12px/20px 'Open Sans', sans-serif; } #h_content .cat_content ul.cat_items a.buy_now { display: none; } /* BANNER CATEGORY A */ #h_content .cat_banner_a { width: 90%; height: auto; margin: 30px 5%; } #h_content .cat_banner_a img { float: left; width: 100%; } /* BANNER CATEGORY C */ #h_content .cat_banner_c { width: 100%; height: auto; margin-bottom: 0; } #h_content .cat_banner_c ul.c_items { width: 90%; margin: 0 5%; } #h_content .cat_banner_c ul.c_items li { width: 100%; height: auto; margin-bottom: 30px; background-position: center; background-size: 100%; background-repeat: no-repeat; } #h_content .cat_banner_c ul.c_items li:last-child { margin-bottom: 0; } #h_content .cat_banner_c ul.c_items .item_wrap { top: 5%; left: 5%; width: 90%; height: 90%; margin: 0; border: 5px solid #fff; padding: 5%; } #h_content .cat_banner_c ul.c_items .item_wrap h3 { font: 700 20px/26px 'Open Sans', sans-serif; } #h_content .cat_banner_c ul.c_items .item_wrap h4 { font: 700 12px/16px 'Open Sans', sans-serif; } #h_content .cat_banner_c ul.c_items .item_wrap a.btn_view { left: 5%; bottom: 5%; padding: 4px 10px; font: 700 12px/12px 'Open Sans', sans-serif; } /* SPECIAL */ #h_content .special_top .col_wrap { position: relative; left: 0; float: left; width: 96%; margin-left: 2%; } #h_content .special_mid .col_wrap { position: relative; left: 0; float: left; width: 96%; margin-left: 2%; } #h_content .special_btm .col_wrap { position: relative; left: 0; float: left; width: 96%; margin-left: 2%; } #h_content .special_shop .col_wrap { position: relative; left: 0; float: left; width: 96%; margin-left: 2%; } /* CATEGORY */ /* DROP DOWN LIST */ #ct_content .ct_left_head .selection { width: 152px; } #ct_content .ct_left_head .selection .opt_btn { width: 118px; font-size: 12px; } #ct_content .ct_left_head .selection .opt_menu { width: 154px; } #ct_content .ct_left_head .selection .opt_menu ul.opt_items { width: 150px; } #ct_content .ct_left_head .selection .opt_menu ul.opt_items a.s_item { width: 120px; font-size: 12px; } #ct_content .ct_left_head .selection .opt_menu ul.opt_items a.s_addr { font: 600 11px/20px 'Open Sans', sans-serif; } #ct_header { width: 96%; margin: 5px 2%; } #ct_header h2 { font: 700 20px/32px 'Open Sans', sans-serif; } #ct_header h2 em { font: 400 12px/32px 'Open Sans', sans-serif; } #ct_header h2 small { padding-left: 10px; font: 400 12px/32px 'Open Sans', sans-serif; } #ct_content .ct_left { width: 100%; margin-right: 0px; } #ct_content .ct_left_head .ct_pages ul.p_nav { margin-left: 5px; } #ct_content .ct_products ul.cat_items li { width: 46%; margin: 0 2% 20px 2%; } #ct_content .ct_products ul.cat_items li:nth-child(4n+4) { margin-right: 2% !important; } #ct_content .ct_products ul.cat_items span.img_wrap { width: 100%; height: auto; } #ct_content .ct_products ul.cat_items span.img_wrap img { float: left; width: 100%; } #ct_content .ct_products ul.cat_items span.name_wrap { width: 90%; height: 48px; padding: 5px 5%; } #ct_content .ct_products ul.cat_items span.price_wrap { width: 90%; padding: 10px 5%; } #ct_content .ct_products ul.cat_items span.sold_wrap { width: 90%; padding: 10px 5%; } #ct_content .ct_right { display: none; } /* PRODUCTS */ #pd_content .pd_top .t_left { width: 100%; } #pd_content .pd_top .t_left ul.gallery { position: absolute; top: 0px; left: 0px; width: 15%; margin-left: 1%; height: 100%; overflow: auto !important; } #pd_content .pd_top .t_left ul.gallery li { width: 100%; height: auto; margin-bottom: 10px; } #pd_content .pd_top .t_left ul.gallery img { float: left; } #pd_content .pd_top .t_left .main_logo { left: 20%; } #pd_content .pd_top .t_left .main_gallery { width: 80%; margin: 0 2% 0 18%; } #pd_content .pd_top .t_right { width: 90%; padding: 20px 5%; } #pd_content .pd_top .t_right h4.s_title { font: 400 16px/26px 'Open Sans', sans-serif; } #pd_content .pd_top .t_right h2.b_title { font: 700 24px/28px 'Open Sans', sans-serif; } #pd_content .pd_top .t_right p.w_price { margin-top: 10px; font: 700 20px/24px 'Open Sans', sans-serif; } #pd_content .pd_top .t_right p.w_sku { font: 400 12px/18px 'Open Sans', sans-serif; } #pd_content .pd_top .t_right .w_buy { display: none; } #pd_content .pd_top .t_right .w_buy a.btn_buy { width: 100%; } #pd_content .pd_top .t_right .w_buy a.btn_buy em { width: 90%; padding-left: 10%; background: url(../images/icon/bag_white.png) 30% center no-repeat; background-size: 20px; } #pd_content .pd_top .t_right .w_wishlist a.btn_save { width: 100%; } #pd_content .pd_top .t_right .w_wishlist a.btn_save em { width: 90%; padding-left: 10%; background: url(../images/icon/wishlist_white.png) 30% center no-repeat; background-size: 20px; } #pd_content .pd_top .t_right .w_no_stock h3 { width: 100%; } #pd_content .pd_mid { margin: 10px 0; } #pd_content .pd_mid table { width: 96%; margin: 0 2% 30px 2%; } #pd_content .pd_mid td { font-size: 12px; } #pd_content .pd_mid .m_center { width: 96%; padding: 0 2%; } #pd_content .pd_related h2.b_title { font: 700 22px/40px 'Open Sans', sans-serif; } #pd_content .pd_related h2.b_title small { font-size: 10px; } #pd_content .pd_related ul.related_items { width: 90%; margin: 25px 5% 0 5%; } #pd_content .pd_related ul.related_items li { width: 48%; margin-right: 4%; margin-bottom: 15px; } #pd_content .pd_related ul.related_items li:nth-child(2n+2) { margin-right: 0px !important; } #pd_content .pd_related ul.related_items a.cat_item { position: relative; float: left; width: 100%; } #pd_content .pd_related ul.related_items span.img_wrap { width: 100%; height: 100%; } #pd_content .pd_related ul.related_items span.img_wrap img { float: left; width: 100%; } #pd_content .pd_related ul.related_items span.name_wrap { width: 90%; height: 40px; padding: 10px 5%; } #pd_content .pd_related ul.related_items a.buy_now { display: none; } /* CART */ #cart_header { width: 96%; margin: 5px 2%; } #cart_header h2 { font: 700 20px/32px 'Open Sans', sans-serif; } #cart_header h2 em { font: 400 12px/32px 'Open Sans', sans-serif; } #cart_header h2 small { padding-left: 10px; font: 400 12px/32px 'Open Sans', sans-serif; } #cart_header a.btn_clear { position: absolute; top: 10px; right: 0px; padding-right: 16px; background: url(../images/icon/right_gold.png) right center no-repeat; background-size: 10px; font: 400 10px/10px 'Open Sans', sans-serif; } #cart_content { margin: 20px 0 90px 0; } #cart_content .cart_left { width: 96%; margin: 0 2% 30px 2%; } #cart_content .cart_left .cart_items a.b_title { font: 700 16px/30px 'Open Sans', sans-serif; } #cart_content .cart_left .cart_items h3 { font: 700 16px/30px 'Open Sans', sans-serif; } #cart_content .cart_left .cart_items h3.w_price { text-align: right; } #cart_content .cart_left .cart_items .selection { float: right; } #cart_content .cart_left .cart_items .remove_wrap { float: right; width: 100%; margin-right: 0px !important; } #cart_content .cart_left .cart_items a.btn_remove { display: none; float: right; margin: 10px 0 0 10px; } #cart_content .cart_left td a.b_title { font: 700 16px/30px 'Open Sans', sans-serif; } #cart_content .cart_left td h3 { font: 700 16px/30px 'Open Sans', sans-serif; } #cart_content .cart_left td h3.w_price { text-align: right; } #cart_content .cart_left td .selection { float: right; } #cart_content .cart_left td .remove_wrap { float: right; width: 100%; margin-right: 0px !important; } #cart_content .cart_left td a.btn_remove { float: right; margin: 10px 0 0 10px; } #cart_content .cart_right { width: 96%; margin: 0 2%; } #cart_content .cart_right .cart_summary { width: 90%; padding: 10px 5%; } #cart_content .cart_right .cart_summary ul.s_list { width: 90%; padding: 10px 5%; } #cart_content .cart_right .cart_summary a.btn_checkout { display: none; width: 100%; } #cart_content .cart_right .cart_summary a.btn_checkout em { width: 100%; padding-right: 0; background: url(../images/icon/right_lblue.png) 96% center no-repeat; background-size: 12px; } #cart_content .cart_right .cart_voucher { width: 96%; padding: 10px 2%; } #cart_content .cart_right .cart_voucher ul.s_list { width: 90%; padding: 10px 5%; } #cart_content .cart_right .cart_voucher ul.s_list li:nth-child(3) { width: 55%; margin-right: 5%; } #cart_content .cart_right .cart_voucher ul.s_list li:last-child { width: 40%; } #cart_content .cart_right .cart_voucher ul.s_list input { width: 89%; padding: 12px 5%; } #cart_content .cart_right .cart_voucher a.btn_apply { width: 100%; font-size: 12px; } #cart_content .cart_right .cart_voucher a.btn_apply em { width: 100%; padding-right: 0; background: url(../images/icon/right_lblue.png) 90% center no-repeat; background-size: 12px; } /* CHECKOUT */ #ckt_header { width: 96%; margin: 5px 2%; } #ckt_header h2 { font: 700 20px/32px 'Open Sans', sans-serif; } #ckt_header h2 small { padding-left: 10px; font: 400 12px/32px 'Open Sans', sans-serif; } #ckt_content { margin: 20px 0 90px 0; } #ckt_content .ckt_left { width: 96%; margin: 0 2%; } #ckt_content .ckt_left ul.pi_items input[type=text] { width: 95%; margin: 10px 0; border: 2px solid #bbbcc1; padding: 2%; } #ckt_content .ckt_left ul.pi_items input.medium { width: 95% !important; margin-right: 0; } #ckt_content .ckt_left ul.pi_items .pay_wrap a.btn_pay { width: 99%; margin: 10px 0; border: 2px solid #bbbcc1; padding: 10px 0; } #ckt_content .ckt_left ul.pi_items .pay_logo img { height: 36px; } #ckt_content .ckt_left ul.pi_items a.btn_check { width: 100%; } #ckt_content .ckt_left ul.pi_items a.btn_back { width: 100%; margin: 10px 0; } #ckt_content .ckt_left ul.pi_items a.btn_back em { width: 100%; padding-left: 0; background: url(../images/icon/left_lblue.png) 4% center no-repeat; background-size: 20px; } #ckt_content .ckt_left ul.pi_items a.btn_submit { display: none; width: 100%; margin: 10px 0; } #ckt_content .ckt_left ul.pi_items a.btn_submit em { width: 100%; padding-right: 0; background: url(../images/icon/right_lblue.png) 96% center no-repeat; background-size: 20px; } #ckt_content .ckt_right { width: 96%; margin: 0 2%; } #ckt_content .ckt_right .ckt_summary { width: 90%; padding: 10px 5%; } #ckt_content .ckt_right .ckt_summary ul.s_list { width: 90%; padding: 10px 5%; } #ckt_content .ckt_right .ckt_summary a.btn_checkout { width: 100%; } #ckt_content .ckt_right .ckt_summary a.btn_checkout em { width: 100%; padding-right: 0; background: url(../images/icon/right_lblue.png) 96% center no-repeat; background-size: 20px; } #ckt_content .ckt_right .item_summary { width: 90%; padding: 10px 5%; } /* HELP */ #help_header { width: 96%; margin: 5px 2%; } #help_header h2 { font: 700 20px/32px 'Open Sans', sans-serif; } #help_header h2 em { font: 400 12px/32px 'Open Sans', sans-serif; } #help_header h2 small { padding-left: 10px; font: 400 12px/32px 'Open Sans', sans-serif; } #help_content .help_left { width: 100%; margin-right: 0; } #help_content .help_left .help_wrap { width: 90%; padding: 25px 5%; } #help_content .help_left img { width: 100%; height: auto; } #help_content .help_right { display: none; } /* ABOUT US */ #about_header { width: 96%; margin: 5px 2%; } #about_header h2 { font: 700 20px/32px 'Open Sans', sans-serif; } #about_header h2 em { font: 400 12px/32px 'Open Sans', sans-serif; } #about_header h2 small {padding-left: 10px; font: 400 12px/32px 'Open Sans', sans-serif; } /* CONTENT */ #about_content .about_top { width: 90%; margin: 0 5% 30px 5%; } #about_content .about_top h2 { font: 400 24px/24px 'Open Sans', sans-serif; } #about_content .about_top h2 small { font-size: 12px; } #about_content .about_top h2 span.title_line { width: 20%; margin: 0 80% 10px 0; } #about_content .about_top .top_bg { margin: 20px 0; } #about_content .about_top p { font: 400 16px/26px 'Open Sans', sans-serif; } #about_content .about_mid { width: 90%; margin: 30px 5%; } #about_content .about_mid h2 { font: 400 24px/24px 'Open Sans', sans-serif; } #about_content .about_mid h2 small { font-size: 12px; } #about_content .about_mid h2 span.title_line { width: 20%; margin: 0 80% 10px 0; } #about_content .about_mid .mid_content { width: 100%; margin: 20px 0 10px 0; } #about_content .about_mid .mid_content p { font: 400 18px/24px 'Open Sans', sans-serif; } #about_content .about_mid .mid_bg { width: 80%; margin: 20px 5%; padding: 5%; } /* LOGIN */ #login .login_wrap { left: 5%; width: 90%; margin: 30px 0 0 0; } #login .login_wrap ul.login_form input { width: 100%; padding: 15px 5%; } #login .login_wrap ul.login_form a.btn_check { width: 100%; } #login .login_wrap ul.login_form a.btn_acc { width: 100%; } #login .login_wrap ul.login_form a.btn_acc em { width: 100%; padding-right: 0px; background: url(../images/icon/right_lblue.png) 95% center no-repeat; background-size: 20px; } /* FORGOT */ #forgot .forgot_wrap { left: 5%; width: 90%; margin: 30px 0 0 0; } #forgot .forgot_wrap ul.forgot_form input { width: 100%; padding: 15px 5%; } #forgot .forgot_wrap ul.forgot_form a.btn_check { width: 100%; } #forgot .forgot_wrap ul.forgot_form a.btn_acc { width: 100%; } #forgot .forgot_wrap ul.forgot_form a.btn_acc em { width: 100%; padding-right: 0px; background: url(../images/icon/right_lblue.png) 95% center no-repeat; background-size: 20px; } /* REGISTER */ #register .register_wrap { left: 5%; width: 90%; margin: 30px 0 0 0; } #register .register_wrap ul.register_form input { width: 100%; padding: 15px 5%; } #register .register_wrap ul.register_form a.btn_check { width: 100%; } #register .register_wrap ul.register_form a.btn_acc { width: 100%; } #register .register_wrap ul.register_form a.btn_acc em { width: 100%; padding-right: 0px; background: url(../images/icon/right_lblue.png) 95% center no-repeat; background-size: 20px; } /* ACCOUNT */ #acc_header { width: 96%; margin: 5px 2%; } #acc_header h2 { font: 700 20px/32px 'Open Sans', sans-serif; } #acc_header h2 em { font: 400 12px/32px 'Open Sans', sans-serif; } #acc_header h2 small { padding-left: 10px; font: 400 12px/32px 'Open Sans', sans-serif; } #acc_header a.btn_logout { top: 10px; right: 2%; } #acc_content { margin-bottom: 70px; } #acc_content .acc_left { width: 100%; margin: 0 0 20px 0; } #acc_content .acc_products ul.pi_items input[type=text] { width: 80%; margin: 10px 10% 10px 0; padding: 10px 4%; } #acc_content .acc_products ul.pi_items input[type=password] { width: 80%;; margin: 10px 10% 10px 0; padding: 10px 4%; } #acc_content .acc_right { width: 100%; margin: 0; } #acc_content .acc_right h3.b_title { width: 96%; padding: 10px 2%; } #acc_content .acc_right ul.acc_list { width: 100%; padding: 0 0 20px 0; } #acc_content .acc_right ul.acc_list li.s_item { width: 50%; } #acc_content .acc_right ul.acc_list a.h_list { width: 96%; padding: 0 2%; } #acc_content .acc_right ul.acc_list a.s_list { width: 84%; background: url(../images/icon/right_mblue.png) 4% center no-repeat; background-size: 12px; padding-left: 16%; } /* DROP DOWN LIST */ #acc_content .selection { width: 152px; } #acc_content .selection .opt_btn { width: 118px; background: url(../images/icon/down_dblue.png) 96% center no-repeat; background-size: 12px; font-size: 12px; } #acc_content .selection .opt_menu { width: 154px; } #acc_content .selection .opt_menu ul.opt_items { width: 150px; } #acc_content .selection .opt_menu ul.opt_items a.s_item { width: 120px; font-size: 12px; } #acc_content .acc_products ul.pi_items a.btn_submit { width: 100%; } #acc_content .acc_products ul.pi_items a.btn_submit em { width: 100%; padding-right: 0px; background: url(../images/icon/right_lblue.png) 95% center no-repeat; background-size: 20px; } } @media screen and (max-width:320px) { /* smaller screens */ body { min-width: 100%; padding: 0px !important; } .content { width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden !important; } input[type=text],input[type=password],input[type=submit],input[type=button],textarea { -webkit-appearance: none; @include border-radius(0); } #global_header .header_t ul.t_menu a { font: 700 10px/32px 'Open Sans', sans-serif; } #h_content .cat_header ul.b_menu a { font: 400 10px/34px 'Open Sans', sans-serif; } #h_content .cat_content ul.cat_items span.name_wrap { width: 90%; padding: 0 5%; font: 700 10px/20px 'Open Sans', sans-serif; } }